:root{--board:#15241d;--deep:#0f1b15;--chalk:#f2f0e4;--yellow:#ffe082;--ink:#1c2422;--muted:#52605a;--paper:#faf9f4;--paper2:#f0eee4;--accent:#1f7a5c;--line:#deded0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.65}h1,h2,h3,h4,p{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cc7629;outline-offset:5px}button,input{touch-action:manipulation}[hidden]{display:none!important}.wrap{max-width:1160px;padding:0 28px;margin:auto}.chalkfont{font-family:Caveat,cursive}.skip-link{position:fixed;z-index:50;top:-80px;left:12px;padding:12px;background:#fff;color:var(--ink)}.skip-link:focus{top:10px}
nav{position:sticky;top:0;z-index:20;background:rgba(250,249,244,.96);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:24px;min-height:76px}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.15rem;text-decoration:none;letter-spacing:-.04em}.logo-mark{display:grid;place-items:center;width:32px;height:34px;background:var(--board);color:var(--yellow);border:2px solid #8a5a33;border-radius:8px;font-family:Caveat,cursive;font-size:1.4rem}.nav-links{margin-left:auto;display:flex;gap:25px;font-size:.9rem}.nav-links a,.sign-in{text-decoration:none}.sign-in{font-size:.9rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;border-radius:999px;text-decoration:none;font-weight:700;min-height:48px;padding:12px 24px;border:1px solid transparent;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:white}.btn-primary:hover,.btn-nav:hover{background:#155c44}.btn-nav{background:var(--accent);color:#fff;min-height:42px;padding:9px 20px;font-size:.9rem}.btn-outline{border-color:var(--accent);color:#155c44;background:transparent}.btn-outline:hover{background:#e8f1e9}
.hero{background:var(--deep);color:var(--chalk)}.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center;padding-top:64px;padding-bottom:64px}.eyebrow{font-size:.73rem;letter-spacing:.12em;font-weight:700;color:var(--yellow);margin-bottom:20px}h1{font-size:clamp(2.65rem,4.4vw,3.9rem);line-height:1.09;letter-spacing:-.045em}h1 .chalkfont{font-size:1.28em;color:var(--yellow);font-weight:700}.sub{color:#cbd3c8;font-size:1.06rem;margin:25px 0 28px;max-width:470px}.hero-ctas{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero .btn-primary,.final .btn-primary{background:var(--yellow);color:var(--deep)}.hero .btn-primary:hover,.final .btn-primary:hover{background:#ffedb4}.sample-link{font-size:.89rem;text-underline-offset:5px}.hero-note{font-size:.8rem;color:#cbd3c8;max-width:410px;margin-top:18px;line-height:1.7}.hero-note strong{display:block;color:var(--chalk);font-weight:600}
.sample{padding:0;border:1px solid #617365;border-radius:16px;overflow:hidden;background:var(--board);box-shadow:0 20px 55px #0003;scroll-margin-top:96px}.sample-label{display:flex;justify-content:space-between;gap:8px;padding:12px 20px;background:#20382a;font-size:.65rem;letter-spacing:.04em;color:#e3e8df}.board{padding:20px 22px 15px}.board h2{font-size:1.95rem;font-weight:600;text-align:center;margin:0}.board svg{display:block;width:100%;max-height:210px;margin:0 auto}.equation{color:var(--yellow);text-align:center;font-size:.94rem;min-height:3.2em;display:grid;align-content:center;font-weight:600}.sample-bottom{padding:16px 22px 20px;background:var(--paper);color:var(--ink)}.sample-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-small{min-height:40px;padding:7px 15px;font-size:.79rem;background:var(--accent);color:white}.text-button{background:none;border:0;color:#155c44;min-height:44px;font-weight:600;padding:4px 0;font-size:.79rem}.text-button:disabled{color:#66726c}#sample-progress{margin-left:auto;color:var(--muted);font-size:.7rem}.caption{font-size:.83rem;margin-top:10px;min-height:5em}.transcript{margin-top:6px;font-size:.77rem}.transcript summary{padding:8px 0}.transcript p{margin-top:5px}.sample-footnote{color:var(--muted);font-size:.69rem;margin-top:9px;line-height:1.5}.sample-question{border:0;padding:0;margin:6px 0}.sample-question legend{font-size:.9rem;font-weight:700}.answers{display:flex;gap:10px;margin:10px 0}.answers button{min-width:60px;min-height:44px;border:1px solid var(--accent);border-radius:8px;background:#fff;font-weight:700;color:#155c44}.answers button[aria-pressed=true]{background:var(--accent);color:white}#sample-feedback{font-size:.85rem}.sample.is-playing .triangle-line{stroke-dasharray:820;animation:draw 2s ease-out both}@keyframes draw{from{stroke-dashoffset:820}to{stroke-dashoffset:0}}
.strip{background:var(--paper2);border-bottom:1px solid var(--line)}.strip-in{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;font-size:.8rem;color:var(--muted)}.strip-in span:before{content:'✓';font-weight:800;margin-right:9px;color:var(--accent)}section{padding:80px 0}.kicker{text-transform:uppercase;color:var(--accent);font-size:.73rem;font-weight:800;letter-spacing:.11em}h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.035em;margin:12px 0 18px}.lead{max-width:660px;color:var(--muted);font-size:1rem}.paper-section{background:var(--paper2)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center}.benefits{padding-left:22px;color:var(--muted);font-size:.95rem;margin:24px 0}.benefits li{margin:10px 0}.benefits li::marker{color:var(--accent)}.text-link{font-weight:700;color:#155c44;text-underline-offset:5px}.report{border:1px solid var(--line);padding:28px;border-radius:18px;background:#fff;box-shadow:0 12px 36px #14251c08}.report-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.example-tag{padding:4px 8px;border-radius:5px;background:var(--paper2);color:var(--muted);font-size:.65rem}.report h3{font-size:1rem;margin:15px 0}.report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #ecece2;font-size:.82rem}.status{font-size:.7rem;color:var(--muted);white-space:nowrap}.status.review{background:#fff0c8;color:#735310;border-radius:5px;padding:4px 7px}.next-lesson{background:#edf4ee;border-left:3px solid var(--accent);padding:17px;margin-top:12px}.next-lesson h4{margin:6px 0;font-size:1rem}.next-lesson p{font-size:.8rem;color:var(--muted)}.report-note{font-size:.7rem;color:var(--muted);margin-top:16px}.free-tag{display:inline-block;color:#155c44;font-size:.72rem;font-weight:600;margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}.step{border-top:1px solid #c9cbbb;padding-top:20px}.step-num{font-family:Caveat,cursive;font-size:2.2rem;color:var(--accent)}.step h3{font-size:1.1rem;margin:10px 0}.step p{color:var(--muted);font-size:.9rem}
.curr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px;align-items:start}.course{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.course-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.course h3{font-size:1.15rem}.course-meta{color:var(--muted);font-size:.8rem;margin:5px 0 16px}.live-tag{white-space:nowrap;background:#e7f4ee;color:#155c44;padding:4px 8px;border-radius:5px;font-size:.65rem}.course .btn{width:100%;margin-top:20px;font-size:.88rem}.course details{font-size:.85rem;border-top:1px solid #e8e8dd;padding:10px 0}.course summary{cursor:pointer;font-weight:600}.units{list-style:none;margin:16px 0 0;padding:0}.unit{border-left:2px solid var(--accent);padding-left:12px;margin:16px 0}.unit-row{display:flex;gap:8px;flex-wrap:wrap}.unit-name{font-weight:700}.std{font-size:.68rem;color:#155c44;background:#edf4ee;padding:2px 5px;border-radius:4px}.lessons{font-size:.8rem;color:var(--muted);margin-top:6px}.roadmap ul{padding-left:18px;color:var(--muted)}.roadmap li{margin-top:8px}.roadmap .std{display:block;width:fit-content}.availability-note{font-size:.8rem;color:var(--muted);margin-top:20px}
.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.card{border:1px solid var(--line);border-radius:18px;padding:32px;background:#fff;display:flex;flex-direction:column}.card h3{font-size:1.15rem}.card.premium{position:relative}.offer-tag{position:absolute;top:-14px;left:24px;background:var(--yellow);font-size:.67rem;font-weight:800;color:#5a4500;padding:6px 12px;border-radius:6px}.price{margin:12px 0 4px;display:flex;align-items:baseline;gap:9px}.price strong{font-size:2.8rem;letter-spacing:-.04em;color:#155c44}.price s,.price span{color:var(--muted);font-size:.9rem}.price-note{font-size:.82rem;color:var(--muted)}.checks{padding:0;list-style:none;margin:24px 0 30px;font-size:.9rem;display:grid;gap:13px}.checks li{padding-left:25px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:700}.card .btn{margin-top:auto}.fine{font-size:.73rem;color:var(--muted);text-align:center;margin-top:12px}.faq-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:.95rem;font-weight:600;cursor:pointer}.faq p{font-size:.88rem;color:var(--muted);margin-top:12px}.faq a{color:#155c44}.final{background:var(--deep);color:var(--chalk);text-align:center}.final .eyebrow{margin-bottom:10px}.final h2{font-size:clamp(2.5rem,4vw,3.8rem)}.final h2 .chalkfont{color:var(--yellow)}.final p:not(.eyebrow){color:#cbd3c8}.final .btn{margin-top:26px}.final .fine{margin-top:12px}footer{background:var(--deep);color:#cbd3c8;border-top:1px solid #ffffff20}.foot-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;font-size:.75rem}.foot-in div{display:flex;gap:24px}.foot-in a{text-decoration:none}
@media(max-width:1000px){.hero-in{gap:28px}.results-grid{gap:35px}.nav-in{gap:18px}.nav-links{gap:18px}.sample-label{font-size:.6rem}}
@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.nav-in{min-height:66px;gap:15px}.nav-links{display:none}.sign-in{margin-left:auto}.hero-in{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px;gap:36px}.hero-copy{max-width:590px}h1{font-size:3.1rem;max-width:510px}.sub{max-width:560px}.sample{max-width:560px;width:100%;justify-self:center}.hero-note{max-width:480px}.board svg{max-height:210px}.results-grid,.faq-wrap{grid-template-columns:1fr;gap:32px}section{padding:54px 0}.steps{gap:20px}.step h3{font-size:1rem}.strip-in{justify-content:center;font-size:.74rem}.curr-grid,.price-cards{gap:16px}.course,.card{padding:22px}.course-head{flex-wrap:wrap}.course-meta{margin-bottom:4px}.live-tag{margin-bottom:12px}.faq details:first-child{padding-top:18px}}
@media(max-width:520px){.wrap{padding-left:18px;padding-right:18px}.logo{font-size:1rem}.nav-in{gap:12px}.btn-nav{padding:8px 15px;min-height:40px;font-size:.8rem}.sign-in{font-size:.8rem}h1{font-size:2.65rem}.hero-ctas{gap:20px}.hero-ctas>.btn{width:100%}.hero-ctas>.sample-link{margin:auto}.hero .eyebrow{font-size:.63rem;letter-spacing:.09em}.sub{font-size:1rem}.sample-label{padding:11px 16px}.board{padding:16px}.board h2{font-size:1.75rem}.sample-bottom{padding:14px 16px}.sample-controls{gap:10px}.caption{min-height:6em}.steps,.curr-grid,.price-cards{grid-template-columns:1fr}.steps{gap:24px;margin-top:24px}.price-cards{gap:28px}.report{padding:20px}.report-top{gap:6px}.report-row{font-size:.78rem}.status{font-size:.67rem}.strip-in{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.69rem}.foot-in div{gap:18px}.final br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Product palette: match the cream, teal and white learning workspace. */
:root{--board:#17332f;--deep:#17332f;--chalk:#fff;--yellow:#eedaa9;--ink:#17332f;--muted:#49645e;--paper:#f4f5ef;--paper2:#eaf4f2;--accent:#006b62;--line:#d7e5e0}
.wrap{max-width:1280px;padding-left:40px;padding-right:40px}nav{background:rgba(244,245,239,.97)}.nav-in{min-height:88px}.logo{font-size:1.4rem}.logo-mark{width:38px;height:42px;font-size:1.9rem}.nav-links{font-weight:500}.sign-in{color:var(--accent);white-space:nowrap}.btn{border-radius:12px;min-height:52px}.btn-nav{min-height:44px}.btn-primary:hover,.btn-nav:hover{background:#07574f}.btn-outline{color:var(--accent)}.btn-outline:hover{background:var(--paper2)}
.hero{background:var(--paper);color:var(--ink)}.hero-in{gap:64px;padding-top:70px;padding-bottom:76px;align-items:center;grid-template-columns:1.05fr 1fr}.hero .eyebrow{color:var(--accent);letter-spacing:.15em}.hero h1{font-size:clamp(3.1rem,4.8vw,4.5rem);line-height:1.08;letter-spacing:-.055em}.hero-emphasis{color:var(--accent)}.sub{color:var(--muted);font-size:1.12rem;line-height:1.7;margin:24px 0 30px;max-width:480px}.hero .btn-primary{background:var(--accent);color:white}.hero .btn-primary:hover{background:#07574f}.sample-link{font-weight:600;color:var(--accent)}.hero-note{color:var(--muted);font-size:.79rem;max-width:440px}.hero-note strong{color:var(--ink);margin-bottom:4px}.hero-ctas{gap:20px}
.sample{background:white;border:1px solid #b9d4ce;border-radius:24px;box-shadow:0 24px 60px #17332f0b}.sample-label{background:var(--paper2);color:var(--accent);padding:16px 22px;font-weight:700;font-size:.67rem;letter-spacing:.06em}.sample-dot:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.board{padding:22px 24px 8px;background:radial-gradient(#d7e5e0 .8px,transparent .8px);background-size:18px 18px}.board h2{font-family:Inter,system-ui,sans-serif;color:var(--ink);font-size:1.45rem;letter-spacing:-.03em;font-weight:700}.board svg{max-height:200px}.equation{color:var(--accent);font-size:.93rem;background:white;border-radius:8px;padding:6px}.sample-bottom{background:white;border-top:1px solid var(--line);padding:16px 22px 20px}.caption{min-height:5em;color:var(--muted)}.sample-footnote{font-size:.7rem}.btn-small{min-height:40px;border-radius:8px}.strip{background:#e5efea}.strip-in{font-size:.8rem;font-weight:500;padding-top:20px;padding-bottom:20px}
section{padding:88px 0}h2{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.045em}.results-grid{gap:90px}.report{border-radius:24px;padding:30px;box-shadow:none}.next-lesson{background:var(--paper2);border-radius:0 12px 12px 0}.status.review{background:#f6eacc;color:#855611}.text-link,.free-tag,.faq a{color:var(--accent)}.steps{gap:20px;margin-top:36px}.step{border:1px solid #c3dcd5;border-radius:20px;background:white;padding:26px}.step-num{display:grid;place-items:center;width:44px;height:44px;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:700;border-radius:14px;background:var(--paper2)}.step h3{font-size:1.14rem;margin:22px 0 12px}.step-detail{display:inline-block;font-size:.75rem;color:var(--accent);font-weight:700;margin-top:20px}.family-section{background:var(--ink);color:#fff}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.family-section .kicker{color:#a9d4c8}.family-copy p{color:#d4e5df;margin-bottom:18px;font-size:1.05rem}.family-copy .text-link{color:#c2e8dc}.course{border-color:#b9d1c9;border-radius:20px;padding:28px;background:linear-gradient(135deg,#eaf4f2,white 65%)}.course .btn{background:white}.course .btn:hover{background:var(--paper2)}.live-tag{background:#d5e9e1;color:#17594e}.course-meta{line-height:1.6}.std{color:#17594e}.availability-note{max-width:850px;line-height:1.7}.card{border-radius:24px;padding:34px}.card.premium{background:#f8fbf9;border-color:#88b7aa}.offer-tag{background:#d5e9e1;color:#17594e}.premium-heading{font-size:2rem;line-height:1.2;font-weight:700;letter-spacing:-.04em;margin:26px 0 14px}.price strong{color:var(--accent)}.final{background:#e0eee7;color:var(--ink)}.final .eyebrow{color:var(--accent)}.final p:not(.eyebrow){color:var(--muted)}.final .btn-primary{background:var(--accent);color:white}.final .btn-primary:hover{background:#07574f}.final h2{max-width:820px;margin:12px auto 20px}.return-link{display:block;width:fit-content;margin:28px auto 0;color:var(--accent);font-size:.9rem;font-weight:600;text-underline-offset:5px}footer{background:var(--paper);color:var(--muted);border-color:var(--line)}
@media(max-width:1050px){.hero-in{gap:30px}.wrap{padding-left:28px;padding-right:28px}.nav-in{gap:18px}.nav-links{gap:16px}.hero-ctas{gap:16px}.results-grid{gap:40px}.family-grid{gap:40px}}
@media(max-width:800px){.hero-in{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:36px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(2.8rem,7vw,4rem)}.sample{max-width:580px}.nav-in{min-height:76px}.nav-links{display:none}.sub{max-width:540px}.results-grid,.family-grid{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr}.step{padding:24px}.step h3{margin-top:16px}section{padding:60px 0}.strip-in{justify-content:space-between}.family-copy p{font-size:1rem}}
@media(max-width:520px){.wrap{padding-left:20px;padding-right:20px}.nav-in{flex-wrap:wrap;gap:10px 14px;padding-top:12px;padding-bottom:12px}.logo{font-size:1.15rem}.logo-mark{width:31px;height:35px;font-size:1.6rem}.sign-in{font-size:.76rem}.btn-nav{font-size:.8rem;min-height:40px;padding:8px 14px;margin-left:auto}.nav-in .logo{margin-right:auto}.hero h1{font-size:2.85rem}.hero .eyebrow{font-size:.67rem}.hero-ctas>.btn{width:100%}.hero-note{font-size:.77rem}.sample-label{padding:14px 16px;font-size:.59rem}.board h2{font-size:1.3rem}.sample-bottom{padding:14px 16px 18px}.strip-in{font-size:.7rem;gap:14px 12px}.report{padding:22px}.report-top{flex-wrap:wrap}.report-row{flex-wrap:wrap}.course,.card{padding:24px}.foot-in div{flex-wrap:wrap}.final h2{font-size:2.5rem}.hero-ctas>.sample-link{margin:auto}.sub{font-size:1.04rem}}


.course-intro{color:var(--muted);font-size:.9rem;margin:0 0 18px}.exam-action{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.exam-action p{font-size:.85rem;color:var(--muted)}
@media(max-width:1050px) and (min-width:801px){.nav-in{gap:12px}.nav-links{gap:12px;font-size:.8rem}.sign-in{font-size:.8rem}}
.compare-section{background:var(--paper2)}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}.compare{background:white;border:1px solid #c3dcd5;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:10px}.compare h3{font-size:1.1rem;letter-spacing:-.02em}.compare p{color:var(--muted);font-size:.95rem}.compare-vs{margin-top:auto;padding-top:12px;font-size:.78rem;font-weight:600;color:var(--accent)}.compare-vs:before{content:'↔';margin-right:8px}
@media(max-width:700px){.compare-grid{grid-template-columns:1fr}}
