:root{
  --bg:#020306;--panel:#0a0f17;--panel2:#111827;--glass:rgba(9,13,21,.72);
  --text:#f7fbff;--muted:#aab7ca;--dim:#718096;--line:#25324a;
  --red:#e11d2e;--red2:#ff3048;--blue:#287dff;--cyan:#38d5ff;--gold:#ffd166;--green:#6dff9b;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#020306;color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}
#matrixCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-5;pointer-events:none;opacity:.48}
body:before{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:
 radial-gradient(circle at 15% 0%,rgba(225,29,46,.22),transparent 28%),
 radial-gradient(circle at 90% 10%,rgba(40,125,255,.16),transparent 30%),
 radial-gradient(circle at 50% 80%,rgba(255,48,72,.08),transparent 36%),
 linear-gradient(180deg,rgba(2,3,6,.30),rgba(2,3,6,.62) 45%,rgba(2,3,6,.96));}
body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.10;background:
 linear-gradient(transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);background-size:100% 4px;mix-blend-mode:screen}
.topbar{position:sticky;top:0;z-index:80;background:rgba(2,3,6,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}
.nav{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.brand img{width:46px;height:46px;border-radius:13px;object-fit:cover;box-shadow:0 0 24px rgba(225,29,46,.32)}
.navlinks{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.navlinks a,.btn{border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.045);color:#e9effc;transition:.18s;display:inline-flex;align-items:center;gap:8px}
.navlinks a:hover,.btn:hover{border-color:rgba(255,48,72,.82);box-shadow:0 0 24px rgba(225,29,46,.26);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--red2),#8b0612);border-color:#ff6a78;font-weight:900}
.btn.blue{background:linear-gradient(135deg,var(--blue),#102a75);border-color:#6ba5ff;font-weight:900}
.btn.dark{background:rgba(0,0,0,.38)}
.hero{max-width:1320px;margin:auto;padding:78px 18px 42px;display:grid;grid-template-columns:1.04fr .96fr;gap:30px;align-items:center}
.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.kicker{display:inline-flex;align-items:center;gap:9px;margin-top:12px;border:1px solid rgba(225,29,46,.32);background:rgba(10,15,23,.68);padding:9px 13px;border-radius:999px;color:#dce7f8;font-size:12px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 24px rgba(225,29,46,.12)}
.kicker b{color:#fff}
.hero h1{font-size:clamp(42px,6.4vw,86px);line-height:.88;margin:16px 0 18px;text-shadow:0 0 30px rgba(225,29,46,.22)}
.hero p{color:var(--muted);font-size:20px;line-height:1.58;max-width:780px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.visual{background:linear-gradient(145deg,rgba(16,23,34,.72),rgba(3,5,9,.92));border:1px solid rgba(255,255,255,.11);border-radius:32px;min-height:520px;padding:20px;position:relative;overflow:hidden;box-shadow:0 28px 120px rgba(0,0,0,.62),inset 0 0 50px rgba(225,29,46,.08)}
.visual:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(225,29,46,.16),transparent,rgba(40,125,255,.12),transparent);animation:spin 12s linear infinite}
.visual-inner{position:relative;z-index:2;height:100%;border:1px solid rgba(255,255,255,.10);border-radius:25px;background:rgba(0,0,0,.38);backdrop-filter:blur(5px);padding:18px;display:flex;flex-direction:column;gap:14px}
.hud-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.mini{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(9,14,22,.66);padding:12px}
.mini span{display:block;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.mini b{font-size:23px}
.ops-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;flex:1}
.map{position:relative;min-height:310px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
 radial-gradient(circle at center,rgba(40,125,255,.12),transparent 70%);
 background-size:32px 32px,32px 32px,100% 100%;overflow:hidden}
.map:before{content:"";position:absolute;inset:10%;border:1px solid rgba(40,125,255,.22);border-radius:50%;box-shadow:0 0 55px rgba(40,125,255,.10)}
.sweep{position:absolute;left:50%;top:50%;width:250px;height:250px;transform-origin:0 0;background:linear-gradient(45deg,rgba(255,48,72,.42),transparent 55%);animation:sweep 4s linear infinite}
.ping{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red2);box-shadow:0 0 24px var(--red2)}
.ping:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,48,72,.5);border-radius:50%;animation:pulse 1.8s infinite}
.p1{left:20%;top:28%}.p2{left:64%;top:22%;background:var(--blue);box-shadow:0 0 24px var(--blue)}.p3{left:76%;top:65%}.p4{left:37%;top:73%;background:var(--green);box-shadow:0 0 24px var(--green)}
.stack{display:grid;gap:12px}
.feed{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(4,7,12,.72);padding:12px;min-height:84px;position:relative;overflow:hidden}
.feed:before{content:"LIVE";position:absolute;right:12px;top:10px;color:#fff;background:var(--red);font-size:10px;border-radius:6px;padding:4px 7px;font-weight:950}
.feed b{display:block;margin-bottom:6px}.feed span{color:var(--muted);font-size:13px;line-height:1.4}
.log{font-family:Consolas,monospace;font-size:13px;line-height:1.72;color:#b7c4d8;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(4,7,12,.78);padding:14px;min-height:132px;max-height:170px;overflow:hidden}
.log b{color:#fff}.log .red{color:#ff6a78}.log .blue{color:#78aaff}.log .green{color:#7dffab}
.section{max-width:1320px;margin:auto;padding:62px 18px}
.section h2{font-size:clamp(32px,4vw,54px);margin:0 0 12px;text-shadow:0 0 24px rgba(225,29,46,.16)}
.lead{color:var(--muted);font-size:18px;line-height:1.62;max-width:950px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.card{background:linear-gradient(145deg,rgba(18,26,39,.76),rgba(7,10,16,.86));border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:24px;min-height:230px;transition:.2s;position:relative;overflow:hidden;backdrop-filter:blur(8px)}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(225,29,46,.12),transparent 38%);opacity:.75;pointer-events:none}
.card:hover{transform:translateY(-5px);border-color:rgba(255,48,72,.82);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 28px rgba(225,29,46,.18)}
.card h3{margin:14px 0 8px;font-size:23px}.card p{color:var(--muted);line-height:1.56}.icon{font-size:36px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:24px;background:rgba(10,15,23,.72);backdrop-filter:blur(8px)}.stat strong{display:block;font-size:38px}.stat span{color:var(--muted)}
.band{background:linear-gradient(90deg,rgba(88,0,10,.45),rgba(9,14,23,.72),rgba(4,25,51,.48));border-block:1px solid rgba(255,255,255,.09)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:rgba(10,15,23,.74);border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:26px;backdrop-filter:blur(8px)}
.list{display:grid;gap:12px}.item{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04);padding:16px}.item b{color:#fff}.item span{display:block;color:var(--muted);margin-top:5px;line-height:1.48}
.timeline{display:grid;gap:14px}.step{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:start}.num{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;text-align:center;font-weight:950;color:#fff;background:rgba(225,29,46,.20)}
.pagehead{max-width:1320px;margin:auto;padding:58px 18px 24px}.pagehead h1{font-size:clamp(40px,5.6vw,76px);line-height:.92;margin:12px 0}.pagehead p{color:var(--muted);font-size:19px;max-width:900px;line-height:1.58}
.footer{border-top:1px solid rgba(255,255,255,.09);padding:34px 18px;color:var(--muted);text-align:center;background:rgba(2,3,6,.72);position:relative;z-index:2}
.footer a{color:#fff}
.floating-home{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(225,29,46,.94),rgba(8,12,19,.94));box-shadow:0 16px 48px rgba(0,0,0,.45),0 0 28px rgba(225,29,46,.30);color:#fff;border-radius:999px;padding:13px 16px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.floating-home:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 42px rgba(225,29,46,.45)}
.command-switch{position:fixed;left:18px;bottom:18px;z-index:119;display:grid;gap:8px}
.command-switch a{border:1px solid rgba(255,255,255,.13);background:rgba(4,7,12,.82);backdrop-filter:blur(8px);border-radius:999px;padding:9px 12px;color:#eaf1ff;font-size:12px;font-weight:800}
.command-switch a:hover{border-color:var(--red2)}
.form input,.form textarea,.form select{width:100%;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#070a10;color:white;margin:7px 0 14px}.form label{color:#dce5f6;font-weight:800}.form textarea{min-height:160px}
.editor textarea{min-height:420px;font-family:Consolas,monospace}
.notice{border:1px solid rgba(255,209,102,.32);background:rgba(255,209,102,.08);border-radius:20px;padding:18px;color:#ffe9af}
.ok{color:var(--green)}.warn{color:var(--gold)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.5);opacity:0}}
@media(max-width:980px){.hero,.two,.ops-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;flex-direction:column}.visual{min-height:520px}.hud-top{grid-template-columns:1fr}}
@media(max-width:620px){.cards,.stats{grid-template-columns:1fr}.command-switch{display:none}.floating-home{left:12px;right:12px;justify-content:center}.hero{padding-top:44px}.navlinks a{font-size:13px;padding:8px 10px}}


.admin-shell{max-width:1320px;margin:auto;padding:50px 18px}
.admin-grid{display:grid;grid-template-columns:260px 1fr;gap:18px}
.admin-menu{display:grid;gap:10px;align-content:start}
.admin-tab{border:1px solid rgba(255,255,255,.12);background:rgba(9,13,21,.78);color:#fff;border-radius:16px;padding:14px;text-align:left;font-weight:900;cursor:pointer}
.admin-tab.active,.admin-tab:hover{border-color:#ff3048;box-shadow:0 0 24px rgba(225,29,46,.22)}
.admin-pane{display:none}
.admin-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.admin-kpi .mini{min-height:90px}
.codebox, .admin-shell textarea{width:100%;min-height:180px;background:#05070c;color:#f7fbff;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px;font-family:Consolas,monospace}
.admin-shell input,.admin-shell select{width:100%;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#070a10;color:white;margin:7px 0 14px}
.admin-pill{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;margin:4px;background:rgba(255,255,255,.05)}
#adminDash{display:none}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-kpi{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.admin-kpi{grid-template-columns:1fr}}


/* V3.3 BlackSite Command Layer */
body.blacksite-mode:before{background:
 radial-gradient(circle at 10% 0%,rgba(255,0,36,.34),transparent 30%),
 radial-gradient(circle at 90% 5%,rgba(56,213,255,.20),transparent 30%),
 radial-gradient(circle at 50% 95%,rgba(255,209,102,.08),transparent 35%),
 linear-gradient(180deg,rgba(2,3,6,.15),rgba(2,3,6,.70) 40%,rgba(0,0,0,.98));}
.command-marquee{border-block:1px solid rgba(255,255,255,.10);background:linear-gradient(90deg,rgba(225,29,46,.30),rgba(3,6,12,.88),rgba(40,125,255,.20));overflow:hidden;white-space:nowrap}
.command-marquee span{display:inline-block;padding:12px 0;color:#fff;font-family:Consolas,monospace;font-weight:900;letter-spacing:.12em;text-transform:uppercase;animation:marquee 24s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.black-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.black-wall{border:1px solid rgba(255,255,255,.12);background:rgba(4,7,12,.78);border-radius:28px;overflow:hidden;box-shadow:0 28px 100px rgba(0,0,0,.55)}
.black-wall-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.black-wall-head b{letter-spacing:.12em;text-transform:uppercase}
.black-wall-body{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.black-cell{min-height:132px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
 radial-gradient(circle at center,rgba(225,29,46,.10),transparent 70%);background-size:24px 24px,24px 24px,100% 100%;position:relative;overflow:hidden;padding:14px}
.black-cell:after{content:"";position:absolute;left:-30%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:scanbar 4s linear infinite}
@keyframes scanbar{to{left:120%}}
.black-cell b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.black-cell span{display:block;margin-top:32px;color:#aab7ca;font-size:13px;line-height:1.35}
.redline{height:4px;background:linear-gradient(90deg,transparent,var(--red2),var(--blue),transparent);box-shadow:0 0 24px rgba(225,29,46,.45)}
.ops-terminal{font-family:Consolas,monospace;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.62);border-radius:24px;padding:18px;min-height:460px;box-shadow:inset 0 0 40px rgba(225,29,46,.08)}
.ops-terminal h3{margin:0 0 12px;color:#fff;letter-spacing:.12em;text-transform:uppercase}
.ops-terminal pre{white-space:pre-wrap;color:#c7d2e6;line-height:1.62;margin:0;font-size:13px}
.ops-terminal .hot{color:#ff6a78}.ops-terminal .cool{color:#75aaff}.ops-terminal .go{color:#7dffab}.ops-terminal .warnx{color:#ffd166}
.mode-switcher{position:fixed;right:18px;bottom:76px;z-index:121;border:1px solid rgba(255,255,255,.14);background:rgba(4,7,12,.86);backdrop-filter:blur(10px);border-radius:999px;color:#fff;padding:11px 14px;font-weight:950;cursor:pointer;box-shadow:0 16px 44px rgba(0,0,0,.35)}
.mode-switcher:hover{border-color:#ff3048}
.black-badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.black-badges span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 11px;color:#dce7f8;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.redacted{display:inline-block;background:#000;color:#000;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.10);min-width:72px}
.admin-danger{border:1px solid rgba(255,48,72,.34);background:rgba(225,29,46,.10);border-radius:18px;padding:16px}
@media(max-width:1050px){.black-grid{grid-template-columns:1fr}.black-wall-body{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.black-wall-body{grid-template-columns:1fr}.mode-switcher{bottom:70px;right:12px;font-size:12px}}


/* V3.6 persistent DEFAULT control button */
.default-control-button{
  position:fixed;left:18px;top:86px;z-index:140;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,rgba(40,125,255,.92),rgba(4,7,12,.92));
  color:#fff;border-radius:999px;padding:11px 14px;
  font-weight:950;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 16px 44px rgba(0,0,0,.35),0 0 28px rgba(40,125,255,.25);
}
.default-control-button:hover{border-color:#ff3048;box-shadow:0 16px 54px rgba(0,0,0,.45),0 0 32px rgba(225,29,46,.35)}
@media(max-width:620px){.default-control-button{top:auto;left:12px;bottom:124px;font-size:12px}}


/* V3.8 Active Connections Feed */
.conn-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}
.conn-table-wrap{border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:auto;max-height:520px;background:rgba(0,0,0,.48)}
.conn-table{width:100%;border-collapse:collapse;font-family:Consolas,monospace;font-size:12px;min-width:900px}
.conn-table th,.conn-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;white-space:nowrap}
.conn-table th{position:sticky;top:0;background:#090d15;color:#fff;z-index:1}
.conn-table tr:hover{background:rgba(255,255,255,.05)}
.conn-pill{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 8px;font-weight:900}
.conn-established{color:#7dffab}.conn-listen{color:#75aaff}.conn-warn{color:#ffd166}.conn-udp{color:#ff9cf0}
.conn-filter{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#05070c;color:#fff;min-width:260px}


/* V3.9 DevLab deep build */
.devlab-banner{border-block:1px solid rgba(255,255,255,.10);background:linear-gradient(90deg,rgba(225,29,46,.34),rgba(3,6,12,.92),rgba(40,125,255,.22));overflow:hidden;white-space:nowrap}
.devlab-banner span{display:inline-block;padding:12px 0;color:#fff;font-family:Consolas,monospace;font-weight:900;letter-spacing:.12em;text-transform:uppercase;animation:marquee 25s linear infinite}
.devlab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.devlab-map{position:relative;min-height:470px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
radial-gradient(circle at center,rgba(225,29,46,.14),transparent 52%),
#05080e;background-size:32px 32px,32px 32px,100% 100%;overflow:hidden;box-shadow:inset 0 0 60px rgba(225,29,46,.08)}
.devlab-map:before{content:"";position:absolute;inset:11%;border:1px solid rgba(40,125,255,.24);border-radius:50%;box-shadow:0 0 60px rgba(40,125,255,.12)}
.devlab-map:after{content:"";position:absolute;left:50%;top:50%;width:320px;height:320px;transform-origin:0 0;background:linear-gradient(45deg,rgba(255,48,72,.38),transparent 58%);animation:sweep 4s linear infinite}
.dev-node{position:absolute;width:14px;height:14px;border-radius:50%;background:#ff3048;box-shadow:0 0 25px #ff3048;z-index:2}
.dev-node:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(255,48,72,.48);border-radius:50%;animation:pulse 1.8s infinite}
.dev-n1{left:18%;top:28%}.dev-n2{left:64%;top:21%;background:#287dff;box-shadow:0 0 25px #287dff}.dev-n3{left:77%;top:62%}.dev-n4{left:38%;top:75%;background:#6dff9b;box-shadow:0 0 25px #6dff9b}.dev-n5{left:51%;top:45%;background:#ffd166;box-shadow:0 0 25px #ffd166}
.devlab-terminal{font-family:Consolas,monospace;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.62);border-radius:24px;padding:18px;min-height:470px;box-shadow:inset 0 0 40px rgba(225,29,46,.08)}
.devlab-terminal h3{margin:0 0 12px;color:#fff;letter-spacing:.12em;text-transform:uppercase}
.devlab-terminal pre{white-space:pre-wrap;color:#c7d2e6;line-height:1.62;margin:0;font-size:13px}
.dev-hot{color:#ff6a78}.dev-cool{color:#75aaff}.dev-go{color:#7dffab}.dev-warn{color:#ffd166}
.dev-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.dev-tab{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:10px 13px;font-weight:900;cursor:pointer}
.dev-tab.active,.dev-tab:hover{border-color:#ff3048;box-shadow:0 0 20px rgba(225,29,46,.22)}
.dev-pane{display:none}
.dev-pane.active{display:block}
.dev-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dev-tile{border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(9,13,21,.72);padding:18px;min-height:145px;position:relative;overflow:hidden}
.dev-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(225,29,46,.14),transparent 48%);pointer-events:none}
.dev-tile b{display:block;font-size:18px;margin-bottom:8px}.dev-tile span{display:block;color:#aab7ca;line-height:1.42}
.dev-workbench{display:grid;grid-template-columns:280px 1fr;gap:18px}
.dev-sidebar{display:grid;gap:10px;align-content:start}
.dev-sidebar a{border:1px solid rgba(255,255,255,.12);background:rgba(9,13,21,.76);color:#fff;border-radius:16px;padding:14px;font-weight:900}
.dev-sidebar a:hover{border-color:#ff3048}
.dev-code{width:100%;min-height:300px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#03050a;color:#f7fbff;padding:16px;font-family:Consolas,monospace;white-space:pre-wrap;overflow:auto}
.dev-warning{border:1px solid rgba(255,209,102,.34);background:rgba(255,209,102,.08);border-radius:18px;padding:16px;color:#ffe9af}
.dev-success{border:1px solid rgba(109,255,155,.28);background:rgba(109,255,155,.07);border-radius:18px;padding:16px;color:#d8ffe3}
.devlab-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.devlab-kpi .mini{min-height:92px}
@media(max-width:1050px){.devlab-grid,.dev-workbench{grid-template-columns:1fr}.dev-matrix{grid-template-columns:1fr 1fr}.devlab-kpi{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.dev-matrix,.devlab-kpi{grid-template-columns:1fr}}



.command-switch,.default-control-button,.floating-home{display:none!important}
.public-hot-ribbon{border-block:1px solid rgba(255,255,255,.10);background:linear-gradient(90deg,rgba(225,29,46,.34),rgba(3,6,12,.92),rgba(40,125,255,.22));overflow:hidden;white-space:nowrap}
.public-hot-ribbon span{display:inline-block;padding:12px 0;color:#fff;font-family:Consolas,monospace;font-weight:900;letter-spacing:.12em;text-transform:uppercase;animation:marquee 28s linear infinite}
.hot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.hot-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(18,26,39,.80),rgba(7,10,16,.92));border-radius:24px;padding:24px;min-height:230px;position:relative;overflow:hidden;color:#fff;text-decoration:none;transition:.18s}
.hot-card:hover{transform:translateY(-5px);border-color:#ff3048;box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 30px rgba(225,29,46,.22)}
.hot-card .icon{font-size:38px}.hot-card h3{font-size:24px;margin:14px 0 8px}.hot-card p{color:#aab7ca;line-height:1.55}
.hot-badges{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.hot-badges span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.05);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.active-wall{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.active-feed{font-family:Consolas,monospace;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.62);border-radius:24px;padding:18px;min-height:420px;box-shadow:inset 0 0 40px rgba(225,29,46,.08)}
.active-feed h3{margin:0 0 12px;color:#fff;letter-spacing:.12em;text-transform:uppercase}.active-feed pre{white-space:pre-wrap;color:#c7d2e6;line-height:1.62;margin:0;font-size:13px}
.hot-terminal-go{color:#7dffab}.hot-terminal-cool{color:#75aaff}.hot-terminal-hot{color:#ff6a78}.hot-terminal-warn{color:#ffd166}
.conn-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.conn-table-wrap{border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:auto;max-height:520px;background:rgba(0,0,0,.48)}
.conn-table{width:100%;border-collapse:collapse;font-family:Consolas,monospace;font-size:12px;min-width:900px}.conn-table th,.conn-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;white-space:nowrap}.conn-table th{position:sticky;top:0;background:#090d15;color:#fff;z-index:1}.conn-table tr:hover{background:rgba(255,255,255,.05)}
.conn-pill{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 8px;font-weight:900}.conn-established{color:#7dffab}.conn-listen{color:#75aaff}.conn-warn{color:#ffd166}.conn-udp{color:#ff9cf0}.conn-filter{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#05070c;color:#fff;min-width:260px}
.upload-note{border:1px solid rgba(255,209,102,.35);background:rgba(255,209,102,.08);border-radius:18px;padding:16px;color:#ffe9af}
@media(max-width:1000px){.hot-grid,.active-wall{grid-template-columns:1fr}}@media(max-width:650px){.hot-grid{grid-template-columns:1fr}}


/* V4.1 updated RedHawk logo treatment */
.brand img,
.brand-logo,
img.site-logo{
  display:block;
  height:56px;
  width:auto;
  max-width:360px;
  object-fit:contain;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.35));
  image-rendering:auto;
}
.topbar .brand{
  gap:14px;
}
.topbar .brand span{
  letter-spacing:.04em;
  font-weight:900;
}
.hero-brand-lockup{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.hero-brand-lockup img{
  height:74px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));
}
@media(max-width:700px){
  .brand img{height:44px;max-width:220px}
  .hero-brand-lockup img{height:58px}
}



/* V4.2 Daily Upgrade Center */
.upgrade-ribbon{border-block:1px solid rgba(255,255,255,.10);background:linear-gradient(90deg,rgba(225,29,46,.36),rgba(3,6,12,.94),rgba(40,125,255,.24));overflow:hidden;white-space:nowrap}
.upgrade-ribbon span{display:inline-block;padding:12px 0;color:#fff;font-family:Consolas,monospace;font-weight:900;letter-spacing:.12em;text-transform:uppercase;animation:marquee 26s linear infinite}
.upgrade-board{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.upgrade-panel{border:1px solid rgba(255,255,255,.12);background:rgba(9,13,21,.76);border-radius:24px;padding:24px;backdrop-filter:blur(8px)}
.upgrade-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.upgrade-kpi{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;background:rgba(255,255,255,.045)}
.upgrade-kpi span{display:block;color:#718096;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}
.upgrade-kpi b{display:block;font-size:28px;margin-top:7px;color:#fff}
.upgrade-list{display:grid;gap:12px}
.upgrade-item{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.04);padding:16px}
.upgrade-item b{display:block;color:#fff}.upgrade-item span{display:block;color:#aab7ca;margin-top:5px;line-height:1.45}
.upgrade-terminal{font-family:Consolas,monospace;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.62);border-radius:24px;padding:18px;min-height:360px;box-shadow:inset 0 0 40px rgba(225,29,46,.08)}
.upgrade-terminal pre{white-space:pre-wrap;color:#c7d2e6;line-height:1.62;margin:0;font-size:13px}
.upgrade-go{color:#7dffab}.upgrade-cool{color:#75aaff}.upgrade-hot{color:#ff6a78}.upgrade-warn{color:#ffd166}
.upgrade-badge{display:inline-flex;border:1px solid rgba(109,255,155,.35);background:rgba(109,255,155,.09);color:#d8ffe3;border-radius:999px;padding:8px 12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
@media(max-width:980px){.upgrade-board,.upgrade-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.upgrade-board,.upgrade-kpis{grid-template-columns:1fr}}


/* V4.4 SERVER-ONLY + SEO ENGINE OVERRIDES */
.command-switch,.default-control-button,.floating-home{display:none!important}
.server-only-banner{
  border-block:1px solid rgba(255,255,255,.10);
  background:linear-gradient(90deg,rgba(225,29,46,.36),rgba(3,6,12,.94),rgba(40,125,255,.24));
  overflow:hidden;
  white-space:nowrap;
}
.server-only-banner span{
  display:inline-block;
  padding:12px 0;
  color:#fff;
  font-family:Consolas,monospace;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  animation:marquee 28s linear infinite;
}
.server-status-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:18px;
}
.server-status-card{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  border-radius:18px;
  padding:16px;
}
.server-status-card span{
  display:block;
  color:#718096;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:900;
}
.server-status-card b{
  display:block;
  font-size:26px;
  margin-top:7px;
  color:#fff;
}
.server-command-feed{
  font-family:Consolas,monospace;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.62);
  border-radius:24px;
  padding:18px;
  min-height:420px;
  box-shadow:inset 0 0 40px rgba(225,29,46,.08);
}
.server-command-feed pre{
  white-space:pre-wrap;
  color:#c7d2e6;
  line-height:1.62;
  margin:0;
  font-size:13px;
}
.server-go{color:#7dffab}.server-cool{color:#75aaff}.server-hot{color:#ff6a78}.server-warn{color:#ffd166}
.upload-only-note{
  border:1px solid rgba(109,255,155,.35);
  background:rgba(109,255,155,.07);
  border-radius:18px;
  padding:16px;
  color:#d8ffe3;
}
.seo-launch-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:20px;
}
.seo-launch-card{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(18,26,39,.78),rgba(7,10,16,.90));
  border-radius:22px;
  padding:20px;
  min-height:170px;
  color:#fff;
  text-decoration:none;
}
.seo-launch-card:hover{border-color:#ff3048;transform:translateY(-3px)}
@media(max-width:900px){.server-status-grid,.seo-launch-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.server-status-grid,.seo-launch-grid{grid-template-columns:1fr}}


/* V4.5 site mailer contact form */
.honeypot-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important}
.contact-status{margin-top:14px;font-weight:900}
.contact-status.ok,.ok{color:#7dffab}
.contact-status.warn,.warn{color:#ffd166}
.mailer-note{border:1px solid rgba(109,255,155,.35);background:rgba(109,255,155,.07);border-radius:18px;padding:16px;color:#d8ffe3}


/* V4.6 Residential + Commercial positioning */
.market-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.market-card{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(18,26,39,.82),rgba(7,10,16,.94));
  border-radius:26px;
  padding:26px;
  min-height:320px;
  position:relative;
  overflow:hidden;
}
.market-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right,rgba(225,29,46,.14),transparent 45%);
  pointer-events:none;
}
.market-card h2{position:relative}
.market-card p,.market-card .list{position:relative}
.market-icon{font-size:44px;margin-bottom:12px;position:relative}
.audience-ribbon{
  border-block:1px solid rgba(255,255,255,.10);
  background:linear-gradient(90deg,rgba(225,29,46,.36),rgba(3,6,12,.94),rgba(40,125,255,.24));
  overflow:hidden;
  white-space:nowrap;
}
.audience-ribbon span{
  display:inline-block;
  padding:12px 0;
  color:#fff;
  font-family:Consolas,monospace;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  animation:marquee 28s linear infinite;
}
.service-lane-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:22px;
}
.service-lane{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(9,13,21,.76);
  border-radius:20px;
  padding:18px;
}
.service-lane b{display:block;color:#fff;font-size:18px;margin-bottom:7px}
.service-lane span{display:block;color:#aab7ca;line-height:1.45}
@media(max-width:900px){.market-split,.service-lane-grid{grid-template-columns:1fr}}


/* V4.9 Residential SEO Visibility Engine */
.visibility-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}
.visibility-command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.visibility-card{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(18,26,39,.82),rgba(7,10,16,.94));
  border-radius:24px;
  padding:22px;
  min-height:210px;
  color:#fff;
  text-decoration:none;
  display:block;
  transition:.18s;
  position:relative;
  overflow:hidden;
}
.visibility-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(225,29,46,.15),transparent 45%);pointer-events:none}
.visibility-card:hover{transform:translateY(-4px);border-color:#ff3048;box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 26px rgba(225,29,46,.22)}
.visibility-card b{display:block;font-size:21px;margin:10px 0 8px;position:relative}
.visibility-card span{display:block;color:#aab7ca;line-height:1.45;position:relative}
.visibility-icon{font-size:36px;position:relative}
.tracker-controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.tracker-filter{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#05070c;color:#fff;min-width:260px}
.target-list{display:grid;gap:12px}
.target-item{border:1px solid rgba(255,255,255,.12);background:rgba(9,13,21,.78);border-radius:18px;padding:16px;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:start}
.target-item input{width:auto;margin-top:4px}
.target-item b{display:block;color:#fff}
.target-item small{display:block;color:#ffd166;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.target-item span{display:block;color:#aab7ca;line-height:1.45}
.target-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.priority-critical{color:#ff6a78}.priority-high{color:#ffd166}.priority-medium{color:#75aaff}.priority-low{color:#7dffab}
.plan-table{width:100%;border-collapse:collapse;font-size:13px}
.plan-table th,.plan-table td{border-bottom:1px solid rgba(255,255,255,.08);padding:11px;text-align:left;vertical-align:top}
.plan-table th{background:#090d15;color:#fff;position:sticky;top:0}
.local-pack{border:1px solid rgba(109,255,155,.35);background:rgba(109,255,155,.07);border-radius:18px;padding:16px;color:#d8ffe3}
@media(max-width:1000px){.visibility-hero-grid,.visibility-command-grid{grid-template-columns:1fr 1fr}.target-item{grid-template-columns:34px 1fr}}
@media(max-width:700px){.visibility-hero-grid,.visibility-command-grid{grid-template-columns:1fr}.target-actions{justify-content:flex-start}}