/* Family-first landing update: clear choices before scrolling. */
:root{--blue:#2c73d8;--blue-dark:#163d70;--blue-deep:#174d91;--sky:#f3fbff;--ink:#17365c;--muted:#5c718b;--yellow:#ffd75a;--coral:#ff8174;--mint:#e5f8ec;--line:#d6e6f3}
.site-header{border-bottom-color:rgba(22,61,112,.1)}
.hero{background:linear-gradient(135deg,#dff3ff 0%,#e9f8ff 50%,#fff6c9 100%);color:var(--ink);min-height:610px;padding:88px 0 110px}
.hero:after{background:radial-gradient(circle,#fff 0 3px,transparent 4px) 0 0/36px 36px;content:"";height:180px;opacity:.5;position:absolute;right:5%;top:5%;width:180px}
.hero h1{color:var(--blue-dark);font-size:clamp(3rem,5.6vw,5.15rem)}.hero h1 strong{color:#e66655}
.hero-kicker{color:#2a6ea9}.hero-kicker span{color:#ef9d2f}.hero-lead{color:#405f80;margin:24px 0;max-width:580px}
.hero-actions{gap:14px}.button-sun{background:#f7b93e;color:#17365c;box-shadow:0 8px 0 #d99221}.button-sun:hover{box-shadow:0 5px 0 #d99221;transform:translateY(3px)}
.quick-menu{position:relative}.quick-menu summary{align-items:center;background:#fff;border:2px solid #b8d8ef;border-radius:999px;color:#245b92;cursor:pointer;display:flex;font-size:.94rem;font-weight:900;gap:9px;list-style:none;padding:12px 18px}.quick-menu summary::-webkit-details-marker{display:none}.quick-menu[open] summary{border-color:#5c9ddd;box-shadow:0 7px 18px rgba(42,101,160,.14)}.quick-menu summary span{font-size:1.2rem;line-height:.8}.quick-menu-panel{background:#fff;border:1px solid #cbdfee;border-radius:18px;box-shadow:0 20px 36px rgba(31,78,127,.18);display:grid;gap:2px;left:0;min-width:280px;padding:8px;position:absolute;top:calc(100% + 10px);z-index:10}.quick-menu-panel a{border-radius:12px;color:#264e7a;padding:11px 13px;text-decoration:none}.quick-menu-panel a:hover,.quick-menu-panel a:focus{background:#eff8ff}.quick-menu-panel b,.quick-menu-panel small{display:block}.quick-menu-panel b{font-size:.88rem}.quick-menu-panel small{color:#637991;font-size:.74rem;margin-top:2px}.hero-note{color:#426987;margin-top:26px}.hero-note span{color:#277a61}.hero-note i{background:#9bc4df}
.hero-play{border-color:#fff;box-shadow:0 24px 48px rgba(43,103,155,.22);transform:rotate(1.4deg)}.lesson-pill{background:#eaf9ee;color:#27805d}.sentence-card{background:#275f9b}.hero-wave{background:var(--sky)}
.proof-bar{padding:25px 0 34px}.proof-grid p{padding-bottom:0;padding-top:0}.proof-grid span{color:#e49a22}
.method-section{padding:76px 0}.try-section,.parent-section,.library-section,.reassurance,.faq{padding:76px 0}.library-section,.reassurance{display:none}.faq{padding-top:20px}.faq h2{font-size:clamp(2rem,4vw,3.2rem)}
@media(max-width:850px){.hero{padding:64px 0 90px}.quick-menu-panel{left:50%;transform:translateX(-50%)}.method-section{padding:64px 0}.try-section,.parent-section,.faq{padding:64px 0}}
@media(max-width:650px){.hero{min-height:0;padding:48px 0 78px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button,.quick-menu{width:100%}.quick-menu summary{justify-content:center}.quick-menu-panel{min-width:0;width:100%}.hero-play{margin-top:10px}.proof-bar{padding:22px 0}.proof-grid{display:none}.method-section{padding-top:48px}.method-grid{gap:14px}.method-card{padding:22px}.try-section,.parent-section{padding:52px 0}.faq{display:none}}

/* Keep the public path short: lesson first, plans second. */
.proof-bar,.starter-plan,.app-preview,.parent-section,.library-section,.reassurance,.faq,.phonics-school{display:none!important}
.try-section{padding-bottom:62px}.pricing-section{padding:62px 0}
@media(max-width:650px){.try-section,.pricing-section{padding:48px 0}}

.sample-step button:disabled{cursor:wait;opacity:.72}.sentence-step strong{font-size:clamp(2rem,5vw,3rem);line-height:1.05}.lesson-restart{background:transparent!important;border:1px solid rgba(255,255,255,.38)!important;color:#fff!important;margin-top:12px!important}
.tap-sound,.word-sound,.tap-sentence{border:0;cursor:pointer}.tap-sound{font:600 1.2rem Fredoka,sans-serif}.tap-sound:hover,.tap-sound:focus-visible{box-shadow:0 0 0 4px rgba(255,212,59,.48);outline:0;transform:translateY(-2px)}.word-sound{background:transparent;color:var(--blue-dark);font:600 1.85rem Fredoka,sans-serif;padding:0}.word-sound:hover,.word-sound:focus-visible{color:#e66655;outline:0;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.tap-sentence{border:0;cursor:pointer;text-align:center;width:100%}.tap-sentence:hover,.tap-sentence:focus-visible{background:#214f85;outline:4px solid rgba(255,212,59,.55);outline-offset:3px}.hero-play [data-audio]:disabled{cursor:wait;opacity:.7}
.lesson-restart{display:none!important}

/* Brighter, playful lesson art. */
.hero-play{background:linear-gradient(155deg,#fff 0%,#edf9ff 58%,#fff5c9 100%)}
.lesson-pill{background:linear-gradient(100deg,#d9fae4,#ecfff4);box-shadow:0 5px 13px rgba(45,159,105,.12)}
.sound-chip.blue{background:linear-gradient(145deg,#1d8df3,#2654d7)!important;box-shadow:0 7px 0 #1647b8,0 12px 19px rgba(26,103,220,.24)}
.sound-chip.sky{background:linear-gradient(145deg,#76e6ff,#34a8ed)!important;box-shadow:0 7px 0 #1684c7,0 12px 19px rgba(28,160,218,.22)}
.cat-stage{background:linear-gradient(180deg,#81ddff 0%,#bcefff 54%,#effbd6 55%,#dff5b2 100%)}
.cat-stage:after{background:linear-gradient(90deg,rgba(255,255,255,.58),transparent);content:"";height:100%;inset:0;position:absolute;pointer-events:none}
.sun-dot{background:radial-gradient(circle at 35% 30%,#fff8a7 0 14%,#ffd94a 36%,#ff9f31 100%);box-shadow:0 0 0 7px rgba(255,234,104,.28),0 0 24px rgba(255,179,46,.55)}
.mat{background:linear-gradient(180deg,#57b8ff,#2e72e5)!important;border-color:#1d64d0!important;box-shadow:inset 0 6px 0 rgba(255,255,255,.22)}
.cat-body{background:linear-gradient(145deg,#ffd66b,#ff9c3d)!important;border-color:#17447b!important}.cat-head{background:linear-gradient(145deg,#ffe47b,#ffa63e)!important;border-color:#17447b!important}.cat-head:before,.cat-head:after{background:#ffc75c!important;border-color:#17447b!important}.cat-tail{border-color:#ffa640!important}
.sentence-card{background:linear-gradient(110deg,#2858bb,#5537b7 60%,#8b3fc6)!important;box-shadow:0 10px 20px rgba(66,55,175,.27)}
.lesson-player{background:linear-gradient(145deg,#163f83,#245cbd 55%,#5941bb)!important;box-shadow:18px 18px 0 #b5e8ff,0 20px 34px rgba(30,75,153,.22)}
.sample-step button{background:linear-gradient(135deg,#ffe86b,#ffb838)!important;box-shadow:0 6px 0 #db8a23}