:root{--bg: oklch(11% .014 255);--surface: oklch(15% .013 255);--surface2: oklch(19% .012 255);--fg: oklch(96% .005 250);--muted: oklch(52% .012 250);--border: oklch(23% .012 255);--accent: oklch(76% .17 85);--accent-d: oklch(76% .17 85 / .12);--accent-g: oklch(76% .17 85 / .25);--violet: oklch(65% .18 290);--violet-d: oklch(65% .18 290 / .12);--green: oklch(65% .16 145);--green-d: oklch(65% .16 145 / .12);--red: oklch(60% .18 25);--font-d: "Inter", -apple-system, system-ui, sans-serif;--font-m: "JetBrains Mono", ui-monospace, monospace;--r: 6px;--r-lg: 12px;--r-xl: 16px;--gutter: clamp(20px, 4vw, 76px)}body{background:var(--bg);color:var(--fg);font-family:var(--font-d);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.nav{position:fixed;inset:0 0 auto;z-index:100;height:58px;display:flex;align-items:center;padding:0 24px;background:#020509e0;backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{max-width:none;margin:0;width:100%;padding:0 calc(var(--gutter) - 24px);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--fg)}.logo-icon{display:block;width:36px;height:36px;object-fit:contain;flex:0 0 auto}.logo-image{display:block;width:auto;height:34px;object-fit:contain}.logo-mark{width:28px;height:28px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#000;letter-spacing:-.04em;flex-shrink:0}.logo-name{font-size:15px;font-weight:800;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:2px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border-radius:var(--r);transition:color .15s}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-links .cta{background:var(--accent);color:#000!important;font-weight:700;margin-left:8px}.nav-links .cta:hover{opacity:.88}.wrap,.wrap-sm{max-width:none;margin:0 auto;padding:0 var(--gutter)}.section{padding-top:88px;padding-bottom:88px}.section-sm{padding-top:56px;padding-bottom:56px}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:12px 22px;border-radius:var(--r);text-decoration:none;transition:opacity .15s,border-color .15s,background .15s;white-space:nowrap}.btn-p{background:var(--accent);color:#000}.btn-p:hover{opacity:.88}.btn-s{border:1px solid var(--border);color:var(--fg)}.btn-s:hover{border-color:#3e4349;background:var(--surface)}.page-header{position:relative;width:100%;max-width:none;overflow:hidden;padding:150px var(--gutter) 70px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,oklch(76% .17 85 / .16),transparent 36%),radial-gradient(ellipse 70% 80% at 78% 12%,oklch(65% .18 290 / .18),transparent 58%),radial-gradient(ellipse 44% 54% at 18% 94%,oklch(65% .16 145 / .1),transparent 62%),linear-gradient(180deg,oklch(14% .017 255),var(--bg))}.page-header:before{content:"";position:absolute;inset:58px 0 0;pointer-events:none;background-image:linear-gradient(oklch(100% 0 0 / .035) 1px,transparent 1px),linear-gradient(90deg,oklch(100% 0 0 / .035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,black,transparent 78%)}.page-header:after{content:"";position:absolute;right:var(--gutter);bottom:34px;width:min(420px,42vw);aspect-ratio:1.75;pointer-events:none;border:1px solid oklch(76% .17 85 / .2);border-radius:var(--r-lg);background:linear-gradient(90deg,transparent 0 16%,oklch(76% .17 85 / .2) 16% 16.4%,transparent 16.4%),linear-gradient(180deg,transparent 0 62%,oklch(65% .16 145 / .18) 62% 62.8%,transparent 62.8%),repeating-linear-gradient(90deg,transparent 0 32px,oklch(100% 0 0 / .04) 32px 33px),#04080db3;opacity:.74;transform:skewY(-2deg)}.page-header>*{position:relative;z-index:1;max-width:760px}.page-header.center{text-align:center}.page-header.center>*{margin-left:auto;margin-right:auto}.page-header h1{font-size:clamp(44px,8vw,86px);font-weight:900;letter-spacing:-.04em;line-height:.96;margin-bottom:22px;text-transform:uppercase}.page-header h1 em{font-style:normal;color:var(--accent)}.page-header .lede,.page-header p{font-size:18px;color:#b4b8bc;max-width:660px;line-height:1.68}.page-header.center .lede{margin:0 auto}.eyebrow{font-family:var(--font-m);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);display:block;margin-bottom:16px}.h2{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.035em;line-height:1.1;margin-bottom:16px}.h2 em{font-style:normal;color:var(--accent)}.sub{font-size:17px;color:var(--muted);max-width:560px;line-height:1.65}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-m);font-size:10px;font-weight:600;color:var(--muted);background:#101419;border:1px solid var(--border);padding:3px 9px;border-radius:4px}.tag.amber{color:var(--accent);background:var(--accent-d);border-color:oklch(76% .17 85 / .25)}.grid{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.cell{background:var(--surface);padding:26px;transition:background .15s}.cell:hover{background:var(--surface2)}.cell .ftag{font-family:var(--font-m);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.cell h3{font-size:15px;font-weight:700;margin-bottom:6px}.cell p{font-size:13px;color:var(--muted);line-height:1.55}a.cell{text-decoration:none;color:var(--fg);display:block}a.cell .more{display:inline-block;margin-top:12px;font-family:var(--font-m);font-size:11px;color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px}.panel.accent{border-color:oklch(76% .17 85 / .4);background:var(--accent-d)}.code-box{background:#030508;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;font-family:var(--font-m);font-size:11.5px;line-height:1.85;overflow-x:auto}.code-box .ck{color:#cda448}.code-box .cv{color:#60ad64}.code-box .cs{color:#3baece}.code-box .cm{color:#4e5358}.code-box .ci{padding-left:14px}.code-box .ci2{padding-left:28px}.steps{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.step{background:var(--surface);padding:24px 26px;display:flex;gap:18px;align-items:flex-start}.step-n{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--accent-d);border:1px solid oklch(76% .17 85 / .3);color:var(--accent);font-family:var(--font-m);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.step h3{font-size:16px;font-weight:700;margin-bottom:5px}.step p{font-size:14px;color:var(--muted);line-height:1.6}.step code{font-family:var(--font-m);font-size:12px;background:var(--surface2);padding:1px 6px;border-radius:3px}.footer{border-top:1px solid var(--border);padding:40px 0;margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}.footer-brand p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.6}.footer-brand .ver{font-family:var(--font-m);font-size:10px;color:#3e4348;margin-top:6px}.fcol h4{font-family:var(--font-m);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg);margin-bottom:12px}.flinks{list-style:none;display:flex;flex-direction:column;gap:8px}.flinks a{text-decoration:none;font-size:13px;color:var(--muted);transition:color .15s}.flinks a:hover{color:var(--fg)}.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--font-m);font-size:11px;color:var(--muted)}.prose{font-size:15.5px;line-height:1.75;color:#c0c5c9}.prose>*+*{margin-top:18px}.prose h2{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--fg);margin-top:40px}.prose h3{font-size:18px;font-weight:700;color:var(--fg);margin-top:28px}.prose p{color:#b4b8bc}.prose strong{color:var(--fg);font-weight:700}.prose a{color:var(--accent);text-decoration:none}.prose a:hover{text-decoration:underline}.prose ul,.prose ol{padding-left:22px;display:flex;flex-direction:column;gap:8px}.prose li{color:#b4b8bc}.prose li::marker{color:var(--muted)}.prose code{font-family:var(--font-m);font-size:.86em;background:var(--surface2);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 18px;color:var(--muted);font-style:italic}.prose table{width:100%;border-collapse:collapse;font-size:13.5px}.prose th,.prose td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.prose th{font-family:var(--font-m);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}@media (max-width: 1024px){.grid-3,.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.section{padding:56px 0}.wrap,.wrap-sm{padding:0 16px}.page-header{padding:118px 16px 54px}.page-header h1{font-size:clamp(38px,12vw,58px)}.page-header:after{width:58vw;right:-16vw;bottom:18px;opacity:.36}.grid-2,.grid-3{grid-template-columns:1fr}.nav-links li:not(:last-child){display:none}.footer-grid{grid-template-columns:1fr}}