:root{--bg:#d1d5db;--surface:#e2e8f0;--surface-dark:#1e293b;--border:#94a3b8;--border-light:#cbd5e1;--text:#1f2937;--text-muted:#475569;--text-light:#e2e8f0;--white:#fff;--accent:#ea580c;--accent-hover:#c2410c;--green:#10b981;--font-mono:"Space Mono", monospace;--font-body:"Inter", sans-serif;--max-w:1200px;--pad:2rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text);background:var(--bg);font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px #ea580c2e}.container{max-width:var(--max-w);padding:0 var(--pad);margin:0 auto}.metal-bg{background:linear-gradient(135deg,#e2e2e2 0%,#d1d1d1 50%,#dbdbdb 100%);position:relative}.metal-bg:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000,#0000 2px,#ffffff0a 2px 4px);position:absolute;inset:0}.grain:after{content:"";z-index:9999;pointer-events:none;opacity:.03;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.grid-overlay:after{content:"";pointer-events:none;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}section{padding:6rem 0}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.7rem;font-weight:700;display:flex}.section-label:before{content:"";background:var(--accent);width:12px;height:2px;display:inline-block}.section-heading{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.15}.section-heading em{color:var(--accent);text-transform:none;font-style:italic}.section-sub{color:var(--text-muted);max-width:520px;font-size:1rem;line-height:1.7}.btn-primary{background:var(--surface-dark);color:var(--white);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--surface-dark);align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.8rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c4d}.btn-primary svg{width:14px;height:14px}.btn-ghost{color:var(--text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--border);background:0 0;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.8rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.screw{background:var(--border);border:1px solid #94a3b8;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 0 1px 2px #00000026}.screw--tl{top:10px;left:10px}.screw--tr{top:10px;right:10px}.screw--bl{bottom:10px;left:10px}.screw--br{bottom:10px;right:10px}.plate{background:var(--surface);border:2px solid var(--border);position:relative;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000014,0 2px 8px #00000014}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){:root{--pad:1.25rem}section{padding:4rem 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marquee,.nav-scan,.foxdesk-lightbox-orb{animation:none!important;transform:none!important}}