:root{--surface-0:oklch(9.5% .018 335);--surface-1:oklch(13% .022 335);--surface-2:oklch(17% .026 335);--surface-3:oklch(22% .03 335);--border:oklch(27% .022 335);--border-strong:oklch(77% .028 335);--grid-line:oklch(60% .03 335/.08);--frame-max:1520px;--ink-strong:oklch(97% .008 340);--ink:oklch(85% .02 340);--ink-muted:oklch(70% .03 340);--ink-faint:oklch(60% .032 340);--violet:oklch(67% .2 300);--violet-bright:oklch(74% .18 300);--fuchsia:oklch(68% .25 350);--cyan:oklch(83% .13 200);--danger:oklch(78% .15 25);--accent:var(--violet);--ring:var(--cyan);--font-sans:"Host Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, monospace;--text-label:.8125rem;--text-sm:.9rem;--text-body:1.0625rem;--text-lead:clamp(1.15rem, 1rem + .6vw, 1.35rem);--text-title:clamp(1.4rem, 1.1rem + 1.4vw, 2rem);--text-headline:clamp(2rem, 1.3rem + 3vw, 3.25rem);--text-display:clamp(2.9rem, 1.2rem + 6.6vw, 6rem);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--section-pad:clamp(3.5rem, 2rem + 7vw, 8rem);--gutter:clamp(1.25rem, .5rem + 3vw, 3rem);--measure:65ch;--content-max:1420px;--r-sm:0;--r-md:0;--r-lg:0;--r-pill:0;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.24s;--dur-slow:.52s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);font-size:var(--text-body);letter-spacing:.01em;font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background-color:var(--surface-0);line-height:1.6}*,:before,:after{box-sizing:border-box}*{margin:0}body{min-height:100svh;overflow-x:clip}h1,h2,h3{color:var(--ink-strong);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.05}p{text-wrap:pretty}a{color:var(--violet-bright);-webkit-text-decoration-color:color-mix(in oklch, var(--violet-bright), transparent 55%);text-decoration-color:color-mix(in oklch, var(--violet-bright), transparent 55%);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}img,svg,canvas{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}::selection{background:color-mix(in oklch, var(--fuchsia), transparent 60%);color:var(--ink-strong)}.container{width:100%;max-width:var(--content-max);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-md);z-index:10;padding:var(--space-xs) var(--space-md);background:var(--surface-2);color:var(--ink-strong);border-radius:var(--r-sm);transition:top var(--dur) var(--ease-out-quart);position:absolute;top:-4rem}.skip-link:focus{top:var(--space-md)}[data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out-quart), transform var(--dur-slow) var(--ease-out-quart);transition-delay:calc(var(--reveal-i,0) * 70ms);will-change:opacity, transform;transform:translateY(16px)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.grid-backdrop{z-index:0;pointer-events:none;background-image:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(var(--grid-line) 1px, transparent 1px);background-position:top;background-size:24px 24px;position:fixed;inset:0}.frame{z-index:1;max-width:var(--frame-max);background:var(--surface-0);border-inline:1px solid var(--border);margin-inline:auto;position:relative}.band{position:relative}.corner{z-index:3;pointer-events:none;width:.6rem;height:.6rem;color:var(--border-strong);background:linear-gradient(currentColor,currentColor) 50%/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 50%/1px 100% no-repeat;position:absolute;top:0}.corner--tl{left:0;transform:translate(-50%,-50%)}.corner--tr{right:0;transform:translate(50%,-50%)}.site-header{z-index:50;background:color-mix(in oklch, var(--surface-0), transparent 10%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;max-width:100%;min-height:4rem;display:flex}.wordmark{align-items:center;gap:var(--space-xs);letter-spacing:-.02em;color:var(--ink-strong);font-size:1.15rem;font-weight:700;display:inline-flex}.wordmark-mark{width:auto;height:1.5rem;display:block}.site-footer .wordmark-mark{height:1.3rem}.wordmark-link{border-radius:var(--r-sm);text-decoration:none}.footer-link{color:var(--ink-strong);font-weight:800}.header-cta{font-size:var(--text-sm);color:var(--ink-strong);background:var(--surface-1);transition:background var(--dur) var(--ease-out-quart), border-color var(--dur) var(--ease-out-quart);padding:.5rem 1rem;font-weight:600;text-decoration:none}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-2xl)}.footer-inner{gap:var(--space-lg) var(--space-2xl);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-tag{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--ink-faint);max-width:30ch}.footer-meta{justify-content:space-between;align-items:center;gap:var(--space-lg);width:100%;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.legal-and-copyright{gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-copy{font-weight:800}.footer-legal{gap:var(--space-lg);flex-wrap:wrap;display:flex}.rogue-callout{flex-grow:0}.footer-meta a{color:var(--ink-muted);transition:color var(--dur) var(--ease-out-quart);text-decoration:none}.footer-meta a:hover{color:var(--ink-strong)}.footer-copy{color:var(--ink-faint)}