*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#05060a;--bg2:#0c0e15;--bg3:#12151f;--surface:#1a1d2a;--surface2:#22263a;--accent:#00e5ff;--accent2:#7b4dff;--accent3:#ff3d6b;--ok:#42f5a7;--warn:#ffd166;--text:#e8eaf0;--text2:#8890aa;--text3:#4a5068;--mono:'Space Mono',monospace;--sans:'Syne',sans-serif;--radius:4px;--radius2:10px;--max-w:1200px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 0%,rgba(123,77,255,.16),transparent 34%),radial-gradient(circle at 12% 16%,rgba(0,229,255,.10),transparent 30%),linear-gradient(rgba(0,229,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.025) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;mask-image:linear-gradient(black,rgba(0,0,0,.38));z-index:-1}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:64px;background:rgba(5,6,10,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,229,255,.08)}.nav-logo{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-.5px}.nav-logo span{color:var(--text2);font-weight:400}.nav-links{display:flex;gap:1.4rem;align-items:center}.nav-links a{font-family:var(--mono);font-size:.76rem;color:var(--text2);text-decoration:none;letter-spacing:.05em;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-cta{background:var(--accent);color:#000!important;font-weight:700;padding:.5rem 1rem;border-radius:var(--radius)}main{padding:112px 2.5rem 4rem}.wrap{max-width:var(--max-w);margin:0 auto}.kicker{font-family:var(--mono);font-size:.72rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:2rem;align-items:stretch;margin-bottom:2rem}.hero h1{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.98;letter-spacing:-.04em;margin-bottom:1rem}.hero p,.muted{color:var(--text2);font-family:var(--mono);font-size:.9rem}.panel{background:linear-gradient(180deg,rgba(26,29,42,.92),rgba(12,14,21,.92));border:1px solid rgba(0,229,255,.11);border-radius:var(--radius2);padding:1.35rem;box-shadow:0 18px 50px rgba(0,0,0,.25)}.panel h2,.panel h3{font-size:1.05rem;margin-bottom:.85rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius2);padding:1rem}.metric{font-family:var(--mono);font-size:2rem;color:var(--accent);line-height:1}.label{font-family:var(--mono);font-size:.7rem;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-top:.45rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(0,229,255,.3);background:rgba(0,229,255,.08);color:var(--accent);font-family:var(--mono);font-size:.78rem;font-weight:700;text-decoration:none;border-radius:var(--radius);padding:.72rem 1rem;cursor:pointer}.btn.primary{background:var(--accent);color:#000}.btn.danger{border-color:rgba(255,61,107,.4);background:rgba(255,61,107,.09);color:var(--accent3)}form{display:grid;gap:1rem}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}label{font-family:var(--mono);font-size:.72rem;color:var(--text2);letter-spacing:.08em;text-transform:uppercase}input,select,textarea{width:100%;margin-top:.35rem;background:#0b0d14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:var(--text);padding:.78rem .85rem;font:inherit;font-family:var(--mono);font-size:.85rem}textarea{min-height:130px;resize:vertical}.table{width:100%;border-collapse:collapse;overflow:hidden}.table th,.table td{padding:.85rem;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;font-family:var(--mono);font-size:.78rem}.table th{color:var(--text3);letter-spacing:.12em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .55rem;font-family:var(--mono);font-size:.68rem;border:1px solid rgba(255,255,255,.12);color:var(--text2)}.badge.ok{color:var(--ok);border-color:rgba(66,245,167,.3);background:rgba(66,245,167,.06)}.badge.warn{color:var(--warn);border-color:rgba(255,209,102,.3);background:rgba(255,209,102,.06)}.badge.hot{color:var(--accent3);border-color:rgba(255,61,107,.3);background:rgba(255,61,107,.06)}.steps{display:grid;gap:.8rem}.step{display:grid;grid-template-columns:34px 1fr;gap:.8rem;align-items:start}.dot{width:34px;height:34px;border-radius:999px;background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.25);display:grid;place-items:center;font-family:var(--mono);font-size:.75rem;color:var(--accent)}.progress{height:8px;border-radius:999px;background:#0b0d14;overflow:hidden;border:1px solid rgba(255,255,255,.07);margin-top:.65rem}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.camera{aspect-ratio:16/9;background:linear-gradient(135deg,#0a0c12,#1a1d2a);border:1px solid rgba(0,229,255,.16);border-radius:var(--radius2);display:grid;place-items:center;position:relative;overflow:hidden}.camera::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,229,255,.04),rgba(0,229,255,.04) 1px,transparent 1px,transparent 5px)}.camera strong{font-family:var(--mono);color:var(--accent);z-index:1}.drop{border:1px dashed rgba(0,229,255,.35);border-radius:var(--radius2);padding:2rem;text-align:center;background:rgba(0,229,255,.035)}footer{padding:2rem 2.5rem;border-top:1px solid rgba(0,229,255,.08);color:var(--text3);font-family:var(--mono);font-size:.72rem}.foot{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}a{color:var(--accent)}@media(max-width:900px){nav{padding:0 1.25rem}.nav-links a:not(.nav-cta){display:none}main{padding:96px 1.25rem 3rem}.hero,.grid,.grid.two,.grid.four,.row{grid-template-columns:1fr}footer{padding-left:1.25rem;padding-right:1.25rem}}

.hero{grid-template-columns:minmax(0,1fr)}
.hero .panel{max-width:520px}