@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--bg: #0a0c0f;--bg-panel: #0e1116;--surface: #12161c;--surface-raised: #181d25;--surface-hover: #1c222b;--well: #080a0d;--border: #222a33;--border-subtle: #1a2027;--border-strong: #313b46;--text: #e7ebef;--text-2: #97a2ad;--text-3: #838e9b;--text-faint: #7a8490;--accent: #2d90ff;--accent-soft: #2d90ff26;--accent-line: #2d90ff;--accent-text: #8fc3ff;--syn-green: #3fb950;--syn-amber: #e3b341;--syn-coral: #f0716a;--syn-cyan: #39c5cf;--syn-plum: #bd8cff;--green-soft: #3fb95018;--amber-soft: #e3b34118;--coral-soft: #f0716a18;--cyan-soft: #39c5cf18;--plum-soft: #bd8cff1f;--ui: "Ubuntu", system-ui, sans-serif;--mono: "Fira Code", "JetBrains Mono", ui-monospace, monospace;--radius: 10px;--radius-sm: 7px;--radius-lg: 14px;--shadow-deep: rgb(0 0 0 / .65);--maxw: 1200px;--pad: 40px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--text);font-family:var(--ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--accent-soft);color:var(--text)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted, var(--text-3));background-clip:padding-box;border:3px solid transparent}*::-webkit-scrollbar-thumb:active{background:var(--primary-500, var(--accent));background-clip:padding-box;border:3px solid transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll-thin::-webkit-scrollbar{width:8px;height:8px}.scroll-thin::-webkit-scrollbar-thumb{border-width:2px}.scroll-thin::-webkit-scrollbar-thumb:hover{border-width:2px}.scroll-overlay::-webkit-scrollbar-thumb{background:transparent}.scroll-overlay:hover::-webkit-scrollbar-thumb,.scroll-overlay:focus-within::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box}.scroll-overlay{scrollbar-color:transparent transparent}.scroll-overlay:hover,.scroll-overlay:focus-within{scrollbar-color:var(--border-strong) transparent}.scroll-hidden{scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden::-webkit-scrollbar{width:0;height:0;display:none}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.label{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--text-3);display:inline-flex;align-items:center;gap:8px}.label:before{content:"//";color:var(--text-faint)}.caret{display:inline-block;width:.5ch;height:.92em;background:var(--accent);margin-left:8px;transform:translateY(2px);border-radius:1px;vertical-align:baseline}@media(prefers-reduced-motion:no-preference){.caret{animation:blink 1.15s steps(1) infinite}}@keyframes blink{50%{opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;border-radius:9px;font-family:var(--ui);font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:filter .14s,background .14s,border-color .14s,color .14s,transform .14s}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-2);font-family:var(--mono);font-size:14px;font-weight:500}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.btn-sm{height:38px;padding:0 16px;font-size:14px}.btn .prompt{font-family:var(--mono);color:#ffffffb3}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:70px;display:flex;align-items:center;border-bottom:1px solid transparent;transition:background .2s,border-color .2s,backdrop-filter .2s}.nav.scrolled{background:color-mix(in oklab,var(--bg-panel) 86%,transparent);backdrop-filter:blur(14px);border-bottom-color:var(--border)}.nav .wrap{display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-logo{height:34px;width:auto;display:block;object-fit:contain}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,var(--accent),color-mix(in oklab,var(--accent) 55%,#000));display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:18px;color:#fff;box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 40%,transparent);flex-shrink:0}.brand-name{font-weight:700;font-size:19px;letter-spacing:-.01em}.brand-name b{color:var(--accent-text);font-weight:700}.nav-links{display:flex;align-items:center;gap:4px;margin-left:14px}.nav-links a{font-family:var(--mono);font-size:13.5px;color:var(--text-2);padding:8px 12px;border-radius:7px;white-space:nowrap;transition:background .12s,color .12s}.nav-links a:hover{background:var(--surface);color:var(--text)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-login{font-family:var(--mono);font-size:14px;color:var(--text-2);padding:8px}.nav-login:hover{color:var(--text)}.nav-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:4px;border:none;background:transparent;color:var(--text-2);border-radius:8px;cursor:pointer;transition:background .12s,color .12s}.nav-burger:hover{background:var(--surface);color:var(--text)}.hero{position:relative;padding:150px 0 90px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-glow{position:absolute;top:-180px;right:-120px;width:720px;height:720px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 62%);opacity:.7;filter:blur(8px)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 40% 0%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 40% 0%,#000 0%,transparent 75%);opacity:.5}.hero-token{position:absolute;font-family:var(--mono);font-size:14px;color:var(--text-faint);opacity:0;user-select:none}@media(prefers-reduced-motion:no-preference){.hero-token{animation:drift 18s linear infinite}}@keyframes drift{0%{opacity:0;transform:translateY(20px)}12%{opacity:.6}88%{opacity:.6}to{opacity:0;transform:translateY(-120px)}}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center}.hero-copy{max-width:600px}.hero-eyebrow{margin-bottom:24px;opacity:0;animation:rise .7s .05s ease-out forwards}.hero h1{font-size:clamp(40px,5.4vw,66px);line-height:1.02;letter-spacing:-.035em;font-weight:700;margin-bottom:22px}.hero h1 .accent{color:var(--accent-text)}.hero h1 .strike{color:var(--text-2);text-decoration:line-through;text-decoration-thickness:.055em;text-decoration-color:color-mix(in oklab,var(--text-2) 55%,transparent)}.hero h1 .caret{margin-left:.16em}.hero h1 .line{display:block;opacity:0;animation:rise .8s ease-out forwards}.hero h1 .line:nth-child(1){animation-delay:.12s}.hero h1 .line:nth-child(2){animation-delay:.24s}.hero-sub{font-size:18.5px;line-height:1.6;color:var(--text-2);max-width:540px;margin-bottom:32px;text-wrap:pretty;opacity:0;animation:rise .8s .38s ease-out forwards}.hero-sub b{color:var(--text);font-weight:500}.hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;opacity:0;animation:rise .8s .5s ease-out forwards}.hero-note{margin-top:22px;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:13px;color:var(--text-3);opacity:0;animation:rise .8s .62s ease-out forwards}.hero-note .ok{color:var(--syn-green);display:inline-grid;place-items:center}.hero-note .ok svg{width:15px;height:15px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.mock{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:0 40px 90px -40px var(--shadow-deep),0 0 0 1px var(--border-subtle);opacity:0;animation:mockin .9s .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes mockin{0%{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.mock-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle)}.mock-dots{display:flex;gap:6px}.mock-dots i{width:11px;height:11px;border-radius:50%;background:var(--border-strong)}.mock-tab{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;color:var(--text-2);margin-left:8px}.mock-tab .lang{width:20px;height:20px;border-radius:5px;background:var(--well);border:1px solid var(--border-subtle);display:grid;place-items:center}.mock-tab .lang svg{width:13px;height:13px;color:var(--text-2)}.diff{font-family:var(--mono);font-size:11.5px;font-weight:500;padding:1px 8px;border-radius:5px;letter-spacing:.01em}.diff.easy{color:var(--syn-green);background:var(--green-soft)}.diff.medium{color:var(--syn-amber);background:var(--amber-soft)}.diff.hard{color:var(--syn-coral);background:var(--coral-soft)}.mock-bar .diff{margin-left:auto}.code{background:var(--well);padding:16px 18px 18px;font-family:var(--mono);font-size:13px;line-height:1.85;min-height:230px}.cl{display:flex;gap:16px;white-space:pre;opacity:0;transform:translate(-6px);transition:opacity .22s,transform .22s}.cl.show{opacity:1;transform:none}.cl .ln{color:var(--text-faint);user-select:none;min-width:14px;text-align:right;font-variant-numeric:tabular-nums}.cl .cc{padding-left:var(--indent, 0);position:relative}.cl[data-indent="1"]{--indent: 4ch}.cl[data-indent="2"]{--indent: 8ch}.cl[data-indent="3"]{--indent: 12ch}.cl.active .cc:after{content:"";display:inline-block;width:7px;height:1.05em;background:var(--accent);margin-left:1px;transform:translateY(2px);border-radius:1px;animation:blink 1.05s steps(1) infinite}.tok-k{color:var(--syn-plum)}.tok-s{color:var(--syn-green)}.tok-c{color:var(--text-3);font-style:italic}.tok-n{color:var(--syn-cyan)}.tok-f{color:var(--accent-text)}.tok-d{color:var(--text)}.mock-test{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--well);border-top:1px solid var(--border-subtle);font-family:var(--mono);font-size:12.5px;color:var(--text-3);min-height:40px}.mock-test .prompt{color:var(--accent)}.mock-test .run{color:var(--text-2)}.mock-test .pass{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--syn-green);font-weight:500;opacity:0;transform:translate(6px);transition:opacity .3s,transform .3s}.mock-test .pass.show{opacity:1;transform:none}.mock-test .pass svg{width:13px;height:13px}.mock-ai{background:var(--surface-raised);border-top:1px solid var(--border);padding:13px 16px 15px}.ai-head{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--text-2);margin-bottom:9px}.ai-head .spark{color:var(--syn-plum);display:inline-grid;place-items:center}.ai-head .spark svg{width:14px;height:14px}@media(prefers-reduced-motion:no-preference){.ai-head .spark.pulse svg{animation:sparkpulse 1.4s ease-in-out infinite}}@keyframes sparkpulse{0%,to{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.ai-head .tag{margin-left:auto;font-size:10.5px;color:var(--syn-plum);background:var(--plum-soft);padding:1px 8px;border-radius:5px;letter-spacing:.02em}.ai-msg{font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--text);min-height:2.6em}.ai-msg .cur{display:inline-block;width:6px;height:1em;background:var(--syn-plum);transform:translateY(2px);margin-left:1px;border-radius:1px;animation:blink 1s steps(1) infinite}.ai-foot{margin-top:9px;font-family:var(--mono);font-size:11px;color:var(--text-3)}section.block{position:relative;padding:96px 0}.sec-head{margin-bottom:48px;max-width:720px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head h2{font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:700;margin:16px 0 0}.sec-head h2 .accent{color:var(--accent-text)}.sec-head p{margin-top:16px;font-size:17px;color:var(--text-2);line-height:1.6;max-width:600px;text-wrap:pretty}.sec-head.center p{margin-left:auto;margin-right:auto}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}.reveal[data-d="1"]{transition-delay:.08s}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}.reveal[data-d="4"]{transition-delay:.32s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal,.hero-eyebrow,.hero-sub,.hero-cta,.hero-note,.hero h1 .line,.mock,.cl{opacity:1!important;transform:none!important}.hero-token{display:none!important}}.assist{background:linear-gradient(180deg,var(--bg-panel),var(--bg));border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.assist-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}.assist-copy h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.03em;line-height:1.1;font-weight:700;margin:16px 0 18px}.assist-copy h2 .accent{color:var(--syn-plum)}.assist-copy p{font-size:17px;color:var(--text-2);line-height:1.65;max-width:520px;text-wrap:pretty}.assist-points{margin-top:26px;display:flex;flex-direction:column;gap:16px}.assist-point{display:flex;gap:13px;align-items:flex-start}.assist-point .ic{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--plum-soft);color:var(--syn-plum);display:grid;place-items:center}.assist-point .ic svg{width:16px;height:16px}.assist-point .t{font-size:15.5px;font-weight:500;color:var(--text)}.assist-point .d{font-size:14px;color:var(--text-2);line-height:1.5;margin-top:2px}.ladder{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.ladder-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);font-family:var(--mono);font-size:12px;color:var(--text-2)}.ladder-bar .spark{color:var(--syn-plum);display:inline-grid;place-items:center}.ladder-bar .spark svg{width:14px;height:14px}.ladder-bar .bal{margin-left:auto;color:var(--text-3)}.ladder-bar .bal b{color:var(--syn-cyan);font-weight:600}.ladder-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.q-bubble{align-self:flex-end;max-width:78%;background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);color:var(--accent-text);font-family:var(--mono);font-size:12.5px;padding:8px 12px;border-radius:10px 10px 3px}.hint{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--well);overflow:hidden}.hint-head{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:12.5px;color:var(--text-2);text-align:left;transition:background .12s,color .12s}.hint-head:hover{background:var(--surface-hover);color:var(--text)}.hint-head .n{color:var(--syn-plum);flex-shrink:0}.hint-head .chev{margin-left:auto;width:13px;height:13px;color:var(--text-3);transition:transform .18s;flex-shrink:0}.hint.open .hint-head .chev{transform:rotate(180deg)}.hint-body{padding:0 12px;max-height:0;overflow:hidden;font-size:13px;color:var(--text-2);line-height:1.55;transition:max-height .28s ease,padding .28s ease}.hint.open .hint-body{padding:2px 12px 12px;max-height:200px}.ladder-lock{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-family:var(--mono);font-size:12px;color:var(--text-3)}.ladder-lock svg{width:14px;height:14px;color:var(--text-faint);flex-shrink:0}.ladder-lock b{color:var(--text-2);font-weight:500}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}.step{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:26px 24px 24px;transition:border-color .16s,transform .16s}.step:hover{border-color:var(--border-strong);transform:translateY(-2px)}.step-n{font-family:var(--mono);font-size:13px;color:var(--accent-text);font-variant-numeric:tabular-nums}.step h3{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:16px 0 9px}.step p{font-size:14.5px;color:var(--text-2);line-height:1.55}.step-ic{position:absolute;top:24px;right:24px;width:22px;height:22px;color:var(--text-3)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:26px 24px;transition:border-color .16s,transform .16s;display:flex;flex-direction:column;min-width:0}.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card.c-wide{grid-column:span 4}.card.c-half{grid-column:span 3}.card.c-third{grid-column:span 2}.card-eyebrow{font-family:var(--mono);font-size:12px;color:var(--text-3);margin-bottom:14px}.card-eyebrow b{color:var(--accent-text);font-weight:400}.card h3{font-size:20px;font-weight:600;letter-spacing:-.015em;margin-bottom:8px}.card p{font-size:14.5px;color:var(--text-2);line-height:1.55;max-width:420px;text-wrap:pretty}.card-visual{margin-top:20px}.mini-list{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;background:var(--well)}.mini-row{display:flex;align-items:center;gap:11px;padding:10px 13px;border-bottom:1px solid var(--border-subtle)}.mini-row:last-child{border-bottom:none}.mini-row .glyph{width:15px;height:15px;flex-shrink:0}.mini-row .glyph .ring{width:13px;height:13px;border-radius:50%;border:1.8px solid currentColor}.mini-row .glyph.solved{color:var(--syn-green)}.mini-row .glyph.prog{color:var(--syn-amber)}.mini-row .glyph.todo{color:var(--text-faint)}.mini-row .glyph .ring.half{background:conic-gradient(currentColor 0 50%,transparent 50%)}.mini-lang{width:26px;height:26px;border-radius:6px;background:var(--surface);border:1px solid var(--border-subtle);display:grid;place-items:center;flex-shrink:0}.mini-lang svg{width:15px;height:15px;color:var(--text-2)}.mini-title{font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.mini-row .diff{flex-shrink:0}.rail{display:flex;align-items:flex-start;gap:0;padding:4px 2px 0}.rail-node{display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0;width:64px;text-align:center}.rail-seg{flex:1;height:2px;background:var(--border-default, var(--border));margin-top:11px;min-width:14px}.rail-seg.done{background:var(--syn-green)}.node-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.node-dot.done{background:var(--green-soft);border:1.5px solid var(--syn-green);color:var(--syn-green)}.node-dot.done svg{width:12px;height:12px}.node-dot.current{border:1.5px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.node-dot.current i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.node-dot.todo{border:1.5px solid var(--border-strong)}.node-name{font-family:var(--mono);font-size:10.5px;color:var(--text-3);line-height:1.3}.rail-node.current .node-name{color:var(--text)}.node-count{font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-faint)}.rail-node.done .node-count{color:var(--syn-green)}.rail-node.current .node-count{color:var(--accent-text)}.pk-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pk-tile{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--well);padding:13px 14px}.pk-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.pk-top .glyph{width:15px;height:15px}.pk-name{font-size:13.5px;font-weight:500;color:var(--text);line-height:1.35;margin-bottom:10px}.pk-meta{font-family:var(--mono);font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;margin-bottom:9px}.microbar{height:4px;border-radius:20px;background:var(--well);box-shadow:inset 0 0 0 1px var(--border-subtle);overflow:hidden}.microbar i{display:block;height:100%;background:var(--accent);border-radius:20px;width:0;transition:width 1s cubic-bezier(.22,1,.36,1)}.pk-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.pk-foot .pct{color:var(--accent-text)}.pk-foot .done{color:var(--syn-green)}.gami{display:flex;flex-direction:column;gap:14px}.streak-box{display:flex;align-items:center;gap:14px;padding:14px 15px;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--well)}.streak-flame{width:38px;height:38px;border-radius:9px;background:var(--amber-soft);color:var(--syn-amber);display:grid;place-items:center;flex-shrink:0}.streak-flame svg{width:19px;height:19px}.streak-v{font-family:var(--mono);font-size:21px;font-weight:700;color:var(--syn-amber);font-variant-numeric:tabular-nums;line-height:1}.streak-l{font-family:var(--mono);font-size:11px;color:var(--text-3);margin-top:3px}.heat{display:flex;gap:4px}.heat i{flex:1;height:26px;border-radius:4px;background:var(--surface-hover)}.heat i.l1{background:color-mix(in srgb,var(--syn-green) 25%,transparent)}.heat i.l2{background:color-mix(in srgb,var(--syn-green) 50%,transparent)}.heat i.l3{background:var(--syn-green)}.xp-row{display:flex;gap:10px;flex-wrap:wrap}.xp-chip{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;color:var(--text-2);background:var(--well);border:1px solid var(--border-subtle);padding:6px 11px;border-radius:7px;font-variant-numeric:tabular-nums}.xp-chip b{font-weight:600}.xp-chip.amber b{color:var(--syn-amber)}.xp-chip.cyan b{color:var(--syn-cyan)}.xp-chip.green b{color:var(--syn-green)}.tracks{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.track{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:11px 16px 11px 12px;transition:border-color .16s,transform .16s,background .16s}.track:hover{border-color:var(--border-strong);transform:translateY(-2px);background:var(--surface-hover)}.track .langbox{width:34px;height:34px;border-radius:8px;background:var(--well);border:1px solid var(--border-subtle);display:grid;place-items:center;flex-shrink:0}.track .langbox svg{width:20px;height:20px;color:var(--text-2)}.track .tn{font-size:14.5px;font-weight:500;color:var(--text);white-space:nowrap}.track .tmono{font-family:var(--mono);font-size:11px;color:var(--text-3)}.track.soon{opacity:.5}.track.soon:hover{transform:none;opacity:.62;background:var(--surface);border-color:var(--border)}.track .soon-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border-subtle);border-radius:999px;padding:2px 7px;margin-left:2px;flex-shrink:0}.track.more-chip{gap:10px;padding:11px 16px;opacity:.78;cursor:default}.track.more-chip:hover{transform:none;background:var(--surface);border-color:var(--border);opacity:.92}.track.more-chip .more-count{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--accent-text);background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);border-radius:8px;padding:3px 9px;flex-shrink:0}.track.more-chip .more-list{font-family:var(--mono);font-size:12px;color:var(--text-3);white-space:nowrap}.free{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--bg-panel));padding:0;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr}.free-l{padding:44px;border-right:1px solid var(--border-subtle)}.free-l h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;font-weight:700;line-height:1.1;margin:14px 0 16px}.free-l p{font-size:16px;color:var(--text-2);line-height:1.6;max-width:440px;text-wrap:pretty;margin-bottom:26px}.free-list{list-style:none;display:flex;flex-direction:column;gap:13px}.free-list li{display:flex;align-items:flex-start;gap:11px;font-size:15px;color:var(--text)}.free-list .ok{flex-shrink:0;width:20px;height:20px;border-radius:5px;background:var(--green-soft);color:var(--syn-green);display:grid;place-items:center;margin-top:2px}.free-list .ok svg{width:12px;height:12px}.free-list span.sub{color:var(--text-2);font-size:13.5px}.free-r{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-panel)}.free-r .plus-label{font-family:var(--mono);font-size:12px;color:var(--syn-plum);margin-bottom:16px;display:flex;align-items:center;gap:8px}.free-r .plus-label svg{width:14px;height:14px}.free-r h3{font-size:21px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.free-r p{font-size:14.5px;color:var(--text-2);line-height:1.6;margin-bottom:22px;text-wrap:pretty}.plus-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:8px}.plus-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-2)}.plus-list .pd{width:16px;height:16px;border-radius:4px;background:var(--plum-soft);color:var(--syn-plum);display:grid;place-items:center;flex-shrink:0}.plus-list .pd svg{width:10px;height:10px}.free-r .price{font-family:var(--mono);font-size:22px;font-weight:600;color:var(--text);margin-top:22px}.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.fitem{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .16s}.fitem.open{border-color:var(--border-strong)}.fq{display:flex;align-items:center;gap:14px;width:100%;padding:19px 22px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text);font-family:var(--ui);font-size:16.5px;font-weight:500;transition:color .12s}.fq:hover{color:var(--text)}.fq .qn{font-family:var(--mono);font-size:13px;color:var(--text-faint);flex-shrink:0}.fq .plus{margin-left:auto;width:18px;height:18px;position:relative;flex-shrink:0}.fq .plus:before,.fq .plus:after{content:"";position:absolute;background:var(--text-3);border-radius:1px;transition:transform .22s,background .16s}.fq .plus:before{top:8px;left:0;width:18px;height:2px}.fq .plus:after{left:8px;top:0;width:2px;height:18px}.fitem.open .fq .plus:after{transform:rotate(90deg);opacity:0}.fitem.open .fq .plus:before{background:var(--accent)}.fa{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease,padding .3s ease;padding:0 22px 0 58px}.fa>*{min-height:0;overflow:hidden}.fitem.open .fa{padding:0 22px 22px 58px;grid-template-rows:1fr}.fa p{font-size:15px;color:var(--text-2);line-height:1.65;text-wrap:pretty}.fa code{font-family:var(--mono);font-size:13px;color:var(--accent-text);background:var(--well);padding:1px 6px;border-radius:5px}.final{position:relative;overflow:hidden}.final-card{position:relative;border:1px solid var(--border);border-radius:18px;background:var(--bg-panel);padding:64px 48px 60px;text-align:center;overflow:hidden}.final-card .glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,var(--accent-soft) 0%,transparent 65%);opacity:.8;pointer-events:none}.final-term{position:relative;font-family:var(--mono);font-size:14px;color:var(--text-3);margin-bottom:22px}.final-term .prompt{color:var(--accent)}.final-term .typed{color:var(--text)}.final-card h2{position:relative;font-size:clamp(30px,4.4vw,50px);letter-spacing:-.03em;font-weight:700;line-height:1.06;margin-bottom:16px}.final-card p{position:relative;font-size:17px;color:var(--text-2);max-width:480px;margin:0 auto 30px;line-height:1.6;text-wrap:pretty}.final-cta{position:relative;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.legal-footer{margin-top:72px;border-top:1px solid var(--border);background:var(--bg-panel)}.legal-footer .wrap{max-width:var(--maxw)}.lf-main{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:36px;padding:44px 0 36px}.lf-main.wide{grid-template-columns:1.7fr 1fr 1fr 1fr}.lf-brand .brand{margin-bottom:14px}.lf-brand p{font-size:14px;color:var(--text-2);line-height:1.6;max-width:320px;text-wrap:pretty}.lf-col{display:flex;flex-direction:column;align-items:flex-start}.lf-label{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-bottom:14px}.lf-label:before{content:"// ";color:var(--text-faint)}.lf-col a{font-size:14px;color:var(--text-2);padding:6px 0;white-space:nowrap;transition:color .12s}.lf-col a:hover{color:var(--accent-text)}.lf-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 0;border-top:1px solid var(--border-subtle);font-family:var(--mono);font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.lf-branch{display:inline-flex;align-items:center;gap:7px;color:var(--accent-text)}.lf-branch svg{width:13px;height:13px}.lf-status{display:inline-flex;align-items:center;gap:7px;color:var(--syn-amber)}.lf-status .dot{width:7px;height:7px;border-radius:50%;background:var(--syn-amber);box-shadow:0 0 0 3px var(--amber-soft)}.lf-bar .sep{color:var(--text-faint)}.lf-bar .lf-copy{margin-left:auto}.lf-bar .lf-links{display:inline-flex;gap:14px}.lf-bar .lf-links a:hover{color:var(--text-2)}@media(max-width:700px){.lf-main,.lf-main.wide{grid-template-columns:1fr 1fr;gap:28px}.lf-brand{grid-column:span 2}.lf-bar .lf-copy{margin-left:0}}@media(max-width:980px){:root{--pad: 24px}.hero-inner{grid-template-columns:1fr;gap:44px}.hero{padding-top:124px}.assist-grid{grid-template-columns:1fr;gap:36px}.steps{grid-template-columns:1fr}.bento{grid-template-columns:1fr 1fr}.card.c-wide,.card.c-half,.card.c-third{grid-column:span 2}.free{grid-template-columns:1fr}.free-l{border-right:none;border-bottom:1px solid var(--border-subtle);padding:36px 28px}.free-r{padding:36px 28px}}html.no-anim *,html.no-anim *:before,html.no-anim *:after{transition:none!important}html.no-anim .reveal{opacity:1!important;transform:none!important}html.no-anim .hero-eyebrow,html.no-anim .hero-sub,html.no-anim .hero-cta,html.no-anim .hero-note,html.no-anim .hero h1 .line,html.no-anim .mock{opacity:1!important;transform:none!important;animation:none!important}html.no-anim .cl{opacity:1!important;transform:none!important}html.no-anim .hero-token{display:none!important}html.no-anim .caret,html.no-anim .ai-head .spark svg{animation:none!important}html.no-anim .microbar i{transition:none!important}@media(max-width:640px){body{font-size:15px}.nav-links{display:none}.nav.nav-open .nav-links{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:70px;left:0;right:0;gap:0;margin-left:0;padding:6px 0;background:color-mix(in oklab,var(--bg-panel) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav.nav-open .nav-links a{min-height:44px;display:flex;align-items:center;padding:0 24px;border-radius:0;border-bottom:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.nav.nav-open .nav-links a:last-child{border-bottom:none}.nav-burger{display:inline-flex}.hero{padding-top:108px}.hero h1{font-size:clamp(34px,10vw,46px)}.bento{grid-template-columns:1fr}.card.c-wide,.card.c-half,.card.c-third{grid-column:span 1}.pk-tiles{grid-template-columns:1fr}.section.block,section.block{padding:64px 0}.free-l,.free-r{padding:28px 22px}.final-card{padding:44px 24px 40px}.nav-actions .btn-ghost{display:none}.btn-sm{height:44px}.nav-login,.lf-col a,.lf-bar .lf-links a{min-height:44px;display:inline-flex;align-items:center}}@media(max-width:360px){.nav .wrap{gap:10px}.nav-actions{gap:8px}.nav-login{padding-left:4px;padding-right:4px}.btn-sm{padding-left:12px;padding-right:12px}}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:8px;left:8px;z-index:1000;padding:10px 16px;background:var(--accent);color:var(--bg);font-weight:600;border-radius:var(--radius-sm);text-decoration:none;transform:translateY(-150%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.cookie-banner[data-astro-cid-fzbxxtek]{position:fixed;inset:auto 0 0;z-index:50;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(12px)}.cookie-banner[data-astro-cid-fzbxxtek][hidden]{display:none}.cookie-banner-inner[data-astro-cid-fzbxxtek]{max-width:var(--maxw);margin:0 auto;padding:16px var(--pad);display:flex;flex-direction:column;gap:16px}@media(min-width:640px){.cookie-banner-inner[data-astro-cid-fzbxxtek]{flex-direction:row;align-items:center}}.cookie-banner-text[data-astro-cid-fzbxxtek]{flex:1;font-size:14px;line-height:1.6;color:var(--text-2)}.cookie-banner-text[data-astro-cid-fzbxxtek] strong[data-astro-cid-fzbxxtek]{color:var(--text);font-weight:600}.cookie-banner-text[data-astro-cid-fzbxxtek] a[data-astro-cid-fzbxxtek]{color:var(--accent-text);text-decoration:underline}.cookie-banner-actions[data-astro-cid-fzbxxtek]{display:flex;gap:8px}.cookie-btn[data-astro-cid-fzbxxtek]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius);padding:8px 16px;font-size:14px;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease}.cookie-btn-primary[data-astro-cid-fzbxxtek]{background:var(--accent);color:#fff;font-weight:500}.cookie-btn-primary[data-astro-cid-fzbxxtek]:hover{background:color-mix(in srgb,var(--accent) 88%,black)}