@font-face{font-family:Caveat;src:url('/landing-garden-v1/Caveat.0bdb6b660482.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--ink:#432d3b;--muted:#786773;--pink:#8a4d6c;--blossom:#ed91b5;--paper:#fcf8ed;--line:#e6dfcf;--green:#8ca660;--sage:#e8eddd;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--green);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:35px}
*{box-sizing:border-box}body{margin:0;padding:18px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}::selection{background:#efd3df}svg{display:block}img{max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,.brand,.garden-caption,.tree-stage{font-family:Caveat,cursive}h2{font-size:clamp(48px,5.3vw,70px);line-height:1.02;font-weight:600;letter-spacing:-1.5px}p{line-height:1.65}.page{max-width:1460px;margin:0 auto;background:var(--paper);border-radius:30px;overflow:hidden;box-shadow:0 18px 80px #364e2222}.header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,84px)}.brand{font-size:43px;font-weight:600;letter-spacing:-2px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;line-height:1}.brand svg{width:22px;height:25px;fill:var(--blossom);transform:rotate(13deg);margin-top:9px}.header nav{display:flex;align-items:center;gap:34px;font-size:14px}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.sign-in{padding:13px 20px;border:1px solid #d7ddca;border-radius:100px}.sign-in span{margin-left:11px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:670px;padding:28px clamp(28px,5vw,84px) 60px;gap:10px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:650;letter-spacing:1.9px;line-height:1.5}.eyebrow>span{font-size:19px;color:var(--pink);vertical-align:-2px;margin-right:6px}.hero h1{font-size:clamp(65px,6.6vw,92px);font-weight:600;line-height:.99;letter-spacing:-3px;margin:24px 0 26px}.hero h1>span{display:block;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--pink);position:relative;z-index:0}.hero h1 em:after{content:"";position:absolute;height:7px;left:0;right:-4px;bottom:4px;background:#edc7d6;border-radius:50%;transform:rotate(-3deg);z-index:-1}.hero-lead{font-size:17px;max-width:405px;color:var(--muted);margin-bottom:27px;line-height:1.65}.waitlist{display:flex;flex-wrap:wrap;gap:8px;max-width:455px;position:relative}.waitlist input{min-width:0;flex:1;width:200px;border:1px solid #dfd8cb;border-radius:100px;padding:17px 19px;background:#fffdf8;color:var(--ink);font-size:14px;box-shadow:none}.waitlist input::placeholder{color:#8c7f86}.waitlist button{border:0;border-radius:100px;background:var(--pink);color:#fffaf7;padding:17px 20px;font-size:13px;white-space:nowrap;font-weight:600}.waitlist button:hover{background:#75405a}.waitlist button span{margin-left:9px}.form-message{width:100%;font-size:13px;color:var(--pink);line-height:1.5}.form-message:empty{display:none}.waitlist[data-state=success] input,.waitlist[data-state=success] button{display:none}.waitlist[data-state=success] .form-message{padding:16px 20px;background:var(--sage);border-radius:20px;color:#425638}.form-note{font-size:11px;color:var(--muted);margin-top:11px}.text-link{display:inline-flex;gap:16px;text-decoration:none;font-size:13px;font-weight:500;margin-top:33px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero-garden{height:550px;position:relative;isolation:isolate;min-width:0;overflow:visible;margin-right:-30px;margin-left:0}.garden-halo{position:absolute;background:#edf0df;border-radius:48% 52% 58% 42%;inset:34px -5px 68px 14px;transform:rotate(-7deg);z-index:-2}.garden-ground{position:absolute;left:-6%;right:-5%;height:42%;bottom:39px;background-color:#91ae61;background-image:linear-gradient(30deg,#c6d59413 12%,transparent 12.5%,transparent 87%,#c6d59413 87.5%),linear-gradient(150deg,#c6d59413 12%,transparent 12.5%,transparent 87%,#c6d59413 87.5%);background-size:70px 45px;border-radius:50%;transform:rotate(-5deg);box-shadow:0 17px 0 -9px #b7c68e44;z-index:-1}.tree-art{overflow:hidden;filter:drop-shadow(0 9px 6px #6d753d22)}.hero-tree{position:absolute;width:81%;height:75%;left:9%;top:8%;transform:rotate(-3deg)}.friend{position:absolute;width:125px;height:146px;z-index:2;transform:rotate(-7deg)}.friend>svg{position:absolute;width:100%;height:100%;bottom:0}.friend>img{width:62px;height:62px;border:5px solid #fffef7;border-radius:50%;position:absolute;left:32px;top:14px;box-shadow:0 3px 8px #4e593723;object-position:center 22%}.friend>span{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);background:#fffdf1;padding:5px 14px;border-radius:18px;font-family:Caveat,cursive;font-size:20px;box-shadow:0 3px 6px #4e593714}.friend-amara{left:-4%;bottom:101px}.friend-maya{left:24%;bottom:41px;transform:rotate(6deg)}.friend-noor{right:-1%;bottom:101px;transform:rotate(9deg)}.memory-tag{position:absolute;top:42px;right:-9px;background:#fffef5;transform:rotate(6deg);padding:14px 17px;display:flex;align-items:center;gap:10px;border-radius:17px;box-shadow:0 8px 24px #7b745614;z-index:3}.tiny-flower{font-size:29px;color:#d97499}.memory-tag strong{display:block;font-size:12px;font-weight:600}.memory-tag small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.garden-caption{position:absolute;bottom:-6px;right:22px;font-size:25px;transform:rotate(-7deg);color:#5f7450}.petal{position:absolute;border-radius:80% 15% 80% 20%;width:15px;height:9px;background:#eda3bd;z-index:3;animation:drift 7s ease-in-out infinite}.petal-one{left:2%;top:115px;transform:rotate(40deg)}.petal-two{right:4%;top:49%;animation-delay:-2s}.petal-three{left:48%;top:24px;animation-delay:-4s}.chapter-divider{display:flex;gap:16px;align-items:center;justify-content:center;max-width:1120px;margin:10px auto 0;padding:0 40px}.chapter-divider>span{height:1px;background:var(--line);flex:1}.chapter-divider svg{width:25px;height:25px;fill:#df98b1}.section{padding:100px clamp(28px,6.5vw,96px)}.section-heading{display:flex;flex-direction:column;align-items:center;text-align:center}.section-heading h2{margin-top:19px}.section-heading>p:last-child{color:var(--muted);font-size:16px;margin-top:24px}.how-content{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;max-width:980px;margin:55px auto 0}.chat{max-width:370px;width:100%;margin:auto;background:#fffdfa;border-radius:30px;border:1px solid #e6ded2;box-shadow:0 16px 48px #6c49350c;transform:rotate(-2deg);overflow:hidden}.chat-header{padding:18px 23px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eee9df}.drop-avatar{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:#f4d9e4;color:var(--pink);font-family:Caveat;font-size:37px}.chat-header strong{display:block;font-size:13px}.chat-header small{display:block;font-size:10px;margin-top:4px;color:#8f8588}.chat-header svg{margin-left:auto;width:13px;height:18px;fill:none;stroke:#9b9098;stroke-width:1.6}.chat-messages{padding:23px 18px 10px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:86%;padding:11px 14px;font-size:13px;line-height:1.5;border-radius:17px}.mine{align-self:flex-end;background:#e2ead5;color:#43543a;border-bottom-right-radius:5px}.theirs{align-self:flex-start;background:#f0ebdf;border-bottom-left-radius:5px}.chat-input{margin:14px 18px 20px;border:1px solid #e6dfd6;border-radius:25px;display:flex;align-items:center;justify-content:space-between;padding:6px 7px 6px 14px;font-size:12px;color:#a5999f}.chat-input i{border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:var(--pink);color:white;font-style:normal}.keeps{display:flex;flex-direction:column;gap:35px}.keeps article{display:flex;gap:19px;align-items:flex-start}.feature-icon{width:49px;height:49px;flex:none;display:grid;place-items:center;border-radius:16px;background:#e9eddd;color:#65794d}.feature-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.keeps h3{font-size:21px;font-weight:600;letter-spacing:-.3px;margin-bottom:10px}.keeps p{font-size:14px;color:var(--muted);max-width:280px;line-height:1.75}.garden-section{background:#e9eddf;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;margin:0 24px;border-radius:28px;padding:70px clamp(28px,5vw,75px)}.garden-story h2{margin:20px 0 28px}.garden-story>p:not(.eyebrow){color:#68705f;max-width:390px;font-size:15px;margin-top:15px;line-height:1.8}.garden-facts{display:flex;flex-direction:column;gap:14px;margin-top:28px;font-size:13px}.garden-facts span{display:flex;gap:12px;align-items:center}.garden-facts i{width:24px;font-style:normal;color:var(--pink);font-size:22px;line-height:1}.progress-preview{background:#fffdf2;border:1px solid #ffffffaa;border-radius:25px;padding:23px 24px;max-width:450px;width:100%;margin:auto;box-shadow:0 13px 35px #47543209}.preview-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.preview-caption>span:first-child{font-weight:600}.preview-tag{font-size:9px;color:#7d7d67}.progress-scene{height:315px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px}.progress-ground{width:90%;height:90px;background:#dce6c5;border-radius:50%;position:absolute;bottom:0}.progress-tree{position:relative;height:140px;width:96px;transform-origin:bottom;transition:width .45s ease,height .45s ease}.progress-tree[data-level="5"]{height:200px;width:204px}.progress-tree[data-level="20"]{height:260px;width:265px}.progress-tree[data-level="50"]{height:304px;width:280px}.tree-stage{font-size:25px;line-height:1.3;text-align:center;margin-top:15px;min-height:33px}.level-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.level-buttons button{background:#f4f0e4;border:1px solid transparent;border-radius:14px;padding:9px 6px 11px;color:#7c7373;font-family:Caveat;font-size:28px;line-height:1.05;min-height:56px}.level-buttons button small{display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:9px;line-height:1.5;margin-bottom:3px}.level-buttons button[aria-pressed="true"]{background:#efd3df;border-color:#ddadc1;color:#7d425e}.level-buttons button:hover{border-color:#c8a7b5}.preview-hint{text-align:center;color:var(--muted);font-size:10px;margin-top:13px}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:100px;padding-bottom:80px}.questions h2{font-size:52px}.questions details{border-bottom:1px solid var(--line)}.questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;font-size:16px;line-height:1.5;padding:23px 0}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:24px;font-weight:300;color:var(--pink);line-height:1}.questions details[open] summary>span{transform:rotate(45deg)}.questions details p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:24px;max-width:440px}.final{text-align:center;position:relative;padding-top:40px;padding-bottom:90px}.final-flower{width:75px;height:80px;margin:0 auto 20px;transform:rotate(8deg)}.final h2{margin:18px 0}.final>p:not(.eyebrow){font-size:15px;color:var(--muted)}.final .waitlist{margin:28px auto 0}.footer{padding:28px clamp(28px,5vw,84px) 34px;display:flex;align-items:center;gap:26px;border-top:1px solid var(--line)}.footer .brand{font-size:33px}.footer>span{font-family:Caveat;font-size:20px;color:var(--muted)}.footer nav{margin-left:auto;display:flex;gap:23px;font-size:11px}.footer nav a{text-decoration:none}.footer nav a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-80px;padding:13px 20px;background:#fffdf8;z-index:99;border-radius:20px}.skip:focus{top:20px}
@keyframes drift{0%,100%{translate:0 0;rotate:10deg}50%{translate:7px 12px;rotate:-15deg}}
@media(min-width:1450px){.hero{gap:40px}.hero-garden{margin-right:-20px}.hero-tree{top:5%}.hero h1{font-size:94px}}
@media(max-width:1050px){.header nav{gap:23px}.hero{padding-inline:38px;gap:0;min-height:620px}.hero h1{font-size:73px}.hero-garden{height:475px;margin-left:-12px;margin-right:-15px}.friend{width:105px;height:125px}.friend>img{width:55px;height:55px;left:25px;top:10px}.memory-tag{right:-8px;padding:10px 12px;top:24px;gap:7px}.memory-tag strong{font-size:10px}.memory-tag small{font-size:9px}.tiny-flower{font-size:25px}.friend-amara,.friend-noor{bottom:85px}.friend-maya{bottom:26px;left:24%}.garden-ground{bottom:30px}.garden-caption{bottom:-13px;font-size:22px}.how-content{gap:48px}.garden-section{gap:35px;padding-inline:38px}.preview-caption{font-size:10px}.preview-tag{font-size:8px}.questions{gap:40px}.footer{gap:18px}.footer nav{gap:15px}}
@media(max-width:800px){body{padding:10px}.page{border-radius:23px}.header{height:86px;padding-inline:27px}.brand{font-size:38px}.hero{grid-template-columns:1fr;text-align:center;padding:23px 25px 52px;gap:20px;min-height:0}.hero-copy{display:flex;align-items:center;flex-direction:column}.hero h1{font-size:80px;margin:22px 0}.hero-lead{max-width:420px;font-size:16px}.hero .waitlist{width:100%;max-width:430px}.hero-garden{width:100%;max-width:530px;height:510px;margin:10px auto 0}.hero-tree{width:77%;left:12%;top:6%}.memory-tag{right:4%;top:30px}.friend{width:120px;height:143px}.friend>img{width:62px;height:62px;left:30px;top:14px}.friend-amara{left:1%;bottom:91px}.friend-noor{right:0;bottom:91px}.friend-maya{left:29%;bottom:38px}.garden-ground{left:1%;right:0;bottom:40px}.garden-caption{bottom:-3px;right:3%;font-size:26px}.text-link{margin-top:24px}.section{padding:68px 30px}.section-heading h2{font-size:59px}.how-content{gap:35px;margin-top:42px}.keeps article{gap:12px}.keeps h3{font-size:18px}.keeps p{font-size:13px}.feature-icon{width:39px;height:39px;border-radius:12px}.feature-icon svg{width:23px;height:23px}.garden-section{margin-inline:15px;grid-template-columns:1fr;gap:38px;padding:49px 28px}.garden-story{text-align:center}.garden-story>p:not(.eyebrow){margin:15px auto 0;max-width:470px}.garden-facts{align-items:center;gap:9px;margin-top:22px}.garden-story h2{font-size:61px;margin:15px 0 22px}.progress-preview{max-width:380px;padding:22px}.questions{grid-template-columns:1fr;gap:18px;padding:65px 35px}.questions h2{font-size:53px}.questions details p{max-width:100%}.final{padding-top:10px;padding-bottom:65px}.final h2{font-size:62px}.footer{padding:26px;flex-wrap:wrap;gap:15px}.footer>span{margin-left:auto}.footer nav{margin-left:0;justify-content:space-between;width:100%;margin-top:8px}}
@media(max-width:540px){body{padding:8px}.page{border-radius:21px}.header{height:79px;padding:0 21px}.brand{font-size:37px}.brand svg{width:19px;height:22px}.header .nav-section{display:none}.sign-in{font-size:12px;padding:10px 16px}.header nav{gap:0}.hero{padding:20px 21px 39px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:clamp(56px,14.6vw,76px);letter-spacing:-2px;margin:21px 0 22px;line-height:1.02}.hero-lead{font-size:14px;max-width:325px;margin-bottom:23px}.waitlist{gap:7px}.waitlist input{padding:16px;min-height:49px;font-size:12px;width:120px}.waitlist button{padding:15px 16px;font-size:11px;min-height:49px}.waitlist button span{margin-left:3px}.form-note{font-size:9px;margin-top:9px}.text-link{font-size:11px;margin-top:23px}.hero-garden{height:365px;margin-top:10px;max-width:375px}.garden-halo{inset:30px 8px 45px 10px}.garden-ground{bottom:33px;height:38%;left:0;right:0}.hero-tree{height:76%;top:6%;left:12%;width:77%}.friend{width:84px;height:102px}.friend>img{width:46px;height:46px;border-width:4px;left:20px;top:10px}.friend>span{font-size:17px;padding:3px 12px;bottom:-12px}.friend-amara,.friend-noor{bottom:74px}.friend-amara{left:-2%}.friend-noor{right:-1%}.friend-maya{left:28%;bottom:27px}.memory-tag{top:9px;right:0;padding:9px 10px;border-radius:13px;gap:6px}.memory-tag strong{font-size:9px}.memory-tag small{font-size:7px;margin-top:3px}.tiny-flower{font-size:22px}.garden-caption{font-size:21px;bottom:-5px;right:1%}.petal-one{top:85px}.petal{width:11px;height:7px}.chapter-divider{padding-inline:25px;gap:14px;margin-top:12px}.chapter-divider svg{width:21px;height:21px}.section{padding:57px 24px}.section-heading h2{font-size:55px;margin-top:16px}.section-heading>p:last-child{font-size:13px;margin-top:19px;max-width:280px}.section-heading>p:last-child br{display:none}.how-content{grid-template-columns:1fr;gap:42px;margin-top:35px}.chat{max-width:310px}.chat-header{padding:16px 19px}.chat-messages{padding:20px 17px 10px;gap:11px}.bubble{font-size:12px}.keeps{gap:27px;padding-inline:5px}.keeps article{gap:16px}.keeps h3{font-size:20px;margin-bottom:7px}.keeps p{font-size:13px;max-width:270px}.feature-icon{width:43px;height:43px;border-radius:13px}.garden-section{padding:43px 22px;margin-inline:11px;gap:31px;border-radius:23px}.garden-story h2{font-size:57px}.garden-story>p:not(.eyebrow){font-size:13px}.garden-facts{font-size:12px}.progress-preview{padding:20px 15px;border-radius:21px}.preview-caption{font-size:10px}.preview-tag{font-size:8px}.progress-scene{height:283px}.progress-tree[data-level="50"]{height:271px;width:252px}.progress-tree[data-level="20"]{height:235px;width:240px}.progress-tree[data-level="5"]{height:180px;width:185px}.tree-stage{font-size:23px}.level-buttons{gap:6px;margin-top:17px}.level-buttons button{font-size:26px}.questions{padding:57px 27px;gap:13px}.questions h2{font-size:49px}.questions summary{font-size:14px;padding:21px 0}.questions details p{font-size:13px}.final{padding-top:8px;padding-bottom:55px}.final-flower{width:67px;height:73px;margin-bottom:17px}.final h2{font-size:55px}.final>p:not(.eyebrow){font-size:13px;max-width:280px;margin:auto}.final .waitlist{margin-top:24px}.footer{padding:24px;gap:10px}.footer .brand{font-size:30px}.footer>span{font-size:17px}.footer nav{font-size:10px;gap:16px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep each sprite viewport at its crop ratio so adjacent atlas rows stay hidden. */
.friend>svg,.final-flower{height:auto;aspect-ratio:225 / 215;overflow:hidden}


.download-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:18px 25px;background:var(--pink);border-radius:100px;color:#fffaf7;text-decoration:none;font-size:14px;font-weight:600;min-height:52px}.download-link:hover{background:#75405a}.download-note{font-size:11px;color:var(--muted);margin-top:11px}.final .download-block{margin-top:27px}.final .updates-note{font-size:11px!important;margin-top:35px!important;color:#94818c!important}.final .waitlist{margin-top:14px}
.ex-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:105px;padding-bottom:25px}.ex-story{padding-left:15px}.optional-note{display:inline-block;font-family:Caveat;font-size:22px;color:#8c6d78;transform:rotate(-6deg);margin-top:26px}.ex-story h2{font-size:clamp(58px,6vw,80px);margin:8px 0 24px;letter-spacing:-2px;white-space:nowrap}.ex-story>p:not(.eyebrow):not(.download-note){color:var(--muted);font-size:20px;line-height:1.6}.ex-story .download-link{margin-top:28px}.ex-art{position:relative;isolation:isolate;max-width:450px;width:100%;height:360px;background:#f5e8eb;border:1px solid #ecdae0;border-radius:40% 45% 30% 35%;margin:auto;transform:rotate(2deg)}.ex-art-halo{position:absolute;inset:30px 48px 57px;background:#fff6df;border-radius:48% 52% 42% 58%;transform:rotate(-13deg);z-index:-1}.ex-ground{position:absolute;bottom:45px;left:10px;right:10px;height:85px;background:#d4dfbf;border-radius:50%;z-index:-1}.ex-bye{position:absolute;right:5px;top:33px;background:#fffdf4;border:1px solid #ead5db;border-radius:14px;padding:7px 17px;font-family:Caveat;font-size:29px;color:var(--pink);transform:rotate(8deg)}.teaser-bomb{position:absolute;width:190px;height:212px;left:50%;top:55px;transform:translateX(-50%) rotate(-7deg)}.bomb-body{position:absolute;width:158px;height:158px;left:16px;top:31px;border-radius:50%;background:linear-gradient(140deg,#858092,#40394d 75%);box-shadow:inset 5px 6px 6px #ffffff28,inset -5px -7px 10px #27202d33,0 5px 0 #40344320;transform:rotate(-8deg)}.bomb-sticker{position:absolute;inset:7px;border:7px solid #fffdf4;border-radius:50%;background:#f2d5e6;display:grid;place-items:center;box-shadow:0 3px 6px #1b102b38;font-size:99px;line-height:1}.bomb-fuse{position:absolute;width:39px;height:40px;border:6px solid #a77548;border-bottom:0;border-right:0;border-radius:70% 0 0 0;left:91px;top:4px;transform:rotate(13deg)}.bomb-spark{position:absolute;left:122px;top:-9px;color:#e8ab4f;font-size:37px;text-shadow:0 0 12px #ffd16f}.bomb-foot{position:absolute;width:48px;height:21px;border-radius:50%;background:#45394d;top:177px}.foot-left{left:26px;transform:rotate(-14deg)}.foot-right{right:26px;transform:rotate(14deg)}.bomb-shadow{position:absolute;width:144px;height:19px;border-radius:50%;background:#4d4c3826;left:23px;top:190px}.ex-flower{position:absolute;width:89px;height:auto;aspect-ratio:225/215;overflow:hidden;bottom:57px;z-index:2}.flower-left{left:10px;transform:rotate(-12deg)}.flower-right{right:10px;transform:rotate(12deg)}.ex-shot{position:absolute;width:20px;height:11px;background:#d880a5;border:2px solid #fff7e8;border-radius:70% 20% 70% 20%;box-shadow:-12px 0 0 -4px #dba4b867}.shot-left{left:24%;top:48%;transform:rotate(-37deg)}.shot-right{right:22%;top:44%;transform:rotate(-140deg)}.ex-caption{position:absolute;bottom:13px;left:0;right:0;font-family:Caveat;font-size:25px;color:#866578;text-align:center;transform:rotate(-3deg)}
@media(max-width:1050px){.ex-section{gap:40px;padding-inline:45px}.ex-story{padding-left:0}.ex-story h2{font-size:63px}.ex-art{height:350px}.ex-flower{width:75px}.ex-bye{right:-7px}}
@media(max-width:800px){.ex-section{grid-template-columns:1fr;gap:37px;padding:65px 30px 0}.ex-story{text-align:center}.ex-story h2{font-size:76px;margin-bottom:18px}.optional-note{margin-top:19px}.ex-story>p:not(.eyebrow):not(.download-note){font-size:18px}.ex-art{max-width:380px}.ex-story .download-link{margin-top:24px}.download-note{font-size:10px}.ex-flower{width:83px}}
@media(max-width:540px){.ex-section{padding:57px 24px 0;gap:30px}.ex-story h2{font-size:clamp(45px,13.5vw,66px)}.ex-story>p:not(.eyebrow):not(.download-note){font-size:17px}.ex-art{height:325px}.ex-bye{font-size:25px;right:-5px;top:23px}.ex-flower{width:72px;bottom:50px}.flower-left{left:0}.flower-right{right:0}.ex-caption{font-size:22px;bottom:10px}.ex-ground{bottom:43px;left:0;right:0}.teaser-bomb{top:44px;width:170px;height:202px}.bomb-body{width:144px;height:144px;left:13px;top:31px}.bomb-sticker{inset:6px;border-width:6px;font-size:89px}.bomb-fuse{left:82px}.bomb-spark{left:113px}.bomb-foot{top:164px;width:42px}.foot-left{left:22px}.foot-right{right:22px}.bomb-shadow{left:20px;top:178px;width:130px}.shot-left{left:22%;top:48%}.shot-right{right:19%;top:45%}.download-link{font-size:13px;padding:16px 24px;min-height:50px}.download-note{font-size:9px}.final .waitlist{margin-top:12px}.final .updates-note{margin-top:31px!important}}

/* The bomb preview has its own public navigation tab. */
.header .nav-demo{color:var(--pink);white-space:nowrap}.nav-demo[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#dbb4c5}.demo-page{min-height:calc(100svh - 36px)}.demo-section{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"story visual" "download visual";column-gap:70px;row-gap:28px;align-content:center;min-height:calc(100svh - 144px);padding:35px clamp(28px,7vw,100px) 65px}.demo-story{grid-area:story;align-self:end;padding-left:0}.demo-story h1{font-size:clamp(58px,6vw,80px);font-weight:600;letter-spacing:-2px;line-height:1.05;margin:8px 0 24px;white-space:nowrap}.demo-story .optional-note{margin-top:0}.demo-story>p{font-size:20px;color:var(--muted);line-height:1.6}.demo-visual{grid-area:visual;text-align:center;align-self:center}.demo-download{grid-area:download;align-self:start}.demo-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;color:#967787;font-size:11px;min-height:44px;margin-top:7px;padding:8px 13px;border-radius:30px}.demo-toggle:hover{background:#f3e7e8}.demo-art .teaser-bomb{animation:demo-bomb 6s infinite}.demo-art .shot-left{animation:demo-shot-left 6s infinite}.demo-art .shot-right{animation:demo-shot-right 6s infinite}.ex-pop{position:absolute;left:50%;top:43%;font-size:100px;color:#e9b765;text-shadow:0 0 22px #fff6d7;opacity:0;transform:translate(-50%,-50%) scale(0)}.demo-art .ex-pop{animation:demo-pop 6s infinite}.demo-art[data-playing=false] *{animation-play-state:paused!important}
@keyframes demo-bomb{0%,15%,33%,40%{transform:translateX(-50%) rotate(-7deg);opacity:1}20%,38%{transform:translateX(-50%) translateY(-4px) rotate(2deg);opacity:1}43%,47%{transform:translateX(-50%) rotate(-13deg);opacity:1}45%,49%{transform:translateX(-50%) rotate(7deg);opacity:1}50%{transform:translateX(-50%) scale(1.08);opacity:1}58%,81%{transform:translateX(-50%) scale(.1);opacity:0}90%,100%{transform:translateX(-50%) rotate(-7deg);opacity:1}}
@keyframes demo-shot-left{0%,10%,30%,50%,100%{left:24%;top:48%;opacity:0}11%,31%{left:24%;top:48%;opacity:1}18%,38%{left:47%;top:41%;opacity:1}20%,40%{left:50%;top:39%;opacity:0}}
@keyframes demo-shot-right{0%,22%,42%,100%{right:22%;top:44%;opacity:0}23%,43%{right:22%;top:44%;opacity:1}30%,50%{right:46%;top:39%;opacity:1}32%,52%{right:49%;top:38%;opacity:0}}
@keyframes demo-pop{0%,49%,76%,100%{opacity:0;transform:translate(-50%,-50%) scale(0)}54%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(15deg)}68%{opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(35deg)}}
@media(max-width:1050px){.demo-section{column-gap:40px;padding-inline:45px}.demo-story h1{font-size:63px}}
@media(max-width:800px){.header nav{gap:20px}.demo-page{min-height:calc(100svh - 20px)}.demo-section{min-height:calc(100svh - 106px);grid-template-columns:1fr;grid-template-areas:"story" "visual" "download";row-gap:20px;padding:25px 30px 35px;justify-items:center}.demo-story{text-align:center}.demo-story h1{font-size:68px;margin:7px 0 15px}.demo-story>p{font-size:17px}.demo-visual{width:100%;max-width:380px}.demo-download{text-align:center}.demo-toggle{margin-top:0}.demo-story .optional-note{font-size:20px}}
@media(max-width:540px){.header nav{gap:14px}.header .nav-demo{font-size:11px}.header .sign-in{padding-inline:12px}.header .sign-in span{margin-left:6px}.demo-section{padding:10px 23px 30px;row-gap:13px}.demo-page{min-height:calc(100svh - 16px)}.demo-story h1{font-size:clamp(43px,13.5vw,64px);margin:5px 0 12px}.demo-story>p{font-size:15px}.demo-art{height:300px}.demo-art .teaser-bomb{top:32px}.demo-art .ex-ground{bottom:37px}.demo-art .ex-flower{bottom:43px}.demo-art .ex-caption{font-size:21px;bottom:7px}.demo-art .ex-bye{top:19px}.demo-toggle{font-size:10px;min-height:34px}.demo-download .download-note{font-size:9px}}
@media(max-width:350px){.header{padding-inline:15px}.header .brand{font-size:32px}.header nav{gap:10px}.header .nav-demo{font-size:10px}.header .sign-in{font-size:11px;padding:9px 10px}.demo-art{height:280px}.demo-art .ex-caption{font-size:19px}}
@media(prefers-reduced-motion:reduce){.demo-toggle{display:none}.demo-art .shot-left,.demo-art .shot-right{opacity:1}.demo-art .teaser-bomb{opacity:1}}

/* Keep green as a slim frame and a tighter patch around the garden. */
body:not(.demo-body){padding:10px}
.hero-garden .garden-halo{left:9%;right:9%;top:12%;bottom:17%}
.hero-garden .garden-ground{left:6%;right:6%;height:33%;bottom:43px}
@media(max-width:800px){body:not(.demo-body){padding:6px}}
@media(max-width:540px){body:not(.demo-body){padding:4px}}

.hero-garden .friend-amara{left:3%}
.hero-garden .friend-noor{right:3%}
.hero-garden .friend-maya{translate:0 -18px}

/* Short copy, compact sections. */
.how{padding-top:65px;padding-bottom:75px}.how .section-heading h2{margin-top:0}.how-content{margin-top:38px}.how .keeps{gap:24px}.how .keeps h3{margin-bottom:6px}.garden-story h2{margin-top:0}.garden-section{padding-top:48px;padding-bottom:48px}.final{padding-top:65px;padding-bottom:65px}
@media(max-width:540px){.how{padding-top:42px;padding-bottom:48px}.how-content{margin-top:28px}.garden-section{padding-top:35px;padding-bottom:35px}.final{padding-top:42px;padding-bottom:42px}}

/* A small blinking invitation, with a stable Home link. */
.header .nav-bomb{animation:nav-bomb-blink 1.8s ease-in-out infinite}
.header .nav-bomb:hover,.header .nav-bomb:focus-visible{animation:none;opacity:1}
@keyframes nav-bomb-blink{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.header .nav-bomb{animation:none;opacity:1}}

/* Larger small type throughout the public site. */
.header .nav-demo{font-size:18px}.download-link{font-size:18px;min-height:56px}.keeps p,.garden-facts,.bubble,.chat-header strong,.chat-input,.footer nav{font-size:16px}.chat-header small{font-size:14px}.level-buttons button small{font-size:16px}.level-buttons button{padding-inline:4px}.friend>span{font-size:22px}
@media(max-width:540px){.header .nav-demo,.download-link{font-size:16px}.footer nav,.level-buttons button small{font-size:14px}.friend>span{font-size:20px}}

/* Keep the signup tucked behind a single waitlist button. */
button.download-link{border:0;font-family:inherit}
.waitlist-dialog{position:fixed;inset:0;width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 40px);margin:auto;padding:40px 28px 28px;border:1px solid #e5d9ce;border-radius:26px;background:var(--paper);color:var(--ink);box-shadow:0 22px 90px #37203533;text-align:center}
.waitlist-dialog::backdrop{background:#34452866;backdrop-filter:blur(5px)}
.waitlist-dialog h2{font-size:52px;line-height:1.05;letter-spacing:-1px;margin:4px 0 25px}
.waitlist-close{position:absolute;right:9px;top:8px;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--pink);font-size:30px;line-height:1}
.waitlist-close:hover{background:#f0dce5}
.waitlist-dialog .waitlist{display:flex;flex-direction:column;gap:12px;max-width:none;text-align:left}
.waitlist-dialog .waitlist input,.waitlist-dialog .waitlist button{flex:none;width:100%;min-height:54px;font-size:16px;padding:16px 19px}
.waitlist-dialog .form-message{font-size:16px;text-align:center}
.waitlist-dialog .waitlist input[aria-invalid=true]{border-color:var(--pink)}
@media(max-width:540px){.waitlist-dialog{padding:38px 22px 24px}.waitlist-dialog h2{font-size:46px}}

.waitlist-dialog .app-beta-note{font-size:14px;line-height:1.5;color:var(--muted);margin-top:16px}
