*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg0:#0a0a0a;--bg1:#111;--bg2:#181818;--bg3:#1e1e1e;--bg4:#252525;--b1:#222;--b2:#333;--b3:#444;--b4:#555;--t1:#eaeaea;--t2:#a8a8a8;--t3:#6a6a6a;--t4:#444;--grn:#3bff6f;--red:#ff3b3b;--accent:#c0c0c0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg0);color:var(--t1);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,10,.85);backdrop-filter:blur(24px);border-bottom:1px solid var(--b1)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-logo img{height:30px;width:auto;filter:brightness(2)}
.nav-wordmark{font-size:20px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--t1)}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{color:var(--t3);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:color .2s}
.nav-links a:hover{color:var(--t1)}
.nav-links a.active{color:var(--t1)}
.nav-cta{background:var(--t1)!important;color:var(--bg0)!important;padding:8px 20px;border-radius:2px;font-weight:600!important;font-size:12px!important;letter-spacing:1.5px;transition:all .2s}
.nav-cta:hover{background:#fff!important;box-shadow:0 0 30px rgba(255,255,255,.1)}
.section-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);margin-bottom:16px}
.section-title{font-size:36px;font-weight:300;line-height:1.3;margin-bottom:64px;max-width:600px}
.section-title strong{font-weight:600}
.btn-primary{background:var(--t1);color:var(--bg0);padding:16px 40px;border:none;border-radius:2px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .3s;display:inline-block}
.btn-primary:hover{background:#fff;box-shadow:0 0 40px rgba(255,255,255,.1)}
.btn-secondary{background:transparent;color:var(--t2);padding:16px 40px;border:1px solid var(--b2);border-radius:2px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .3s;display:inline-block}
.btn-secondary:hover{border-color:var(--t1);color:var(--t1)}
footer{position:relative;z-index:1;border-top:1px solid var(--b1);padding:40px;text-align:center}
.footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}
.footer-logo img{height:20px;width:auto;filter:brightness(1.5)}
.footer-brand{font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.footer-text{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--t4);letter-spacing:.5px;margin-top:8px}
@media(max-width:640px){.nav-links a:not(.nav-cta){display:none}.nav-inner{padding:0 20px}footer{padding:30px 20px}}
