:root{--bg-primary:#101211;--bg-surface:#141715;--bg-surface-elevated:#1a1e1b;--bg-surface-subtle:#121513;--accent-primary:#c5ff48;--accent-primary-hover:#b4f535;--accent-primary-dim:#c5ff481f;--accent-primary-glow:#c5ff4840;--accent-primary-border:#c5ff4847;--accent-primary-subtle:#c5ff480a;--text-primary:#f0f0eb;--text-secondary:#8e948f;--text-tertiary:#5e6460;--text-muted:#424744;--text-accent:#c5ff48;--chrome-100:#e2e5e3;--chrome-200:#b8bcb9;--chrome-300:#888e8a;--chrome-400:#4a514d;--chrome-500:#292f2c;--chrome-600:#1e2220;--border-subtle:#f0f0eb12;--border-medium:#f0f0eb24;--border-strong:#f0f0eb3d;--border-accent:#c5ff4859;--font-heading:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"DM Mono", monospace, ui-monospace;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--max-width:1360px;--nav-height:72px;--transition-fast:.16s cubic-bezier(.16, 1, .3, 1);--transition-normal:.28s cubic-bezier(.16, 1, .3, 1);--transition-slow:.48s cubic-bezier(.16, 1, .3, 1)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}@keyframes scanline-glow{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}@keyframes reticle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-telemetry{0%,to{opacity:.9}48%{opacity:.9}50%{opacity:.4}52%{opacity:1}85%{opacity:.85}87%{opacity:.5}}.animate-pulse-dot{animation:2.4s cubic-bezier(.4,0,.6,1) infinite pulse-dot}.animate-reticle-slow{animation:40s linear infinite reticle-spin}.animate-telemetry-flicker{animation:8s ease-in-out infinite subtle-telemetry}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-heading);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::selection{background-color:var(--accent-primary);color:#0b0d0c}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--chrome-500);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--chrome-300)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-weight:500;line-height:1.15}p{color:var(--text-secondary);font-weight:400;line-height:1.65}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.font-mono,code,pre,.tech-label,.tech-meta,.tech-badge{font-family:var(--font-mono)}.tech-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:.72rem;font-weight:400;display:inline-flex}.tech-label-accent{color:var(--accent-primary)}.tech-meta{color:var(--text-secondary);letter-spacing:.04em;font-size:.8rem}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}.section-padding{padding-top:clamp(80px,12vh,140px);padding-bottom:clamp(80px,12vh,140px);position:relative}.section-header-wrap{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:16px;margin-bottom:clamp(48px,8vh,80px);padding-bottom:24px;display:flex}@media (width>=768px){.section-header-wrap{flex-direction:row;justify-content:space-between;align-items:flex-end}}.section-index-tag{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:.75rem;display:inline-flex}.section-index-tag:before{content:"";background-color:var(--accent-primary);width:6px;height:6px;display:inline-block}.section-title{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(2rem,3.8vw,3.4rem);font-weight:500}.section-subtitle{font-family:var(--font-mono);color:var(--text-secondary);max-width:420px;font-size:.85rem;line-height:1.5}.btn-primary{background-color:var(--accent-primary);color:#0b0e0c;font-family:var(--font-mono);letter-spacing:.05em;transition:all var(--transition-fast);border:1px solid var(--accent-primary);border-radius:1px;align-items:center;gap:10px;padding:12px 22px;font-size:.82rem;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:var(--accent-primary-hover);box-shadow:0 0 20px var(--accent-primary-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--border-medium);transition:all var(--transition-fast);background-color:#0000;border-radius:1px;align-items:center;gap:10px;padding:12px 22px;font-size:.82rem;font-weight:400;display:inline-flex}.btn-ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--accent-primary-dim)}.status-pill{border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.06em;background:#141715b3;border-radius:2px;align-items:center;gap:8px;padding:4px 10px;font-size:.72rem;display:inline-flex}.status-dot{background-color:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%}.bg-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#f0f0eb05 1px,#0000 1px),linear-gradient(#f0f0eb05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}#root{width:100%;min-height:100vh;position:relative}
