:root{color-scheme:light;--bg: #fdfdf8;--surface: #eeefe9;--surface-warm: #e5e7e0;--fg: #4d4f46;--fg-2: #23251d;--muted: #65675e;--meta: #9ea096;--border: #bfc1b7;--border-soft: color-mix(in oklab, var(--border), var(--bg) 50%);--accent: #F54E00;--accent-on: #ffffff;--accent-hover: color-mix(in oklab, var(--accent), black 8%);--accent-active: color-mix(in oklab, var(--accent), black 14%);--accent-soft: color-mix(in oklch, var(--accent) 14%, transparent);--fg-soft: color-mix(in oklch, var(--fg) 6%, transparent);--success: #16a34a;--warn: #F7A501;--danger: #dc2626;--font-display: "IBM Plex Sans Variable", "IBM Plex Sans", -apple-system, system-ui, "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, Arial, sans-serif;--font-body: "IBM Plex Sans Variable", "IBM Plex Sans", -apple-system, system-ui, "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, Arial, sans-serif;--font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-h1: clamp(36px, 5vw, 56px);--fs-h2: clamp(28px, 3.5vw, 44px);--fs-h3: 22px;--fs-lead: 19px;--fs-body: 16px;--fs-sm: 14px;--fs-meta: 13px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 20px;--gap-lg: 32px;--gap-xl: 56px;--gap-2xl: 96px;--container: 1280px;--gutter: 24px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 9999px;--leading-body: 1.5;--leading-tight: 1.2;--tracking-display: -.025em;--elev-raised: 0px 25px 50px -12px rgba(0, 0, 0, .25);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .5);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}[data-theme=dark]{color-scheme:dark;--bg: #1a1b16;--surface: #252620;--surface-warm: #2f3028;--fg: #c8c9bf;--fg-2: #e8e9df;--muted: #8a8b82;--meta: #6b6c64;--border: #3e3f38;--border-soft: color-mix(in oklab, var(--border), var(--bg) 50%);--accent-soft: color-mix(in oklch, var(--accent) 20%, transparent);--fg-soft: color-mix(in oklch, var(--fg) 8%, transparent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{text-wrap:pretty;margin:0}h1,h2,h3,h4{text-wrap:balance;margin:0}ul{margin:0;padding:0;list-style:none}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(64px,10vw,var(--gap-2xl))}.section+.section{border-top:1px solid var(--border)}h1,.h1{font-family:var(--font-display);font-size:var(--fs-h1);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);font-weight:800;color:var(--fg-2)}h2,.h2{font-family:var(--font-display);font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.015em;font-weight:700;color:var(--fg-2)}h3,.h3{font-size:var(--fs-h3);font-weight:700;line-height:1.3;letter-spacing:-.005em;color:var(--fg-2)}.lead{font-size:var(--fs-lead);line-height:1.55;color:var(--muted);max-width:55ch}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--gap-md)}.foot-meta{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted)}.topnav{position:sticky;top:0;z-index:10;background:color-mix(in oklch,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.topnav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px}.topnav .logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--fg-2)}.logo-icon{flex-shrink:0;border-radius:var(--radius)}.topnav nav{display:flex;gap:var(--gap-lg);align-items:center}.topnav nav a{font-size:14px;font-weight:600;color:var(--muted);transition:color var(--motion-fast) var(--ease-standard)}.topnav nav a:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:var(--gap-sm)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard)}.nav-dropdown-trigger:hover{color:var(--accent)}.nav-dropdown-trigger svg{transition:transform var(--motion-fast) var(--ease-standard)}.nav-dropdown:hover .nav-dropdown-trigger svg,.nav-dropdown:focus-within .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:260px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);padding:6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),visibility var(--motion-fast);transform:translate(-50%) translateY(6px)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-dropdown-menu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.nav-dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius);transition:background var(--motion-fast) var(--ease-standard)}.nav-dropdown-item:hover{background:var(--surface);color:var(--fg-2)}.nav-dropdown-item svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.nav-dropdown-label{display:block;font-size:14px;font-weight:600;color:var(--fg-2);line-height:1.3}.nav-dropdown-desc{display:block;font-size:12px;color:var(--muted);margin-top:2px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);font-size:16px;transition:all var(--motion-fast) var(--ease-standard);cursor:pointer}.theme-toggle:hover{color:var(--fg-2);border-color:var(--fg-2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius);border:1px solid transparent;font-size:15px;font-weight:600;font-family:var(--font-body);letter-spacing:-.005em;transition:transform .05s ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease;cursor:pointer;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--fg-2);color:var(--bg);border-color:var(--fg-2)}.btn-primary:hover{opacity:.85;color:var(--warn)}.btn-secondary{background:transparent;color:var(--fg);border-color:var(--border)}.btn-secondary:hover{border-color:var(--fg)}.btn-ghost{background:transparent;color:var(--fg);border-color:transparent;padding-inline:8px}.btn-ghost:hover{color:var(--accent)}.btn-arrow:after{content:"→";transition:transform .15s ease}.btn-arrow:hover:after{transform:translate(2px)}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;transition:background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.card:hover{border-color:var(--fg)}.card:hover h3{color:var(--accent)}.status-live{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);background:color-mix(in oklch,var(--success) 14%,transparent);color:var(--success);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.status-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-standard),transform .6s var(--ease-standard)}.fade-in.visible{opacity:1;transform:translateY(0)}.nav-mobile-toggle{display:none;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);font-size:18px;cursor:pointer;align-items:center;justify-content:center}@media(max-width:768px){.topnav nav{display:none}.nav-mobile-toggle{display:inline-flex}.topnav nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--gap-md) var(--gutter);gap:var(--gap-sm);backdrop-filter:blur(12px)}.topnav nav.open .nav-dropdown-menu{position:static;transform:none;box-shadow:none;border:none;padding:0 0 0 var(--gap-md);opacity:1;visibility:visible;pointer-events:auto;background:transparent}.topnav nav.open .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown-menu:before{display:none}}.pagefoot{padding-block:var(--gap-xl);color:var(--muted);font-size:13px;border-top:1px solid var(--border);transition:background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.pagefoot-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gap-md)}.pagefoot a{transition:color var(--motion-fast) ease}.pagefoot a:hover{color:var(--accent)}a,button{transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}