/* Approved quiet section backgrounds; all content remains native HTML. */
.experience,.foundations,.together,.app-gallery{position:relative;isolation:isolate}
.experience::before,.foundations::before,.together::before,.app-gallery::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--section-wash);box-shadow:0 0 0 100vmax var(--section-wash);clip-path:inset(0 -100vmax)}
.experience{--section-wash:#fffdf4;padding-bottom:55px}
.foundations{--section-wash:#f0f6e8;padding-top:45px;padding-bottom:50px}
.together{--section-wash:#eef8fa;padding-top:45px;padding-bottom:45px}
.learning-path{background:#fffdf4}
.path-island{opacity:.18}
.app-gallery{--section-wash:#fffdf4}
.habit-note{border:1px solid #e8e8d7;border-radius:18px;background:#fffef8;margin-bottom:30px;padding:26px 30px;box-shadow:0 5px 20px #334a2710}
.closing-world{position:relative;isolation:isolate;background:#fffdf4;padding-top:15px}
.closing-world .download-section{background:transparent;color:#082f32;border-radius:0;margin-bottom:0;padding-top:38px;padding-bottom:30px}
.closing-world .download-section .eyebrow{color:#397044}
.closing-world .download-section .availability{color:#50637a}
.closing-world .download-section .store-beta-note{color:#50637a!important}
.closing-world footer{background:#fffdf4}
@media(max-width:760px){
 .foundations,.together{padding-block:35px}
 .experience{padding-bottom:35px}
 .habit-note{padding:22px 18px;margin-bottom:24px;border-radius:14px}
 .closing-world footer{position:relative}
}

/* Scenery gets its own space below consent and never sits behind form text. */
.closing-world .android-beta-section{padding-bottom:30px!important}
.closing-river{height:150px;background:var(--footer-river,none) center bottom/100% auto no-repeat;opacity:.8;pointer-events:none}
@media(max-width:760px){.closing-river{height:110px;background-size:auto 420px}}

/* Follow the approved proposal: light washes with gently irregular joins. */
.foundations{--section-wash:#f3f8eb}
.together{--section-wash:#f0faff}
.foundations::after,.together::after{content:"";position:absolute;left:50%;top:-10px;width:100vw;height:16px;transform:translateX(-50%);pointer-events:none;z-index:-1;background:var(--section-wash);clip-path:polygon(0 50%,3% 38%,6% 54%,10% 40%,16% 52%,22% 30%,29% 45%,35% 35%,43% 53%,50% 40%,58% 55%,66% 34%,73% 51%,81% 39%,88% 55%,94% 35%,100% 48%,100% 100%,0 100%)}
.closing-world{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:60px;max-width:none;padding:25px max(5%,calc((100% - 1180px)/2)) 0}
.closing-world .download-section{align-self:start;display:grid;grid-template-columns:1fr;gap:20px;margin:0;padding:25px 0!important;text-align:left;width:100%;min-width:0}
.closing-world .download-section>img{display:none}
.closing-world .download-section h2{font-size:32px;max-width:330px}
.closing-world .download-section .availability{font-size:13px;line-height:1.65}
.closing-world .download-section .store-buttons{max-width:100%;width:auto;justify-content:flex-start}
.closing-world .android-beta-section{display:block!important;min-width:0;max-width:none;margin:0;padding:25px 0 25px 35px!important;border:0;border-left:1px solid #dce4d6;gap:0!important;background:transparent!important}
.closing-world .android-beta-copy h2{font-size:24px!important}
.closing-world .android-beta-copy .eyebrow{font-size:9px}
.closing-world .android-beta-copy p{font-size:12px;line-height:1.6}
.closing-world .android-beta-note{font-size:10px!important;margin-bottom:14px}
.closing-world .beta-form{gap:8px}
.closing-world .beta-consent{font-size:10px!important;line-height:1.5}
.closing-world .closing-river,.closing-world footer{grid-column:1/-1}
.closing-world .closing-river{margin-inline:min(-5vw,calc((1180px - 100vw)/2));height:140px;background-size:100% 430px;opacity:1}
.closing-world footer{width:100%;padding:24px 0;max-width:none}
@media(max-width:760px){
 .closing-world{display:block;padding:15px 6% 0}
 .closing-world .download-section{text-align:center;padding:22px 0 28px!important}
 .closing-world .download-section h2{margin:auto;font-size:29px}
 .closing-world .download-section .store-buttons{justify-content:center;margin:auto}
 .closing-world .android-beta-section{padding:25px 0!important;border-left:0;border-top:1px solid #e4e8dd}
 .closing-world .closing-river{margin-inline:-6.82%;height:95px;background-size:auto 380px}
 .closing-world footer{padding-block:24px}
}

/* Smooth continuous color joins instead of cut-paper section edges. */
.experience{--previous-wash:#f5faef}
.foundations{--previous-wash:#fffdf4}
.together{--previous-wash:#f3f8eb}
.app-gallery{--previous-wash:#fffdf4}
.experience::before,.foundations::before,.together::before,.app-gallery::before{inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);box-shadow:none;clip-path:none;background:linear-gradient(to bottom,var(--previous-wash),var(--section-wash) 64px)}
.foundations::after,.together::after{display:none}
.learning-path{background:linear-gradient(#f0faff,#fffdf4 70px)}
.closing-river{mask-image:linear-gradient(transparent,#000 18%,#000 84%,transparent)}
@media(prefers-reduced-motion:no-preference){
 .flow-slides,.writing-slides{transition-duration:550ms;transition-timing-function:cubic-bezier(.22,1,.36,1)}
 .card-arrow,.gallery-controls button,.gallery-track .device{transition-duration:260ms;transition-timing-function:cubic-bezier(.22,1,.36,1)}
}

/* Keep the closing composition compact and the landscape undistorted. */
.closing-world{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:44px;padding:10px max(6%,calc((100% - 1060px)/2)) 0}
.closing-world .download-section{gap:16px;padding-top:22px!important}
.closing-world .download-section h2{font-size:28px;line-height:1.15;max-width:290px;letter-spacing:-.025em}
.closing-world .download-section .availability{max-width:340px;font-size:13px}
.closing-world .download-section .eyebrow,.closing-world .android-beta-copy .eyebrow{font-size:9px;letter-spacing:.08em}
.closing-world .android-beta-section{padding:22px 0 15px 26px!important}
.closing-world .android-beta-copy h2{font-size:22px!important;line-height:1.2!important;letter-spacing:-.02em}
.closing-world .android-beta-copy p{font-size:12px;line-height:1.6}
.closing-world .beta-fields{gap:8px}
.closing-world .beta-fields input{flex:1;width:0;padding:12px}
.closing-world .beta-fields button{flex:none;white-space:nowrap;font-size:11px;padding:12px}
.closing-world .closing-river{height:clamp(155px,15vw,250px);margin-inline:min(-6vw,calc((1060px - 100vw)/2));background-size:100% auto;mask-image:linear-gradient(transparent,#000 15%,#000 75%,transparent);opacity:.85}
.closing-world footer{padding-block:20px}
@media(max-width:760px){
 .closing-world{padding:5px 6% 0}
 .closing-world .download-section{padding:18px 0 24px!important}
 .closing-world .download-section h2{font-size:27px}
 .closing-world .android-beta-section{padding:22px 0 12px!important}
 .closing-world .beta-fields input{width:100%;flex:auto}
 .closing-world .closing-river{height:125px;margin-inline:-6.82%;background-size:auto 420px}
}