:root{--bg:#080d19;--panel:#101a2b;--panel2:#15233a;--ink:#f2f6ff;--muted:#9ba9be;--line:#263650;--lime:#c7ff3d;--pink:#ff4f92;--cyan:#52d9ff;--display:Arial,Helvetica,sans-serif;--mono:Consolas,'Courier New',monospace;--body:Arial,Helvetica,sans-serif;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}button,input,select,textarea{font:inherit}
.topstrip{background:var(--lime);color:#07101e;padding:8px max(22px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;gap:15px;font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
header{position:sticky;top:0;z-index:20;background:rgba(8,13,25,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px}.brandicon{width:43px;height:43px;background:var(--lime);color:#09101d;display:grid;place-items:center;font:900 18px var(--mono);position:relative}.brandicon:after{content:"";position:absolute;width:9px;height:9px;right:-4px;bottom:-4px;background:var(--pink);border:2px solid var(--bg)}.brandname{font:900 16px/1.05 var(--display);letter-spacing:.015em}.brandname small{display:block;font:9px var(--mono);letter-spacing:.18em;color:var(--muted);margin-top:5px}
nav{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:700;color:#d6dfef}nav a{padding:9px 0;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:var(--lime);border-color:var(--pink)}.menu{display:none;border:1px solid var(--line);background:var(--panel);color:var(--lime);padding:9px 12px;font:11px var(--mono);text-transform:uppercase}
.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.mono{font-family:var(--mono)}.kicker{color:var(--lime);font:11px var(--mono);text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.kicker:before{content:"";width:24px;height:2px;background:var(--pink)}
h1,h2,h3,h4{font-family:var(--display);line-height:1.08;letter-spacing:-.035em;margin:0 0 15px}h1{font-size:clamp(42px,6vw,78px);font-weight:900}h2{font-size:clamp(30px,4vw,46px);font-weight:900}h3{font-size:22px}p{margin:0 0 16px;color:#b9c5d8}
.hero{padding:72px 0 58px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(82,217,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(82,217,255,.045) 1px,transparent 1px);background-size:34px 34px}.hero:after{content:"";position:absolute;width:530px;height:530px;border-radius:50%;border:1px solid #243854;right:-170px;top:-230px;box-shadow:0 0 0 35px #0c1423,0 0 0 36px #243854,0 0 0 95px #0c1423,0 0 0 96px #243854;pointer-events:none;opacity:.6}
.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center;position:relative;z-index:1}.hero h1 span{color:var(--lime)}.hero-copy{font-size:18px;max-width:610px;margin:21px 0 27px}.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid #50617b;font:700 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;transition:.2s}.btn.primary{background:var(--lime);color:#08101d;border-color:var(--lime)}.btn:hover{transform:translateY(-2px);border-color:var(--pink);color:var(--lime)}.btn.primary:hover{color:#08101d;background:#d9ff7a}
.telemetry{border:1px solid #425574;background:linear-gradient(145deg,#17253b,#0c1423);padding:20px;box-shadow:14px 14px 0 #172b45;transform:rotate(-1deg)}.telemetry-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30435e;padding-bottom:13px;font:10px var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.telemetry-top strong{color:var(--lime);font-weight:500}.telemetry-title{display:flex;justify-content:space-between;align-items:end;margin:23px 0 17px}.telemetry-title b{font:900 28px var(--display);letter-spacing:-.04em}.telemetry-title span{font:10px var(--mono);color:var(--pink)}.metric{display:grid;grid-template-columns:112px 1fr 38px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #263a54;font:11px var(--mono);color:#c8d4e7}.bar{height:7px;background:#26384f;position:relative}.bar i{height:100%;display:block;background:var(--cyan)}.metric:nth-child(4) .bar i{background:var(--lime)}.metric:nth-child(5) .bar i{background:var(--pink)}.metric em{font-style:normal;text-align:right;color:var(--lime)}.telemetry-foot{display:flex;justify-content:space-between;margin-top:18px;font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.signalbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1727}.signalinner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:15px 0}.signalinner span{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.signalinner b{color:var(--cyan);font-weight:500}
.section{padding:70px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.sectionhead p{max-width:420px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:var(--panel);border:1px solid var(--line);padding:23px;min-height:238px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}.card:before{content:"";position:absolute;right:-18px;top:-18px;width:58px;height:58px;border:1px solid #354964;transform:rotate(45deg)}.card:hover{border-color:var(--lime);transform:translateY(-4px);box-shadow:0 16px 35px #0005}.card .num{color:var(--pink);font:10px var(--mono);letter-spacing:.12em;margin-bottom:30px}.card h3{max-width:290px}.card p{font-size:13px}.card .more{margin-top:auto;padding-top:14px;color:var(--lime);font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;background:var(--panel2);border-block:1px solid #30425d;padding:48px 0}.splitbox{border:1px solid #405471;padding:25px;background:#0d1626}.splitbox h3{font-size:18px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #405471;padding:7px 10px;color:var(--cyan);font:10px var(--mono);text-transform:uppercase}
.pagehero{padding:58px 0 36px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#111d31,#080d19)}.pagehero h1{font-size:clamp(38px,5vw,62px);max-width:900px}.pagehero p{max-width:760px;font-size:17px}
.content{display:grid;grid-template-columns:minmax(0,780px) 260px;gap:55px;padding:48px 0 75px}.prose h2{margin-top:36px;font-size:29px}.prose h3{margin-top:25px}.prose p,.prose li{color:#b9c5d8}.prose ul,.prose ol{padding-left:22px}.prose li{margin:9px 0}.prose blockquote{margin:28px 0;padding:22px;border-left:4px solid var(--lime);background:#17263b;color:#edf4ff;font:700 18px var(--display)}.side{border-left:1px solid var(--line);padding-left:22px}.side h3{font-size:16px}.side a{display:block;border-top:1px solid var(--line);padding:12px 0;font-size:12px;color:#c7d2e3}.side a:hover{color:var(--lime)}.meta{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:12px 0 20px}
.search{display:flex;gap:10px;margin:20px 0}.search input{flex:1;background:var(--panel);border:1px solid var(--line);padding:13px;color:white;outline:0}.search input:focus{border-color:var(--lime)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid #40516a;background:transparent;color:#c7d2e3;padding:8px 12px;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.filter.active,.filter:hover{background:var(--lime);color:#08101d;border-color:var(--lime)}.empty{display:none;border:1px dashed #40516a;padding:20px;color:var(--muted)}
.calculator{background:#0d1728;border:1px solid #3b4d68;padding:26px;margin:25px 0}.calcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field label{display:block;color:var(--cyan);font:10px var(--mono);text-transform:uppercase;margin-bottom:7px}.field input,.field select{width:100%;padding:12px;background:#17263b;border:1px solid #40516a;color:white}.result{background:var(--lime);color:#09111f;padding:16px;margin-top:15px;font:700 13px var(--mono)}
.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contactbox,.formbox{background:var(--panel);border:1px solid var(--line);padding:25px}.contactitem{padding:15px 0;border-top:1px solid var(--line)}.contactitem small{display:block;color:var(--cyan);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.contactitem a{color:var(--lime);font-weight:700;overflow-wrap:anywhere}.contactbox p{font-size:13px}.formbox label{display:block;color:var(--cyan);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:12px 0 6px}.formbox input,.formbox textarea,.formbox select{width:100%;padding:12px;background:#0b1423;border:1px solid #40516a;color:white}.formbox textarea{min-height:125px}.formbox button{margin-top:17px}
footer{background:#050912;border-top:1px solid #263650;padding:45px 0 20px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:32px}.footerbrand p{max-width:280px;color:#94a4ba;font-size:12px;margin-top:15px}.fcol h4{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}.fcol h4 a{color:var(--lime)}.fcol a{display:block;color:#aab8cb;font-size:12px;margin:9px 0}.fcol a:hover{color:var(--pink)}.footbottom{border-top:1px solid #263650;padding-top:16px;display:flex;justify-content:space-between;gap:15px;color:#8796aa;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.footbottom a{margin-left:14px;color:#d7e0ef}.footbottom a:hover{color:var(--lime)}
.cookies{position:fixed;z-index:50;left:18px;bottom:18px;width:min(590px,calc(100% - 36px));background:#f4f7fb;color:#101a2b;border:1px solid #a4b5ca;padding:19px;box-shadow:0 18px 44px #0008;display:none}.cookies.show{display:block}.cookies p{color:#526176;font-size:12px;margin:7px 0 13px}.cookiebuttons{display:flex;gap:8px;flex-wrap:wrap}.cookiebuttons button{border:1px solid #18263a;background:white;color:#18263a;padding:9px 12px;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.cookiebuttons .primary{background:#2455e6;color:white;border-color:#2455e6}.modal{display:none;position:fixed;inset:0;z-index:60;background:#000a;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{width:min(480px,100%);background:#f4f7fb;color:#101a2b;padding:26px}.modalbox p{color:#526176}.option{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #c9d2df;color:#28384d;font-size:13px}
@media(max-width:900px){nav{gap:13px}.hero-grid{gap:28px}.cards{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:repeat(2,1fr)}.content{grid-template-columns:1fr}.side{border:0;border-top:1px solid var(--line);padding:20px 0}.contactgrid{grid-template-columns:1fr}}
@media(max-width:660px){.topstrip{font-size:8px}.nav{padding:12px 17px}.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:14px 22px 22px;background:#080d19;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:3px}nav.open{display:flex}nav a{padding:10px 0}.brandname{font-size:14px}.wrap{width:calc(100% - 34px)}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{font-size:16px}.telemetry{margin:4px 6px;transform:none}.section{padding:52px 0}.sectionhead{display:block}.sectionhead p{margin-top:12px}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:25px;padding:35px 0}.footergrid{grid-template-columns:1fr 1fr;gap:22px}.footerbrand{grid-column:1/-1}.footbottom{display:block;line-height:2.4}.footbottom a{margin:0 12px 0 0}.calcgrid{grid-template-columns:1fr}.content{padding:32px 0 55px}.pagehero{padding:40px 0 28px}}