@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#0a0f1e;--surface:#1a2035;--surface-2:#1e2d45;--border:#334155;--border-ui:#5a7a96;--accent:#00e5ff;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--text:#f1f5f9;--text-muted:#94a3b8;--max-w:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,Arial,sans-serif;font-size:1rem;line-height:1.6}h1{letter-spacing:-.025em;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.08}h2{letter-spacing:-.015em;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15}h3{font-size:1.0625rem;font-weight:600;line-height:1.3}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-w);margin:0 auto;padding:0 clamp(20px,5vw,60px)}section{padding:clamp(72px,10vw,128px) 0}section.alt{background:var(--surface)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.88;text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.75rem;font-weight:700}.section-body{color:var(--text-muted);max-width:620px;margin-top:16px;line-height:1.7}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}nav.site-nav{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0f1eeb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.nav-logo{color:var(--text);letter-spacing:-.01em;white-space:nowrap;font-size:1.125rem;font-weight:800;text-decoration:none}.nav-logo:hover{opacity:.9;text-decoration:none}.nav-logo .bolt{color:var(--accent)}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.9375rem;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--text);text-decoration:none}@media (width<=640px){.nav-links{display:none}.btn.nav-cta{padding:10px 18px;font-size:.9rem}}.hero{text-align:center;padding:clamp(80px,12vw,160px) 0 clamp(80px,10vw,128px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at top,#00e5ff12 0%,#0000 65%);width:900px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px;font-size:.8125rem;font-weight:600}.hero-eyebrow .sep{color:var(--border-ui);margin:0 8px}.hero h1{margin-bottom:24px}.hero h1 .accent{color:var(--accent)}.hero-sub{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.1875rem);line-height:1.7}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;display:flex}.hero-note{color:var(--text-muted);font-size:.875rem}.how-header{margin-bottom:48px}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.step-card{background:var(--surface-2);border:1px solid var(--border-ui);border-radius:12px;padding:clamp(24px,3vw,36px)}.step-number{color:var(--accent);opacity:.25;margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1}.step-label{margin-bottom:10px;font-size:1.0625rem;font-weight:700}.step-body{color:var(--text-muted);font-size:.9375rem;line-height:1.65}.circuits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.circuit-card{background:var(--surface-2);border:1px solid var(--border-ui);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.circuit-stripe{height:4px}.circuit-body{flex:1;padding:clamp(24px,3vw,32px)}.circuit-name-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.circuit-name{font-size:1.0625rem;font-weight:700}.badge{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:.6875rem;font-weight:700}.badge-free{color:var(--green);background:#22c55e26;border:1px solid #22c55e4d}.badge-paid{color:var(--accent);background:#00e5ff1a;border:1px solid #00e5ff33}.circuit-expressions{color:var(--text-muted);margin-bottom:14px;font-size:.8125rem;font-weight:500}.circuit-desc{color:var(--text-muted);font-size:.9375rem;line-height:1.65}.curriculum-note{flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px;display:flex}.curriculum-badge{color:var(--green);background:#22c55e1a;border:1px solid #22c55e40;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.npc-intro{color:var(--text-muted);max-width:560px;margin-top:16px;line-height:1.65}.npc-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px;margin-top:48px;display:grid}.npc-card{background:var(--surface-2);border:1px solid var(--border-ui);text-align:center;border-radius:12px;padding:28px 20px}.npc-avatar{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:1.125rem;font-weight:800;display:flex}.npc-name{margin-bottom:8px;font-size:1rem;font-weight:700}.npc-trait{color:var(--text-muted);font-size:.875rem;line-height:1.5}.npc-note{color:var(--text-muted);margin-top:32px;font-size:.875rem;font-style:italic}.garage-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:48px;display:grid}@media (width<=768px){.garage-layout{grid-template-columns:1fr;gap:40px}}.garage-body{color:var(--text-muted);margin-top:16px;margin-bottom:28px;font-size:1rem;line-height:1.7}.garage-points{flex-direction:column;gap:14px;list-style:none;display:flex}.garage-points li{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:.9375rem;display:flex}.garage-points li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px;display:block}.garage-visual{background:var(--surface-2);border:1px solid var(--border-ui);aspect-ratio:4/3;color:var(--text-muted);text-align:center;border-radius:16px;justify-content:center;align-items:center;padding:32px;font-size:.875rem;display:flex}.schools-callout{background:var(--surface-2);border:1px solid var(--border-ui);text-align:center;border-radius:16px;max-width:700px;margin:0 auto;padding:clamp(40px,6vw,72px)}.schools-callout p{color:var(--text-muted);max-width:520px;margin:20px auto 32px;font-size:1rem;line-height:1.7}.a11y-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:48px;display:grid}.a11y-item{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:.9375rem;line-height:1.5;display:flex}.a11y-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px;display:grid}.pricing-card{background:var(--surface-2);border:1px solid var(--border-ui);border-radius:14px;flex-direction:column;padding:clamp(28px,4vw,40px);display:flex}.pricing-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:.75rem;font-weight:700}.pricing-price{letter-spacing:-.025em;margin-bottom:6px;font-size:2.75rem;font-weight:800;line-height:1}.pricing-price-note{color:var(--text-muted);margin-bottom:28px;font-size:.875rem}.pricing-features{flex-direction:column;flex:1;gap:13px;margin-bottom:32px;list-style:none;display:flex}.pricing-features li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.5;display:flex}.pricing-features li:before{content:"✓";color:var(--green);flex-shrink:0;font-weight:700}.pricing-secondary{color:var(--text-muted);text-align:center;margin-top:14px;font-size:.875rem}.pricing-secondary a{color:var(--text-muted);text-decoration:underline}.pricing-secondary a:hover{color:var(--text)}.pricing-trial-note{text-align:center;color:var(--text-muted);margin-top:32px;font-size:.9375rem}.pricing-trial-note a{color:var(--text-muted);text-decoration:underline}.download-body{color:var(--text-muted);max-width:520px;margin-top:16px;line-height:1.65}.platform-links{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.platform-btn{background:var(--surface-2);border:1px solid var(--border-ui);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.platform-btn:hover{border-color:var(--accent);background:#00e5ff0d;text-decoration:none}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;font-size:.875rem;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text);text-decoration:none}.breadcrumb .sep{color:var(--border-ui);user-select:none}.breadcrumb .current{color:var(--text)}.help-hero{border-bottom:1px solid var(--border);padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,64px)}.help-hero h1{margin:16px 0 20px}.help-hero-body{color:var(--text-muted);max-width:600px;margin-bottom:28px;font-size:1.0625rem;line-height:1.7}.foundation-card{color:inherit;background:#00e5ff0d;border:1.5px solid #00e5ff4d;border-radius:14px;align-items:flex-start;gap:24px;margin-bottom:48px;padding:clamp(24px,3vw,36px);text-decoration:none;transition:border-color .15s,background .15s;display:flex}.foundation-card:hover{border-color:var(--accent);background:#00e5ff14;text-decoration:none}.foundation-icon{width:44px;height:44px;color:var(--accent);background:#00e5ff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.foundation-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:.75rem;font-weight:700}.foundation-card h2{letter-spacing:-.01em;margin-bottom:8px;font-size:1.125rem;font-weight:700}.foundation-card p{color:var(--text-muted);font-size:.9375rem;line-height:1.65}.foundation-arrow{color:var(--accent);flex-shrink:0;align-self:center;margin-left:auto;font-size:1.25rem}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.topic-card{background:var(--surface-2);border:1px solid var(--border-ui);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.topic-card:hover{border-color:var(--text-muted);text-decoration:none}.topic-card-stripe{height:3px}.topic-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.topic-circuit{letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:.6875rem;font-weight:700}.topic-card h3{margin-bottom:10px;font-size:1rem;font-weight:700}.topic-card p{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:.9rem;line-height:1.6}.battery-example{color:var(--text);background:#1e2d45;border:1px solid #5a7a96;border-radius:8px;align-self:flex-start;align-items:center;gap:10px;padding:10px 14px;font-family:Inter,system-ui,Arial,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.battery-icon{opacity:.6;font-size:.75rem}.help-cta{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;margin-top:64px;padding:clamp(36px,5vw,60px)}.help-cta h2{margin-bottom:16px}.help-cta p{color:var(--text-muted);max-width:480px;margin:0 auto 28px;line-height:1.65}.help-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.help-article{max-width:720px;padding:clamp(48px,6vw,80px) 0}.help-section{border-top:1px solid var(--border);padding:clamp(36px,5vw,56px) 0}.help-section>h2{margin-bottom:16px;font-size:1.375rem}.help-section>p,.help-section>p+p{color:var(--text-muted);margin-bottom:1rem;line-height:1.75}.worked-example{background:var(--surface-2);border:1px solid var(--border-ui);border-radius:12px;margin:24px 0;padding:clamp(20px,3vw,28px)}.example-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.example-x-badge{color:var(--text-muted);background:#00e5ff14;border:1px solid #00e5ff33;border-radius:6px;padding:6px 12px;font-size:.875rem}.example-x-badge strong{color:var(--accent)}.steps{flex-direction:column;gap:14px;display:flex}.step{align-items:flex-start;gap:14px;display:flex}.step-num{width:26px;height:26px;color:var(--accent);background:#00e5ff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:700;display:flex}.step-body{font-size:.9375rem;line-height:1.5}.step-label{color:var(--text-muted);margin-bottom:2px;font-size:.8125rem}.step-expr{color:var(--text);font-weight:600}.step-result{color:var(--green);font-weight:700}.callout{border-left:3px solid var(--amber);background:#f59e0b12;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 20px}.callout-label{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:6px;font-size:.6875rem;font-weight:700}.callout p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.65}.comparison{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}@media (width<=540px){.comparison{grid-template-columns:1fr}}.comp-wrong,.comp-right{border-radius:8px;padding:16px 18px;font-size:.9rem;line-height:1.6}.comp-wrong{background:#ef444412;border:1px solid #ef444433}.comp-right{background:#22c55e12;border:1px solid #22c55e33}.comp-label{letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:.6875rem;font-weight:700}.comp-wrong .comp-label{color:var(--red)}.comp-right .comp-label{color:var(--green)}.comp-wrong p,.comp-right p{color:var(--text-muted);margin:0}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0;display:grid}.mistakes-list{flex-direction:column;gap:14px;margin:24px 0;display:flex}.mistake-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:20px 24px}.mistake-num{letter-spacing:.09em;text-transform:uppercase;color:var(--red);margin-bottom:4px;font-size:.6875rem;font-weight:700}.mistake-card h3{margin-bottom:10px;font-size:1rem;font-weight:700}.mistake-card p{color:var(--text-muted);margin:0 0 8px;font-size:.9375rem;line-height:1.65}.mistake-fix{color:var(--green);font-size:.875rem;font-weight:500}.try-widget{background:var(--surface-2);border:1px solid var(--border-ui);border-radius:14px;margin:24px 0;padding:clamp(24px,3vw,36px)}.widget-x-note{color:var(--text-muted);margin-top:10px;margin-bottom:24px;font-size:.9375rem}.widget-x-note strong{color:var(--accent)}.widget-input-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.widget-input-group{flex-direction:column;gap:6px;display:flex}.widget-input-group label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.widget-input{background:var(--bg);border:1.5px solid var(--border-ui);color:var(--text);border-radius:8px;outline:none;width:110px;padding:10px 16px;font-family:inherit;font-size:1.125rem;font-weight:700;transition:border-color .15s}.widget-input:focus{border-color:var(--accent)}.widget-input.is-correct{border-color:var(--green)}.widget-input.is-wrong{border-color:var(--red)}.widget-working{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:20px;display:none}.widget-working.visible{display:block}.widget-result-msg{margin-bottom:16px;font-size:.9375rem;font-weight:700}.widget-result-msg.correct{color:var(--green)}.widget-result-msg.wrong{color:var(--red)}.widget-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.next-card{background:var(--surface-2);border:1px solid var(--border-ui);color:inherit;border-radius:12px;align-items:center;gap:20px;margin-top:24px;padding:24px;text-decoration:none;transition:border-color .15s;display:flex}.next-card:hover{border-color:var(--text-muted);text-decoration:none}.next-card-text{flex:1}.next-card-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.6875rem;font-weight:700}.next-card h3{margin-bottom:6px;font-size:1rem;font-weight:700}.next-card p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.next-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.25rem}.article-bottom-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:40px;display:flex}.legal-prose{max-width:720px;margin:0 auto;padding:clamp(48px,8vw,96px) 0}.legal-prose h1{margin-bottom:8px}.legal-prose .last-updated{color:var(--text-muted);margin-bottom:40px;font-size:.875rem;display:block}.legal-prose h2{color:var(--accent);margin:2.5rem 0 .625rem;font-size:1.125rem;font-weight:700}.legal-prose h3{color:var(--text);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}.legal-prose p{color:var(--text-muted);margin-bottom:1rem}.legal-prose ul,.legal-prose ol{color:var(--text-muted);margin-bottom:1rem;padding-left:1.5rem}.legal-prose li{margin-bottom:.375rem}.legal-prose table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.9375rem}.legal-prose th{text-align:left;background:var(--surface-2);border:1px solid var(--border-ui);color:var(--text);padding:10px 14px;font-size:.8125rem;font-weight:600}.legal-prose td{border:1px solid var(--border);color:var(--text-muted);vertical-align:top;padding:10px 14px}.legal-back{border-top:1px solid var(--border);width:100%;color:var(--text-muted);align-items:center;gap:6px;margin-top:3rem;padding-top:2rem;font-size:.9375rem;display:inline-flex}.legal-back:hover{color:var(--text);text-decoration:none}footer{background:var(--surface);border-top:1px solid var(--border);padding:clamp(48px,6vw,80px) 0 40px}.footer-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:40px;margin-bottom:48px;display:grid}.footer-col h4{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:.75rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col li a,.footer-col li{color:var(--text-muted);font-size:.9375rem}.footer-col li a:hover{color:var(--text);text-decoration:none}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);padding-top:28px;font-size:.875rem}