@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-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: 1172px;--pad: 36px}:root{--amber-text: #f1cf78;--coral-text: #ff9b95;--plum-text: #cfb0ff;--print-bg: #ffffff;--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);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}:where(h1,h2,h3,h4,h5,h6){min-width:0;overflow-wrap:anywhere}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: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-3);background-clip:padding-box;border:3px solid transparent}*::-webkit-scrollbar-thumb:active{background:var(--accent);background-clip:padding-box;border:3px solid transparent}*{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);margin:0 auto;padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px))}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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{position:absolute;top:8px;left:8px;z-index:var(--z-top);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)}.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}}.label{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.04em;color:var(--text-3);display:inline-flex;align-items:center;gap:8px}.label:before{content:"//";color:var(--text-faint)}.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 var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.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{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:var(--fs-mono-xs);font-weight:500;line-height:1.5;padding:2px 9px;border-radius:5px;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)}.pill svg,.diff svg{width:12px;height:12px;flex-shrink:0}.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);display:grid;place-items:center;flex-shrink:0}.ic-box svg,.assist-point .ic svg,.track .langbox svg{width:calc(var(--ic) * .55);height:calc(var(--ic) * .55)}.chrome,.ladder{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.chrome.pop{box-shadow:var(--shadow-pop)}.chrome-bar,.ladder-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;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)}.chrome-dots{display:flex;gap:6px;flex-shrink:0}.chrome-dots i{width:11px;height:11px;border-radius:50%;background:var(--border-strong)}.chrome-tab{display:flex;align-items:center;gap:8px;margin-left:6px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrome-bar .pill,.chrome-bar .diff{margin-left:auto}.chrome-foot{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--well);border-top:1px solid var(--border-subtle);font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3);min-height:40px}.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 var(--ease-out)}.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:var(--fs-mono);color:var(--text-3)}.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{position:relative;padding:var(--sec-y) 0}.sec-head{margin-bottom:var(--sec-head-mb);max-width:720px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head h2{font-size:var(--fs-h2);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:var(--fs-body-lg);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 var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}.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{opacity:1!important;transform:none!important}}.hero{position:relative;padding:150px 0 90px;overflow:hidden}.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:var(--fs-display);line-height:1.02;letter-spacing:-.035em;font-weight:700;margin-bottom:22px;overflow-wrap:normal}.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:var(--fs-lead);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:var(--fs-mono);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:none}}.hero-example{margin:0;min-width:0}.hero-example .chrome-bar{padding:16px 28px}.hero-example .chrome-bar svg{width:16px;height:16px;flex-shrink:0}.hero-example-panels{display:grid}.hero-example-panel{grid-area:1 / 1;display:grid;grid-template-rows:1fr auto;min-width:0;visibility:hidden}.hero-example-panel.is-active{visibility:visible}.hero-example-body{padding:28px;background:var(--well)}.hero-example-body p{margin:0 0 8px;font-size:var(--fs-body-lg);color:var(--text)}.hero-example-body .hero-example-rule{margin-bottom:24px;font-size:var(--fs-body-sm);line-height:1.55;color:var(--text-2);max-width:36ch}.hero-example pre{margin:0;font-family:var(--mono);font-size:var(--fs-mono-lg);line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.hero-example pre code{font:inherit}.hero-example pre .line{display:inline-block;max-width:100%}.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{padding:24px 28px;border-top:1px solid var(--border-subtle)}.hero-example-result table{width:100%;border-collapse:collapse;table-layout:fixed}.hero-example-result caption{margin-bottom:16px;text-align:left;font-size:var(--fs-body-sm);color:var(--text)}.hero-example-result th{padding:0 0 8px;text-align:left;font-size:var(--fs-body-sm);font-weight:400;color:var(--text-2)}.hero-example-result td{padding:8px 0;border-top:1px solid var(--border-subtle);font-family:var(--mono);font-size:var(--fs-mono-lg);vertical-align:top;overflow-wrap:anywhere}.hero-example-result td:first-child{padding-right:16px}.hero-example-result th:last-child{text-align:right}.hero-example-answer{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;color:var(--text);text-align:right}.hero-example-answer>span{min-width:0}.hero-example-answer svg{width:12px;height:12px;flex-shrink:0;color:var(--syn-green)}.hero-example-controls:not([hidden]){display:flex;align-items:center;gap:4px;padding:8px 20px;border-top:1px solid var(--border-subtle)}.hero-example-count{margin-right:auto;font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-2);font-variant-numeric:tabular-nums}.hero-example-controls button{min-width:44px;min-height:44px;padding:8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:var(--fs-body-sm);cursor:pointer}.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{width:14px;height:14px;vertical-align:middle}@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{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}.assist-copy h2{font-size:var(--fs-h2);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:var(--fs-body-lg);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{--ic: 30px;--ic-bg: var(--plum-soft);--ic-c: var(--syn-plum)}.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-bar{padding:12px 16px;font-size:12px}.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:var(--fs-mono-sm);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%;min-height:44px;padding:10px 12px;background:none;border:none;cursor:pointer;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)}.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 var(--dur-med);flex-shrink:0}.hint.open .hint-head .chev{transform:rotate(180deg)}.hint-body{padding:0 12px;max-height:0;overflow:hidden;font-size:var(--fs-mono);font-family:var(--ui);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-top:1px solid var(--border-strong);padding:24px 4px 0 0}.step-n{font-family:var(--mono);font-size:15px;color:var(--accent-text);font-variant-numeric:tabular-nums}.step h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.01em;margin:16px 0 9px}.step p{font-size:var(--fs-body-sm);color:var(--text-2);line-height:1.55}.step-ic{position:absolute;top:24px;right:4px;width:22px;height:22px;color:var(--text-3)}.practice-examples{list-style:none;border-top:1px solid var(--border-strong)}.practice-example{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto;align-items:center;gap:32px;padding:28px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.practice-example:focus-visible{outline-offset:6px}.practice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-2)}.practice-number{color:var(--accent-text);font-variant-numeric:tabular-nums}.practice-copy h3{font-size:var(--fs-h3);font-weight:500;line-height:1.25;letter-spacing:-.01em;margin-bottom:8px}.practice-copy p{font-size:var(--fs-body-sm);color:var(--text-2);line-height:1.55;text-wrap:pretty}.practice-copy .practice-skill{margin-top:12px;font-size:var(--fs-caption);color:var(--text-3)}.practice-sample{display:grid;gap:14px;padding:18px 20px;border-radius:var(--radius);background:var(--surface);min-width:0}.practice-sample dt{font-size:var(--fs-caption);line-height:1.4;color:var(--text-2);margin-bottom:5px}.practice-sample code{font-family:var(--mono);font-size:var(--fs-mono);line-height:1.65;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.practice-output code{color:var(--accent-text)}.practice-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:var(--fs-body-sm);font-weight:500;color:var(--accent-text);white-space:nowrap}.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{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.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}.track .langbox{--ic: 34px;--ic-bd: var(--border-subtle)}.track .tn{font-size:var(--fs-body-sm);font-weight:500;color:var(--text);white-space:nowrap}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.pricing-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel)}.pricing-featured{border-color:var(--accent);background:var(--surface)}.pricing-heading h3{font-size:var(--fs-title);font-weight:500;margin-bottom:8px}.pricing-heading p,.pricing-price p,.pricing-amount>span{color:var(--text-2);font-size:var(--fs-body-sm);line-height:1.5;text-wrap:pretty}.pricing-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin-bottom:8px}.pricing-amount strong{font-size:var(--fs-h2-sm);font-weight:500;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.pricing-price .pricing-offer{color:var(--accent-text)}.pricing-credits{padding-block:16px;border-block:1px solid var(--border);font-size:var(--fs-body-sm);color:var(--text-2)}.pricing-credits strong{font-family:var(--mono);font-size:var(--fs-body-lg);font-weight:500;color:var(--text)}.pricing-features{display:flex;flex-direction:column;gap:14px;list-style:none}.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-body-sm);line-height:1.55;text-wrap:pretty}.pricing-features svg{flex-shrink:0;margin-top:5px;color:var(--text-3)}.pricing-featured .pricing-features svg{color:var(--accent-text)}.pricing-card>.btn{width:100%;height:auto;min-height:46px;padding:11px 16px;font-family:var(--ui);font-size:var(--fs-body);line-height:1.35;white-space:normal;text-align:center}.pricing-terms{display:grid;gap:8px;margin-top:24px;color:var(--text-2);font-size:var(--fs-caption);line-height:1.6;text-wrap:pretty}.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 var(--dur-fast)}.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 var(--dur-fast)}.fq .qn{font-family:var(--mono);font-size:var(--fs-mono);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 var(--dur-med),background var(--dur-fast)}.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 var(--dur-open) ease,padding var(--dur-open) 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:var(--fs-mono);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:var(--radius-lg);background:var(--bg-panel);padding:64px 48px 60px;text-align:center;overflow:hidden}.final-term{position:relative;font-family:var(--mono);font-size:var(--fs-mono-lg);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:var(--fs-h2-lg);letter-spacing:-.03em;font-weight:700;line-height:1.06;margin-bottom:16px}.final-card p{position:relative;font-size:var(--fs-body-lg);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}@media(max-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-column:2;grid-row:1 / 3}.practice-link{grid-column:1}}@media(max-width:960px){.pricing-grid{grid-template-columns:minmax(0,1fr);gap:16px}.pricing-card{grid-template-rows:auto;grid-row:auto;gap:24px;padding:24px}}@media(max-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{margin-bottom:18px;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}.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){min-width:0;overflow-wrap:anywhere}}@media(max-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-column:auto;grid-row:auto}.practice-link{grid-column:auto;justify-self:end}.final-card{padding:44px 24px 40px}.btn-sm{height:44px}}@media(max-width:480px){.hero-cta,.final-cta,.path-cta-row,.iv-cta-row,.tr-cta{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.hero-cta .btn,.final-cta .btn,.path-cta-row .btn,.iv-cta-row .btn,.tr-cta .btn,.pg-fullscreen{width:100%;height:auto;min-height:46px;padding:11px 16px;line-height:1.35;text-align:center;white-space:normal}.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(max-width:360px){.btn-sm{padding-left:12px;padding-right:12px}}@media(orientation:landscape)and (max-height:500px)and (max-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{opacity:1!important;transform:none!important;animation:none!important}html.no-anim .caret{animation:none!important}html.no-anim .microbar i{transition:none!important}.cookie-banner[data-astro-cid-fzbxxtek]{position:fixed;inset:auto 0 0;z-index:var(--z-banner);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);padding-right:max(var(--pad),env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:max(var(--pad),env(safe-area-inset-left,0px));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] a[data-astro-cid-fzbxxtek]{color:var(--accent-text);text-decoration:underline}.cookie-banner-actions[data-astro-cid-fzbxxtek]{display:flex;gap:8px}@media(max-width:639px){.cookie-banner-actions[data-astro-cid-fzbxxtek],.cookie-btn[data-astro-cid-fzbxxtek]{width:100%}}@media(orientation:landscape)and (max-height:500px){.cookie-banner-inner[data-astro-cid-fzbxxtek]{flex-direction:row;align-items:center;gap:12px;padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}.cookie-banner-actions[data-astro-cid-fzbxxtek],.cookie-btn[data-astro-cid-fzbxxtek]{width:auto}}