@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-ExtraBold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--font-sans: "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--indigo: #3D2FE0;--indigo-2: #6F4CFF;--indigo-ink: #1B1576;--lime: #E8FF5B;--lime-2: #D2EA2E;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px;--ease: cubic-bezier(.2, .8, .2, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--container: 1240px;--gutter: 32px}:root,.theme-light{--bg: #FAFBFD;--bg-muted: #F1F3F8;--surface: #FFFFFF;--surface-2: #F7F8FB;--stroke: #E4E7EE;--stroke-strong: #C9CEDB;--ink: #0B0F1A;--ink-soft: #4A5163;--ink-faint: #8B93A6;--brand: var(--indigo);--brand-fg: #FFFFFF;--accent: var(--lime);--accent-fg: #0B0F1A;--ring: rgba(61,47,224,.22);--shadow-sm: 0 1px 2px rgba(11,15,26,.06), 0 1px 1px rgba(11,15,26,.04);--shadow-md: 0 6px 18px rgba(11,15,26,.08), 0 2px 6px rgba(11,15,26,.05);--shadow-lg: 0 24px 60px rgba(11,15,26,.12);--grad-hero: linear-gradient(135deg, #0B0F1A 0%, #241B7A 42%, #3D2FE0 78%, #6F4CFF 100%);--code-bg: #0B0F1A;--code-fg: #E8EAF2;--pill-bg: #EEF0F6;color-scheme:light}.theme-dark{--bg: #07080C;--bg-muted: #0E1018;--surface: #10121B;--surface-2: #161926;--stroke: #1F2230;--stroke-strong: #2C3044;--ink: #EBEDF3;--ink-soft: #A5ABBD;--ink-faint: #6B7289;--brand: #7A6BFF;--brand-fg: #0B0F1A;--accent: var(--lime);--accent-fg: #0B0F1A;--ring: rgba(122,107,255,.38);--shadow-sm: 0 1px 2px rgba(0,0,0,.6);--shadow-md: 0 10px 30px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.4);--shadow-lg: 0 30px 80px rgba(0,0,0,.6);--grad-hero: linear-gradient(135deg, #07080C 0%, #181347 45%, #3D2FE0 85%, #7A6BFF 100%);--code-bg: #070810;--code-fg: #C6CADB;--pill-bg: #161926;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:400;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.t-display-1{font-size:clamp(68px,8vw,120px);font-weight:800;letter-spacing:-.045em;line-height:.96}.t-display-2{font-size:clamp(48px,5.6vw,80px);font-weight:800;letter-spacing:-.04em;line-height:1}.t-h1{font-size:56px;font-weight:800;letter-spacing:-.035em;line-height:1.04}.t-h2{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.08}.t-h3{font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.t-h4{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.3}.t-lead{font-size:20px;font-weight:400;letter-spacing:-.01em;line-height:1.5;color:var(--ink-soft)}.t-body{font-size:16px;font-weight:400;line-height:1.55}.t-small{font-size:13px;font-weight:500;line-height:1.45;color:var(--ink-soft)}.t-mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.01em}.t-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:15px;letter-spacing:-.015em;color:var(--ink);background:transparent;border:1px solid var(--stroke-strong);cursor:pointer;text-decoration:none;transition:transform .14s var(--ease),background .14s var(--ease),border-color .14s var(--ease),box-shadow .14s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:var(--ink)}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:var(--indigo);border-color:var(--indigo);color:#fff}.btn.accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.accent:hover{background:var(--lime-2);border-color:var(--lime-2)}.btn.ghost{border-color:transparent}.btn.ghost:hover{background:var(--bg-muted);border-color:transparent}.btn.sm{height:34px;padding:0 14px;font-size:13px}.btn.lg{height:56px;padding:0 28px;font-size:17px}.input,.textarea,.select{display:inline-flex;align-items:center;height:44px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--stroke-strong);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:15px;letter-spacing:-.01em;outline:none;width:100%;transition:border-color .14s,box-shadow .14s}.input::placeholder{color:var(--ink-faint)}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.textarea{height:auto;padding:12px 14px;min-height:96px;resize:vertical;line-height:1.45}.label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;display:block;letter-spacing:-.005em}.help{font-size:12px;color:var(--ink-faint);margin-top:6px}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:24px}.card.tight{padding:16px;border-radius:var(--radius-md)}.card.quiet{background:var(--surface-2)}.divider{height:1px;background:var(--stroke);border:0;margin:16px 0}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:var(--radius-pill);background:var(--pill-bg);color:var(--ink-soft);font-size:12px;font-weight:500;border:1px solid var(--stroke)}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip.accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.pill-endpoint{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--pill-bg);color:var(--ink);border:1px solid var(--stroke);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.pill-endpoint .dot{width:7px;height:7px;border-radius:99px;background:#20c06c;box-shadow:0 0 8px #20c06c}.pill-endpoint .method{color:var(--ink-faint)}.pill-endpoint .path{color:var(--brand);font-weight:600}.nav{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 var(--gutter);max-width:var(--container);margin:0 auto}.nav .links{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:13px}.nav .links a{padding:8px 14px;border-radius:var(--radius-sm);color:var(--ink-soft);text-decoration:none;transition:color .14s,background .14s}.nav .links a:hover{color:var(--ink);background:var(--bg-muted)}.nav .links a.active{color:var(--ink)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.section{padding:clamp(72px,10vw,128px) 0}.section-tight{padding:clamp(48px,6vw,80px) 0}.stack-2>*+*{margin-top:8px}.stack-3>*+*{margin-top:12px}.stack-4>*+*{margin-top:16px}.stack-6>*+*{margin-top:32px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:6px}.space-between{display:flex;justify-content:space-between;align-items:center}.swatch{display:flex;flex-direction:column;justify-content:space-between;height:112px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--stroke);font-size:12px;font-weight:600}.swatch .hex{font-family:var(--font-mono);font-size:10.5px;opacity:.7;font-weight:500}.kit-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--stroke);background:var(--surface);padding:28px 24px;font-family:var(--font-mono);font-size:13px}.kit-sidebar a{display:block;padding:7px 10px;border-radius:var(--radius-xs);color:var(--ink-soft);text-decoration:none;transition:color .14s,background .14s}.kit-sidebar a:hover,.kit-sidebar a.active{color:var(--ink);background:var(--bg-muted)}.kit-sidebar .group-title{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:16px 10px 8px}
