@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Instrument+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";
:root{--surface-base:#0c0a08;--surface-sunken:#080705;--surface-raised:#15110d;--surface-panel:#1a1610;--surface-elevated:#1f1a14;--edge:#2a2118;--edge-strong:#39301f;--edge-top:#f4ede40d;--ink:#f4ede4;--ink-2:#a89b8a;--ink-3:#7a706a;--ink-4:#6b5f50;--cherry:#e5484d;--cherry-hover:#e86669;--cherry-active:#c03335;--cherry-deep:#9e2124;--amber:#f5a623;--teal:#1db6a8;--violet:#8b5cf6;--success:#3dd68c;--tier-low:#3dd68c;--tier-med:#d9a441;--tier-high:#e07b39;--tier-crit:#e5484d;--font-display:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-sm:4px;--r-md:8px;--r-lg:12px;--shadow-panel:0 1px 0 var(--edge-top) inset, 0 2px 10px #00000073;--shadow-lift:0 1px 0 var(--edge-top) inset, 0 10px 28px #0000008c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--surface-base);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}::selection{color:#fff;background:#e5484d47}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--cherry);flex-shrink:0;width:18px;height:1px}.faceplate{background:var(--surface-panel);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--shadow-panel)}.hairline{border:0;border-top:1px solid var(--edge)}.led{--led:var(--cherry);background:var(--led);width:8px;height:8px;box-shadow:0 0 0 1px #0006 inset, 0 0 8px var(--led);border-radius:50%;flex-shrink:0;display:inline-block}.led-pulse{animation:2s ease-in-out infinite ledPulse}.rack-grid{background-image:linear-gradient(var(--edge) 1px, transparent 1px), linear-gradient(90deg, var(--edge) 1px, transparent 1px);opacity:.12;pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%)}.card-hover{transition:transform .18s,box-shadow .18s,border-color .18s}.card-hover:hover{border-color:var(--edge-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.btn-hover{transition:transform .16s,box-shadow .16s}.btn-hover:hover{transform:translateY(-1px)}.btn-primary{height:50px;font-family:var(--font-body);background:var(--cherry);border:1px solid var(--cherry-hover);border-radius:var(--r-md);color:#fff;cursor:pointer;align-items:center;gap:8px;padding:0 28px;font-size:15px;font-weight:600;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 6px 18px #e5484d38}.btn-primary:hover{background:var(--cherry-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,0 10px 26px #e5484d4d}.btn-secondary{height:50px;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--edge-strong);border-radius:var(--r-md);color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.btn-secondary:hover{border-color:var(--ink-3);background:#f4ede40a}.desktop-nav{align-items:center;gap:16px;display:flex}.mobile-menu-btn{display:none}@media (max-width:992px){.desktop-nav{display:none!important}.mobile-menu-btn{display:block!important}}@media (max-width:576px){.header-tagline{display:none!important}}.card-shadow-default{box-shadow:var(--shadow-panel)}.card-shadow-elevated{box-shadow:var(--shadow-lift)}.card-shadow-featured{box-shadow:0 1px 0 var(--edge-top) inset, 0 12px 32px #e5484d2e}.gradient-text-cherry{color:var(--cherry)}.frosted-glass{background:var(--surface-panel);border:1px solid var(--edge);border-radius:var(--r-md)}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes termLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
