@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@300;400;500&display=swap";
:root{--color-bg:#090909;--color-surface:#111;--color-surface-2:#161616;--color-border:#1e1e1e;--color-border-dim:#141414;--color-text:#e2e2e2;--color-text-muted:#555;--color-text-dim:#333;--color-accent:#c8ff00;--color-accent-2:#ff3d00;--color-white:#fff;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.625rem, .5rem + .3vw, .75rem);--text-sm:clamp(.75rem, .7rem + .25vw, .875rem);--text-base:clamp(.875rem, .8rem + .35vw, 1rem);--text-md:clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .6vw, 1.375rem);--text-xl:clamp(1.375rem, 1.1rem + 1.4vw, 2rem);--text-2xl:clamp(2rem, 1.4rem + 3vw, 3.5rem);--text-3xl:clamp(3rem, 2rem + 5vw, 6rem);--text-hero:clamp(3.5rem, 2rem + 7.5vw, 9rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--grid-cols:12;--gutter:clamp(1rem, 3vw, 2rem);--page-margin:clamp(1.25rem, 5vw, 5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-std:cubic-bezier(.25, .1, .25, 1);--duration:.4s;--nav-height:4rem;--max-width:1600px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);font-weight:300;line-height:1.6;overflow-x:hidden}img,video,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);padding-inline:var(--page-margin);margin-inline:auto}.grid-12{gap:var(--gutter);grid-template-columns:repeat(12,1fr);display:grid}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-accent{color:var(--color-accent)}.divider{border:none;border-top:1px solid var(--color-border);width:100%}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);font-weight:400}@keyframes reveal-up{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.reveal{animation:both reveal-up;animation-timeline:view();animation-range:entry entry 30%}.reveal-fade{animation:both reveal-fade;animation-timeline:view();animation-range:entry entry 25%}@media (prefers-reduced-motion:reduce){.reveal,.reveal-fade{opacity:1;animation:none;translate:0}}::selection{background:var(--color-accent);color:#000}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}