@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-void:#08090c;--bg-base:#0c0e13;--bg-raised:#12151c;--bg-overlay:#171b24;--bg-sunken:#090a0e;--line-faint:#1a1e27;--line:#232833;--line-strong:#2f3542;--ink-1:#eceef3;--ink-2:#b3b9c6;--ink-3:#7c8494;--ink-4:#6d7688;--lav-bright:#cbbcff;--lav:#b3a4f7;--lav-deep:#8f7ce6;--lav-ghost:#b3a4f71f;--lav-line:#b3a4f752;--grn-bright:#9df5c4;--grn:#6ee7a5;--grn-deep:#46c988;--grn-ghost:#6ee7a51f;--grn-line:#6ee7a54d;--warn:#f2c879;--err:#f2857f;--surface-page:var(--bg-base);--surface-card:var(--bg-raised);--surface-input:var(--bg-overlay);--surface-code:var(--bg-sunken);--text-body:var(--ink-2);--text-heading:var(--ink-1);--text-muted:var(--ink-3);--text-comment:var(--ink-4);--accent:var(--lav);--on-accent:var(--bg-base);--accent-hover:var(--lav-bright);--accent-quiet:var(--lav-ghost);--accent-2:var(--grn);--accent-2-hover:var(--grn-bright);--link:var(--lav);--link-hover:var(--lav-bright);--border:var(--line);--border-hover:var(--line-strong);--focus-ring:var(--lav);--font-sans:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--fs-2xs:.6875rem;--fs-xs:.78125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;--fs-xl:1.75rem;--fs-2xl:2.25rem;--fs-3xl:3rem;--fs-4xl:clamp(2.75rem, 7vw, 4.75rem);--lh-tight:1.08;--lh-snug:1.28;--lh-normal:1.55;--lh-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-flag:.02em;--tracking-caps:.14em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--type-display:var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-mono);--type-h1:var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-sans);--type-h2:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-sans);--type-body:var(--fw-regular) var(--fs-base)/var(--lh-relaxed) var(--font-sans);--type-lead:var(--fw-regular) var(--fs-md)/var(--lh-relaxed) var(--font-sans);--type-mono-label:var(--fw-medium) var(--fs-sm)/1 var(--font-mono);--sp-0:0;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--sp-10:8rem;--content-max:68rem;--prose-max:42rem;--gutter:clamp(1.25rem, 5vw, 3rem);--section-gap:clamp(4rem, 12vw, 8rem);--control-h:2.5rem;--control-h-sm:2rem;--tap-min:2.75rem;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--bw:1px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px -8px #0000008c;--shadow-lg:0 24px 60px -20px #000000a6;--glow-lav:0 0 0 3px var(--lav-ghost);--glow-grn:0 0 12px -2px #6ee7a573;--dur-fast:.12s;--dur:.2s;--dur-slow:.42s;--ease:cubic-bezier(.22, .61, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--focus-outline:2px solid var(--lav);--focus-offset:2px}@keyframes boc-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes boc-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}::selection{background:var(--lav-ghost);color:var(--lav-bright)}a:hover{color:var(--link-hover)}.boc-btn--primary:hover{background:var(--lav-bright)!important}.boc-btn--secondary:hover{background:var(--grn-ghost)!important;border-color:var(--grn)!important;color:var(--grn-bright)!important}.boc-btn--ghost:hover{border-color:var(--line-strong)!important;color:var(--ink-1)!important}.boc-btn:not([disabled]):active{transform:translateY(1px)}.boc-navflag:hover{color:var(--lav)!important}.boc-nav-menu{gap:var(--sp-5);align-items:center;display:flex}.boc-nav-toggle{border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:none}.boc-nav-toggle:hover{color:var(--ink-1)}.boc-nav-toggle-bars,.boc-nav-toggle-bars:before,.boc-nav-toggle-bars:after{content:"";width:20px;height:1.5px;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);background:currentColor;display:block}.boc-nav-toggle-bars{position:relative}.boc-nav-toggle-bars:before{position:absolute;top:-6px;left:0}.boc-nav-toggle-bars:after{position:absolute;top:6px;left:0}.boc-nav-toggle[aria-expanded=true] .boc-nav-toggle-bars{background:0 0}.boc-nav-toggle[aria-expanded=true] .boc-nav-toggle-bars:before{transform:translateY(6px)rotate(45deg)}.boc-nav-toggle[aria-expanded=true] .boc-nav-toggle-bars:after{transform:translateY(-6px)rotate(-45deg)}@media (width<=600px){.js .boc-nav-toggle{display:inline-flex}.js .boc-nav-menu{padding:var(--sp-2) var(--gutter) var(--sp-4);background:var(--bg-base);border-bottom:1px solid var(--line-faint);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:64px;left:0;right:0}.js .boc-nav-menu.open{display:flex}.js .boc-nav-menu .boc-navflag{border-bottom:1px solid var(--line-faint);width:100%;padding:var(--sp-3) 0!important;font-size:var(--fs-md)!important;display:flex!important}.js .boc-nav-menu .boc-navflag:last-child{border-bottom:0}}.boc-card:hover{transform:translateY(-2px);border-color:var(--lav-line)!important}.boc-card-primary:after{content:"";z-index:0;position:absolute;inset:0}.boc-card-primary:hover,.boc-log:hover span:nth-child(2){color:var(--lav)!important}.boc-filter-pill{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-flag);color:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-full);cursor:pointer;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;padding:5px 12px}.boc-filter-pill:hover{border-color:var(--lav-line);color:var(--ink-1)}.boc-filter-pill.is-active{color:var(--lav-bright);border-color:var(--lav-line);background:var(--lav-ghost)}.boc-pill--lav:hover{border-color:var(--lav-line)!important}.boc-pill--grn:hover{border-color:var(--grn-line)!important}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}