@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.woff2?v=2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Medium.woff2?v=2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Bold.woff2?v=2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Italic.woff2?v=2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-VF.woff2?v=2)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-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:#000000a6;--maxw:1172px;--pad:36px;--amber-text:#f1cf78;--coral-text:#ff9b95;--plum-text:#cfb0ff;--print-bg:#fff;--print-border:#d6dade;--print-border-strong:#b9c0c7;--print-text:#16181b;--print-text-2:#3c434a;--print-text-3:#59616a;--print-text-faint:#6a727a;--print-accent-text:#0a5dc2;--print-accent-soft:#e8f1fb;--on-accent:var(--bg);--fs-display:clamp(42px, 4.2vw, 58px);--fs-h1:clamp(36px, 4.6vw, 56px);--fs-h1-doc:clamp(32px, 4.4vw, 46px);--fs-h2:clamp(28px, 3.6vw, 42px);--fs-h2-lg:clamp(30px, 4.2vw, 46px);--fs-h2-sm:clamp(26px, 3vw, 36px);--fs-title:21px;--fs-h3:20px;--fs-h3-sm:18px;--fs-lead:18px;--fs-body-lg:17px;--fs-body:15.5px;--fs-body-sm:14.5px;--fs-caption:13.5px;--fs-mono-lg:14px;--fs-mono:13px;--fs-mono-sm:12.5px;--fs-mono-xs:11.5px;--fs-mono-2xs:10.5px;--nav-h:calc(70px + env(safe-area-inset-top,0px));--sec-y:clamp(64px, 9vw, 96px);--sec-head-mb:48px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.14s;--dur-med:.22s;--dur-open:.3s;--dur-reveal:.7s;--shadow-pop:0 40px 90px -40px var(--shadow-deep), 0 0 0 1px var(--border-subtle);--z-sticky:40;--z-banner:50;--z-nav:100;--z-overlay:200;--z-top:1000}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 20px)}body{background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}:where(h1,h2,h3,h4,h5,h6){overflow-wrap:anywhere;min-width:0}img,video,canvas{max-width:100%;height:auto}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:active{background:var(--accent);background-clip:padding-box;border:3px solid #0000}*{scrollbar-width:thin;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);padding-left:max(var(--pad), env(safe-area-inset-left,0px));padding-right:max(var(--pad), env(safe-area-inset-right,0px));margin:0 auto}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tracking-pixel{position:absolute;left:-9999px}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.fq:focus-visible,.hint-head:focus-visible,.mod-head:focus-visible{outline-offset:-3px}.skip-link{z-index:var(--z-top);background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .15s;position:absolute;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.caret{background:var(--accent);vertical-align:baseline;border-radius:1px;width:.5ch;height:.92em;margin-left:8px;display:inline-block;transform:translateY(2px)}@media (prefers-reduced-motion:no-preference){.caret{animation:1.15s step-end infinite blink}}@keyframes blink{50%{opacity:0}}.label{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.04em;color:var(--text-3);align-items:center;gap:8px;display:inline-flex}.label:before{content:"//";color:var(--text-faint)}.btn{height:46px;font-family:var(--ui);cursor:pointer;white-space:nowrap;transition:filter var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast), transform var(--dur-fast);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:var(--btn-bg,var(--accent));color:var(--btn-fg,var(--on-accent))}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn:active:not(:disabled):not([aria-disabled=true]){filter:brightness(.96);transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;filter:none;opacity:.55;transform:none}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-2);font-family:var(--mono);font-size:var(--fs-mono-lg);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:color-mix(in srgb, var(--btn-fg,var(--on-accent)) 70%, transparent)}.pill,.diff{font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:.02em;white-space:nowrap;color:var(--pill-c,var(--text-2));background:var(--pill-bg,var(--well));border:1px solid var(--pill-bd,transparent);border-radius:5px;align-items:center;gap:6px;padding:2px 9px;font-weight:500;line-height:1.5;display:inline-flex}.pill svg,.diff svg{flex-shrink:0;width:12px;height:12px}.pill.green,.diff.easy{--pill-c:var(--syn-green);--pill-bg:var(--green-soft)}.pill.amber,.diff.medium{--pill-c:var(--syn-amber);--pill-bg:var(--amber-soft)}.pill.coral,.diff.hard{--pill-c:var(--syn-coral);--pill-bg:var(--coral-soft)}.pill.plum{--pill-c:var(--syn-plum);--pill-bg:var(--plum-soft)}.pill.blue{--pill-c:var(--accent-text);--pill-bg:var(--accent-soft)}.pill.br{--pill-bd:color-mix(in srgb, currentColor 30%, transparent)}.pill.upper{font-size:var(--fs-mono-2xs);letter-spacing:.05em}.ic-box,.assist-point .ic,.track .langbox{--ic:28px;width:var(--ic);height:var(--ic);border-radius:max(4px, calc(var(--ic) * .25));background:var(--ic-bg,var(--well));color:var(--ic-c,var(--text-2));border:1px solid var(--ic-bd,transparent);flex-shrink:0;place-items:center;display:grid}.ic-box svg,.assist-point .ic svg,.track .langbox svg{width:calc(var(--ic) * .55);height:calc(var(--ic) * .55)}.chrome,.ladder{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);position:relative;overflow:hidden}.chrome.pop{box-shadow:var(--shadow-pop)}.chrome-bar,.ladder-bar{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-2);align-items:center;gap:10px;padding:11px 14px;display:flex}.chrome-dots{flex-shrink:0;gap:6px;display:flex}.chrome-dots i{background:var(--border-strong);border-radius:50%;width:11px;height:11px}.chrome-tab{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;margin-left:6px;display:flex;overflow:hidden}.chrome-bar .pill,.chrome-bar .diff{margin-left:auto}.chrome-foot{background:var(--well);border-top:1px solid var(--border-subtle);font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3);align-items:center;gap:10px;min-height:40px;padding:10px 16px;display:flex}.microbar{background:var(--well);height:4px;box-shadow:inset 0 0 0 1px var(--border-subtle);border-radius:20px;overflow:hidden}.microbar i{background:var(--accent);width:0;height:100%;transition:width 1s var(--ease-out);border-radius:20px;display:block}.crumb{font-family:var(--mono);font-size:var(--fs-mono);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crumb a{color:var(--text-3);transition:color var(--dur-fast)}.crumb a:hover{color:var(--accent-text)}.crumb .sep{color:var(--text-faint)}.crumb .cur{color:var(--text-2)}.tok-k{color:var(--syn-plum)}.tok-s{color:var(--syn-green)}.tok-c{color:var(--text-3)}.tok-f{color:var(--accent-text)}.tok-d{color:var(--text)}.tok-e{color:var(--coral-text)}section.block{padding:var(--sec-y) 0;position:relative}.sec-head{margin-bottom:var(--sec-head-mb);max-width:720px}.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}.sec-head h2{font-size:var(--fs-h2);letter-spacing:-.03em;margin:16px 0 0;font-weight:700;line-height:1.08}.sec-head h2 .accent{color:var(--accent-text)}.sec-head p{font-size:var(--fs-body-lg);color:var(--text-2);text-wrap:pretty;max-width:600px;margin-top:16px;line-height:1.6}.sec-head.center p{margin-left:auto;margin-right:auto}.reveal{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.reveal[data-d="1"]{transition-delay:80ms}.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{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.hero-eyebrow,.hero-sub,.hero-cta,.hero-note,.hero h1 .line{opacity:1!important;transform:none!important}}.hero{padding:150px 0 90px;position:relative;overflow:hidden}.hero-inner{z-index:1;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:56px;display:grid;position:relative}.hero-copy{max-width:600px}.hero-eyebrow{margin-bottom:24px;animation:.7s ease-out 50ms both rise}.hero h1{font-size:var(--fs-display);letter-spacing:-.035em;overflow-wrap:normal;margin-bottom:22px;font-weight:700;line-height:1.02}.hero h1 .accent{color:var(--accent-text)}.hero h1 .strike{color:var(--text-2);text-decoration:line-through .055em;text-decoration-color:color-mix(in oklab, var(--text-2) 55%, transparent)}.hero h1 .caret{margin-left:.16em}.hero h1 .line{animation:.8s ease-out both rise;display:block}.hero h1 .line:first-child{animation-delay:.12s}.hero h1 .line:nth-child(2){animation-delay:.24s}.hero-sub{font-size:var(--fs-lead);color:var(--text-2);text-wrap:pretty;max-width:540px;margin-bottom:32px;line-height:1.6;animation:.8s ease-out .38s both rise}.hero-sub b{color:var(--text);font-weight:500}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;animation:.8s ease-out .5s both rise;display:flex}.hero-note{font-family:var(--mono);font-size:var(--fs-mono);color:var(--text-3);align-items:center;gap:9px;margin-top:22px;animation:.8s ease-out .62s both rise;display:flex}.hero-note .ok{color:var(--syn-green);place-items:center;display:inline-grid}.hero-note .ok svg{width:15px;height:15px}.hero .reveal,.iv-hero .reveal{opacity:1;animation:.8s ease-out .3s both rise;transform:none}@keyframes rise{0%{transform:translateY(18px)}to{transform:none}}.hero-example{min-width:0;margin:0}.hero-example .chrome-bar{padding:16px 28px}.hero-example .chrome-bar svg{flex-shrink:0;width:16px;height:16px}.hero-example-panels{display:grid}.hero-example-panel{visibility:hidden;grid-area:1/1;grid-template-rows:1fr auto;min-width:0;display:grid}.hero-example-panel.is-active{visibility:visible}.hero-example-body{background:var(--well);padding:28px}.hero-example-body p{font-size:var(--fs-body-lg);color:var(--text);margin:0 0 8px}.hero-example-body .hero-example-rule{font-size:var(--fs-body-sm);color:var(--text-2);max-width:36ch;margin-bottom:24px;line-height:1.55}.hero-example pre{font-family:var(--mono);font-size:var(--fs-mono-lg);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:2}.hero-example pre code{font:inherit}.hero-example pre .line{max-width:100%;display:inline-block}.hero-example pre .line:nth-of-type(2){--step:1}.hero-example pre .line:nth-of-type(3){--step:2}.hero-example pre .line:nth-of-type(4){--step:3}.hero-example pre .line:nth-of-type(5){--step:4}.hero-example pre .line:nth-of-type(6){--step:5}.hero-example-result{border-top:1px solid var(--border-subtle);padding:24px 28px}.hero-example-result table{border-collapse:collapse;table-layout:fixed;width:100%}.hero-example-result caption{text-align:left;font-size:var(--fs-body-sm);color:var(--text);margin-bottom:16px}.hero-example-result th{text-align:left;font-size:var(--fs-body-sm);color:var(--text-2);padding:0 0 8px;font-weight:400}.hero-example-result td{border-top:1px solid var(--border-subtle);font-family:var(--mono);font-size:var(--fs-mono-lg);vertical-align:top;overflow-wrap:anywhere;padding:8px 0}.hero-example-result td:first-child{padding-right:16px}.hero-example-result th:last-child{text-align:right}.hero-example-answer{color:var(--text);text-align:right;justify-content:flex-end;align-items:baseline;gap:12px;display:flex}.hero-example-answer>span{min-width:0}.hero-example-answer svg{width:12px;height:12px;color:var(--syn-green);flex-shrink:0}.hero-example-controls:not([hidden]){border-top:1px solid var(--border-subtle);align-items:center;gap:4px;padding:8px 20px;display:flex}.hero-example-count{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-2);font-variant-numeric:tabular-nums;margin-right:auto}.hero-example-controls button{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-2);font-size:var(--fs-body-sm);cursor:pointer;background:0 0;border:0;padding:8px}.hero-example-controls button:hover,.hero-example-controls button:focus-visible{background:var(--surface-raised);color:var(--text)}.hero-example-controls button:disabled{opacity:.5;cursor:default}.hero-example-controls svg{vertical-align:middle;width:14px;height:14px}@media (prefers-reduced-motion:no-preference){html:not(.no-anim) .hero-example.in.is-playing .hero-example-panel.is-active pre .line{animation:hero-code-type .45s steps(24, end) calc(.4s + var(--step,0) * .5s) both}html:not(.no-anim) .hero-example.in.is-playing .hero-example-panel.is-active tbody tr{animation:hero-check-in .25s ease-out var(--check-delay) both}html:not(.no-anim) .hero-example.in.is-playing .hero-example-panel.is-active tbody tr:nth-child(2){animation-delay:calc(var(--check-delay) + .35s)}}@keyframes hero-code-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hero-check-in{0%{opacity:0}to{opacity:1}}.assist{background:var(--bg-panel);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.assist-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.assist-copy h2{font-size:var(--fs-h2);letter-spacing:-.03em;margin:16px 0 18px;font-weight:700;line-height:1.1}.assist-copy h2 .accent{color:var(--syn-plum)}.assist-copy p{font-size:var(--fs-body-lg);color:var(--text-2);text-wrap:pretty;max-width:520px;line-height:1.65}.assist-points{flex-direction:column;gap:16px;margin-top:26px;display:flex}.assist-point{align-items:flex-start;gap:13px;display:flex}.assist-point .ic{--ic:30px;--ic-bg:var(--plum-soft);--ic-c:var(--syn-plum)}.assist-point .t{color:var(--text);font-size:15.5px;font-weight:500}.assist-point .d{color:var(--text-2);margin-top:2px;font-size:14px;line-height:1.5}.ladder-bar{padding:12px 16px;font-size:12px}.ladder-bar .spark{color:var(--syn-plum);place-items:center;display:inline-grid}.ladder-bar .spark svg{width:14px;height:14px}.ladder-bar .bal{color:var(--text-3);margin-left:auto}.ladder-bar .bal b{color:var(--syn-cyan);font-weight:600}.ladder-body{flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.q-bubble{background:var(--accent-soft);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);max-width:78%;color:var(--accent-text);font-family:var(--mono);font-size:var(--fs-mono-sm);border-radius:10px 10px 3px;align-self:flex-end;padding:8px 12px}.hint{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--well);overflow:hidden}.hint-head{cursor:pointer;width:100%;min-height:44px;font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-2);text-align:left;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;align-items:center;gap:9px;padding:10px 12px;display:flex}.hint-head:hover{background:var(--surface-hover);color:var(--text)}.hint-head .n{color:var(--syn-plum);flex-shrink:0}.hint-head .chev{width:13px;height:13px;color:var(--text-3);transition:transform var(--dur-med);flex-shrink:0;margin-left:auto}.hint.open .hint-head .chev{transform:rotate(180deg)}.hint-body{max-height:0;font-size:var(--fs-mono);font-family:var(--ui);color:var(--text-2);padding:0 12px;line-height:1.55;transition:max-height .28s,padding .28s;overflow:hidden}.hint.open .hint-body{max-height:200px;padding:2px 12px 12px}.ladder-lock{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-family:var(--mono);color:var(--text-3);align-items:center;gap:9px;padding:11px 12px;font-size:12px;display:flex}.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{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{border-top:1px solid var(--border-strong);padding:24px 4px 0 0;position:relative}.step-n{font-family:var(--mono);color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:15px}.step h3{font-size:var(--fs-h3);letter-spacing:-.01em;margin:16px 0 9px;font-weight:600}.step p{font-size:var(--fs-body-sm);color:var(--text-2);line-height:1.55}.step-ic{width:22px;height:22px;color:var(--text-3);position:absolute;top:24px;right:4px}.practice-examples{border-top:1px solid var(--border-strong);list-style:none}.practice-example{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto;align-items:center;gap:32px;padding:28px 0;text-decoration:none;display:grid}.practice-example:focus-visible{outline-offset:6px}.practice-meta{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.practice-number{color:var(--accent-text);font-variant-numeric:tabular-nums}.practice-copy h3{font-size:var(--fs-h3);letter-spacing:-.01em;margin-bottom:8px;font-weight:500;line-height:1.25}.practice-copy p{font-size:var(--fs-body-sm);color:var(--text-2);text-wrap:pretty;line-height:1.55}.practice-copy .practice-skill{font-size:var(--fs-caption);color:var(--text-3);margin-top:12px}.practice-sample{border-radius:var(--radius);background:var(--surface);gap:14px;min-width:0;padding:18px 20px;display:grid}.practice-sample dt{font-size:var(--fs-caption);color:var(--text-2);margin-bottom:5px;line-height:1.4}.practice-sample code{font-family:var(--mono);font-size:var(--fs-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.65}.practice-output code{color:var(--accent-text)}.practice-link{min-height:44px;font-size:var(--fs-body-sm);color:var(--accent-text);white-space:nowrap;align-items:center;gap:10px;font-weight:500;display:inline-flex}.practice-link span{font-family:var(--mono);transition:transform var(--dur-fast)}.practice-example:hover .practice-link span,.practice-example:focus-visible .practice-link span{transform:translate(3px,-3px)}.practice-example:hover h3,.practice-example:focus-visible h3{color:var(--accent-text)}.tracks{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.track{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:11px;padding:11px 16px 11px 12px;display:flex}.track .langbox{--ic:34px;--ic-bd:var(--border-subtle)}.track .tn{font-size:var(--fs-body-sm);color:var(--text);white-space:nowrap;font-weight:500}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;display:grid}.pricing-card{grid-template-rows:subgrid;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);grid-row:span 5;padding:28px;display:grid}.pricing-featured{border-color:var(--accent);background:var(--surface)}.pricing-heading h3{font-size:var(--fs-title);margin-bottom:8px;font-weight:500}.pricing-heading p,.pricing-price p,.pricing-amount>span{color:var(--text-2);font-size:var(--fs-body-sm);text-wrap:pretty;line-height:1.5}.pricing-amount{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:8px;display:flex}.pricing-amount strong{font-size:var(--fs-h2-sm);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500;line-height:1.2}.pricing-price .pricing-offer{color:var(--accent-text)}.pricing-credits{border-block:1px solid var(--border);font-size:var(--fs-body-sm);color:var(--text-2);padding-block:16px}.pricing-credits strong{font-family:var(--mono);font-size:var(--fs-body-lg);color:var(--text);font-weight:500}.pricing-features{flex-direction:column;gap:14px;list-style:none;display:flex}.pricing-features li{font-size:var(--fs-body-sm);text-wrap:pretty;align-items:flex-start;gap:10px;line-height:1.55;display:flex}.pricing-features svg{color:var(--text-3);flex-shrink:0;margin-top:5px}.pricing-featured .pricing-features svg{color:var(--accent-text)}.pricing-card>.btn{width:100%;height:auto;min-height:46px;font-family:var(--ui);font-size:var(--fs-body);white-space:normal;text-align:center;padding:11px 16px;line-height:1.35}.pricing-terms{color:var(--text-2);font-size:var(--fs-caption);text-wrap:pretty;gap:8px;margin-top:24px;line-height:1.6;display:grid}.faq{flex-direction:column;gap:12px;max-width:820px;margin:0 auto;display:flex}.fitem{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--dur-fast);overflow:hidden}.fitem.open{border-color:var(--border-strong)}.fq{cursor:pointer;text-align:left;width:100%;color:var(--text);font-family:var(--ui);transition:color var(--dur-fast);background:0 0;border:none;align-items:center;gap:14px;padding:19px 22px;font-size:16.5px;font-weight:500;display:flex}.fq .qn{font-family:var(--mono);font-size:var(--fs-mono);color:var(--text-faint);flex-shrink:0}.fq .plus{flex-shrink:0;width:18px;height:18px;margin-left:auto;position:relative}.fq .plus:before,.fq .plus:after{content:"";background:var(--text-3);transition:transform var(--dur-med), background var(--dur-fast);border-radius:1px;position:absolute}.fq .plus:before{width:18px;height:2px;top:8px;left:0}.fq .plus:after{width:2px;height:18px;top:0;left:8px}.fitem.open .fq .plus:after{opacity:0;transform:rotate(90deg)}.fitem.open .fq .plus:before{background:var(--accent)}.fa{transition:grid-template-rows var(--dur-open) ease, padding var(--dur-open) ease;grid-template-rows:0fr;padding:0 22px 0 58px;display:grid;overflow:hidden}.fa>*{min-height:0;overflow:hidden}.fitem.open .fa{grid-template-rows:1fr;padding:0 22px 22px 58px}.fa p{color:var(--text-2);text-wrap:pretty;font-size:15px;line-height:1.65}.fa code{font-family:var(--mono);font-size:var(--fs-mono);color:var(--accent-text);background:var(--well);border-radius:5px;padding:1px 6px}.final{position:relative;overflow:hidden}.final-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);text-align:center;padding:64px 48px 60px;position:relative;overflow:hidden}.final-term{font-family:var(--mono);font-size:var(--fs-mono-lg);color:var(--text-3);margin-bottom:22px;position:relative}.final-term .prompt{color:var(--accent)}.final-term .typed{color:var(--text)}.final-card h2{font-size:var(--fs-h2-lg);letter-spacing:-.03em;margin-bottom:16px;font-weight:700;line-height:1.06;position:relative}.final-card p{font-size:var(--fs-body-lg);color:var(--text-2);text-wrap:pretty;max-width:480px;margin:0 auto 30px;line-height:1.6;position:relative}.final-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}@media (width<=1040px){:root{--pad:clamp(16px, 5vw, 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:repeat(2,1fr)}.steps .step:last-child{grid-column:1/-1}.practice-example{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 28px}.practice-sample{grid-area:1/2/3}.practice-link{grid-column:1}}@media (width<=960px){.pricing-grid{grid-template-columns:minmax(0,1fr);gap:16px}.pricing-card{grid-row:auto;grid-template-rows:auto;gap:24px;padding:24px}}@media (width<=720px){:root{--nav-h:calc(64px + env(safe-area-inset-top,0px));--sec-y:clamp(52px, 14vw, 72px);--sec-head-mb:34px;--fs-h1:clamp(31px, 8.5vw, 42px);--fs-h2:clamp(26px, 7.5vw, 34px);--fs-h2-lg:clamp(28px, 8vw, 36px);--fs-h2-sm:clamp(25px, 7vw, 32px);--fs-lead:17px;--fs-body-lg:16px}.hero{padding:calc(var(--nav-h) + 34px) 0 64px}.hero-inner{gap:36px}.hero-eyebrow{margin-bottom:18px}.hero h1{text-wrap:balance;hyphens:auto;overflow-wrap:break-word;margin-bottom:18px}.hero-sub{margin-bottom:26px}.hero-note,.path-note{align-items:flex-start;line-height:1.5}.sec-head h2{text-wrap:balance}.step{padding:22px 4px 0 0}.assist-grid{gap:30px}.assist-points{gap:14px;margin-top:22px}.ladder-bar{flex-wrap:wrap}.ladder-bar .bal{white-space:nowrap}.hint-head>span:nth-child(2){overflow-wrap:anywhere;min-width:0}}@media (width<=640px){body{font-size:15px}.hero h1{font-size:clamp(29px,9vw,44px)}.steps{grid-template-columns:1fr}.steps .step:last-child{grid-column:auto}.practice-example{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 0}.practice-sample{grid-area:auto}.practice-link{grid-column:auto;justify-self:end}.final-card{padding:44px 24px 40px}.btn-sm{height:44px}}@media (width<=480px){.hero-cta,.final-cta,.path-cta-row,.iv-cta-row,.tr-cta{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.hero-cta .btn,.final-cta .btn,.path-cta-row .btn,.iv-cta-row .btn,.tr-cta .btn,.pg-fullscreen{text-align:center;white-space:normal;width:100%;height:auto;min-height:46px;padding:11px 16px;line-height:1.35}.hero-example .chrome-bar,.hero-example-body,.hero-example-result{padding:20px}.hero-example pre{font-size:var(--fs-mono-sm)}.fq{gap:10px;padding:16px}.fa{padding:0 16px 0 43px}.fitem.open .fa{padding:0 16px 18px 43px}.final-card{padding-left:20px;padding-right:20px}.final-term{overflow-wrap:anywhere}}@media (width<=360px){.btn-sm{padding-left:12px;padding-right:12px}}@media (orientation:landscape) and (height<=500px) and (width<=960px){:root{--nav-h:calc(58px + env(safe-area-inset-top,0px));--sec-y:44px;--sec-head-mb:30px}.hero{padding:calc(var(--nav-h) + 24px) 0 48px}.hero-inner{gap:30px}.hero h1{font-size:clamp(30px,5vw,38px)}}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 .hero .reveal,html.no-anim .iv-hero .reveal{animation:none!important;transform:none!important}html.no-anim .caret{animation:none!important}html.no-anim .microbar i{transition:none!important}
