:root{--bg:oklch(19% .012 240);--surface:oklch(22.5% .014 240);--surface-2:oklch(26% .016 240);--ink:oklch(95% .01 240);--muted:oklch(68% .02 240);--line:color-mix(in oklch, var(--ink) 12%, var(--bg));--accent:oklch(72% .13 195);--accent-ink:oklch(16% .02 220);--accent-soft:color-mix(in oklch, var(--accent) 14%, var(--bg));--ok:oklch(72% .15 150);--ok-soft:color-mix(in oklch, var(--ok) 14%, var(--bg));--warn:oklch(80% .14 80);--warn-soft:color-mix(in oklch, var(--warn) 14%, var(--bg));--danger:oklch(63% .2 25);--term-bg:oklch(16% .014 240);--var-col:color-mix(in oklch, var(--accent) 70%, var(--ink));--shadow:0 1px 2px #0003, 0 8px 24px -12px #00000059;--r-card:12px;--r-pill:999px;--r-chip:7px;--max:1180px;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:oklch(98% .004 240);--surface:oklch(100% 0 0);--surface-2:oklch(96.5% .005 240);--ink:oklch(24% .02 240);--muted:oklch(50% .02 240);--line:color-mix(in oklch, var(--ink) 12%, var(--bg));--accent:oklch(58% .11 205);--accent-ink:oklch(100% 0 0);--accent-soft:color-mix(in oklch, var(--accent) 12%, var(--bg));--ok:oklch(55% .13 150);--ok-soft:color-mix(in oklch, var(--ok) 12%, var(--bg));--warn:oklch(62% .13 70);--warn-soft:color-mix(in oklch, var(--warn) 14%, var(--bg));--var-col:color-mix(in oklch, var(--accent) 70%, var(--ink));--term-bg:oklch(16% .014 240);--shadow:0 1px 2px #0000000f, 0 10px 26px -14px #0000002e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.accent{color:var(--accent)}.section{padding:72px 24px}.inner{max-width:var(--max);margin:0 auto}.section[id]{scroll-margin-top:76px}.kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:10px;font-size:12px}.h2{letter-spacing:-.02em;font-size:clamp(24px,3.3vw,32px);font-weight:650;line-height:1.12}.sub{color:var(--muted);max-width:66ch;margin-top:12px;font-size:16px}.hl{color:var(--accent);background:linear-gradient(transparent 62%, color-mix(in oklch, var(--accent) 22%, transparent) 0);padding:0 1px}.btn{border-radius:var(--r-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:550;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-outline:hover{border-color:var(--accent)}.hd{z-index:50;background:color-mix(in oklch, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.hd-inner{max-width:var(--max);align-items:center;gap:22px;margin:0 auto;padding:12px 24px;display:flex}.logo{align-items:center;gap:10px;font-size:16px;font-weight:650;display:flex}.brandmark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font-family:var(--mono);border-radius:8px;place-items:center;font-size:16px;font-weight:600;display:grid}.nav{gap:20px;margin-left:8px;display:none}.nav a{color:var(--muted);font-size:13.5px;transition:color .15s}.nav a:hover{color:var(--ink)}.hd-spacer{flex:1}.lang-toggle{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);font-family:var(--mono);color:var(--muted);align-items:center;gap:4px;padding:5px 11px;font-size:12px;display:inline-flex}.lang-toggle .on{color:var(--accent)}.theme-btn{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);place-items:center;font-size:15px;display:grid}.hd-cta{display:none}@media (width>=900px){.nav{display:flex}.hd-cta{display:inline-flex}}.hero{padding:64px 24px 40px}.hero-grid{max-width:var(--max);align-items:center;gap:40px;margin:0 auto;display:grid}@media (width>=880px){.hero-grid{grid-template-columns:1.05fr .95fr}}.eyebrow{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent) 24%, var(--bg));border-radius:var(--r-pill);align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.eyebrow .livedot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse}.hero h1{letter-spacing:-.025em;margin:18px 0 0;font-size:clamp(34px,5.4vw,54px);font-weight:680;line-height:1.04}.hero .sub{max-width:60ch;font-size:17px}.cta-row{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.term{background:var(--term-bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden}.term-bar{border-bottom:1px solid color-mix(in oklch, var(--ink) 12%, var(--term-bg));align-items:center;gap:8px;padding:11px 14px;display:flex}.tl{border-radius:50%;width:11px;height:11px}.tl.r{background:oklch(63% .2 25)}.tl.a{background:oklch(80% .14 80)}.tl.g{background:oklch(72% .15 150)}.term-name{font-family:var(--mono);color:oklch(70% .02 240);margin-left:8px;font-size:12px}.term-body{font-family:var(--mono);color:oklch(90% .01 240);tab-size:2;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.7;overflow-x:auto}.caption{color:var(--muted);align-items:baseline;gap:8px;margin-top:14px;font-size:13.5px;display:flex}.caption:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-1px)}.t-com{color:var(--muted);font-style:italic}.t-str{color:var(--warn)}.t-key{color:var(--accent)}.t-num{color:var(--ok)}.t-kw{color:var(--accent)}.t-var{color:var(--var-col)}.t-id{color:oklch(90% .01 240)}.t-punc{color:var(--muted)}.stats{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px}.stats-grid{max-width:var(--max);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin:0 auto;display:grid}.stat-v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.stat-l{color:var(--muted);margin-top:4px;font-size:12.5px}.prob-grid{align-items:start;gap:36px;display:grid}@media (width>=820px){.prob-grid{grid-template-columns:1.45fr 1fr}}.prob-p{color:var(--muted);max-width:62ch;margin-top:16px;font-size:15.5px}.callout{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:20px 22px}.callout-t{margin-bottom:12px;font-size:13px;font-weight:650}.callout ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.callout li{color:var(--muted);padding-left:18px;font-size:14px;position:relative}.callout li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.head-block{margin-bottom:26px}.diagram-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px;overflow-x:auto}.diagram-scroll{min-width:940px;position:relative}.diagram-scroll svg{width:100%;height:auto;display:block}.edge{fill:none;stroke:color-mix(in oklch, var(--ink) 26%, var(--bg));stroke-width:2px;transition:stroke .45s,stroke-width .45s}.edge.dash{stroke-dasharray:7 6}.edge.active{stroke:var(--accent);stroke-width:3px;animation:1.1s linear infinite march}.edge.muted{stroke:color-mix(in oklch, var(--ink) 16%, var(--bg))}.node{fill:var(--surface-2);stroke:var(--line);stroke-width:1.5px;transition:stroke .45s,stroke-width .45s}.node.hub{fill:var(--accent-soft);stroke:color-mix(in oklch, var(--accent) 55%, var(--bg))}.node.active{stroke:var(--accent);stroke-width:2.4px}.node-label{text-align:center;pointer-events:none;width:150px;position:absolute;transform:translate(-50%,-50%)}.node-label .nl-t{font-family:var(--mono);color:var(--ink);font-size:13px;font-weight:600}.node-label .nl-s{font-family:var(--mono);color:var(--muted);margin-top:2px;font-size:10.5px}.abadge{font-family:var(--mono);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;padding:3px 9px;font-size:11px;transition:transform .4s,background .4s,color .4s,box-shadow .4s,border-color .4s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.abadge.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);transform:translate(-50%,-50%)scale(1.14)}.legend{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;margin-top:22px;display:grid}.legend-row{color:var(--muted);gap:10px;font-size:13px;transition:color .4s;display:flex}.legend-row:before{content:"";background:var(--accent);opacity:.5;border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px;transition:opacity .4s}.legend-row.active{color:var(--ink)}.legend-row.active:before{opacity:1}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}.tier-card,.feat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:22px;transition:transform .15s,border-color .15s}.tier-card:hover,.feat-card:hover{border-color:var(--accent);transform:translateY(-3px)}.tier-t{align-items:center;gap:8px;font-size:16px;font-weight:640;display:flex}.pulsedot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite pulse}.tier-b{color:var(--muted);margin:10px 0 14px;font-size:13.5px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{font-family:var(--mono);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-chip);padding:4px 9px;font-size:11.5px}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.feat-card{flex-direction:column;display:flex}.icontile{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:9px;place-items:center;margin-bottom:14px;display:grid}.feat-t{font-size:16px;font-weight:640}.feat-d{color:var(--muted);flex:1;margin:8px 0 14px;font-size:13.5px}.meta{font-family:var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:11.5px}.dec{background:var(--accent-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dec-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.dec-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);gap:14px;padding:18px;display:flex}.numtile{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);font-family:var(--mono);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.dec-s{font-size:14.5px;font-weight:600}.dec-r{color:var(--muted);margin-top:6px;font-size:13px}.harden{border-top:1px dashed var(--line);margin-top:34px;padding-top:22px}.harden-t{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:650;display:flex}.harden-t:before{content:"";background:var(--warn);border-radius:50%;width:8px;height:8px}.harden-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.harden-i{color:var(--muted);padding-left:16px;font-size:12.5px;position:relative}.harden-i:before{content:"";background:var(--warn);width:6px;height:6px;position:absolute;top:6px;left:0}.ep-list{gap:9px;display:grid}.ep{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.ep-btn{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:14px 16px;display:flex}.method{font-family:var(--mono);text-align:center;border:1px solid;border-radius:6px;min-width:52px;padding:4px 8px;font-size:11px;font-weight:700}.method.get{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 35%, var(--bg))}.method.post{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in oklch, var(--ok) 35%, var(--bg))}.path{font-family:var(--mono);font-size:13.5px}.ep-sum{color:var(--muted);flex:1;font-size:13px;display:none}.chev{color:var(--muted);flex:none;margin-left:auto;transition:transform .16s}.ep.open .chev{transform:rotate(180deg)}.ep-panel{border-top:1px solid var(--line);gap:12px;padding:16px;display:grid}.panel-sum{color:var(--muted);font-size:13.5px}.lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11.5px;font-weight:650}.codeblock{background:var(--term-bg);border:1px solid color-mix(in oklch, var(--ink) 10%, var(--term-bg));font-family:var(--mono);color:oklch(90% .01 240);border-radius:9px;margin:6px 0 0;padding:13px 15px;font-size:12px;line-height:1.65;overflow-x:auto}.tryrow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.authhint{font-family:var(--mono);color:var(--muted);font-size:11.5px}.shimmer{background:linear-gradient(100deg, var(--surface-2) 30%, color-mix(in oklch, var(--accent) 12%, var(--surface-2)) 50%, var(--surface-2) 70%);background-size:220% 100%;border-radius:9px;height:66px;animation:1.1s linear infinite shimmer}.respbadge{font-family:var(--mono);color:var(--ok);background:var(--ok-soft);border:1px solid color-mix(in oklch, var(--ok) 32%, var(--bg));border-radius:var(--r-pill);align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.console{background:var(--surface)}.con-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.con-col{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:14px}.con-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.con-title{font-size:12.5px;font-weight:600}.con-count{font-family:var(--mono);color:var(--muted);font-size:12px}.con-rows{gap:9px;display:grid}.con-row{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.con-p{font-family:var(--mono);font-size:12px}.con-s{color:var(--muted);margin-top:3px;font-size:11.5px}.statuspill{font-size:10.5px;font-family:var(--mono);border-radius:var(--r-pill);border:1px solid;align-items:center;gap:6px;margin-top:8px;padding:3px 9px;display:inline-flex}.statuspill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.statuspill.warn{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in oklch, var(--warn) 30%, var(--bg))}.statuspill.accent{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 30%, var(--bg))}.statuspill.accent:before{animation:1.4s ease-in-out infinite pulse}.statuspill.ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in oklch, var(--ok) 30%, var(--bg))}.logstrip{background:var(--term-bg);border:1px solid color-mix(in oklch, var(--ink) 10%, var(--term-bg));border-radius:9px;margin-top:16px;overflow:hidden}.logstrip-bar{border-bottom:1px solid color-mix(in oklch, var(--ink) 10%, var(--term-bg));font-family:var(--mono);color:oklch(70% .02 240);padding:8px 13px;font-size:11.5px}.logstrip-line{font-family:var(--mono);color:oklch(88% .01 240);gap:8px;padding:11px 13px;font-size:12px;display:flex;overflow-x:auto}.logstrip-line .ok{color:var(--ok)}.flow-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.flow-controls{gap:10px;display:flex}.timeline{padding-bottom:6px;overflow-x:auto}.timeline-inner{min-width:680px;padding-top:8px;position:relative}.track{background:var(--line);border-radius:3px;height:3px;position:absolute;top:35px;left:27px;right:27px}.progress{background:var(--accent);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.22,.8,.3,1)}.steps{grid-template-columns:repeat(6,1fr);gap:8px;display:grid;position:relative}.step{text-align:center;color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0 4px;display:flex}.stepnum{border:2px solid var(--line);background:var(--surface);width:54px;height:54px;color:var(--muted);font-family:var(--mono);border-radius:50%;place-items:center;font-size:18px;font-weight:600;transition:transform .3s,background .3s,border-color .3s,color .3s,box-shadow .3s;display:grid}.step.done .stepnum{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.step.active .stepnum{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 6px var(--accent-soft);animation:1.8s ease-in-out infinite glowring;transform:scale(1.08)}.step-t{color:var(--muted);font-size:13px;font-weight:640}.step.active .step-t,.step.done .step-t{color:var(--ink)}.step-d{color:var(--muted);opacity:.62;max-width:22ch;font-size:12px}.step.active .step-d{opacity:1}.handoff{background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent) 26%, var(--bg));border-radius:var(--r-card);flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;padding:14px 18px;transition:box-shadow .3s;display:flex}.handoff.glow{box-shadow:0 0 0 4px var(--accent-soft)}.handoff .num{font-family:var(--mono);color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.handoff code{font-family:var(--mono);color:var(--accent);font-size:13px}.handoff .note{color:var(--muted);font-size:13px}.sql{background:var(--surface)}.sql-grid{gap:20px;display:grid}@media (width>=900px){.sql-grid{grid-template-columns:1fr 1.05fr}}.sql-list-col{align-content:start;gap:16px;display:grid}.sql-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px}.sql-card-t{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:650;display:flex}.sql-card-t.pro:before,.sql-card-t.con:before{content:"";border-radius:50%;width:8px;height:8px}.sql-card-t.pro:before{background:var(--ok)}.sql-card-t.con:before{background:var(--warn)}.pro-list,.con-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pro-list li,.con-list li{color:var(--muted);padding-left:16px;font-size:13.5px;position:relative}.pro-list li:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.con-list li:before{content:"";background:var(--warn);width:6px;height:6px;position:absolute;top:7px;left:0}.pro-list b{color:var(--ink)}.stack-rows{display:grid}.stack-row{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;align-items:center;gap:16px;padding:16px 0;display:grid}.stack-g{color:var(--muted);font-size:13px;font-weight:600}.stack-badges{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.stack-row{grid-template-columns:1fr;gap:10px}}.result{background:var(--accent-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result .h2{font-size:clamp(24px,3.4vw,34px);font-weight:660}.result p{max-width:74ch;margin-top:16px;font-size:16px}.mod-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.mod-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-weight:550;transition:transform .15s,border-color .15s;display:flex}.mod-card:hover{border-color:var(--accent);transform:translateY(-3px)}.mod-card .arrow{color:var(--accent);font-size:18px}.backtop{margin-top:26px}.ft{background:var(--surface);border-top:1px solid var(--line)}.ft-inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;gap:20px;margin:0 auto;padding:32px 24px;display:flex}.credit{font-size:13px}.email{font-family:var(--mono);color:var(--accent);margin-top:6px;font-size:13px;display:inline-block}.disclaimer{color:var(--muted);max-width:52ch;font-size:12px}[data-reveal]{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.22,.8,.3,1);transform:translateY(18px)}[data-reveal].in{opacity:1;transform:none}@keyframes march{to{stroke-dashoffset:-14px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:220% 0}to{background-position:-20% 0}}@keyframes glowring{0%,to{box-shadow:0 0 0 6px var(--accent-soft)}50%{box-shadow:0 0 0 10px color-mix(in oklch, var(--accent) 8%, transparent)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}