/* Real product pixels, composed around one native-scroll journey. */
.product-scroll{background:#203b32;color:#fff7e9;position:relative;scroll-margin-top:0}
.story-stage{position:relative;padding:38px var(--gutter);overflow:hidden;isolation:isolate}
.story-header{display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;z-index:12}
.story-product{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font:500 18px/1.25 Bricolage,Arial,sans-serif}
.story-product img{border-radius:8px}.story-product small{display:block;font:11px/1.5 Arial,sans-serif;margin-top:3px}
.story-skip{font:12px/1.4 Arial,sans-serif;color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}
.story-opening{margin-top:70px}.story-eyebrow{font:12px/1.5 Arial,sans-serif;letter-spacing:.015em}
.story-opening h2{font:450 clamp(60px,8.5vw,138px)/.96 Bricolage,Arial,sans-serif;letter-spacing:-.06em;margin:28px 0}
.story-opening h2 span:last-child{color:#e7b785}.story-opening-note{font:16px/1.6 Arial,sans-serif}
.story-chapter{max-width:520px;margin:50px 0}.story-chapter h3{font:450 clamp(40px,4.5vw,70px)/1.04 Bricolage,Arial,sans-serif;letter-spacing:-.05em;margin:20px 0}
.story-chapter p{font:15px/1.65 Arial,sans-serif;max-width:330px}
.story-art{position:relative}.story-devices{display:flex;justify-content:center;gap:3vw;margin:40px 0}
.story-phone{width:25%;max-width:320px;margin:0}.story-phone img{display:block;width:100%;height:auto}
.story-detail,.story-paper,.story-copper{display:none}
.story-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:24px;border-top:1px solid #ffffff30}
.story-evidence{font:10px/1.5 Arial,sans-serif}.story-steps,.story-scroll-hint{display:none}
.story-credit{padding:30px var(--gutter);display:flex;justify-content:space-between;gap:40px;align-items:center;background:#d8a779;color:#263c32}
.story-credit p{font:14px/1.65 Arial,sans-serif;max-width:540px}.story-credit strong{display:block;font-weight:600}.story-credit .studio-link{margin:0;white-space:nowrap;font-size:14px}
.product-scroll a:focus-visible{outline:2px solid currentColor;outline-offset:7px}
.product-scroll:not(.story-enhanced) .story-canvas{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;padding-bottom:48px}
.product-scroll:not(.story-enhanced) .story-header,.product-scroll:not(.story-enhanced) .story-footer{grid-column:1/-1}
.product-scroll:not(.story-enhanced) .story-opening h2{font-size:clamp(50px,6vw,92px)}
.product-scroll:not(.story-enhanced) .story-chapter{margin:35px 0}.product-scroll:not(.story-enhanced) .story-chapter h3{font-size:40px}
.product-scroll:not(.story-enhanced) .story-art{grid-column:2;grid-row:2/5;align-self:center}
.product-scroll:not(.story-enhanced) .story-devices{gap:0}.product-scroll:not(.story-enhanced) .story-phone{width:36%}
.story-phone[hidden]{display:none}
/* Establish the scroll geometry before native history restoration. */
.story-boot .product-scroll .story-track{height:400svh}
.story-enhanced .story-track{height:400svh}
.story-enhanced .story-stage{position:sticky;top:0;height:100svh;min-height:580px;max-height:1100px;padding:0;perspective:1400px}
.story-enhanced .story-header{position:absolute;top:32px;left:var(--gutter);right:var(--gutter)}
.story-enhanced .story-paper,.story-enhanced .story-copper{display:block;position:absolute;inset:0;z-index:-1;transform:translateY(102%);background:#e4e8dc}
.story-enhanced .story-copper{background:#d8a779}
.story-enhanced .story-opening{position:absolute;inset:0;margin:0}
.story-enhanced .story-opening>.story-eyebrow{position:absolute;top:17%;left:var(--gutter)}
.story-enhanced .story-opening h2{margin:0;font-size:clamp(74px,7.2vw,140px)}
.story-enhanced .story-opening h2 span{position:absolute;top:31%;left:5.5%}
.story-enhanced .story-opening h2 span:last-child{left:auto;right:5.5%;top:59%}
.story-enhanced .story-opening-note{position:absolute;bottom:17%;left:var(--gutter);font-size:15px}
.story-enhanced .story-art{position:absolute;inset:0;pointer-events:none}
.story-enhanced .story-devices{position:absolute;inset:0;margin:0;display:block}
.story-enhanced .story-phone{position:absolute;top:50%;left:50%;width:min(38svh,28vw);max-width:410px;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 18px #14291b25);will-change:transform}
.story-enhanced .story-home{z-index:4;transform:translate(-50%,-50%) rotate(-7deg)}
.story-enhanced .story-insights{z-index:3;transform:translate(-92%,-40%) rotate(-17deg) scale(.8);opacity:0}
.story-enhanced .story-growth{z-index:2;transform:translate(-6%,-60%) rotate(14deg) scale(.8);opacity:0}
.story-enhanced .story-chapter{position:absolute;z-index:6;margin:0;opacity:0;color:#263c32;left:var(--gutter);top:19%;width:32%;max-width:none}
.story-enhanced .story-chapter h3{font-size:clamp(40px,4.8vw,80px)}
.story-enhanced .story-chapter p{max-width:300px}
.story-enhanced .story-growth-copy{top:16%;width:44%}
.story-enhanced .story-detail{display:block;position:absolute;overflow:hidden;opacity:0;box-shadow:0 14px 35px #14291b1c;transform-origin:center;will-change:transform;border-radius:12px}
.story-detail img{display:block;position:absolute;width:130.4%;max-width:none;height:auto;left:-15.3%}
.story-enhanced .detail-feeding{width:27%;aspect-ratio:690/183;right:5%;top:33%;transform:translateY(30px);z-index:5}
.detail-feeding img{top:-128%}
.story-enhanced .detail-sleep{width:27%;aspect-ratio:690/183;right:8%;top:54%;transform:translateY(50px);z-index:5}
.detail-sleep img{top:-228%}



.story-enhanced .story-footer{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);padding:0;border:0;z-index:12;font:10px/1.5 Arial,sans-serif}
.story-enhanced .story-steps{position:relative;display:flex;gap:27px;padding-bottom:12px;border-bottom:1px solid currentColor}
.story-steps span{opacity:.5}.story-steps span:first-child{opacity:1}
.story-steps i{position:absolute;width:33.333%;height:3px;bottom:-2px;left:0;background:currentColor;transform-origin:left}
.story-enhanced .story-scroll-hint{display:block;font-size:11px}
@media(min-width:1800px){.story-enhanced .story-stage{min-height:900px}.story-enhanced .story-opening h2{font-size:150px}}
@media(max-width:900px) and (min-width:701px){.story-enhanced .story-chapter{width:34%}.story-enhanced .story-chapter h3{font-size:42px}.story-enhanced .story-chapter p{font-size:13px}.story-enhanced .detail-feeding{width:28%;right:3%;top:38%}.story-enhanced .detail-sleep{width:28%;right:3%;top:53%}}
@media(max-width:1000px){
 .product-scroll:not(.story-enhanced) .story-canvas{display:flex;flex-direction:column;gap:0}.product-scroll:not(.story-enhanced) .story-header{order:0}.product-scroll:not(.story-enhanced) .story-opening{order:1}.product-scroll:not(.story-enhanced) .story-art{order:2;width:100%}.product-scroll:not(.story-enhanced) .story-day{order:3}.product-scroll:not(.story-enhanced) .story-growth-copy{order:4}.product-scroll:not(.story-enhanced) .story-footer{order:5}.product-scroll:not(.story-enhanced) .story-chapter{margin:15px 0 25px}
 .story-boot .product-scroll .story-track{height:410svh}
 .story-stage{padding:25px 24px}.story-header{align-items:flex-start}.story-product{font-size:16px;gap:9px}.story-product small{font-size:9px}.story-product img{width:30px;height:30px}.story-skip{font-size:10px;max-width:65px;text-align:right}
 .story-opening{margin-top:50px}.story-opening h2{font-size:60px}.story-opening-note{font-size:14px}.story-chapter{margin-top:35px}.story-chapter h3{font-size:40px}.story-chapter p{font-size:14px}.story-devices{gap:0}.story-phone{width:34%}
 .story-credit{padding:25px 24px;display:block}.story-credit p{font-size:13px}.story-credit .studio-link{display:inline-flex;margin-top:20px;font-size:13px}
 .story-enhanced .story-track{height:410svh}.story-enhanced .story-stage{min-height:590px;max-height:none}.story-enhanced .story-header{top:23px;left:24px;right:24px}
 .story-enhanced .story-opening>.story-eyebrow{top:14%;left:24px;right:24px;font-size:10px;max-width:240px}
 .story-enhanced .story-opening h2{font-size:clamp(54px,15.4vw,88px);line-height:.96}
 .story-enhanced .story-opening h2 span{top:21%;left:24px}.story-enhanced .story-opening h2 span:last-child{top:29%;right:24px}
 .story-enhanced .story-opening-note{left:24px;bottom:19%;font-size:11px;max-width:86px;z-index:5}
 .story-enhanced .story-phone{width:min(32svh,60vw);top:64%;left:62%;max-width:none}
 .story-enhanced .story-chapter{left:24px;top:14%;width:calc(100% - 48px)}
 .story-enhanced .story-chapter h3{font-size:clamp(38px,11vw,54px);margin:13px 0}.story-enhanced .story-chapter p{font-size:12px;line-height:1.55;max-width:275px}.story-enhanced .story-eyebrow{font-size:10px}
 .story-enhanced .detail-feeding{width:67%;right:auto;left:5%;top:50%;border-radius:8px}.story-enhanced .detail-sleep{width:67%;right:auto;left:11%;top:63%;border-radius:8px}
 .story-enhanced .story-growth-copy{top:14%}
 .story-enhanced .story-footer{bottom:20px;left:24px;right:24px;align-items:flex-end;gap:8px}.story-enhanced .story-evidence{max-width:102px;font-size:8px}.story-enhanced .story-steps{gap:16px;font-size:9px;padding-bottom:9px}.story-enhanced .story-scroll-hint{display:none}
 .study-day .story-insights{left:73%;top:64%;transform:translate(-50%,-50%) scale(.85)}
 .study-growth .story-growth{left:75%;top:63%;transform:translate(-50%,-50%) rotate(6deg) scale(.74)}
 .study-b .story-opening h2{font-size:54px}.study-b .story-opening h2 span{top:17%;left:24px}.study-b .story-opening h2 span:last-child{top:25%;left:24px}.study-b .story-home{left:38%;top:65%}.study-b .story-insights{left:104%;top:65%}
}
@media(prefers-reduced-motion:reduce){.product-scroll *{animation:none!important;transition:none!important}}
@media(min-width:701px) and (max-width:1000px){.story-enhanced .story-phone{width:28svh}.story-enhanced .story-opening h2{font-size:72px}.story-enhanced .detail-feeding,.story-enhanced .detail-sleep{width:57%}.story-enhanced .story-chapter p{font-size:15px;max-width:370px}.story-enhanced .story-eyebrow{font-size:12px}.story-enhanced .story-evidence{font-size:10px;max-width:none}.story-enhanced .story-steps{font-size:11px}}
@media(max-width:1000px) and (max-height:739px){.story-enhanced .story-phone{width:min(28svh,60vw);top:66%}}
.motion-off .product-scroll *{animation:none!important;transition:none!important}

/* Revision 13: one bounded composition, original pixels and a truthful data story. */
.story-canvas{position:relative}.growth-map{display:none}.growth-choice{margin-top:22px}.story-opening-note small{display:block;margin-top:12px;font:16px/1.55 Arial,sans-serif}
.story-enhanced .story-canvas{width:100%;max-width:1560px;height:100%;margin:0 auto;position:relative}
.story-enhanced .story-header,.story-enhanced .story-footer{left:5%;right:5%}
.story-enhanced .story-opening{left:8%;top:26%;right:auto;bottom:auto;width:46%}
.story-enhanced .story-opening>.story-eyebrow{position:static;max-width:none;margin:0 0 28px;font-size:12px}
.story-enhanced .story-opening h2{font-size:clamp(65px,6.1vw,100px);line-height:1.02;letter-spacing:-.055em}
.story-enhanced .story-opening h2 span,.story-enhanced .story-opening h2 span:last-child{position:static;display:block}
.story-enhanced .story-opening-note{position:static;font-size:24px;line-height:1.4;max-width:430px;margin:30px 0 0}
.story-enhanced .story-phone{width:min(42svh,29vw);max-width:430px;filter:drop-shadow(0 20px 20px #14291b20)}
.story-enhanced .story-home{left:72%;transform:translate(-50%,-50%) rotate(-3deg)}
.story-enhanced .story-chapter{left:7%;top:25%;width:30%}
.story-enhanced .story-chapter h3{font-size:clamp(42px,4.5vw,68px)}
.story-enhanced .story-chapter p{font-size:18px;line-height:1.55;max-width:350px}
.story-enhanced .story-growth-copy{top:24%;width:31%}
.story-enhanced .story-growth-copy .growth-choice{font-size:14px;max-width:310px}
.story-enhanced .detail-feeding{width:29%;right:4%;top:35%}
.story-enhanced .detail-sleep{width:29%;right:4%;top:54%}

.story-enhanced .growth-map{display:block;position:absolute;width:50%;aspect-ratio:720/480;left:43%;top:28%;color:#263c32;z-index:6;opacity:0;transform-origin:center}
.calendar-base{position:absolute;inset:0;background:#f5eddf;border:1px solid #fff7e955;border-radius:16px;box-shadow:0 22px 50px #55361718}
.calendar-binding{position:absolute;top:0;left:0;right:0;height:20%;border-bottom:1px solid #263c3220}
.calendar-binding:before,.calendar-binding:after{content:'';position:absolute;width:1.5%;height:30%;top:-15%;left:9%;border-radius:8px;background:#263c32}
.calendar-binding:after{left:auto;right:9%}
.calendar-title{position:absolute;top:8%;left:6%;font:500 clamp(17px,1.5vw,23px)/1.2 Bricolage,Arial,sans-serif}
.calendar-unit{position:absolute;top:9%;right:6%;font:11px/1.3 Arial,sans-serif}
.measurement{position:absolute;left:20%;top:38%;width:26%;height:25%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center;z-index:3}
.measurement.m1,.measurement.m4{left:50%}
.measurement.m2,.measurement.m5{left:80%}
.measurement.m3,.measurement.m4,.measurement.m5{top:72%}
.measurement-card{position:absolute;inset:0;background:#fffaf1;border:1px solid #263c3225;border-radius:6px;box-shadow:0 3px 0 #263c320b}
.measurement-date{position:relative;display:block;font:12px/1.3 Arial,sans-serif;margin-bottom:10px}
.measurement strong{position:relative;font:500 clamp(23px,2.5vw,38px)/1 Bricolage,Arial,sans-serif;letter-spacing:-.03em}
.measurement strong small{font:12px Arial,sans-serif;letter-spacing:0}
.measurement-dot{position:absolute;width:10px;height:10px;background:currentColor;border:2px solid #f5eddf;border-radius:50%;left:calc(50% - 5px);top:calc(50% - 5px);opacity:0}
.growth-axes,.growth-line{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:visible}
.calendar-caption{position:absolute;top:106%;left:0;width:100%;text-align:center;font:11px/1.4 Arial,sans-serif}
@media(min-width:1800px){.story-enhanced .story-stage{min-height:580px}}
@media(max-width:1000px){
 .story-enhanced .story-header,.story-enhanced .story-footer{left:24px;right:24px}
 .story-enhanced .story-opening{left:24px;top:15%;width:calc(100% - 48px)}
 .story-enhanced .story-opening>.story-eyebrow{font-size:10px;margin:0 0 15px;max-width:300px}
 .story-enhanced .story-opening h2{font-size:clamp(44px,12.4vw,68px);line-height:1}
 .story-enhanced .story-opening h2 span,.story-enhanced .story-opening h2 span:last-child{display:block;position:static}
 .story-enhanced .story-opening-note{font-size:18px;line-height:1.4;margin-top:15px;max-width:100%}
 .story-opening-note small{font-size:13px;margin-top:4px}
 .story-enhanced .story-phone{width:min(29svh,62vw);top:67%;left:50%;max-width:330px}
 .story-enhanced .story-chapter{left:24px;top:14%;width:calc(100% - 48px)}
 .story-enhanced .story-chapter h3{font-size:clamp(36px,10.2vw,52px);margin:12px 0}
 .story-enhanced .story-chapter p{font-size:16px;line-height:1.5;max-width:360px}
 .story-enhanced .story-growth-copy .growth-choice{position:absolute;top:auto;bottom:0;font-size:15px;margin:0;max-width:310px;opacity:0}
 .story-enhanced .detail-feeding{width:65%;left:5%;right:auto;top:53%}.story-enhanced .detail-sleep{width:65%;left:8%;right:auto;top:65%}
 .story-enhanced .growth-map{width:calc(100% - 36px);left:18px;top:44%;max-width:620px}
 .calendar-title{font-size:17px}.calendar-unit{font-size:9px}.measurement-date{font-size:11px;margin-bottom:7px}.measurement strong{font-size:25px}.measurement strong small{font-size:10px}.calendar-caption{font-size:10px}
 
}
@media(min-width:701px) and (max-width:1000px){
 .story-enhanced .story-opening{left:10%;width:80%;top:14%}.story-enhanced .story-opening h2{font-size:68px}.story-enhanced .story-opening-note{font-size:24px}
 .story-enhanced .story-chapter{left:10%;width:80%}.story-enhanced .story-chapter h3{font-size:58px}.story-enhanced .story-chapter p{max-width:480px;font-size:20px}
 .story-enhanced .growth-map{left:10%;width:80%;top:46%}.measurement strong{font-size:36px}.measurement-date{font-size:15px}.calendar-title{font-size:24px}.calendar-unit{font-size:12px}
 .story-enhanced .story-phone{width:29svh}
}
@media(max-width:700px) and (max-height:739px){
 .story-enhanced .story-opening{top:16%}.story-enhanced .story-opening>.story-eyebrow{margin-bottom:12px}.story-enhanced .story-opening h2{font-size:43px}.story-enhanced .story-opening-note{font-size:17px;margin-top:12px}
 .story-enhanced .story-phone{width:27svh;top:69%}.story-enhanced .story-chapter h3{font-size:35px}.story-enhanced .story-chapter p{font-size:14px}.story-enhanced .growth-map{top:49%}
}

.product-scroll:not(.story-enhanced) .story-opening h2 span{display:block}
@media(max-width:700px){.product-scroll:not(.story-enhanced) .story-opening h2{font-size:clamp(36px,10vw,60px);line-height:1.05}}

/* The original app crop forms and docks once; the phone retains the chart. */
.growth-app-chart{position:absolute;left:50%;top:0;height:100%;aspect-ratio:770/780;transform:translateX(-50%);overflow:hidden;border-radius:2px;opacity:0;background:#f0ede8}
.growth-app-chart img{display:block;position:absolute;height:auto;max-width:none;width:140.2597402597%;left:-19.4805194805%;top:-96.4102564103%}
html[lang="en"] .growth-app-chart img{top:-94.4871794872%}

.measurement-dot{background:#d4a96a;border:0}
.measurement.m5 .measurement-dot{background:#fff;border:2px solid #d4a96a;box-shadow:0 0 6px #d4a96a45}

@media(max-width:700px){.growth-app-chart{height:min(90vw,39svh)}}

/* Closing illustration: real app mascot and real demo measurements. */
.growth-perspectives{display:none}
.story-enhanced .growth-perspectives{display:block}
.growth-perspectives{position:absolute;left:38%;top:28%;width:33%;height:52%;z-index:7;color:#263c32}
.growth-mascot{position:absolute;left:-2%;top:8%;width:62%;height:78%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 15px #55361716)}
.growth-measures{position:absolute;left:60%;top:10%;width:40%;display:grid;gap:32px}
.growth-measure{border-bottom:1px solid #263c3233;padding-bottom:16px}
.growth-measure>span{display:block;font:12px/1.4 Arial,sans-serif;margin-bottom:7px}
.growth-measure strong{font:480 clamp(28px,3vw,44px)/1 Bricolage,Arial,sans-serif;letter-spacing:-.05em}
.growth-measure small{font:14px Arial,sans-serif;letter-spacing:0;margin-left:5px}
.growth-perspectives>p{position:absolute;top:91%;left:0;width:100%;font:11px/1.5 Arial,sans-serif;text-align:center}
@media(max-width:1000px){
 .growth-perspectives{left:5%;top:43%;width:49%;height:45%}
 .growth-mascot{left:5%;top:0;width:84%;height:auto}
 .growth-measures{left:0;top:61%;bottom:auto;width:95%;gap:8px}
 .growth-measure{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:7px}
 .growth-measure>span{font-size:10px;margin:0}.growth-measure strong{font-size:23px}.growth-measure small{font-size:10px;margin-left:3px}
 .growth-perspectives>p{display:none}
}
@media(min-width:701px) and (max-width:1000px){.growth-perspectives{width:45%;left:9%;top:42%;height:44%}.growth-mascot{width:62%;left:8%}.growth-measures{width:75%;top:65%}.growth-measure>span{font-size:14px}.growth-measure strong{font-size:28px}}
@media(max-width:700px) and (max-height:739px){.growth-perspectives{top:44%;height:42%}.growth-mascot{width:68%;left:13%}.growth-measures{top:63%;gap:6px}.growth-measure{padding-bottom:5px}.growth-measure strong{font-size:20px}}

.growth-mascot[hidden]{display:none}
/* Product navigation reflows with enlarged text instead of leaving the page. */
.story-credit{flex-wrap:wrap}
.story-credit .studio-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}