:root{--bg:#090a0c;--surface:#111318;--text:#f7f7f5;--muted:#a3a5ae;--border:#292c35;--accent:#928aff;--success:#8ce0b2;--error:#ffb0ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.nav{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:24px 48px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:23px;font-weight:700;display:flex}.brand-dot{color:var(--accent);margin-left:-9px}.nav nav{align-items:center;gap:32px;font-size:14px;display:flex}.quiet,.muted{color:var(--muted)}.button{background:var(--text);color:var(--bg);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:24px;padding:13px 24px;font-weight:600;display:inline-flex}.button:hover{background:#ddd9ff}.button.small{padding:9px 16px;font-size:14px}.hero{text-align:center;max-width:1184px;margin:auto;padding:100px 32px 0}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:12px;font-weight:600}h1{letter-spacing:-6px;margin:25px 0 28px;font-size:clamp(60px,8vw,110px);font-weight:500;line-height:1.04}h1 span{color:#a5a6b0}.hero-copy{color:var(--muted);font-size:20px;line-height:1.65}.hero-actions{justify-content:center;align-items:center;gap:40px;margin:38px 0 20px;display:flex}.bracket-button{color:#f6f4ff;align-items:center;gap:19px;padding:12px;font-size:17px;font-weight:600;display:inline-flex}.bracket-button i{color:var(--accent);font-size:28px;font-style:normal;transition:transform .2s}.bracket-button:hover i:first-child,.bracket-button:focus-visible i:first-child{transform:translate(-6px)}.bracket-button:hover i:last-child,.bracket-button:focus-visible i:last-child{transform:translate(6px)}.text-link{color:var(--muted);font-size:14px}.text-link span{margin-left:15px}.micro{color:var(--muted);font-size:12px}.hero-bottom{border-top:1px solid var(--border);letter-spacing:2px;color:var(--muted);justify-content:space-between;margin-top:104px;padding:25px 0;font-size:10px;display:flex}.journey{background:linear-gradient(#090a0c,#17191f);position:relative;overflow:hidden}.journey-path{opacity:.22;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.journey-path path{fill:none;stroke:#928aff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.band{grid-template-columns:1.1fr 1fr;align-items:center;gap:110px;max-width:1184px;min-height:600px;margin:auto;padding:80px 32px;display:grid;position:relative}.band.reverse .demo{order:2}.band.reverse .band-copy{order:1}.band-copy h2{letter-spacing:-1.7px;font-size:clamp(32px,3.5vw,45px);font-weight:500;line-height:1.2}.band-copy>p:not(.eyebrow){color:var(--muted);max-width:370px}.demo{background:#111318;border:1px solid #34343f;border-radius:12px;overflow:hidden;box-shadow:0 24px 90px #0004}.demo-top{border-bottom:1px solid var(--border);letter-spacing:1px;color:var(--muted);justify-content:space-between;padding:19px 24px;font-size:10px;display:flex}.demo-content{min-height:225px;padding:28px}.preview-label{color:var(--muted);font-size:11px}.demo-content p{font-size:20px;line-height:1.8}.sample-gap{border-bottom:1px solid var(--accent);padding:3px}.sample-gap span{color:var(--accent)}.demo-tabs{border-top:1px solid var(--border);display:flex}.demo-tabs button{color:var(--muted);background:0 0;border:0;flex:1;padding:16px 12px;font-size:12px}.demo-tabs button span{margin-left:10px}.demo-tabs button[aria-pressed=true]{color:#e2dfff;background:#928aff12}.stage-links{gap:20px;margin-top:26px;display:flex}.stage-links button{color:var(--muted);background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0;font-size:12px}.stage-links button.selected{color:var(--accent);border-color:var(--accent)}.soundline{color:var(--accent);letter-spacing:4px}.destination{text-align:center;background:#17191f;padding:70px 24px 100px}.destination img{margin:0 auto 32px;display:block}.destination h2{letter-spacing:-2px;font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1.15}footer{max-width:1280px;color:var(--muted);justify-content:space-between;align-items:center;gap:30px;margin:auto;padding:44px 48px;font-size:11px;display:flex}footer p{max-width:330px}.page{max-width:1000px;margin:50px auto 100px;padding:0 28px}.page h1{letter-spacing:-2px;font-size:48px;line-height:1.15}.practice-top{justify-content:space-between;align-items:center;display:flex}.practice-top p{color:var(--muted);font-size:14px}.progress{gap:6px;margin:24px 0 40px;display:flex}.progress span{background:var(--border);flex:1;height:3px}.progress .filled{background:var(--accent)}.exercise-surface{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:38px 40px}.passage{font-size:21px;line-height:2.5}.gap{white-space:nowrap;align-items:baseline;display:inline-flex}.gap input{border:0;border-bottom:2px solid var(--accent);text-align:left;color:var(--accent);letter-spacing:1px;background:#928aff0a;border-radius:0;min-width:24px;height:34px;padding:0 2px}.exercise-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:30px;display:flex}.exercise-actions p{color:var(--muted);font-size:13px}.error{color:var(--error)}.correct{color:var(--success)}.review-item{border-bottom:1px solid var(--border);padding:18px 0}.review-item p{color:var(--muted);margin:5px 0;font-size:14px}.score{letter-spacing:-4px;margin:10px 0;font-size:72px}.auth{max-width:450px;margin:80px auto;padding:0 24px}.auth h1{letter-spacing:-1.5px;font-size:40px}.auth label{margin-top:20px;display:block}.auth input{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;margin:8px 0 20px;padding:12px;display:block}.auth .button{width:100%}.notice{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:22px}.entrance{animation:.6s both enter}.hero h1{animation-delay:.1s}.hero-copy{animation-delay:.2s}.hero-actions{animation-delay:.3s}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:760px){.nav{padding:18px 22px}.nav nav{gap:20px}.nav .quiet,.nav .small{display:none}.brand{font-size:20px}.hero{padding:72px 24px 0}h1{letter-spacing:-3px;font-size:64px}.hero-copy{font-size:17px}.hero-actions{flex-direction:column;gap:16px}.hero-bottom{letter-spacing:1px;margin-top:65px;font-size:8px}.band{grid-template-columns:1fr;gap:36px;min-height:600px;padding:60px 24px}.band .band-copy,.band.reverse .band-copy{order:0}.band .demo,.band.reverse .demo{order:1}.band-copy h2{font-size:36px}.band-copy>p:not(.eyebrow){max-width:none}.stage-links{margin-top:15px}.demo-content{min-height:170px}.demo-content p{font-size:18px}footer{flex-wrap:wrap;padding:32px 24px}.page{margin-top:25px;padding:0 20px}.page h1{font-size:36px}.exercise-surface{padding:24px}.passage{font-size:18px;line-height:2.6}.exercise-actions{flex-direction:column;align-items:stretch}.practice-top{align-items:flex-start;gap:15px}.practice-top p{font-size:12px}.journey-path{opacity:.12}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.theme-toggle{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:19px;display:grid}html[data-theme=light]{--bg:#f8f8f5;--surface:#fff;--text:#15151b;--muted:#61626e;--border:#d9dae0;--accent:#6253d5;--success:#167347;--error:#ac302e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] .brand img,html[data-theme=light] .destination img{filter:invert()}html[data-theme=light] h1 span{color:#797986}html[data-theme=light] .journey{background:linear-gradient(#f8f8f5,#ededf2)}html[data-theme=light] .destination{background:#ededf2}html[data-theme=light] .demo{background:#fff;border-color:#dddde5;box-shadow:0 25px 70px #2923440a}html[data-theme=light] .bracket-button{color:var(--text)}html[data-theme=light] .demo-tabs button[aria-pressed=true]{color:var(--accent)}html[data-theme=light] .button:hover{color:#fff;background:#373042}html[data-theme=light] .sample-gap span{color:var(--accent)}.dashboard-page{max-width:1100px}.balance-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin:34px 0 18px;padding:24px 28px;display:flex}.balance-card strong{letter-spacing:-1px;font-size:30px;display:block}.button.secondary{color:var(--text);border-color:var(--border);background:0 0}.catalog{margin-top:54px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-1px;margin:4px 0 0;font-size:30px}.section-heading>span{color:var(--muted);font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.product-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:space-between;min-height:190px;padding:22px;display:flex}.product-card h3{margin:5px 0;font-size:21px}.product-card p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.product-card footer{width:100%;color:var(--text);margin:0;padding:20px 0 0;font-size:22px}.product-card footer>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.product-card footer .button{padding:10px 15px;font-size:13px}.form-error{color:var(--error);margin:8px 0 0;font-size:12px}@media (max-width:760px){.balance-card,.section-heading{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:1fr}.product-card{min-height:170px}}.product-card footer small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400;display:block}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid;overflow-x:auto}.plan-card{flex-direction:column;min-width:0;min-height:285px;padding:22px;display:flex}.plan-card h3{margin:8px 0 6px}.plan-card>div:nth-child(2){flex:1}.plan-card footer{padding:24px 0 0;display:block}.plan-card footer strong{margin-bottom:14px;display:block}.plan-card footer .button{width:100%;padding:11px 10px;font-size:13px}.plan-icon{width:46px;height:46px;color:var(--accent);background:#928aff0c;border:1px solid #928aff55;border-radius:12px;place-items:center;display:grid}.token-grid{grid-template-columns:repeat(4,minmax(190px,1fr))}.plans .section-heading{margin-bottom:18px}@media (max-width:980px){.plan-grid{grid-template-columns:repeat(4,minmax(210px,1fr));padding-bottom:8px}.plan-card{min-height:270px}}
