@font-face{font-family:Fredoka;src:url('assets/Fredoka.ttf') format('truetype');font-display:swap;font-weight:500}
@font-face{font-family:Nunito;src:url('assets/Nunito.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Nunito;src:url('assets/Nunito-Bold.ttf') format('truetype');font-display:swap;font-weight:800}
:root{--ink:#39294e;--muted:#756181;--purple:#75509f;--soft:#f3ecfb;--line:#e9e0f1;--gold:#ffda72;--mint:#edf9f2;color-scheme:light;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:var(--purple);text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #75509f;outline-offset:5px}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}h1,h2,h3,.brand,.button{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:500}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,86px);line-height:1.04;letter-spacing:-2px;margin-bottom:22px}h2{font-size:clamp(33px,4vw,52px);line-height:1.1;letter-spacing:-1px;margin-bottom:22px}h3{font-size:27px;line-height:1.2;margin-bottom:12px}p{font-size:18px;line-height:1.65}strong{font-weight:800}.skip{position:fixed;left:16px;top:-100px;z-index:20;background:white;padding:14px}.skip:focus{top:10px}.wrap{width:min(1192px,calc(100% - 64px));margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:32px;letter-spacing:-.7px}.brand img{border-radius:13px;width:44px;height:44px}nav{display:flex;gap:26px;align-items:center}nav a{font-size:15px;font-weight:800;text-decoration:none;padding-block:12px}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:24px;padding-block:70px 78px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;text-transform:uppercase;color:var(--purple);margin-bottom:18px;display:flex;align-items:center;gap:9px}.eyebrow img{width:23px;height:23px}.lead{max-width:440px;color:var(--muted);font-size:20px}.hero-art{position:relative}.hero-art>img{width:100%;display:block;animation:float 5s ease-in-out infinite}.art-note{position:absolute;bottom:1%;left:20%;right:2%;font-weight:800;font-size:13px;text-align:center;color:#694f80}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;border:1px solid #e8c064;border-bottom:5px solid #c89f43;border-radius:18px;padding:17px 25px;background:var(--gold);color:#493048;font-size:20px;min-height:58px;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(2px)}.button.secondary{background:var(--soft);border-color:#d9c5e9;border-bottom-color:#b69bce}.availability{font-size:13px;line-height:1.6;color:var(--muted);margin:17px 0 0}.ribbon{border-block:1px solid var(--line);display:flex;justify-content:center;gap:50px;padding:22px 10px;color:var(--muted);font-size:14px;font-weight:800}.ribbon span{display:flex;align-items:center;gap:9px}.ribbon img{width:25px;height:25px}.section{padding-block:95px;scroll-margin-top:20px}.lesson{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.lesson-copy p{color:var(--muted)}.circuit-demo{border-radius:36px;background:var(--soft);padding:30px;text-align:center;border-bottom:7px solid #d8c8ea}.circuit-board{display:block;width:100%;aspect-ratio:1.25;border:0;border-radius:18px;margin-bottom:22px;background:var(--soft)}.demo-caption{font-size:14px;min-height:46px;line-height:1.5;color:#705980;margin:20px 0 0}.modes{background:#f9f6fc}.modes-intro{max-width:620px}.mode-list{margin-top:44px}.mode{display:grid;grid-template-columns:55px 1fr 1fr;gap:30px;padding:30px 0;border-top:1px solid #e2d5ed;align-items:start}.mode-number{font-family:Fredoka;font-size:23px;color:#84659c;padding-top:3px}.mode h3{margin-bottom:0}.mode p{color:var(--muted);margin:0}.own-pace{display:grid;grid-template-columns:210px 1fr;gap:60px;align-items:center;max-width:850px;margin:auto}.own-pace img{height:245px;object-fit:contain}.own-pace p{color:var(--muted)}.small-links{display:flex;gap:22px;flex-wrap:wrap;font-weight:800;font-size:15px}.faq{border-top:1px solid var(--line);padding-top:55px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:800;font-size:17px;line-height:1.5;min-height:28px}details p{font-size:16px;color:var(--muted);margin:14px 0 0}.closing{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--mint);border-radius:28px;padding:38px 44px;margin-bottom:80px}.closing h2{font-size:34px;margin-bottom:8px}.closing p{font-size:16px;margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0 40px}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.footer-inner .brand{font-size:25px}.footer-inner .brand img{width:34px;height:34px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{font-size:14px;font-weight:800}.byline{font-size:13px;color:var(--muted);margin:15px 0 0}.legal{max-width:800px;padding:60px 0 90px}.legal h1{font-size:58px}.legal h2{font-size:28px;letter-spacing:-.3px;margin-top:38px;margin-bottom:14px}.legal p,.legal li{font-size:17px;line-height:1.8}.legal li{margin-bottom:9px}.legal a{overflow-wrap:anywhere}.legal ul,.legal ol{padding-left:22px}.date{font-size:13px!important;color:var(--muted)}.summary{border-left:4px solid #b293d1;background:var(--soft);padding:20px 24px;border-radius:0 15px 15px 0;margin:30px 0}.summary p{margin:0}.toc{display:flex;flex-wrap:wrap;gap:7px 20px;border-block:1px solid var(--line);padding-block:14px}.contact-block{padding:22px 25px;background:var(--mint);border-radius:18px;margin:25px 0}.contact-block p{margin:0}.support-topics{margin-top:30px}.legal details p{font-size:17px}.app-status{font-size:14px;color:var(--muted);min-height:23px;margin-top:15px}@keyframes float{50%{transform:translateY(-8px)}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{gap:12px;padding-block:45px}.hero h1{font-size:59px}.lead{font-size:18px}.lesson{gap:35px}.ribbon{gap:22px}.section{padding-block:65px}.mode{grid-template-columns:40px 1fr 1.1fr;gap:20px}.own-pace{gap:35px}.closing{padding:30px}.closing h2{font-size:29px}.footer-inner{align-items:flex-start}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{padding-block:16px;gap:10px}.brand{font-size:27px}.brand img{width:36px;height:36px;border-radius:11px}nav{gap:16px}nav a{font-size:13px}nav .desktop-link{display:none}.hero{display:flex;flex-direction:column;padding-top:38px;padding-bottom:35px;gap:22px}.hero-copy{width:100%}.hero h1{font-size:52px;letter-spacing:-1.7px}.lead{font-size:18px;line-height:1.6;max-width:36ch}.hero-art{width:min(100%,460px)}.hero-art>img{animation:none}.art-note{position:static;margin:6px 0 0;font-size:12px}.hero .button{font-size:18px}.availability{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.4px}.ribbon{gap:15px;justify-content:space-between;padding-block:19px;font-size:10px}.ribbon span{gap:5px}.ribbon img{width:19px;height:19px}.lesson{grid-template-columns:1fr;gap:25px}.section{padding-block:54px}.circuit-demo{padding:22px;border-radius:26px}.mode{grid-template-columns:30px 1fr;gap:8px 16px;padding:26px 0}.mode-number{grid-row:span 2}.mode p{grid-column:2;font-size:16px}.mode h3{font-size:25px}.own-pace{grid-template-columns:1fr;gap:12px}.own-pace>img{height:165px;justify-self:center}.faq-grid{grid-template-columns:1fr}.closing{flex-direction:column;align-items:flex-start;gap:24px;padding:26px;margin-bottom:50px}.closing .button{font-size:18px}.footer-inner{flex-direction:column}.footer-links{gap:13px 22px}.legal{padding-top:35px}.legal h1{font-size:43px;letter-spacing:-1.2px}.legal h2{font-size:26px}.legal p,.legal li{font-size:16px}.summary{padding:17px 18px}.toc a{font-size:13px}.contact-block{padding:19px}.small-links{gap:16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}