/* One continuous narrative: personal support, chosen connection, lifelong care. */
.nav:after{content:'';position:absolute;bottom:0;left:0;width:var(--page-progress,0%);height:2px;background:linear-gradient(90deg,#628ddd,#dc81b0);pointer-events:none}
.hero-track{height:250svh;min-height:1600px;--connection:0;--life:0}
.hero-sticky{min-height:680px}
.hero-panel,.hero-second,.hero-third{position:absolute;z-index:3;left:var(--gutter);top:26%;width:47%;will-change:opacity,transform}
.hero-panel h1,.hero-panel h2{font-size:clamp(52px,5.05vw,84px);line-height:1.05;letter-spacing:-.06em;margin:25px 0 26px}
.hero-panel em{color:#556685;margin-left:0}
.hero-panel .eyebrow{font-size:8px;letter-spacing:.13em}
.hero-description{font-size:13px;line-height:1.85;max-width:365px}
.hero-second,.hero-third{opacity:0;pointer-events:auto}
.hero-panel[aria-hidden=true]{pointer-events:none}
.hero-third .text-link{margin-top:20px}
.hero-atmosphere{background:radial-gradient(ellipse at 76% 47%,#e4dce8 0,transparent 48%),radial-gradient(ellipse at 44% 100%,#e4eaf1 0,transparent 55%),#f6f4f1}
.hero-sticky:after{content:'';position:absolute;z-index:2;bottom:0;left:0;right:0;height:15%;background:linear-gradient(transparent,#f6f4f1);pointer-events:none}
.sculpture-caption{position:absolute;left:54%;right:4%;top:77%;text-align:center;z-index:3;font-size:9px;letter-spacing:.07em;color:#60718b}
.sculpture-caption span{position:absolute;left:0;right:0;opacity:0}
.sculpture-caption span:first-child{opacity:1}
.hero-bottom{z-index:4;bottom:35px}
.story-steps{display:flex;align-items:center;gap:15px}
.story-steps button{padding:9px 0;border:0;background:none;font-size:9px;color:#8d939e;transition:color .25s}
.story-steps button span{font-size:7px;margin-right:7px;color:#9ca5b3}
.story-steps button[aria-current]{color:#22394e}
.story-steps button[aria-current] span{color:#587cb8}
.story-steps i{display:block;width:30px;height:1px;background:#bdc6d2}
.experience{background:var(--paper);position:relative;padding-top:70px}
.experience:before{content:'';position:absolute;top:-55px;left:50%;height:80px;width:1px;background:linear-gradient(transparent,#9cabc4);z-index:5}
.section-heading>p{max-width:370px}
.together-heading>p{max-width:330px;line-height:1.9}
.closing h2{font-size:clamp(65px,8vw,120px)}
.fallback-sculpture i{transform:translateX(calc(var(--connection) * 11%)) rotateY(-12deg)}
.fallback-sculpture i+i{transform:translateX(calc(var(--connection) * -11%)) rotateY(12deg)}
@media(min-width:701px) and (max-width:1000px){.hero-panel{top:27%;width:49%}.hero-panel h1,.hero-panel h2{font-size:5.8vw}.hero-description{font-size:11px;max-width:290px}.hero-panel .eyebrow{font-size:6px}.sculpture-caption{top:70%}}
@media(max-width:700px){
 .hero-track{height:235svh;min-height:1600px}.hero-sticky{min-height:720px}
 .hero-panel,.hero-second,.hero-third{top:16%;width:calc(100% - 48px)}
 .hero-panel h1,.hero-panel h2{font-size:clamp(39px,9.7vw,65px);margin:19px 0 18px;line-height:1.06;max-width:480px}
 .hero-panel .eyebrow{font-size:6px;letter-spacing:.11em}
 .hero-description{font-size:10px;max-width:340px;line-height:1.8}
 .hero-actions{margin-top:20px;gap:16px}.hero-third .text-link{margin-top:8px}
 .sculpture-caption{left:15%;right:15%;top:85%;font-size:7px}
 .hero-bottom{bottom:24px}.story-steps{gap:8px}.story-steps button{font-size:8px}.story-steps button span{font-size:6px;margin-right:4px}.story-steps i{width:12px}
 #motion-toggle span{display:none}.experience{padding-top:55px}.section-heading h2{font-size:48px}.together-heading h2{font-size:48px}.closing h2{font-size:59px}
}
@media(max-width:359px){.hero-panel h1,.hero-panel h2{font-size:36px}.hero-panel{top:15%}.hero-description{font-size:9px}.hero-actions{gap:12px}.hero-actions .pill{font-size:8px;padding:12px}.story-steps{gap:6px}.story-steps i{width:8px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:100svh;min-height:720px}.hero-second,.hero-third,.story-steps{display:none}.hero-panel{transform:none!important}.hero-copy{opacity:1!important}.hero-bottom{justify-content:flex-end}}

.story-scroll-note{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:4;font-size:7px;letter-spacing:.12em;color:#7c899a;opacity:calc(1 - var(--connection));pointer-events:none}.story-scroll-note>span{display:inline-block;margin-left:12px;font-size:15px}
@media(max-width:700px){.story-scroll-note{bottom:75px;white-space:nowrap;font-size:6px}}
@media(prefers-reduced-motion:reduce){.story-scroll-note{display:none}}

/* Product depth: real app screens behind the foreground WebGL sculpture. */
#world{z-index:2;pointer-events:none}
.product-depth{position:absolute;left:53%;right:0;top:13%;height:70%;z-index:1;pointer-events:none;perspective:1300px}
.depth-deck{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.depth-screen{position:absolute;left:-108px;top:-235px;width:216px;height:470px;padding:5px;border:1px solid #ffffffba;border-radius:34px;background:#253343;box-shadow:3px 3px 0 #9da9b4,6px 7px 0 #344458,10px 26px 38px #3b527b29;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity;opacity:0}
.depth-screen:first-child{opacity:1}
.depth-screen img{width:100%;height:100%;object-fit:cover;border-radius:29px;display:block}
.depth-screen>span{position:absolute;left:0;right:0;bottom:-26px;text-align:center;font-size:7px;letter-spacing:.09em;color:#65748a;display:none}
.depth-halo{position:absolute;inset:5% 6%;border-radius:50%;background:radial-gradient(ellipse,#fff9,transparent 68%);filter:blur(20px)}
.depth-caption{position:absolute;left:0;right:0;bottom:-42px;display:flex;align-items:center;justify-content:center;gap:12px;color:#56647a}
.depth-caption>span{font-size:6px;letter-spacing:.14em;opacity:.7}.depth-caption strong{font-size:10px;font-weight:400}.depth-caption i{width:30px;height:1px;background:linear-gradient(90deg,#81a4df,#dea3c2)}
.sculpture-caption{top:87%;font-size:8px}
@media(min-width:701px) and (max-width:1000px){.product-depth{left:56%;top:17%;height:64%}.depth-screen{width:180px;height:390px;left:-90px;top:-195px;border-radius:28px}.depth-screen img{border-radius:23px}.depth-caption{bottom:-25px}.sculpture-caption{top:88%}}
@media(max-width:700px){.product-depth{left:0;right:0;top:50%;height:35%;perspective:900px}.depth-screen{width:130px;height:281px;left:-65px;top:-140px;padding:3px;border-radius:22px;box-shadow:2px 2px 0 #9da9b4,4px 5px 0 #344458,7px 17px 25px #3b527b26}.depth-screen img{border-radius:18px}.depth-caption{bottom:-30px;gap:9px}.depth-caption strong{font-size:8px}.depth-caption>span{font-size:5px}.depth-caption i{width:19px}.sculpture-caption{display:none}.story-scroll-note{bottom:69px}}
@media(prefers-reduced-motion:reduce){.depth-screen{will-change:auto}}

.sculpture-caption{display:none}
@media(min-width:1001px){.hero-panel h1,.hero-panel h2{font-size:clamp(52px,4.8vw,80px)}}

/* Native page scroll drives the story. The header leaves with the opening. */
html{scroll-padding-top:20px}
.nav{position:absolute}
.nav.scrolled{background:transparent;box-shadow:none;backdrop-filter:none}
.nav:after{display:none}
.mobile-menu{position:absolute}
.story-step{padding:9px 0;font-size:9px;color:#8d939e;white-space:nowrap}
.story-step>span{font-size:7px;margin-right:7px;color:#9ca5b3}
.story-step[aria-current]{color:#22394e}
.story-step[aria-current]>span{color:#587cb8}
.hero-bloom{position:absolute;left:53%;right:0;top:12%;height:73%;z-index:0;opacity:0;pointer-events:none;will-change:opacity,transform}
.hero-bloom .bloom-flower{top:48%;opacity:.88;transform:scale(1.16)}
.depth-screen video{width:100%;height:100%;object-fit:cover;border-radius:29px;display:block}

/* A single ivory, blue and rose palette across the whole page. */
.movement,.cycle-section{padding:0;height:350svh;min-height:2450px;overflow:visible;background:var(--paper);color:var(--ink);--activity-accent:#8da8d8}
.movement-sticky,.cycle-sticky{position:sticky;top:0;height:100svh;min-height:760px;padding:45px var(--gutter);overflow:hidden;background:radial-gradient(ellipse at 85% 48%,#e3e9f180,transparent 58%),var(--paper)}
.movement-sticky:after,.cycle-sticky:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:var(--section-progress,0%);background:linear-gradient(90deg,#9bb4dc,#e7b5cc)}
.movement .section-top,.cycle-section .section-top{padding-bottom:25px}
.movement .section-note,.movement .body-copy,#activity-description{color:var(--muted)}
.movement h2 em,.activity-kicker{color:#62789a}
.movement-copy h2{font-size:clamp(48px,5.4vw,80px)}
.movement-layout{height:calc(100% - 50px)}
.movement .body-copy{font-size:13px;margin-top:22px;max-width:350px}
.mode-tabs{gap:22px;margin-top:30px;border-color:var(--line)}
.mode-step{font-size:12px;color:#85909e;border-bottom:2px solid transparent;padding-bottom:13px}
.mode-step[aria-current]{color:var(--ink);border-color:#89a6d3}
.activity-tags span{border-color:#a4b3c744;color:#5b6e84}
.movement-visual{min-height:0;height:100%}
.movement-phone{width:245px;height:530px;box-shadow:4px 5px 0 #b0bac6,8px 8px 0 #526174,20px 35px 55px #39527022}
.route-shadow{stroke:#a3b7d00b}.visual-caption{color:#78879a;font-size:7px;letter-spacing:.12em;bottom:0}
.cycle-section{height:230svh;min-height:1800px}
.cycle-sticky{background:radial-gradient(ellipse at 25% 50%,#eae2ee99,transparent 60%),var(--paper)}
.cycle-layout{height:calc(100% - 50px);gap:6vw}
.cycle-copy h2{font-size:clamp(48px,5.2vw,78px);margin:18px 0}
.cycle-copy .body-copy{font-size:12px}.cycle-copy>.eyebrow{font-size:7px}
.cycle-tabs{margin-top:20px}.cycle-step{padding:13px 17px;font-size:11px;color:#867d90;border-bottom:2px solid transparent}.cycle-step:first-child{padding-left:0}.cycle-step[aria-current]{border-color:#897a9d;color:#3d284e}
#cycle-panel{padding-top:20px;min-height:210px}#cycle-description{font-size:11px;margin:12px 0}#cycle-highlights{font-size:9px;gap:7px}
.flower-stage{height:100%;min-height:600px}.cycle-phone{width:238px;height:516px}.flower-caption{bottom:1px}.flower-toggle{bottom:25px}
.cycle-section .fine-print{font-size:9px}
.together{background:radial-gradient(ellipse at 50% 40%,#e4eaf4,transparent 75%),var(--paper);color:var(--ink)}
.together .section-note,.together-heading>p,.together-features p{color:var(--muted)}
.together-heading h2 em{color:#8b7695}.together-features{border-color:var(--line)}.together-features article>span{color:#758399}
.connection-note{background:#ffffffc9;border-color:#fff;box-shadow:0 15px 40px #354e7014}.connection-note div>span,.person-orb span{color:#79869a}.note-heart{color:#c880a8}
@media(max-width:1000px) and (min-width:701px){.movement-phone{width:220px;height:476px}.movement-sticky,.cycle-sticky{padding-top:35px}.flower-stage{min-height:560px}.cycle-phone{width:210px;height:455px}.cycle-copy h2{font-size:50px}.cycle-copy .body-copy{font-size:11px}}
@media(max-width:700px){
 .story-step{font-size:8px}.story-step>span{font-size:6px;margin-right:4px}
 .hero-bloom{left:0;right:0;top:47%;height:40%}.hero-bloom .bloom-flower{transform:scale(.69)}
 .depth-screen video{border-radius:18px}
 .movement{height:330svh;min-height:2400px}.movement-sticky,.cycle-sticky{min-height:740px;padding:32px 24px}
 .movement .section-top,.cycle-section .section-top{padding-bottom:25px}.movement .section-top .eyebrow{font-size:7px}.section-note{font-size:7px}
 .movement-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;column-gap:14px;row-gap:18px;height:calc(100% - 55px);align-items:start}
 .movement-copy{display:contents}.movement-copy h2{grid-column:1/-1;font-size:46px}.movement .body-copy{grid-column:1/-1;margin:0;font-size:11px;max-width:300px}
 .mode-tabs{grid-column:1/-1;margin:0;gap:0;justify-content:space-between}.mode-step{font-size:10px;padding-bottom:11px}
 #activity-panel{grid-column:1;grid-row:4;margin:0;padding-top:15px;min-height:0}.activity-kicker{font-size:7px;line-height:1.65}#activity-description{font-size:10px;margin-top:15px}.activity-tags{gap:6px}.activity-tags span{font-size:7px;padding:6px 8px}
 .movement-visual{grid-column:2;grid-row:4;width:100%;min-height:0;margin:0;height:360px;align-self:center}.movement-phone{width:155px;height:336px;flex-shrink:0;border-radius:26px;padding:4px}.movement-phone img{border-radius:22px}.visual-caption{font-size:5px;bottom:-28px;max-width:160px;line-height:1.7;text-align:center}.route-art{width:125%;height:100%}
 .cycle-section{height:220svh;min-height:1650px}.cycle-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;height:calc(100% - 55px)}
 .cycle-copy{display:contents}.cycle-copy>.eyebrow{grid-column:1/-1;font-size:6px}.cycle-copy h2{grid-column:1/-1;font-size:43px;margin:0}.cycle-copy .body-copy{grid-column:1/-1;font-size:10px;max-width:320px}.cycle-tabs{grid-column:1/-1;margin:0}.cycle-step{font-size:10px;padding:12px 14px}
 #cycle-panel{grid-column:1;grid-row:5;padding:0;min-height:0}#cycle-subtitle{font-size:17px}#cycle-description{font-size:9px;line-height:1.7}#cycle-highlights{font-size:8px;gap:7px}
 .cycle-copy .fine-print{grid-column:1/-1;font-size:7px;margin:0}
 .flower-stage{grid-column:2;grid-row:5;min-height:0;height:330px;margin:0}.cycle-phone{width:145px;height:314px;flex-shrink:0;padding:3px;border-radius:24px}.cycle-phone>img,.cycle-phone>video{border-radius:20px}.flower-stage .bloom-flower{transform:scale(.4)}.flower-caption{display:none}.flower-toggle{font-size:6px;padding:6px 8px;bottom:-23px;white-space:nowrap}
}
@media(max-width:359px){.movement-sticky,.cycle-sticky{padding-left:18px;padding-right:18px}.movement-copy h2{font-size:40px}.movement-phone{width:130px;height:282px}.movement-visual{height:310px}.mode-step{font-size:9px}.cycle-phone{width:126px;height:273px}.flower-stage{height:285px}.cycle-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.hero-bloom{display:none}.movement-phone,.cycle-phone{transform:none}}

.movement h2 em,.cycle-copy h2 em{margin-left:.06em}

/* One continuous canvas, with atmosphere around the product rather than panel fills. */
.experience,.nutrition,.rhythms,.together,.closing,.faq,.footer{background:var(--paper);position:relative;isolation:isolate}
.nutrition:before,.rhythms:before,.together:before,.closing:before,.movement-sticky:before,.cycle-sticky:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 48%,#dfe7f188,transparent 66%);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.rhythms:before{background:radial-gradient(ellipse at 76% 50%,#eddae388,transparent 62%)}
.together:before{background:radial-gradient(ellipse at 70% 45%,#e1e6f299,transparent 65%)}
.closing:before{background:radial-gradient(ellipse at 20% 60%,#d8e5f388,transparent 55%),radial-gradient(ellipse at 80% 60%,#f0dce888,transparent 55%)}
.movement-sticky,.cycle-sticky{background:var(--paper);isolation:isolate}
.cycle-sticky:before{background:radial-gradient(ellipse at 25% 50%,#eae2ee99,transparent 65%)}
.movement-sticky:after,.cycle-sticky:after{opacity:.4}
.nutrition,.rhythms,.together{padding-top:75px;padding-bottom:75px}
.nutrition h2,.rhythms h2{font-size:clamp(46px,5.4vw,78px)}
.nutrition h2 em,.rhythms h2 em{color:#74819b}
.nutrition-visual{height:650px}.nutrition-phone{top:55px}.food-orbit{border-color:#a7b7ce40;background:radial-gradient(ellipse,#d9e4ee66,transparent 70%)}.food-orbit:before{border-color:#a7b7ce30}
.floating-tag{background:#fafaf8e8;box-shadow:0 12px 30px #354e7010}.floating-tag>span{color:#7d96b9}
.rhythms-visual{height:680px}.pregnancy-phone{width:255px;height:551px}.chapter-word{top:5px;font-size:90px;color:#b5a0af40}.chapter-caption{bottom:6px;color:#8490a2}
.chapter-list{margin-top:28px}.chapter-list article{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.chapter-list article>span{font-size:8px;color:#8c9aae;padding-top:4px}.chapter-list h3{font-size:14px;font-weight:700;letter-spacing:0;line-height:1.5}.chapter-list article p{font-size:12px;line-height:1.7;margin:8px 0 0;color:var(--muted);max-width:345px}
.together-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:4vw;align-items:center}.together-heading{display:block}.together-heading h2{font-size:clamp(43px,4.6vw,69px)}.together-heading>p{margin-top:25px;max-width:370px;font-size:13px}
.connection-scene{width:100%;height:340px;margin:0 0 45px}.person-orb{width:135px;height:135px;font-size:67px}.connection-line{width:100px}.connection-note{bottom:0;width:290px}.together-features{margin-top:30px;padding-top:28px}.together-features h3{font-size:15px;margin:15px 0 10px}
.closing{padding-top:100px;padding-bottom:100px}.closing h2{font-size:clamp(57px,7vw,100px)}.faq{padding-top:60px;padding-bottom:60px}.footer{padding-top:40px}.footer-top{padding-bottom:35px}
.hero-actions .store-button{margin:0;padding:12px 17px;border-radius:12px;gap:12px;background:#13283b}.hero-actions .store-button svg{width:24px;height:28px}.hero-actions .store-button>span{font-size:22px}.hero-actions .store-button small{font-size:9px}.hero-actions .store-arrow{display:none}
.hero-availability{font-size:9px;color:#758194;margin:11px 0 0 3px;letter-spacing:.015em}
.store-button{background:#13283b}.store-button small{font-size:10px}.store-button .store-arrow{display:none}
@media(max-width:1000px) and (min-width:701px){.together-layout{grid-template-columns:1fr 1fr;gap:20px}.person-orb{width:105px;height:105px;font-size:54px}.connection-line{width:60px}.connection-note{width:255px}.together-heading h2{font-size:46px}.hero-actions .store-button>span{font-size:19px}.hero-actions .store-button{padding:11px 13px}}
@media(max-width:700px){
 .nutrition,.rhythms,.together{padding-top:52px;padding-bottom:52px}.nutrition h2,.rhythms h2{font-size:45px}.nutrition-layout{gap:10px}.nutrition-visual{height:540px}.nutrition-phone{width:216px;height:468px;top:30px;left:25%}.food-bowl{width:150px;top:10px}.food-orbit{width:320px;height:320px}.floating-tag{bottom:0;font-size:8px;padding:12px}
 .feature-rows{margin-top:22px}.feature-rows li{padding:17px 0}.feature-rows h3{font-size:12px}.feature-rows p{font-size:10px}
 .rhythms-layout{gap:18px}.rhythms-copy .body-copy{margin-top:22px;font-size:11px}.chapter-list article{gap:14px;padding:17px 0}.chapter-list h3{font-size:12px}.chapter-list article p{font-size:10px;margin-top:6px}.rhythms-visual{height:560px}.pregnancy-phone{width:222px;height:480px}.chapter-word{font-size:74px;top:0}.chapter-orbit{width:360px;height:360px}
 .together-layout{display:block}.together-heading h2{font-size:42px}.together-heading>p{font-size:11px;margin-top:22px}.connection-scene{height:290px;margin:18px 0 45px}.person-orb{width:118px;height:118px;font-size:59px}.connection-line{width:75px}.connection-note{width:265px;bottom:-4px}.together-features{margin-top:0;gap:23px}.together-features h3{font-size:14px;margin:10px 0 7px}.together-features p{font-size:10px}
 .closing{padding-top:70px;padding-bottom:65px}.closing h2{font-size:48px}.closing>p{font-size:11px}.faq{padding-top:40px;padding-bottom:50px}.faq h2{font-size:36px}
 .hero-actions .store-button{padding:10px 13px;gap:10px}.hero-actions .store-button>span{font-size:19px}.hero-actions .store-button svg{width:21px;height:25px}.hero-actions .store-button small{font-size:8px}.hero-availability{font-size:8px;margin-top:8px}
}
@media(max-width:359px){.hero-actions .store-button>span{font-size:17px}.hero-actions .store-button{padding:9px 11px}.closing h2{font-size:42px}.together-heading h2{font-size:38px}}

/* Discourage press-and-save/dragging media without blocking text selection. */
img,video,canvas{-webkit-touch-callout:none;-webkit-user-drag:none}

/* Match the hero App Store badge in the top-right header. */
.nav .header-store{margin:0;padding:10px 15px;gap:10px;border-radius:12px}.nav .header-store svg{width:22px;height:26px}.nav .header-store>span{font-size:20px}.nav .header-store small{font-size:8px;margin-bottom:4px}
@media(max-width:700px){.nav .header-store{margin-left:auto;margin-right:16px;padding:8px 11px;gap:8px;border-radius:10px}.nav .header-store svg{width:18px;height:22px}.nav .header-store>span{font-size:17px}.nav .header-store small{font-size:7px;margin-bottom:3px}}
@media(max-width:359px){.nav .header-store{margin-right:12px;padding:7px 9px}.nav .header-store>span{font-size:15px}}