:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,:root[data-mode=dark]{--bg:#0f0f12;--bg-1:#141418;--bg-2:#1a1a20;--panel:#15151a;--panel-2:#1b1b21;--border:#ffffff13;--border-2:#ffffff21;--text:#f3efe7;--text-2:#aaa49b;--text-3:#8a8a94;--editor-shadow:0 40px 80px -40px #000c, 0 0 0 1px #0000004d;--card-shadow:0 40px 80px -44px #000c;--sx-comment:#6a6a74;--sx-kw:#ff8a66;--sx-fn:#ffc14d;--sx-str:#8fd3a6;--sx-num:#ff9e64;--sx-builtin:#ffb000;--sx-punc:#8a8a93;--sx-var:#e8ddcb;--accent:#ff7b54;--accent-2:#ffb000;--accent-ink:#1a0e07;--accent-soft:#ff7b5421;--accent-line:#ff7b544d;--glow:#ff7b5438}:root[data-mode=light]{--bg:#fbfbfc;--bg-1:#f4f5f7;--bg-2:#eceef2;--panel:#fff;--panel-2:#f6f7f9;--border:#11141c1a;--border-2:#11141c2b;--text:#15171d;--text-2:#565c66;--text-3:#6b7280;--editor-shadow:0 30px 60px -30px #14161e42, 0 0 0 1px #11141c0d;--card-shadow:0 30px 60px -36px #14161e33;--sx-comment:#6b7280;--sx-kw:#cf222e;--sx-fn:#6f42c1;--sx-str:#0a7a32;--sx-num:#0550ae;--sx-builtin:#953800;--sx-punc:#57606a;--sx-var:#1f2328;--accent:#c2410c;--accent-2:#b45309;--accent-ink:#fff;--accent-soft:#c2410c14;--accent-line:#c2410c4d;--glow:#c2410c2e}:root[data-mode=dark][data-accent=lime]{--accent:#9bdb3c;--accent-2:#cdee8a;--accent-ink:#10220a;--accent-soft:#9bdb3c21;--accent-line:#9bdb3c4d;--glow:#9bdb3c33}:root[data-mode=light][data-accent=lime]{--accent:#3f6212;--accent-2:#4d7c0f;--accent-ink:#fff;--accent-soft:#3f62121a;--accent-line:#3f62124d;--glow:#3f621229}:root[data-mode=dark][data-accent=cobalt]{--accent:#5b9dff;--accent-2:#67e8f9;--accent-ink:#06122b;--accent-soft:#5b9dff24;--accent-line:#5b9dff52;--glow:#5b9dff38}:root[data-mode=light][data-accent=cobalt]{--accent:#1d4ed8;--accent-2:#0369a1;--accent-ink:#fff;--accent-soft:#1d4ed817;--accent-line:#1d4ed84d;--glow:#1d4ed829}:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}:root[data-font=mono]{--font-display:"JetBrains Mono", ui-monospace, monospace;--font-body:"JetBrains Mono", ui-monospace, monospace}:root[data-font=serif]{--font-display:"Spectral", Georgia, serif;--font-body:"Space Grotesk", system-ui, sans-serif}:root{--section-pad:120px;--hero-pad:96px}:root[data-density=compact]{--section-pad:84px;--hero-pad:64px}:root[data-density=comfy]{--section-pad:160px;--hero-pad:128px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,svg{display:block}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}.section{padding-block:var(--section-pad);position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:9px;font-size:12.5px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-line);width:22px;height:1px}.h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,4.4vw,46px);font-weight:600;line-height:1.06}.lede{color:var(--text-2);text-wrap:pretty;max-width:56ch;font-size:clamp(16px,1.5vw,18.5px)}.section-head{margin-bottom:56px}.section-head .h2{max-width:18ch;margin-top:18px}.section-head .lede{margin-top:20px}.btn{font-family:var(--font-mono);letter-spacing:-.01em;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:14.5px;font-weight:500;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.btn .key{opacity:.55}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -10px var(--glow);font-weight:600}.btn-primary:hover{box-shadow:0 12px 24px -12px var(--glow);transform:translateY(-2px)}.btn-ghost{color:var(--text);border:1px solid var(--border-2);background:0 0}.btn-ghost:hover{border-color:var(--accent-line);background:var(--accent-soft);transform:translateY(-2px)}.btn-sm{border-radius:8px;padding:9px 14px;font-size:13px}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 55% at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(80% 55% at 50% 0,#000 0%,#0000 75%)}.page{z-index:1;position:relative}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklab, var(--bg) 72%, transparent);border-bottom:1px solid #0000;transition:border-color .25s,background .25s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;font-size:13.5px;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-right{align-items:center;gap:14px;display:flex}.nav-login{font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;font-size:13.5px;transition:color .15s}.nav-login:hover{color:var(--text)}.theme-toggle{width:36px;height:36px;color:var(--text-2);border:1px solid var(--border-2);background:0 0;border-radius:9px;flex:none;place-items:center;transition:color .15s,border-color .15s,background .15s,transform .16s;display:grid}.theme-toggle:hover{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}.theme-toggle:active{transform:scale(.93)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .i-sun{display:block}.theme-toggle .i-moon,:root[data-mode=light] .theme-toggle .i-sun{display:none}:root[data-mode=light] .theme-toggle .i-moon{display:block}.logo{align-items:center;gap:11px;display:inline-flex}.logo-mark{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.logo-mark:after{content:"";background:var(--accent);border-radius:1.5px;width:7px;height:14px;animation:1.15s step-end infinite blink}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}.logo-word{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text);font-size:17px;font-weight:600}.logo-word b{color:var(--accent);font-weight:600}.hero{padding-top:var(--hero-pad);padding-bottom:var(--hero-pad)}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.hero-badge{white-space:nowrap;max-width:100%;font-family:var(--font-mono);color:var(--text-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:9px;margin-bottom:28px;padding:6px 14px 6px 8px;font-size:12.5px;display:inline-flex}.hero-badge .dot{background:var(--sx-str);width:7px;height:7px;box-shadow:0 0 8px var(--sx-str);border-radius:50%}.hero-badge b{color:var(--text);font-weight:500}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(40px,6vw,70px);font-weight:600;line-height:1}.hero h1 .accent{color:var(--accent);position:relative}.hero h1 .cursor{background:var(--accent);width:.07em;height:.82em;margin-left:.06em;animation:1.15s step-end infinite blink;display:inline-block;transform:translateY(.06em)}.hero p.sub{color:var(--text-2);text-wrap:pretty;max-width:50ch;margin-top:26px;font-size:clamp(16.5px,1.6vw,19px)}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-meta{font-family:var(--font-mono);color:var(--text-3);flex-wrap:wrap;gap:22px;margin-top:30px;font-size:12.5px;display:flex}.hero-meta span{align-items:center;gap:8px;display:inline-flex}.hero-meta span:before{content:"";background:var(--accent);border-radius:1px;width:5px;height:5px;transform:rotate(45deg)}.editor{background:var(--panel);border:1px solid var(--border-2);box-shadow:var(--editor-shadow);border-radius:14px;position:relative;overflow:hidden}.editor:before{content:"";background:linear-gradient(160deg, var(--accent-line), transparent 38%);-webkit-mask-composite:xor;pointer-events:none;border-radius:14px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.editor-bar{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 16px;display:flex}.lights{gap:7px;display:flex}.lights i{background:var(--text-3);opacity:.45;border-radius:50%;width:11px;height:11px}.editor-file{font-family:var(--font-mono);color:var(--text-2);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.editor-file .lang{color:var(--accent-2)}.editor-tag{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border);border-radius:5px;margin-left:auto;padding:3px 8px;font-size:11px}.editor-body{grid-template-columns:auto 1fr;display:grid}.gutter{font-family:var(--font-mono);color:var(--text-3);text-align:right;white-space:pre;-webkit-user-select:none;user-select:none;opacity:.6;border-right:1px solid var(--border);padding:18px 12px 18px 18px;font-size:13px;line-height:1.7}.code{font-family:var(--font-mono);white-space:pre;tab-size:4;padding:18px;font-size:13.5px;line-height:1.7;overflow-x:auto}.code .cm{color:var(--sx-comment);font-style:italic}.code .kw{color:var(--sx-kw)}.code .fn{color:var(--sx-fn)}.code .st{color:var(--sx-str)}.code .nu{color:var(--sx-num)}.code .bi{color:var(--sx-builtin)}.code .pu{color:var(--sx-punc)}.code .va{color:var(--sx-var)}.type-caret:after{content:"▋";color:var(--accent);margin-left:1px;animation:1.05s step-end infinite blink}.editor-actions{border-top:1px solid var(--border);background:var(--panel-2);align-items:center;gap:10px;padding:12px 16px;display:flex}.run-btn{font-family:var(--font-mono);background:var(--accent);color:var(--accent-ink);border-radius:7px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:transform .14s,filter .14s;display:inline-flex}.run-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.run-btn .tri{border-top:4.5px solid #0000;border-bottom:4.5px solid #0000;border-left:7px solid;width:0;height:0}.submit-btn{font-family:var(--font-mono);color:var(--text-2);border:1px solid var(--border-2);border-radius:7px;padding:8px 14px;font-size:12.5px;transition:color .14s,border-color .14s}.submit-btn:hover{color:var(--text);border-color:var(--accent-line)}.editor-status{font-family:var(--font-mono);color:var(--text-3);margin-left:auto;font-size:11.5px}.console{font-family:var(--font-mono);background:var(--bg);border-top:1px solid var(--border);max-height:0;padding:0 16px;font-size:12.5px;line-height:1.65;transition:max-height .45s,padding .45s;overflow:hidden}.console.open{max-height:220px;padding:14px 16px;overflow-y:auto}.console .ln{white-space:pre-wrap;opacity:0;transform:translateY(3px)}.console .ln.show{opacity:1;transition:opacity .3s,transform .3s;transform:none}.console .muted{color:var(--text-3)}.console .ok{color:var(--sx-str)}.console .arr{color:var(--accent-2)}.console .num{color:var(--sx-num)}.tracks-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.track-card{grid-column:span 2}.track-card:nth-child(4){grid-column:2/span 2}.track-card:nth-child(5){grid-column:4/span 2}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:26px 24px;transition:border-color .2s,transform .2s,background .2s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-2);transform:translateY(-3px)}.track-card:hover{border-color:var(--accent-line)}.track-card:hover .chip{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip{width:46px;height:46px;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:11px;flex:none;place-items:center;font-size:14px;font-weight:600;transition:all .2s;display:grid}.track-top{justify-content:space-between;align-items:center;display:flex}.track-num{font-family:var(--font-mono);color:var(--text-3);font-size:12px}.track-card h3{font-family:var(--font-display);letter-spacing:-.01em;margin-top:20px;font-size:20px;font-weight:600}.track-card p{color:var(--text-2);text-wrap:pretty;margin-top:9px;font-size:14.5px}.track-sample{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:9px;margin-top:20px;padding-top:16px;font-size:12.5px;display:flex}.track-sample .label{color:var(--text-3)}.track-sample .name{color:var(--text)}.track-sample:before{content:"›";color:var(--accent);font-weight:700}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{padding-top:8px;position:relative}.step-n{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:inline-flex}.step-n .b{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:8px;place-items:center;width:30px;height:30px;font-weight:600;display:grid}.step h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:21px;font-weight:600}.step p{color:var(--text-2);text-wrap:pretty;max-width:34ch;margin-top:10px;font-size:15px}.step:after{content:"";background:linear-gradient(90deg, var(--accent-line), transparent);height:1px;position:absolute;top:23px;left:44px;right:-10px}.step:last-child:after{display:none}.why-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.feature{align-items:flex-start;gap:18px;display:flex}.feature .fmark{border:1px solid var(--border-2);background:var(--bg-2);width:40px;height:40px;color:var(--accent);font-family:var(--font-mono);border-radius:10px;flex:none;place-items:center;font-size:16px;display:grid}.feature h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-weight:600}.feature p{color:var(--text-2);text-wrap:pretty;margin-top:8px;font-size:14.5px}.feature .tiers{gap:7px;margin-top:13px;display:flex}.feature .tier{font-family:var(--font-mono);border:1px solid var(--border-2);border-radius:5px;padding:3px 9px;font-size:11px}.tier.e{color:var(--sx-str);border-color:color-mix(in oklab, var(--sx-str) 40%, transparent)}.tier.m{color:var(--accent-2);border-color:var(--accent-line)}.tier.h{color:var(--accent);border-color:var(--accent-line)}.showcase-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:56px;display:grid}.problem-card{background:var(--panel);border:1px solid var(--border-2);box-shadow:var(--card-shadow);border-radius:14px;overflow:hidden}.problem-head{border-bottom:1px solid var(--border);padding:20px 22px}.problem-tags{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border-2);color:var(--text-2);border-radius:6px;padding:4px 10px;font-size:11px}.tag.diff-medium{color:var(--accent-2);border-color:var(--accent-line);background:var(--accent-soft)}.tag.topic{color:var(--text-2)}.tag.solved{color:var(--sx-str);border-color:color-mix(in oklab, var(--sx-str) 40%, transparent);margin-left:auto}.problem-head h3{font-family:var(--font-display);letter-spacing:-.015em;font-size:23px;font-weight:600}.problem-tabs{border-bottom:1px solid var(--border);background:var(--panel-2);gap:2px;padding:0 22px;display:flex}.ptab{font-family:var(--font-mono);color:var(--text-3);border-bottom:2px solid #0000;padding:13px 14px;font-size:12.5px;transition:color .15s,border-color .15s}.ptab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.ptab:hover{color:var(--text-2)}.ptab-panel{display:none}.ptab-panel.active{display:block}.prose{padding:22px}.prose p{color:var(--text-2);font-size:14.5px}.prose p+p{margin-top:12px}.prose .inline{font-family:var(--font-mono);color:var(--accent-2);background:var(--accent-soft);border-radius:4px;padding:1px 6px;font-size:13px}.prose ul{gap:9px;margin-top:14px;list-style:none;display:grid}.prose li{font-family:var(--font-mono);color:var(--text-2);padding-left:18px;font-size:13px;position:relative}.prose li:before{content:"·";color:var(--accent);position:absolute;left:4px}.problem-code .code{font-size:13px}.showcase-copy .tier-row{gap:9px;margin-top:26px;display:flex}.stats{border:1px solid var(--border);background:var(--panel);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.stat{border-right:1px solid var(--border);padding:34px 26px}.stat:last-child{border-right:none}.stat .num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:clamp(30px,3.6vw,42px);font-weight:600}.stat .num span{color:var(--accent)}.stat .lbl{font-family:var(--font-mono);color:var(--text-2);margin-top:8px;font-size:12.5px}.testimonials{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.tcard{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:24px;display:flex}.tcard .quote{color:var(--text);text-wrap:pretty;font-size:15px;line-height:1.55}.tcard .who{align-items:center;gap:12px;margin-top:22px;display:flex}.tcard .av{background:var(--bg-2);border:1px solid var(--border-2);width:38px;height:38px;font-family:var(--font-mono);color:var(--accent);border-radius:9px;flex:none;place-items:center;font-size:13px;display:grid}.tcard .meta{line-height:1.35}.tcard .meta b{white-space:nowrap;font-size:13.5px;font-weight:600;display:block}.tcard .meta span{font-family:var(--font-mono);color:var(--text-3);font-size:11.5px}.proof-note{font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:8px;margin-top:16px;font-size:11.5px;display:inline-flex}.proof-note:before{content:"//";color:var(--accent)}.cta-band{border:1px solid var(--border-2);text-align:center;background:var(--bg-1);border-radius:20px;padding:72px 40px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(ellipse 60% 100% at 50% 120%, var(--accent-soft), transparent 70%);position:absolute;inset:0}.cta-band .inner{position:relative}.cta-band h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0 auto;font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1.02}.cta-band p{color:var(--text-2);margin-top:20px;font-size:17px}.cta-band .hero-cta{justify-content:center;margin-top:36px}.cta-prompt{font-family:var(--font-mono);color:var(--text-3);margin-top:26px;font-size:13px}.cta-prompt b{color:var(--accent)}.footer{border-top:1px solid var(--border);padding-block:56px 40px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-brand p{color:var(--text-2);max-width:30ch;margin-top:16px;font-size:14px}.fcol h4{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:11.5px}.fcol a{color:var(--text-2);padding:6px 0;font-size:14px;transition:color .15s;display:block}.fcol a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:48px;padding-top:28px;font-size:12px;display:flex}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{animation:none!important}.btn:hover,.btn-primary:hover,.btn-ghost:hover,.card:hover,.track-card:hover,.run-btn:hover{transform:none!important}}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:48px}.showcase-grid{grid-template-columns:1fr;gap:40px}}@media (width<=1000px){.tracks-grid{grid-template-columns:repeat(2,1fr)}.track-card,.track-card:nth-child(4),.track-card:nth-child(5){grid-column:auto}.why-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:first-child,.stat:nth-child(2){border-bottom:1px solid var(--border)}.testimonials{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}}@media (width<=720px){body{font-size:16px}.nav-links{display:none}.steps{grid-template-columns:1fr;gap:32px}.step:after{display:none}.tracks-grid,.stats{grid-template-columns:1fr}.stat{border-right:none;border-bottom:1px solid var(--border)}.stat:last-child{border-bottom:none}.cta-band{padding:52px 24px}.hero-cta .btn,.hero-cta{width:100%}.footer-grid{grid-template-columns:1fr 1fr}}