@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--atb-red:#e10600;--atb-red-hover:#ff241d;--atb-black:#0a0a0a;--atb-white:#fff;--surface-1:#131313;--surface-2:#1b1b1b;--surface-3:#23262d;--background:#0a0a0a;--surface:#131313;--surface-secondary:#1b1b1b;--text-primary:#fff;--text-secondary:#a1a1aa;--telemetry-blue:#00d1ff;--drs-green:#00e676;--sector-yellow:#ffc107;--color-black-950:#050505;--color-black-900:#0a0a0a;--color-black-800:#131313;--color-black-700:#1b1b1b;--color-black-600:#23262d;--color-red-500:#ff241d;--color-red-400:#e10600;--color-red-600:#b00500;--color-ink:#fff;--color-ink-muted:#a1a1aa;--color-ink-on-red:#fff;--surface-app:var(--background);--surface-panel:var(--surface-1);--surface-tool:#ffffff0f;--surface-tool-hover:#ffffff1a;--border-panel:#222;--border-focus:var(--atb-red);--shadow-panel:0 8px 30px #00000040;--font-display:"Unbounded", "Inter", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius:var(--radius-sm);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--duration-fast:.15s;--duration-medium:.25s;--duration-slow:.35s;--ease:cubic-bezier(.2, .8, .2, 1);--nav-height:80px;--content-max:1440px;--touch-min:56px;--button-height:56px;font-family:var(--font-body);color:var(--text-primary);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 480px at 8% -10%, #e106002e 0%, transparent 55%), radial-gradient(640px 360px at 96% 0%, #00d1ff0d 0%, transparent 45%), linear-gradient(180deg, var(--atb-black) 0%, var(--color-black-950) 100%)}a{color:var(--atb-red);transition:color var(--duration-fast) var(--ease);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700}p{color:var(--text-secondary);margin:0;line-height:1.6}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{width:min(var(--content-max), calc(100% - 2rem));padding:var(--space-5) 0 var(--space-6);flex:1;margin:0 auto}.site-nav{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--nav-height);padding:0 var(--space-2);border-bottom:1px solid var(--border-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0a0a0aeb;display:flex;position:sticky;top:0}.site-nav-brand{align-items:center;gap:var(--space-2);min-width:0;display:flex}.site-nav-links{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.nav-link{color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--ease);background:0 0;border:none;padding:.65rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none}.nav-link:hover{background:var(--surface-tool-hover);text-decoration:none}.nav-link.active{background:var(--atb-red);color:var(--atb-white)}.brand-lockup{object-fit:contain;width:auto;max-width:min(70vw,22rem);height:2.75rem;display:block}.btn{appearance:none;color:var(--text-primary);font:700 .85rem/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-md);min-height:var(--button-height);height:var(--button-height);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:0 1.5rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-tool-hover);text-decoration:none}.btn-primary{background:var(--atb-red);color:var(--atb-white)}.btn-primary:hover{background:var(--atb-red-hover)}.btn-secondary{background:0 0;border-color:#333}.btn-ghost{color:var(--text-primary);background:0 0;border-color:#0000}.panel{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-4);border:1px solid #222}.panel-accent{border-left:3px solid var(--atb-red)}.hero{gap:var(--space-3);padding:var(--space-2) 0 var(--space-4);display:grid}.hero h1{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(2.4rem,7vw,4.5rem);line-height:1}.hero .lede{max-width:36rem;color:var(--text-primary);font-size:1.125rem;line-height:1.6}.hero-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.grid-cards{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.form{gap:var(--space-2);max-width:28rem;display:grid}.form label{gap:var(--space-1);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:.8125rem;font-weight:600;display:grid}.form input,.form textarea{appearance:none;border:1px solid var(--border-panel);background:var(--surface-1);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-2);font:500 1rem/1.3 var(--font-body);min-height:var(--button-height);transition:border-color var(--duration-fast) var(--ease)}.form input:focus,.form textarea:focus{border-color:var(--atb-red);outline:none}.form textarea{resize:vertical;min-height:6rem}.muted{color:var(--text-secondary);font-size:.9rem}.flash{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-focus);color:var(--text-primary);background:#e106001f;font-size:.9rem}.flash.error{border-color:var(--atb-red);background:#e1060029}.section-title{margin-bottom:var(--space-2);color:var(--text-primary);font-size:2rem}.track-meta{color:var(--text-secondary);margin-top:.65rem;font-size:.8rem}.site-footer{border-top:1px solid var(--border-panel);padding:var(--space-3) var(--space-2);text-align:center;color:var(--text-secondary);font-size:.85rem}.tagline-stack{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);flex-direction:column;gap:2px;font-size:.7rem;font-weight:600;display:flex}.tagline-stack:after{content:"";background:var(--atb-red);width:28px;height:2px;margin-top:4px}@media (width<=720px){.site-nav{min-height:auto;padding:var(--space-2);flex-direction:column;align-items:flex-start}.brand-lockup{height:2.25rem}}
