@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap");:root{--slab-black:#0b0b0b;--slab-ink:#1a1a1a;--slab-paper:#fbf7ee;--slab-paper-2:#f2ecdd;--slab-white:#fff;--slab-smoke:#9a958a;--slab-line-soft:#e4ddcc;--slab-lime:#c8f94e;--slab-pink:#ff2eae;--slab-violet:#5b36f5;--slab-yellow:#ffd23f;--slab-blue:#6e8aed;--slab-coral:#ff6b4a;--slab-teal:#14b8a6;--slab-neon:#2bff88;--slab-lime-deep:#5a7a00;--slab-pink-deep:#b00074;--slab-violet-deep:#3a1fbf;--slab-yellow-deep:#b07e00;--slab-blue-deep:#3653c9;--slab-coral-deep:#c53e1f;--slab-teal-deep:#0b7567;--slab-neon-deep:#0c9e4f;--surface-canvas:var(--slab-paper);--surface-sunken:var(--slab-paper-2);--surface-card:var(--slab-white);--surface-dark:var(--slab-ink);--surface-accent:var(--slab-lime);--text-strong:var(--slab-black);--text-body:var(--slab-ink);--text-muted:var(--slab-smoke);--text-on-dark:var(--slab-paper);--text-on-accent:var(--slab-black);--border-ink:var(--slab-black);--divider:var(--slab-line-soft);--action-primary:var(--slab-violet);--action-on-primary:var(--slab-white);--accent-pop:var(--slab-pink);--state-success:var(--slab-neon);--state-warning:var(--slab-yellow);--state-danger:var(--slab-coral);--state-info:var(--slab-blue);--state-success-on:var(--slab-black);--state-warning-on:var(--slab-black);--state-danger-on:var(--slab-white);--state-info-on:var(--slab-black);--text-disabled:#b8b3a8;--surface-disabled:#ede8df;--border-disabled:#c8c3b8;--font-display:"Archivo","Arial Black",sans-serif;--font-body:"Archivo",system-ui,sans-serif;--font-mono:"Space Mono","Courier New",monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--type-hero:clamp(48px,7vw,96px);--type-display:clamp(40px,5vw,64px);--type-display-sm:clamp(28px,3.5vw,48px);--type-h1:40px;--type-h2:30px;--type-h3:22px;--type-lg:20px;--type-base:16px;--type-sm:14px;--type-xs:12px;--type-label:13px;--type-mono-sm:13px;--lh-tight:0.95;--lh-snug:1.08;--lh-body:1.5;--tracking-display:-0.02em;--tracking-tight:-0.01em;--tracking-label:0.08em;--tracking-wide:0.14em;--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;--border-thin:2px;--border-base:3px;--border-thick:4px;--border-mega:6px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-xs:2px 2px 0 var(--slab-black);--shadow-sm:4px 4px 0 var(--slab-black);--shadow-md:6px 6px 0 var(--slab-black);--shadow-lg:8px 8px 0 var(--slab-black);--shadow-xl:12px 12px 0 var(--slab-black);--shadow-pink:6px 6px 0 var(--slab-pink);--shadow-violet:6px 6px 0 var(--slab-violet);--shadow-lime:6px 6px 0 var(--slab-lime-deep);--shadow-yellow:6px 6px 0 var(--slab-yellow-deep);--shadow-coral:6px 6px 0 var(--slab-coral);--shadow-blue:6px 6px 0 var(--slab-blue-deep);--shadow-none:none;--z-dropdown:200;--z-tooltip:500;--z-modal:1000;--z-toast:2000;--container-sm:640px;--container-md:800px;--container-lg:1024px;--container-xl:1280px;--ease-snap:cubic-bezier(0.2,0.9,0.3,1.3);--ease-out:cubic-bezier(0.0,0.0,0.2,1);--dur-fast:90ms;--dur-base:150ms;--dur-slow:300ms;--transition-lift:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);--focus-ring-offset:2px;--focus-ring-color:rgba(91,54,245,.4)}body{font-size:var(--type-base);line-height:var(--lh-body);color:var(--text-body);text-rendering:optimizeLegibility}::selection{background:var(--slab-lime);color:var(--slab-black)}[role=button]:focus-visible,[role=combobox]:focus-visible,[role=switch]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}input:focus-visible,textarea:focus-visible{outline:none}.label{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:var(--fw-bold)}.slab-hatch{--hatch-color:var(--slab-black);--hatch-size:2px;--hatch-gap:9px;--hatch-angle:45deg;background-image:repeating-linear-gradient(var(--hatch-angle),var(--hatch-color) 0,var(--hatch-color) var(--hatch-size),transparent var(--hatch-size),transparent var(--hatch-gap))}.slab-hatch-fine{--hatch-size:1px;--hatch-gap:6px}.slab-hatch-bold{--hatch-size:4px;--hatch-gap:14px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@keyframes slab-skeleton-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes slab-lift{0%{transform:translate(0)}to{transform:translate(-2px,-2px)}}@keyframes slab-slam{0%{transform:translate(0)}40%{transform:translate(4px,4px)}to{transform:translate(4px,4px)}}@keyframes slab-tooltip-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slab-modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slab-toast-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slab-tooltip-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes slab-modal-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes slab-toast-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(24px)}}@keyframes slab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slab-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-display);line-height:var(--lh-tight);margin:var(--space-6) 0 var(--space-4);color:var(--text-strong)}h1{font-size:var(--type-h1);font-weight:var(--fw-black)}h2{font-size:var(--type-h2);border-bottom:var(--border-base) solid var(--divider);padding-bottom:var(--space-3)}h3{font-size:var(--type-h3);font-weight:var(--fw-extrabold)}h4,h5,h6{font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label)}h4,h5,h6,p{font-size:var(--type-base)}p{margin:0 0 var(--space-4);font-weight:var(--fw-regular);line-height:var(--lh-body);color:var(--text-body)}p+p{margin-top:var(--space-5)}b,strong{font-weight:var(--fw-bold);color:var(--text-strong)}em,i{font-style:italic;color:var(--text-body)}a{color:var(--slab-violet);text-decoration:underline;font-weight:600;transition:color var(--dur-fast),background var(--dur-fast)}a:hover{text-decoration-thickness:2px}a:active,a:hover{color:var(--slab-violet-deep)}ol,ul{margin:var(--space-4) 0;padding-left:var(--space-6);font-size:var(--type-base);line-height:var(--lh-body);color:var(--text-body)}ol li,ul li{margin-bottom:var(--space-2)}ul{list-style:none}ul li:before{content:"■";display:inline-block;width:var(--space-3);height:var(--space-3);margin-right:var(--space-3);color:var(--slab-black);font-weight:900;font-size:12px;line-height:1}ol{list-style:decimal;padding-left:var(--space-7)}ol li{font-family:var(--font-mono)}ol ol,ol ul,ul ol,ul ul{margin:var(--space-3) 0 var(--space-3) var(--space-5);padding-left:var(--space-6)}blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);background:var(--slab-paper-2);border:var(--border-base) solid var(--slab-black);border-left:var(--border-thick) solid var(--slab-lime);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--type-lg);font-style:italic;font-weight:500;line-height:var(--lh-body);color:var(--text-body)}blockquote p{margin:0}blockquote p+p{margin-top:var(--space-3)}blockquote cite{display:block;margin-top:var(--space-3);font-style:normal;font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}blockquote cite,code{font-size:var(--type-sm);font-family:var(--font-mono)}code{font-weight:600;color:var(--slab-violet);background:var(--slab-paper-2);padding:2px 6px;border-radius:var(--radius-sm)}pre{margin:var(--space-5) 0;padding:var(--space-4);background:var(--slab-ink);color:var(--slab-lime);border:var(--border-base) solid var(--slab-black);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-mono);font-size:var(--type-mono-sm);font-weight:400;line-height:1.6;overflow-x:auto;-webkit-overflow-scrolling:touch}pre code{background:none;color:inherit;padding:0;border:none;font-size:inherit}hr{margin:var(--space-7) 0;border:none;border-top:var(--border-base) dashed var(--divider);height:0}.caption,small{font-size:var(--type-sm);font-weight:var(--fw-regular);color:var(--text-muted);line-height:var(--lh-snug)}.mono{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.mono,dt{font-weight:700}dt{font-family:var(--font-display);margin-top:var(--space-4);color:var(--text-strong)}dd{margin:var(--space-2) 0 0 var(--space-5);font-size:var(--type-base);line-height:var(--lh-body);color:var(--text-body)}figure{margin:var(--space-5) 0;padding:0}figcaption{margin-top:var(--space-3);font-size:var(--type-sm);font-style:italic;color:var(--text-muted)}mark{background:var(--slab-yellow);color:var(--slab-black);padding:2px 4px;border-radius:var(--radius-sm);font-weight:600}@media (max-width:640px){:root{--type-hero:40px;--type-display:32px;--type-h1:30px;--type-h2:24px;--type-h3:19px;--type-lg:18px;--type-base:15px;--space-5:20px;--space-6:24px;--space-7:36px;--space-8:48px;--space-9:64px;--shadow-lg:6px 6px 0 var(--slab-black);--shadow-xl:8px 8px 0 var(--slab-black)}}@media (min-width:641px) and (max-width:1024px){:root{--type-hero:52px;--type-display:44px;--type-h1:34px;--type-h2:26px}}@media (max-width:640px){h1,h2,h3,h4,h5,h6{margin-top:var(--space-5);margin-bottom:var(--space-3)}blockquote{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);font-size:var(--type-base)}pre{padding:var(--space-3);font-size:12px;border-radius:var(--radius-sm)}ol,ul{padding-left:var(--space-5)}[role=button],a,button,input,select,textarea{min-height:44px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],textarea{font-size:16px;min-height:48px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.safe-top{padding-top:calc(var(--space-2) + env(safe-area-inset-top))}}.grid-auto-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:640px){.grid-auto-2{grid-template-columns:1fr}}.grid-auto-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:1024px){.grid-auto-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-auto-3{grid-template-columns:1fr}}.show-mobile{display:none}@media (max-width:640px){.hide-mobile{display:none!important}.show-mobile{display:revert}}.show-tablet{display:none}@media (min-width:641px) and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:revert}}.show-desktop{display:none}@media (min-width:1025px){.hide-desktop{display:none!important}.show-desktop{display:revert}}html[data-theme=dark]{--surface-canvas:#131310;--surface-sunken:#0d0d0a;--surface-card:#1f1f1c;--surface-dark:#f2ecdd;--surface-accent:var(--slab-lime);--text-strong:#f5f0e8;--text-body:#d4cfc5;--text-muted:#908b85;--text-on-dark:#131310;--text-on-accent:#0b0b0b;--border-ink:#e8e3d8;--divider:#2b2b28;--action-primary:var(--slab-violet);--action-on-primary:#fff;--accent-pop:var(--slab-pink);--state-success:var(--slab-neon);--state-warning:var(--slab-yellow);--state-danger:var(--slab-coral);--state-info:var(--slab-blue);--shadow-xs:2px 2px 0 #000;--shadow-sm:4px 4px 0 #000;--shadow-md:6px 6px 0 #000;--shadow-lg:8px 8px 0 #000;--shadow-xl:12px 12px 0 #000;--shadow-pink:6px 6px 0 var(--slab-pink);--shadow-violet:6px 6px 0 var(--slab-violet);--shadow-lime:6px 6px 0 var(--slab-lime-deep);--shadow-yellow:6px 6px 0 var(--slab-yellow-deep);--shadow-coral:6px 6px 0 var(--slab-coral);--shadow-blue:6px 6px 0 var(--slab-blue-deep);--text-disabled:#4a4640;--surface-disabled:#1a1a17;--border-disabled:#353530;color-scheme:dark}html[data-theme=dark] body{background:var(--surface-canvas);color:var(--text-body)}html[data-theme=dark] ::selection{background:var(--slab-lime);color:#0b0b0b}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--surface-canvas:#131310;--surface-sunken:#0d0d0a;--surface-card:#1f1f1c;--surface-dark:#f2ecdd;--surface-accent:var(--slab-lime);--text-strong:#f5f0e8;--text-body:#d4cfc5;--text-muted:#908b85;--text-on-dark:#131310;--text-on-accent:#0b0b0b;--border-ink:#e8e3d8;--divider:#2b2b28;--action-primary:var(--slab-violet);--action-on-primary:#fff;--accent-pop:var(--slab-pink);--state-success:var(--slab-neon);--state-warning:var(--slab-yellow);--state-danger:var(--slab-coral);--state-info:var(--slab-blue);--shadow-xs:2px 2px 0 #000;--shadow-sm:4px 4px 0 #000;--shadow-md:6px 6px 0 #000;--shadow-lg:8px 8px 0 #000;--shadow-xl:12px 12px 0 #000;--shadow-pink:6px 6px 0 var(--slab-pink);--shadow-violet:6px 6px 0 var(--slab-violet);--shadow-lime:6px 6px 0 var(--slab-lime-deep);--shadow-yellow:6px 6px 0 var(--slab-yellow-deep);--shadow-coral:6px 6px 0 var(--slab-coral);--shadow-blue:6px 6px 0 var(--slab-blue-deep);--text-disabled:#4a4640;--surface-disabled:#1a1a17;--border-disabled:#353530;color-scheme:dark}html:not([data-theme=light]):not([data-theme=dark]) body{background:var(--surface-canvas);color:var(--text-body)}html:not([data-theme=light]):not([data-theme=dark]) ::selection{background:var(--slab-lime);color:#0b0b0b}}html[data-theme=dark] code{background:var(--surface-sunken);color:var(--slab-neon)}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) code{background:var(--surface-sunken);color:var(--slab-neon)}}html[data-theme=dark] pre{background:#000;border-color:var(--border-ink)}html[data-theme=dark] blockquote{background:var(--surface-sunken);border-color:var(--border-ink)}html[data-theme=dark] h2,html[data-theme=dark] hr{border-color:var(--divider)}html[data-theme=dark] a{color:var(--slab-blue)}html[data-theme=dark] mark{background:var(--slab-yellow);color:#0b0b0b}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) pre{background:#000;border-color:var(--border-ink)}html:not([data-theme=light]):not([data-theme=dark]) blockquote{background:var(--surface-sunken);border-color:var(--border-ink)}html:not([data-theme=light]):not([data-theme=dark]) h2,html:not([data-theme=light]):not([data-theme=dark]) hr{border-color:var(--divider)}html:not([data-theme=light]):not([data-theme=dark]) a{color:var(--slab-blue)}html:not([data-theme=light]):not([data-theme=dark]) mark{background:var(--slab-yellow);color:#0b0b0b}}.container{width:100%;max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--space-5)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-xl{max-width:var(--container-xl)}@media (max-width:640px){.container{padding-inline:var(--space-4)}}.surface-paper{background:var(--surface-canvas)}.surface-sunken{background:var(--surface-sunken)}.surface-card{background:var(--surface-card)}.surface-dark{background:var(--surface-dark);color:var(--text-on-dark)}.surface-accent{background:var(--surface-accent);color:var(--text-on-accent)}.text-strong{color:var(--text-strong)}.text-body{color:var(--text-body)}.text-muted{color:var(--text-muted)}.text-on-dark{color:var(--text-on-dark)}.text-on-accent{color:var(--text-on-accent)}.text-disabled{color:var(--text-disabled)}.border-ink{border:var(--border-base) solid var(--border-ink)}.border-thick{border:var(--border-thick) solid var(--border-ink)}.border-mega{border:var(--border-mega) solid var(--border-ink)}.border-dashed{border:var(--border-base) dashed var(--border-ink)}.border-dashed-accent{border:var(--border-base) dashed var(--slab-violet)}.border-top{border-top:var(--border-base) solid var(--border-ink)}.border-bottom{border-bottom:var(--border-base) solid var(--border-ink)}.border-left{border-left:var(--border-base) solid var(--border-ink)}.border-right{border-right:var(--border-base) solid var(--border-ink)}.slab-tilt-1{transform:rotate(1deg)}.slab-tilt-2{transform:rotate(2.5deg)}.slab-tilt-neg-1{transform:rotate(-1deg)}.slab-tilt-neg-2{transform:rotate(-2.5deg)}.slab-marquee{--marquee-bg:var(--slab-lime);--marquee-color:var(--slab-black);--marquee-speed:22s;display:flex;overflow:hidden;white-space:nowrap;border-top:var(--border-base) solid var(--border-ink);border-bottom:var(--border-base) solid var(--border-ink);background:var(--marquee-bg);color:var(--marquee-color);font-family:var(--font-mono);font-size:var(--type-label);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;padding-block:var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slab-marquee-dark{--marquee-bg:var(--slab-black);--marquee-color:var(--slab-lime)}.slab-marquee-pink{--marquee-bg:var(--slab-pink);--marquee-color:var(--slab-white)}.slab-marquee-track{display:inline-flex;flex-shrink:0;gap:var(--space-4);animation:slab-marquee-scroll var(--marquee-speed) linear infinite}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface-canvas);color:var(--text-strong);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--surface-canvas);border-bottom:var(--border-base) solid var(--border-ink);gap:0;height:56px}.header-logo,.site-header{display:flex;align-items:center}.header-logo{gap:10px;padding:0 20px;border-right:var(--border-base) solid var(--border-ink);height:100%;flex-shrink:0;text-decoration:none}.header-logo-mark{font-family:var(--font-display);font-weight:900;font-size:20px;letter-spacing:-.03em;color:var(--text-strong)}.header-version{font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;background:var(--slab-lime);color:var(--slab-black);border:var(--border-thin) solid var(--border-ink);border-radius:var(--radius-pill)}.header-nav{display:flex;align-items:center;gap:0;flex:1 1;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.nav-link{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;padding:0 18px;height:56px;display:inline-flex;align-items:center;border-right:1px solid var(--divider);white-space:nowrap;transition:color var(--dur-fast),background var(--dur-fast)}.nav-link:hover{color:var(--text-strong);background:var(--surface-card)}.nav-link.active{color:var(--text-strong);border-bottom:3px solid var(--slab-lime)}.header-actions{display:flex;align-items:center;gap:10px;padding:0 16px;border-left:var(--border-base) solid var(--border-ink);height:100%;flex-shrink:0}.theme-toggle{position:relative;width:60px;height:30px;border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface-card);transition:background var(--dur-base);flex-shrink:0;padding:0}.theme-toggle .knob{position:absolute;top:2px;width:20px;height:20px;border-radius:2px;background:var(--border-ink);transition:left var(--dur-base) var(--ease-snap);left:3px}.theme-toggle .tog-lbl{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-weight:700;font-size:9px;letter-spacing:.06em;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}html[data-theme=dark] .theme-toggle{background:var(--slab-ink)}html[data-theme=dark] .theme-toggle .knob{left:calc(100% - 23px);background:var(--slab-lime)}html[data-theme=dark] .theme-toggle .tog-lbl{right:auto;left:7px;color:var(--slab-lime)}.section{padding:72px 32px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.section-title{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.02em;color:var(--text-strong);margin:0;display:flex;align-items:center;gap:12px}.section-marker{display:inline-block;width:16px;height:16px;border:var(--border-base) solid var(--border-ink);border-radius:3px;flex-shrink:0}.section-link{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--slab-violet);text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.section-link:hover{text-decoration:underline}.section-divider{border:none;border-top:var(--border-thin) solid var(--divider);margin:0}.hero{background:var(--surface-canvas);padding:80px 32px 72px;position:relative;overflow:hidden}.hero-accent-bar{position:absolute;top:0;left:0;right:0;height:6px;background:var(--slab-lime)}.hero-grid{display:grid;grid-template-columns:1fr auto;grid-gap:48px;gap:48px;align-items:start;max-width:1100px}.hero-eyebrow{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px}.hero-title{font-weight:900;font-size:clamp(52px,8vw,96px);letter-spacing:-.04em;line-height:.9;color:var(--text-strong);margin:0 0 8px}.hero-subtitle,.hero-title{font-family:var(--font-display)}.hero-subtitle{font-weight:800;font-size:clamp(18px,3vw,28px);letter-spacing:-.01em;color:var(--text-body);margin:0 0 32px}.hero-desc{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-body);margin:0 0 40px;max-width:480px}.hero-stats{display:flex;gap:0;border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:36px;width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow-sm);background:var(--surface-card)}.hero-stat{padding:12px 20px;border-right:var(--border-thin) solid var(--border-ink);text-align:center}.hero-stat:last-child{border-right:none}.hero-stat-num{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.02em;line-height:1;color:var(--text-strong);display:block}.hero-stat-lbl{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);display:block;margin-top:2px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.btn-primary-hero{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.01em;padding:13px 24px;background:var(--slab-lime);color:var(--slab-black);border:var(--border-base) solid var(--slab-lime);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}.btn-primary-hero:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.btn-primary-hero:active{transform:translate(4px,4px);box-shadow:none}.btn-ghost-hero{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.01em;padding:13px 24px;background:transparent;color:var(--text-strong);border:var(--border-base) dashed var(--border-ink);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.btn-ghost-hero:hover{border-style:solid;background:var(--surface-card);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.hero-features{display:flex;flex-direction:column;gap:0;border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-md);overflow:hidden;min-width:240px;flex-shrink:0;align-self:flex-start;margin-top:8px;box-shadow:var(--shadow-md);background:var(--surface-card)}.hero-feature{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--divider)}.hero-feature:last-child{border-bottom:none}.hero-feature-dot{width:8px;height:8px;border-radius:1px;flex-shrink:0}.hero-feature-text{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.components-section{background:var(--surface-canvas)}.comp-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.comp-search{position:relative;flex:1 1;min-width:160px;max-width:280px}.comp-search input{width:100%;font-family:var(--font-mono);font-size:13px;color:var(--text-strong);background:var(--surface-card);border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-sm);padding:8px 12px 8px 32px;outline:none;transition:box-shadow var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease-snap)}.comp-search input:focus{box-shadow:4px 4px 0 var(--border-ink);transform:translate(-1px,-1px)}.comp-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.fpill{font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border:var(--border-thin) solid var(--border-ink);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-snap)}.fpill:hover{color:var(--text-strong);transform:translate(-1px,-1px);box-shadow:var(--shadow-xs)}.fpill.active{background:var(--text-strong);color:var(--slab-lime);border-color:var(--text-strong)}.comp-count{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}.comp-cat-title{grid-column:1/-1;font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:4px 0;display:flex;align-items:center;gap:8px;margin-top:8px}.comp-cat-title:after{content:"";flex:1 1;height:1px;background:var(--divider)}.comp-cat-title:first-child{margin-top:0}.comp-card{background:var(--surface-card);border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);color:inherit}.comp-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.comp-card:active{transform:translate(4px,4px);box-shadow:none}.comp-card.hidden{display:none}.comp-preview{height:90px;display:flex;align-items:center;justify-content:center;padding:12px;border-bottom:var(--border-base) solid var(--border-ink);overflow:hidden;flex-shrink:0;position:relative}.comp-info{padding:10px 12px}.comp-name{font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:-.01em;color:var(--text-strong);margin-bottom:4px}.comp-cat-badge{font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border:var(--border-thin) solid var(--border-ink);border-radius:var(--radius-pill);display:inline-block}.guidelines-section{background:var(--surface-card)}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.gl-card{background:var(--surface-canvas);border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}.gl-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.gl-card:active{transform:translate(4px,4px);box-shadow:none}.gl-header{padding:14px 16px;border-bottom:var(--border-base) solid var(--border-ink);display:flex;align-items:center;justify-content:space-between}.gl-title{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.01em}.gl-arrow{font-size:18px;opacity:.6}.gl-body{padding:12px 16px;flex:1 1}.gl-desc{font-family:var(--font-body);font-size:13px;color:var(--text-body);line-height:1.5;margin:0}.gl-tag{font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border:var(--border-thin) solid var(--border-ink);border-radius:var(--radius-pill);display:inline-block;margin-top:8px;color:var(--text-muted)}.uikits-section{background:var(--surface-canvas)}.uikits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.kit-card{border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}.kit-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.kit-card:active{transform:translate(4px,4px);box-shadow:none}.kit-preview{height:180px;display:flex;align-items:center;justify-content:center;border-bottom:var(--border-base) solid var(--border-ink);overflow:hidden;position:relative}.kit-preview-label{position:absolute;bottom:10px;left:12px;font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;background:rgba(0,0,0,.55);color:var(--slab-lime);border-radius:var(--radius-sm)}.kit-info{padding:14px 16px;background:var(--surface-card)}.kit-name{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--text-strong);margin-bottom:4px}.kit-desc{font-family:var(--font-body);font-size:13px;color:var(--text-body);line-height:1.4;margin:0 0 10px}.kit-tag{font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:var(--border-thin) solid var(--border-ink);border-radius:var(--radius-pill);color:var(--text-muted);display:inline-block;margin-right:4px}.tokens-section{background:var(--surface-card)}.token-group{margin-bottom:36px}.token-group:last-child{margin-bottom:0}.token-group-title{font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}.color-swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{display:flex;flex-direction:column;align-items:center;gap:5px}.swatch-chip{width:48px;height:48px;border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);cursor:default}.swatch-chip:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.swatch-name{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;text-align:center}.shadow-demos{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end}.shadow-demo{display:flex;flex-direction:column;align-items:center;gap:8px}.shadow-box{width:56px;height:56px;background:var(--surface-canvas);border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-sm)}.shadow-lbl{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.motion-demos{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.motion-btn{font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:-.01em;padding:10px 18px;border:var(--border-base) solid var(--border-ink);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}.motion-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.motion-btn:active{transform:translate(4px,4px);box-shadow:none}.motion-btn.lime{background:var(--slab-lime);color:var(--slab-black)}.motion-btn.violet{background:var(--slab-violet);color:#fff}.tok-note{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);padding:8px 14px;background:var(--surface-canvas);border:var(--border-thin) solid var(--divider);border-radius:var(--radius-sm)}.site-footer{background:var(--slab-black);border-top:var(--border-base) solid var(--border-ink);padding:48px 32px}.footer-grid{display:grid;grid-template-columns:1fr auto;grid-gap:48px;gap:48px;align-items:start;flex-wrap:wrap}.footer-brand{font-family:var(--font-display);font-weight:900;font-size:36px;letter-spacing:-.03em;color:var(--slab-lime);margin:0 0 8px;line-height:1}.footer-tagline{font-family:var(--font-mono);font-size:12px;color:hsla(0,0%,100%,.4);letter-spacing:.06em;text-transform:uppercase;margin:0 0 24px}.footer-stats{display:flex;gap:20px;flex-wrap:wrap}.footer-stat{font-family:var(--font-mono);font-size:11px;color:hsla(0,0%,100%,.35);letter-spacing:.06em;text-transform:uppercase}.footer-stat strong{font-weight:700;color:var(--slab-lime);display:block;font-size:18px;letter-spacing:-.01em;font-family:var(--font-display)}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.footer-link{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:hsla(0,0%,100%,.5);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color var(--dur-fast)}.footer-link:hover{color:var(--slab-lime)}@media (max-width:960px){.hero,.section{padding:52px 20px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-features{min-width:unset;width:100%;max-width:400px}.uikits-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-links{align-items:flex-start}.site-footer{padding:36px 20px}}@media (max-width:640px){.hero,.section{padding:40px 16px}.header-logo{padding:0 14px}.header-logo-mark{font-size:17px}.header-version{display:none}.nav-link{padding:0 12px;font-size:11px}.theme-toggle{width:32px}.theme-toggle .tog-lbl{display:none}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.hero-stat{border-right:var(--border-thin) solid var(--border-ink);border-bottom:var(--border-thin) solid var(--border-ink)}.hero-stat:nth-child(2n){border-right:none}.hero-stat:nth-child(n+3){border-bottom:none}.comp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.guidelines-grid,.uikits-grid{grid-template-columns:1fr}.color-swatches{gap:8px}.swatch-chip{width:40px;height:40px}.shadow-demos{gap:12px}.site-footer{padding:28px 16px}.footer-grid{gap:20px}}.mini-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:13px;padding:8px 14px;border:3px solid var(--slab-black);border-radius:4px;box-shadow:3px 3px 0 var(--slab-black)}.mini-badge{font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:2px solid var(--slab-black);border-radius:4px}.mini-badge,.mini-input{font-family:var(--font-mono)}.mini-input{font-size:12px;color:var(--slab-smoke);padding:8px 10px;background:var(--slab-white);width:130px;max-width:100%}.mini-chk,.mini-input{border:3px solid var(--slab-black);border-radius:4px}.mini-chk{width:22px;height:22px;background:var(--slab-lime);display:grid;place-items:center;flex-shrink:0}.mini-sw{position:relative;width:52px;height:28px;border:3px solid var(--slab-black);border-radius:4px;background:var(--slab-violet)}.mini-sw-knob{position:absolute;top:3px;left:25px;width:18px;height:18px;background:var(--slab-black);border-radius:2px}.mini-tabs{display:inline-flex;border:3px solid var(--slab-black);border-radius:4px;overflow:hidden;box-shadow:3px 3px 0 var(--slab-black)}.mini-tab{font-family:var(--font-display);font-weight:800;font-size:11px;padding:6px 10px;border-right:2px solid var(--slab-black)}.mini-tab:last-child{border-right:none}.mini-prog{width:120px;height:12px;background:var(--slab-paper-2);border:2px solid var(--slab-black);border-radius:4px;overflow:hidden}.mini-prog-fill{height:100%}.mini-av{width:30px;height:30px;border:3px solid var(--slab-black);border-radius:4px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.mini-av,.mini-stat-val{font-family:var(--font-display);font-weight:900}.mini-stat-val{font-size:26px;letter-spacing:-.02em;line-height:1}.mini-card{border:3px solid var(--slab-black);border-radius:6px;overflow:hidden;box-shadow:3px 3px 0 var(--slab-black);width:120px}.mini-card-head{height:18px;border-bottom:2px solid var(--slab-black)}.mini-card-body{padding:6px 8px;font-family:var(--font-mono);font-size:9px;color:var(--slab-smoke)}.mini-bc{display:flex;align-items:center;gap:3px;font-family:var(--font-display);font-size:11px}.mini-bc-link{color:var(--slab-violet);text-decoration:underline}.mini-bc-sep{color:var(--slab-smoke)}.mini-bc-cur{font-weight:700;color:var(--text-strong)}.mini-tt-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px}.mini-tt{background:var(--slab-ink);color:var(--slab-lime);font-family:var(--font-mono);font-weight:700;font-size:10px;padding:4px 8px;border:2px solid var(--slab-black);border-radius:4px;white-space:nowrap}.mini-table{border:3px solid var(--slab-black);border-radius:6px;overflow:hidden;box-shadow:3px 3px 0 var(--slab-black);width:160px}.mini-th{display:flex;background:var(--slab-lime);border-bottom:2px solid var(--slab-black)}.mini-th span,.mini-tr span{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:4px 6px;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-tr{display:flex;border-top:1px solid var(--slab-line-soft)}.mini-modal{border:3px solid var(--slab-black);border-radius:6px;overflow:hidden;box-shadow:4px 4px 0 var(--slab-black);width:130px;background:var(--slab-white)}.mini-modal-head{background:var(--slab-lime);padding:5px 8px;border-bottom:2px solid var(--slab-black);font-family:var(--font-display);font-weight:800;font-size:10px;color:var(--slab-black)}.mini-modal-body{padding:7px 8px;font-family:var(--font-mono);font-size:9px;color:var(--slab-smoke)}.mini-toast{display:flex;align-items:center;gap:6px;padding:7px 10px;border:2px solid var(--slab-black);border-radius:4px;box-shadow:2px 2px 0 var(--slab-black);font-family:var(--font-body);font-size:11px;font-weight:600}.mini-skel{background:var(--slab-line-soft);border-radius:3px;animation:slab-skeleton-pulse 1.5s ease-in-out infinite}.mini-toggle{display:flex;border:3px solid var(--slab-black);border-radius:4px;overflow:hidden;box-shadow:2px 2px 0 var(--slab-black)}.mini-toggle span{font-family:var(--font-mono);font-weight:700;font-size:10px;padding:5px 9px}.mini-ibtn{width:32px;height:32px;display:grid;place-items:center;border:3px solid var(--slab-black);border-radius:4px;box-shadow:2px 2px 0 var(--slab-black);flex-shrink:0}.mini-callout{gap:7px;align-items:flex-start;border:2px solid var(--slab-black);border-radius:6px;box-shadow:2px 2px 0 var(--slab-black);font-family:var(--font-mono);font-size:10px;font-weight:700;width:140px}.mini-callout,.mini-select{display:flex;padding:8px 10px}.mini-select{align-items:center;justify-content:space-between;gap:6px;border:3px solid var(--slab-black);border-radius:4px;background:var(--slab-white);box-shadow:3px 3px 0 var(--slab-black);width:130px;font-family:var(--font-body);font-size:12px;color:var(--slab-black)}:root{--slab-smoke:#6f675a}[data-theme=dark]{--slab-smoke:#9a958a}