*{box-sizing:border-box;margin:0;padding:0} :root{--bg:#040b16;--bg2:#06101c;--panel:#0b1a2b;--border:#162f4a;--cyan:#00d4ff;--amber:#f59e0b;--green:#22c55e;--text:#dde8f4;--text2:#b0c4d8;--muted:#5a7a96;--font-hd:Orbitron,monospace;--font-body:'IBM Plex Sans',Arial,sans-serif;--font-mono:'IBM Plex Mono',monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.75}body:before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.022) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}nav{position:sticky;top:0;z-index:10;height:66px;background:rgba(4,11,22,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4%;backdrop-filter:blur(20px)}.brand{display:flex;gap:.8rem;align-items:center;text-decoration:none}.brand-mark{width:36px;height:36px;background:var(--cyan);color:var(--bg);display:grid;place-items:center;font-family:var(--font-hd);font-weight:900}.brand-title{font-family:var(--font-hd);font-size:.72rem;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase}.brand-sub{font-size:.52rem;color:var(--amber);letter-spacing:.2em;text-transform:uppercase}.navlinks{display:flex;gap:1.4rem}.navlinks a{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.navlinks a:hover{color:var(--cyan)}.hero{padding:90px 4% 55px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 70% 20%,rgba(0,212,255,.08),transparent 35%)}.eyebrow{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.22em;color:var(--amber);text-transform:uppercase;margin-bottom:1rem}.eyebrow:before{content:'// '}h1{font-family:var(--font-hd);font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;text-transform:uppercase;letter-spacing:.05em;max-width:950px}h1 em{font-style:normal;color:var(--cyan)}.lead{max-width:820px;color:var(--text2);font-size:1rem;margin-top:1.4rem;border-left:2px solid var(--amber);padding-left:1.2rem}.section{position:relative;padding:70px 4%;max-width:1200px;margin:0 auto}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--border);padding:1.4rem}.card h2,.card h3{font-family:var(--font-hd);font-size:.86rem;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}.card p,.card li{color:var(--text2);font-size:.92rem}.card ul{padding-left:1.2rem}.btn{display:inline-flex;margin-top:1rem;padding:.82rem 1.2rem;background:var(--cyan);color:#06101c;text-decoration:none;font-family:var(--font-hd);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.btn.secondary{background:transparent;color:var(--cyan);border:1px solid var(--cyan)}.contact-line{display:flex;flex-direction:column;gap:.2rem;margin:.9rem 0}.contact-line strong{color:var(--amber);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.contact-line a{color:var(--text);text-decoration:none}.contact-line a:hover{color:var(--cyan)}form{display:grid;gap:.8rem}input,select,textarea{width:100%;background:#07101d;border:1px solid var(--border);color:var(--text);padding:.8rem;font-family:var(--font-body)}textarea{min-height:150px}.small{color:var(--muted);font-size:.82rem}footer{border-top:1px solid var(--border);padding:34px 4%;color:var(--muted);font-family:var(--font-mono);font-size:.68rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:800px){.grid.two,.grid.three{grid-template-columns:1fr}.navlinks{display:none}}
/* Production form validation */
form input:invalid:not(:placeholder-shown),form textarea:invalid:not(:placeholder-shown){border-color:#ef4444!important;box-shadow:0 0 0 1px rgba(239,68,68,.35)!important}
form input[type="email"]:valid{border-color:#22c55e!important}