:root{--color-dark:#050505;--color-primary:#0a0a0a;--color-surface:#141414;--color-surface-2:#1e1e1e;--color-border:#2a2a2a;--color-muted:#8a8a8a;--color-light:#e0e0e0;--color-white:#fff;--color-accent:#e63946;--color-accent-dark:#c1121f;--font-display:"Bebas Neue",Impact,"Arial Narrow",sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--container-max:900px;--container-padding:1.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(0,0,0,.12);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-primary);color:var(--color-white);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.02em;line-height:1.1;text-wrap:balance}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-light);font-size:var(--text-base);line-height:1.7;text-wrap:pretty}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-dark)}.layout{display:flex;flex-direction:column;min-height:100vh}.container{margin-inline:auto;max-width:var(--container-max);padding-inline:var(--container-padding);width:100%}.section{padding-block:var(--space-2xl);scroll-margin-top:70px}.section--sm{padding-block:var(--space-xl)}.section--alt{border-top:1px solid var(--color-border)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}