:root{--ink:#14213d;--mut:#5b6478;--bg:#fff;--soft:#f4f7fb;--line:#e3e8f0;--pri:#2457d6;--pri2:#1b3fa0;--acc:#0e9f6e;--warm:#f59e0b;--r:14px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.sec{padding:48px 20px}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:.3em 0;letter-spacing:-.02em}h2{font-size:1.7rem;margin:0 0 20px}
.lead{font-size:1.12rem;color:var(--mut);max-width:60ch}.center{text-align:center}.center .lead{margin:0 auto}
.top{position:sticky;top:0;background:#fffe;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5}.bar{display:flex;align-items:center;gap:20px;height:64px}
.logo{font-weight:800;font-size:1.2rem;display:flex;align-items:center;gap:8px}.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--pri);color:#fff}
nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto}nav a{padding:8px 12px;border-radius:8px;color:var(--mut);font-weight:500;white-space:nowrap}nav a.on,nav a:hover{background:var(--soft);color:var(--ink)}
.btn{display:inline-block;background:var(--pri);color:#fff;padding:13px 22px;border-radius:10px;font-weight:600;border:2px solid var(--pri)}.btn:hover{background:var(--pri2)}.btn.ghost{background:#fff;color:var(--pri)}.btn.sm{padding:8px 14px}.btn.full{display:block;text-align:center}
.hero{background:linear-gradient(160deg,#eef3ff,#fff 60%);padding:56px 0}.hgrid{display:grid;gap:36px;grid-template-columns:1.1fr 1fr;align-items:center}
.pill{display:inline-block;background:#e4ecff;color:var(--pri2);padding:6px 12px;border-radius:99px;font-size:.85rem;font-weight:600}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.ticks{list-style:none;padding:0;display:flex;gap:18px;flex-wrap:wrap;color:var(--mut);font-size:.95rem}.ticks li:before{content:"✓ ";color:var(--acc);font-weight:800}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.duo figure{margin:0;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 10px 30px #14213d1a}.duo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.duo figcaption{padding:10px 14px;font-size:.9rem;color:var(--mut)}.duo figure:nth-child(2){transform:translateY(28px)}
.ygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ycard{border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:8px;transition:.2s}.ycard:hover{border-color:var(--pri);box-shadow:0 8px 24px #2457d61f;transform:translateY(-2px)}
.yr{font-size:1.35rem;font-weight:800}.ycard p{color:var(--mut);margin:0;flex:1}.meta{font-size:.88rem;color:var(--mut)}.go{color:var(--pri);font-weight:600}
.band{background:var(--ink);color:#fff;padding:48px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--warm);color:var(--ink);font-weight:800}.steps p{color:#c9d2e6}
.parents{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.parents p{color:var(--mut)}.quote{background:var(--soft);border-left:4px solid var(--acc);padding:24px;border-radius:var(--r);font-size:1.1rem}.quote small{display:block;margin-top:10px;color:var(--mut);font-size:.8rem}
.yhead{background:var(--soft);padding:40px 0;border-bottom:1px solid var(--line)}.crumb{color:var(--mut);font-size:.9rem}.crumb a{color:var(--pri)}
.stats{display:flex;gap:22px;flex-wrap:wrap;color:var(--mut)}.stats b{color:var(--ink);font-size:1.3rem}
.ygrid2{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.list{display:flex;flex-direction:column;gap:10px}
.lesson{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.lesson:hover{border-color:var(--pri)}.num{font-weight:800;color:var(--pri);width:30px}.lt{flex:1;display:flex;flex-direction:column}.lt small{color:var(--mut)}
.tag{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:99px;background:#e7f7ef;color:#08714e;white-space:nowrap}.locked .tag{background:#f1f3f7;color:var(--mut)}.locked .lt b{color:#3b4660}
.unlock{position:sticky;top:84px;border:2px solid var(--pri);border-radius:var(--r);padding:24px}.price{font-size:2.2rem;font-weight:800;margin:8px 0 0}.price small{font-size:1rem;color:var(--mut);font-weight:500}.alt{color:var(--mut);margin:0 0 16px}.fine{font-size:.82rem;color:var(--mut)}
.lgrid{display:grid;grid-template-columns:1fr 300px;gap:28px}.player{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#0b1530}.player img{width:100%;height:100%;object-fit:cover;opacity:.55}.play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:0;background:#fff;font-size:1.7rem;color:var(--pri);box-shadow:0 8px 30px #0006}.badge{position:absolute;top:14px;left:14px;background:var(--acc);color:#fff;padding:5px 12px;border-radius:99px;font-size:.8rem;font-weight:700}
.board{background:#1f4d3a;color:#f4f1e8;border-radius:var(--r);padding:20px 24px;margin:20px 0;font-family:Georgia,serif;border:8px solid #8a5a2b}.board span{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.board strong{display:block;font-size:2rem}
.row{display:flex;gap:12px;flex-wrap:wrap}.side{border:1px solid var(--line);border-radius:var(--r);padding:18px;align-self:start}.side h3{margin-top:0}.mini{display:flex;gap:10px;padding:9px 8px;border-radius:8px;font-size:.92rem}.mini span{color:var(--mut);font-weight:700}.mini.cur{background:#e4ecff}.mini.more{color:var(--pri);font-weight:600}
.lockedp{display:grid;place-items:center;background:linear-gradient(135deg,#14213d,#2457d6)}.lockbox{text-align:center;color:#fff;padding:24px;max-width:420px}.lk{font-size:2.4rem}.lockbox p{color:#d6def0}.lockbox .link{display:block;margin-top:14px;color:#cfe0ff;text-decoration:underline}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:28px}.plan.hot{border:2px solid var(--pri);box-shadow:0 14px 40px #2457d626}.ribbon{position:absolute;top:-13px;left:24px;background:var(--pri);color:#fff;padding:4px 12px;border-radius:99px;font-size:.78rem;font-weight:700}.plan ul{padding:0;list-style:none;margin:0 0 22px}.plan li{padding:6px 0;border-bottom:1px solid var(--line)}.plan li:before{content:"✓ ";color:var(--acc);font-weight:800}
.note{color:var(--mut);font-size:.9rem;margin-top:20px}.faq{display:grid;gap:10px}details{border:1px solid var(--line);border-radius:12px;padding:14px 18px}summary{font-weight:600;cursor:pointer}details p{color:var(--mut);margin:.5em 0 0}
.foot{background:var(--soft);border-top:1px solid var(--line);padding:40px 0 20px;margin-top:40px}.cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.cols p{color:var(--mut)}.cols h4{margin:0 0 8px}.cols div>a:not(.logo){display:block;color:var(--mut);padding:3px 0}
@media(max-width:860px){.hgrid,.parents,.ygrid2,.lgrid{grid-template-columns:1fr}.ygrid,.steps,.plans{grid-template-columns:1fr}.cols{grid-template-columns:1fr 1fr}.unlock{position:static}.bar nav{display:none}.duo figure:nth-child(2){transform:none}}