/* Layout for the continuous five-stage story. Content is visible without JS. */
.journey-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.journey .stages{position:sticky;top:88px;z-index:3;background:var(--ivory);display:flex;gap:8px;padding:12px 0;flex-wrap:wrap}
.journey .stage{flex:1;min-width:0;min-height:44px;text-align:center;padding:10px 6px;overflow-wrap:anywhere}
.journey .stage span{display:block;font-size:10px;color:inherit}
.journey .stage[aria-current=step]{background:var(--ink);color:var(--cream)}
.journey-story{min-height:62vh;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:180px}
.journey-story h3{font-size:clamp(30px,4vw,48px);margin:12px 0;letter-spacing:-1.5px}
.journey-story p{color:var(--muted);max-width:390px}
.journey-flow .stage-panel{position:sticky;top:185px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:20px}
.journey-flow .stage-copy{align-self:stretch}
.journey-flow .journey-phone{width:min(100%,360px);margin:0 auto}
.journey-flow .stage-panel h3{margin:0;font-size:24px}
.journey-flow .stage-panel p{margin:6px 0}
.explorer-layout{align-items:start;min-width:0}
.feature-options{max-height:650px;overflow:auto;overscroll-behavior:contain;padding:4px;scrollbar-gutter:stable}
.feature-option{min-width:0;overflow-wrap:anywhere}
.explorer-preview{position:sticky;top:115px;min-width:0;display:flex;flex-direction:column;align-items:stretch}
.explorer-preview>div:first-child{min-height:140px}
.explorer-preview .text-link{min-height:44px;overflow-wrap:anywhere}
.feature-phone{width:min(100%,300px);aspect-ratio:1;margin:10px auto}
.nesting-phone{max-width:100%}
.nesting-phone .nesting-phone-missing{grid-area:1/1;width:100%;height:100%;min-height:0;overflow:auto;padding:20px;align-content:center;overflow-wrap:anywhere}
.journey-phone{aspect-ratio:1}
.nesting-phone-activate,.nesting-phone-progress{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:4;width:max-content;max-width:100%;text-align:center}
.nesting-phone-activate{min-height:44px;padding:8px 16px;border:1px solid var(--ink);border-radius:999px;background:var(--cream);color:var(--ink);font:800 13px Nunito,system-ui,sans-serif;cursor:pointer}
.nesting-phone-progress{font-size:12px;padding:6px;background:var(--cream);border-radius:8px}
.nesting-phone-activate[hidden],.nesting-phone-progress[hidden]{display:none}
.hero-phone{aspect-ratio:1;max-width:100%;min-width:0}
.hero>*{min-width:0}
.feature-phone .nesting-phone-missing p{font-size:14px}
.price-box .eyebrow{color:#f5c9db}
.nav-wrap .brand{color:#302640}
.footer h3{color:#fff9f1}
.center-page .center-hero-art:has(.nesting-phone){box-shadow:none;border:0;border-radius:0}
.center-page .center-hero-art .nesting-phone img{object-fit:contain;min-height:0}
.center-page .center-rendered-phone{width:min(100%,480px);aspect-ratio:1;margin:auto}
.wellness-demo .nesting-phone{max-width:100%}
.nav button,.nav a,.faq summary{min-height:44px}
.nav-wrap .nojs-nav{display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:901px) and (max-height:820px){.journey-flow .stage-panel{top:160px}.journey-flow .journey-phone{width:270px}}
@media(max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .journey .stages{position:static}
  .journey-flow{display:flex;flex-direction:column;gap:24px}
  .journey-flow .stage-panel{position:static;width:100%;order:-1}
  .journey-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
  .journey-story{min-height:0;padding:20px 0;border-top:1px solid var(--line)}
  .journey-story h3{font-size:26px}
  .journey .stage{flex:1 1 76px}
  .explorer-layout{grid-template-columns:minmax(0,1fr)}
  .explorer-preview{position:static;order:-1;width:100%;grid-template-columns:minmax(0,1fr)}
  .feature-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;width:100%}
}
@media(max-width:430px){.journey-stories,.feature-options{grid-template-columns:minmax(0,1fr)}.journey-flow .journey-phone{width:min(100%,280px)}}

/* Task 200: homepage-only editorial visual layer. */
.home-experience{overflow:clip;background:var(--cream)}
.home-experience .hero-cinematic{position:relative;padding:0;background:#f8e9e6 url("/website/brand-art/atmosphere-hero.svg") center/cover no-repeat}
.home-experience .hero-grid{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:center;min-height:680px;padding:74px 0 64px}.home-experience .hero-copy{max-width:530px}.home-experience .hero-copy p{font-size:18px;line-height:1.55}.home-experience .hero-composition{position:relative;min-height:540px}
.home-experience .image-slot{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#47394b;background:linear-gradient(145deg,rgba(233,191,201,.92),rgba(210,231,238,.95) 60%,rgba(255,247,236,.9));isolation:isolate}.home-experience .image-slot:before{content:"";position:absolute;inset:12%;border:1px solid rgba(73,56,71,.22);border-radius:50% 50% 40% 60%;transform:rotate(-13deg);z-index:-1}.home-experience .image-slot:after{content:"";position:absolute;width:50%;height:140%;right:-18%;top:-30%;background:rgba(255,249,241,.38);border-radius:48%;transform:rotate(22deg);z-index:-1}.home-experience .image-slot span{align-self:flex-start;margin:18px 18px 4px;padding:5px 8px;border:1px solid rgba(48,38,64,.42);font:500 9px "DM Mono",monospace;letter-spacing:.09em}.home-experience .image-slot small{margin:0 18px 18px;max-width:180px;font:700 12px/1.3 Nunito,sans-serif}
.home-experience .hero-lifestyle{position:absolute;right:5%;top:2%;width:68%;height:90%;clip-path:polygon(14% 0,100% 9%,90% 100%,0 89%)}.home-experience .hero-phone{position:absolute;z-index:2;width:min(510px,78%);right:3%;bottom:-1%;filter:drop-shadow(0 27px 28px rgba(65,44,62,.22))}
.home-experience .journey{position:relative;padding-top:100px;background:#f7eee5}.home-experience .journey .section-head{max-width:590px}.home-experience .journey-flow .stage-panel{background:rgba(255,250,245,.7);box-shadow:0 20px 70px rgba(85,56,68,.13)}.home-experience .journey-flow .stage-image-slot{width:100%;height:150px;clip-path:polygon(0 8%,92% 0,100% 91%,7% 100%)}.home-experience .journey-flow .stage-panel.stage-0{background:#e7ede8}.home-experience .journey-flow .stage-panel.stage-2{background:#f7e3db}.home-experience .journey-flow .stage-panel.stage-3{background:#eadde6}.home-experience .journey-flow .stage-panel.stage-4{background:#e0edf1}
.home-experience .emotional-transition{position:relative;padding:80px 0;background:#302640;color:var(--cream)}.home-experience .transition-wash{position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(240,190,203,.65),transparent 28%),radial-gradient(circle at 10% 100%,rgba(178,211,223,.36),transparent 37%)}.home-experience .emotional-transition .shell{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:32px}.home-experience .transition-image{height:300px;clip-path:polygon(0 10%,96% 0,100% 87%,7% 100%)}.home-experience .emotional-transition p{margin:0 0 24px;font-size:clamp(31px,4.5vw,57px);font-weight:900;line-height:1;letter-spacing:-2px}
.home-experience .feature-zone{padding:106px 0}.home-experience .story-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:245px 220px;gap:15px}.home-experience .story{min-height:0;isolation:isolate;border:1px solid rgba(48,38,64,.09);background:#f2dce1}.home-experience .story:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(48,38,64,.45),transparent 65%);z-index:-1}.home-experience .story-art{position:absolute;z-index:-2;inset:0;background:linear-gradient(140deg,#e4bec9,#9dbfcd);transition:transform .5s var(--motion-ease)}.home-experience .story:hover .story-art{transform:scale(1.05)}.home-experience .story b,.home-experience .story p{position:relative;color:#fff9f1;text-shadow:0 1px 12px rgba(48,38,64,.26)}.home-experience .story p{color:#fff3ef}.home-experience .story-arrow{color:var(--cream)}.home-experience .story:nth-child(1){grid-column:1 / span 3;grid-row:1}.home-experience .story:nth-child(2){grid-column:4 / span 3;grid-row:1}.home-experience .story:nth-child(3){grid-column:1 / span 2;grid-row:2}.home-experience .story:nth-child(4){grid-column:3 / span 2;grid-row:2}.home-experience .story:nth-child(5){grid-column:5;grid-row:2}.home-experience .story:nth-child(6){grid-column:6;grid-row:2}.home-experience .story-pregnancy .story-art{background:linear-gradient(125deg,#cdafbb,#dce8e9 55%,#a7c8d2)}.home-experience .story-care .story-art{background:linear-gradient(45deg,#617d81,#c3d4cf 56%,#edcfbf)}.home-experience .story-ttc .story-art{background:linear-gradient(145deg,#92a99e,#ebdbc1)}.home-experience .story-baby .story-art{background:linear-gradient(145deg,#dbaab6,#685b78)}.home-experience .story-apple .story-art{background:linear-gradient(145deg,#b9d8e2,#f4e1d8)}.home-experience .story-oura .story-art{background:linear-gradient(145deg,#6c596d,#d9cbd4)}
.home-experience .story-visual{position:absolute;z-index:-1;inset:7% 7% auto auto;width:66%;height:68%;display:grid;place-items:center;color:#fff7f0}.home-experience .bento-phone{width:100%;height:100%;filter:drop-shadow(0 13px 12px rgba(46,35,50,.24))}.home-experience .bento-phone .nesting-phone-static{height:100%;display:grid;place-items:center}.home-experience .bento-phone .nesting-phone-static img{width:100%;height:100%;object-fit:contain}.home-experience .bento-icon{width:58px;height:58px;opacity:.9}.home-experience .story:nth-child(1) .story-visual{width:59%;height:84%;right:-1%;top:5%}.home-experience .story:nth-child(3) .story-visual,.home-experience .story:nth-child(4) .story-visual{width:48%;height:62%;right:3%;top:4%}.home-experience .story:nth-child(5) .story-visual,.home-experience .story:nth-child(6) .story-visual{inset:19px auto auto 19px;width:auto;height:auto}
.home-experience .health{padding:105px 0;background:linear-gradient(122deg,#dce9df,#d9e9f0)}.home-experience .health-inner{grid-template-columns:.72fr .8fr 1.15fr;gap:28px}.home-experience .health-copy{grid-column:1/-1;max-width:690px}.home-experience .health-image{height:360px;clip-path:polygon(7% 0,100% 10%,91% 100%,0 86%)}.home-experience .health-copy h2{font-size:clamp(30px,3.5vw,48px)}.home-experience .wellness-demo{display:contents}.home-experience .wellness-demo>.nesting-phone{grid-column:2;width:min(100%,290px);align-self:center;justify-self:center}.home-experience .data-card{grid-column:3;padding:20px;background:rgba(255,250,245,.76);box-shadow:0 18px 40px rgba(60,73,70,.12)}.home-experience .data-card p{font-size:12px}
.home-experience .lens-major{padding:118px 0;background:#f9eee9}.home-experience .lens{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center;max-width:1160px}.home-experience .lens-copy{max-width:480px}.home-experience .lens-visual{position:relative;min-height:510px;background:url("/website/brand-art/atmosphere-baby-lens.svg") center/cover no-repeat}.home-experience .lens-image{position:absolute;width:77%;height:90%;right:0;top:0;clip-path:polygon(9% 0,100% 10%,91% 100%,0 87%);background:transparent}.home-experience .lens-phone{position:absolute;z-index:2;width:min(425px,75%);left:2%;bottom:-5%;filter:drop-shadow(0 28px 27px rgba(93,52,69,.25))}.home-experience .lens-phone .nesting-phone-missing{background:rgba(255,249,241,.9)}.home-experience .explorer-zone{padding-top:0}.home-experience .explorer{margin-top:0;background:linear-gradient(130deg,#e1eef1,#f6e8dc);box-shadow:0 25px 60px rgba(64,52,65,.08)}
.home-experience .closing-cta{padding:100px 0;background:#f0dfe1}.home-experience .closing-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.home-experience .closing-grid h2{margin:8px 0;font-size:clamp(43px,5.2vw,70px);line-height:.96;letter-spacing:-3px}.home-experience .closing-grid p{max-width:475px;color:var(--muted)}.home-experience .closing-visual{position:relative;height:390px}.home-experience .closing-image{position:absolute;width:76%;height:100%;right:0;clip-path:polygon(11% 0,100% 8%,91% 100%,0 92%)}.home-experience .closing-phone{position:absolute;z-index:2;left:0;bottom:-11%;width:270px;filter:drop-shadow(0 20px 20px rgba(64,42,59,.22))}
@media(max-width:900px){.home-experience .hero-grid,.home-experience .lens,.home-experience .closing-grid{grid-template-columns:1fr}.home-experience .hero-grid{min-height:0;padding:54px 0 48px}.home-experience .hero-composition{min-height:470px}.home-experience .hero-phone{width:min(430px,75%)}.home-experience .emotional-transition .shell{grid-template-columns:1fr}.home-experience .emotional-transition p{order:-1}.home-experience .story-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.home-experience .story,.home-experience .story:nth-child(n){grid-column:auto;grid-row:auto;min-height:220px}.home-experience .health-inner{grid-template-columns:1fr 1fr}.home-experience .health-copy{grid-column:1/-1}.home-experience .wellness-demo>.nesting-phone{grid-column:1}.home-experience .data-card{grid-column:2}.home-experience .lens-visual{min-height:470px}.home-experience .closing-visual{max-width:580px;width:100%;margin:auto}}
@media(max-width:620px){.home-experience .hero-grid{padding-top:43px}.home-experience .hero-composition{min-height:375px}.home-experience .hero-lifestyle{height:95%;width:86%;right:0}.home-experience .hero-phone{width:79%;right:0}.home-experience .emotional-transition,.home-experience .feature-zone,.home-experience .health,.home-experience .lens-major,.home-experience .closing-cta{padding:65px 0}.home-experience .transition-image{height:230px}.home-experience .story-grid,.home-experience .health-inner{grid-template-columns:1fr}.home-experience .story,.home-experience .story:nth-child(n){min-height:190px}.home-experience .wellness-demo{grid-column:auto;grid-template-columns:145px 1fr}.home-experience .wellness-demo>.nesting-phone,.home-experience .data-card{grid-column:1}.home-experience .health-image{height:250px}.home-experience .lens-visual{min-height:350px}.home-experience .lens-phone{width:76%;bottom:-10%}.home-experience .closing-visual{height:315px}.home-experience .closing-phone{width:210px}.home-experience .image-slot span{margin:13px 13px 4px}.home-experience .image-slot small{margin:0 13px 13px}.home-experience .journey-flow .stage-image-slot{height:120px}}
.home-experience .reveal-ready{opacity:0;transform:translateY(16px)}.home-experience .is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.home-experience .reveal-ready{transition:opacity .65s var(--motion-ease),transform .65s var(--motion-ease)}}