:root{
  --bg:#03090d;--bg2:#061116;--panel:#08161b;--panel2:#0b1d23;--line:#15343d;--line2:#28515b;
  --text:#dce9e8;--muted:#759096;--green:#6dffc7;--cyan:#57d9ef;--amber:#ffc768;--red:#ff6f77;
  --pad:clamp(18px,4vw,58px);--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk",sans-serif;overflow-x:hidden;background-image:linear-gradient(rgba(87,217,239,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(87,217,239,.028) 1px,transparent 1px);background-size:42px 42px}button,a,input{font:inherit}.shell{width:min(1440px,100%);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient,.grid-plane,.scanline{position:fixed;inset:0;pointer-events:none}.ambient{background:radial-gradient(circle at 12% 4%,rgba(87,217,239,.12),transparent 30%),radial-gradient(circle at 88% 36%,rgba(109,255,199,.06),transparent 30%),linear-gradient(180deg,transparent 58%,rgba(1,5,7,.7));z-index:-3}.grid-plane{background:linear-gradient(180deg,transparent 55%,rgba(87,217,239,.04));mask-image:linear-gradient(to bottom,transparent 35%,#000 80%);z-index:-2}.scanline{opacity:.035;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#fff 4px);z-index:100}
.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:600 11px "IBM Plex Mono",monospace;letter-spacing:.1em;position:sticky;top:0;z-index:40;background:rgba(3,9,13,.84);backdrop-filter:blur(18px)}.brand{color:var(--text);text-decoration:none}.wordmark{font-size:13px;letter-spacing:.13em}.wordmark i{color:var(--green);font-style:normal}.wordmark b{color:var(--cyan);font-size:9px;margin-left:5px}.topnav{display:flex;gap:24px}.topnav a,.mobile-menu a{color:var(--muted);text-decoration:none;transition:.2s}.topnav a:hover,.topnav a.active{color:var(--green)}.top-actions{display:flex;align-items:center;gap:16px}.command-trigger,.mobile-menu-button{border:1px solid var(--line2);background:rgba(8,22,27,.65);color:var(--cyan);padding:9px 11px;cursor:pointer;font:600 9px "IBM Plex Mono";letter-spacing:.08em}.command-trigger:hover,.mobile-menu-button:hover{border-color:var(--green);color:var(--green)}.mobile-menu-button{display:none}.status{color:var(--muted);white-space:nowrap}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px;animation:pulse 2.3s infinite}.mobile-menu{position:sticky;top:86px;z-index:35;background:rgba(3,9,13,.96);border-bottom:1px solid var(--line);padding-top:10px;padding-bottom:10px}.mobile-menu a{display:block;padding:12px 0;font:600 10px "IBM Plex Mono";letter-spacing:.09em;border-top:1px solid rgba(21,52,61,.55)}
.hero{min-height:760px;padding-top:clamp(74px,9vw,132px);padding-bottom:clamp(92px,10vw,145px);position:relative}.hero-signal{position:absolute;right:var(--pad);top:66px;width:min(44vw,560px);height:1px;background:linear-gradient(90deg,transparent,var(--line2))}.hero-signal span{position:absolute;right:0;top:-3px;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan)}.eyebrow,.panel-label,.section-head>div>span{font:500 10px "IBM Plex Mono";letter-spacing:.16em;color:var(--green)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:clamp(46px,8vw,128px);align-items:end}.kicker{display:flex;align-items:center;gap:10px;font:500 9px "IBM Plex Mono";letter-spacing:.12em;color:var(--muted);margin:24px 0 0}.kicker b{color:var(--green);font-weight:600}h1{font-size:clamp(58px,8vw,116px);line-height:.87;letter-spacing:-.066em;margin:22px 0 32px;font-weight:600;max-width:970px}h1 em{color:var(--green);font-style:normal;text-shadow:0 0 40px rgba(109,255,199,.13)}.lede{font-size:clamp(18px,2vw,24px);line-height:1.55;color:#a4b7b9;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);padding:14px 17px;color:var(--text);background:transparent;text-decoration:none;font:600 10px "IBM Plex Mono";letter-spacing:.09em;cursor:pointer;transition:.2s}.button:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.button.primary{background:var(--green);border-color:var(--green);color:#03100c}.button.primary:hover{color:#03100c;box-shadow:0 0 26px rgba(109,255,199,.18)}.panel{background:linear-gradient(145deg,rgba(13,34,40,.96),rgba(5,16,20,.98));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 70px rgba(0,0,0,.13)}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-id{font:500 8px "IBM Plex Mono";letter-spacing:.13em;color:#50727a}.situation-card{padding:26px;overflow:hidden}.condition-core{display:grid;grid-template-columns:112px 1fr;gap:22px;align-items:center;margin:32px 0}.condition-core small{display:block;font:500 8px "IBM Plex Mono";letter-spacing:.14em;color:var(--muted)}.condition-core strong{display:block;font:600 clamp(19px,2vw,29px) "IBM Plex Mono";letter-spacing:.07em;color:var(--green);margin:7px 0}.condition-core p{font:400 10px/1.55 "IBM Plex Mono";color:var(--muted);margin:0}.radar{width:108px;height:108px;border-radius:50%;border:1px solid var(--line2);position:relative;background:radial-gradient(circle,rgba(109,255,199,.08) 0 2px,transparent 3px),linear-gradient(transparent 49.5%,rgba(87,217,239,.17) 50%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,rgba(87,217,239,.17) 50%,transparent 50.5%)}.radar:before,.radar:after{content:"";position:absolute;inset:18px;border:1px solid rgba(87,217,239,.16);border-radius:50%}.radar:after{inset:37px}.radar i{position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 0deg,rgba(109,255,199,.22),transparent 22%,transparent);animation:spin 5s linear infinite}.radar b,.radar span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px var(--amber)}.radar b{left:26px;top:32px}.radar span{right:24px;bottom:27px}.condition-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.condition-metrics div{padding:15px 8px;border-right:1px solid var(--line)}.condition-metrics div:last-child{border-right:0}.condition-metrics span{display:block;font:500 7px "IBM Plex Mono";letter-spacing:.12em;color:var(--muted)}.condition-metrics b{display:block;font:600 16px "IBM Plex Mono";margin-top:5px}.node-signature{padding-top:18px;margin-top:15px;display:flex;justify-content:space-between;align-items:center}.node-signature>span{font:500 8px "IBM Plex Mono";letter-spacing:.14em;color:#557278}.node-signature div{display:flex;gap:14px}.node-signature i{display:block;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px rgba(255,199,104,.7)}
.section{padding-top:105px;padding-bottom:105px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:42px;align-items:end;margin-bottom:40px}.section-head.compact{margin-bottom:28px}.section-head h2,.identity-card h2{font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.052em;margin:11px 0 0}.section-head>p{max-width:470px;color:var(--muted);line-height:1.65;margin-bottom:0}.section-tools{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:var(--muted);font:500 8px "IBM Plex Mono";letter-spacing:.08em}.text-button{border:0;background:transparent;color:var(--cyan);font:500 9px "IBM Plex Mono";padding:0;cursor:pointer;letter-spacing:.06em}.text-button:hover{color:var(--green)}
.map-section{background:linear-gradient(180deg,rgba(6,17,22,.55),rgba(3,9,13,.2))}.signal-map{height:520px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(87,217,239,.055),transparent 37%),linear-gradient(180deg,rgba(8,24,29,.9),rgba(4,12,16,.96))}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(87,217,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(87,217,239,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000,transparent 79%)}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid var(--line2);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(3,10,13,.82);box-shadow:0 0 50px rgba(87,217,239,.08)}.map-center:before{content:"";position:absolute;inset:11px;border:1px solid rgba(109,255,199,.18);border-radius:50%}.map-center span{font:700 22px "Space Grotesk"}.map-center b{font:500 8px "IBM Plex Mono";letter-spacing:.17em;color:var(--green)}.map-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(87,217,239,.14);border-radius:50%}.map-orbit.o1{width:330px;height:330px}.map-orbit.o2{width:610px;height:610px}.map-node{position:absolute;border:0;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:9px;font:600 9px "IBM Plex Mono";letter-spacing:.1em}.map-node i{display:block;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green);position:relative}.map-node i:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(109,255,199,.2);border-radius:50%}.map-node.warn i{background:var(--amber);box-shadow:0 0 13px var(--amber)}.map-node.outage i{background:var(--red);box-shadow:0 0 13px var(--red)}.map-node.unknown i{background:#6a848a;box-shadow:none}.map-node:hover span,.map-node.active span{color:var(--green)}.n1{left:17%;top:31%}.n2{right:18%;top:25%}.n3{right:18%;bottom:26%}.n4{left:20%;bottom:23%}.map-detail{position:absolute;left:22px;bottom:20px;width:min(360px,calc(100% - 44px));border-left:2px solid var(--cyan);padding:11px 14px;background:rgba(3,10,13,.68)}.map-detail span{font:500 7px "IBM Plex Mono";letter-spacing:.13em;color:var(--muted)}.map-detail strong{display:block;font:600 13px "IBM Plex Mono";margin:4px 0;color:var(--cyan)}.map-detail p{font:400 9px/1.5 "IBM Plex Mono";margin:0;color:var(--muted)}
.pulse-section{background:linear-gradient(180deg,rgba(7,20,24,.72),rgba(3,9,13,.38))}.vendor-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip{border:1px solid var(--line);background:rgba(7,20,25,.6);color:var(--muted);padding:8px 11px;cursor:pointer;font:600 8px "IBM Plex Mono";letter-spacing:.08em}.chip:hover,.chip.active{border-color:var(--green);color:var(--green);background:rgba(109,255,199,.055)}.service-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-card{padding:18px;min-height:162px;transition:.2s;overflow:hidden}.service-card:hover{border-color:var(--line2);transform:translateY(-2px)}.service-card[hidden]{display:none}.service-head{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center}.service-head i{width:7px;height:7px;border-radius:50%;background:#6c858a}.service-head span{font:600 11px "Space Grotesk";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-head b{font:500 8px "IBM Plex Mono";color:var(--muted)}.service-card.operational .service-head i{background:var(--green);box-shadow:0 0 9px var(--green)}.service-card.degraded .service-head i{background:var(--amber);box-shadow:0 0 9px var(--amber)}.service-card.outage .service-head i{background:var(--red);box-shadow:0 0 9px var(--red)}.service-card p{font:400 8px/1.5 "IBM Plex Mono";color:var(--muted);margin:15px 0 13px;min-height:25px}.service-meta{display:flex;justify-content:space-between;gap:8px;font:500 7px "IBM Plex Mono";letter-spacing:.07em;color:#527079}.service-meta a{color:var(--cyan);text-decoration:none}.sparkline{height:30px;margin-top:14px;border-top:1px solid rgba(21,52,61,.7);position:relative;overflow:hidden}.sparkline svg{width:100%;height:100%;display:block}.sparkline polyline{fill:none;stroke:var(--cyan);stroke-width:1.5;vector-effect:non-scaling-stroke}.placeholder{background:linear-gradient(90deg,transparent,rgba(87,217,239,.08),transparent);animation:scan 1.5s linear infinite}.loading{opacity:.65}.signal-note,.privacy-note{font:400 8px/1.6 "IBM Plex Mono";letter-spacing:.06em;color:#48666d;margin-top:15px}
.cyber-grid{display:grid;grid-template-columns:.85fr 1.55fr;gap:12px}.threat-card,.intel-list{padding:26px}.threat-number{margin:45px 0 34px}.threat-number strong{display:block;font:600 clamp(58px,7vw,92px) "IBM Plex Mono";line-height:.9;color:var(--amber)}.threat-number span{display:block;margin-top:10px;font:500 8px "IBM Plex Mono";letter-spacing:.13em;color:var(--muted)}.threat-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.threat-meta div{padding:16px 0}.threat-meta span{display:block;font:500 7px "IBM Plex Mono";letter-spacing:.11em;color:var(--muted)}.threat-meta b{display:block;font:600 13px "IBM Plex Mono";margin-top:6px}.text-link{font:500 8px "IBM Plex Mono";letter-spacing:.08em;color:var(--cyan);text-decoration:none}.text-link:hover{color:var(--green)}.kev-list{margin-top:18px}.kev-item{display:grid;grid-template-columns:110px 1fr auto;gap:14px;padding:14px 0;border-top:1px solid var(--line);align-items:center}.kev-item .cve{font:600 9px "IBM Plex Mono";color:var(--amber)}.kev-item strong{display:block;font-size:12px}.kev-item span{display:block;font:400 8px/1.45 "IBM Plex Mono";color:var(--muted);margin-top:4px}.kev-item time{font:500 7px "IBM Plex Mono";color:#58747a}.muted{color:var(--muted)}.intel-links{margin-top:12px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.intel-links>span{font:500 8px "IBM Plex Mono";letter-spacing:.11em;color:var(--muted)}.intel-links div{display:flex;flex-wrap:wrap;gap:16px}.intel-links a{font:600 8px "IBM Plex Mono";color:var(--cyan);text-decoration:none}.intel-links a:hover{color:var(--green)}
.diagnostic-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px}.ip-panel,.readout{padding:26px;min-height:310px}.ip{font:600 clamp(25px,3vw,45px) "IBM Plex Mono";color:var(--green);margin:54px 0 11px;word-break:break-all}.location{font:500 10px "IBM Plex Mono";color:var(--muted)}.diag-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:42px}.readout dl{margin:20px 0 0}.readout dl div{padding:12px 0;border-top:1px solid var(--line)}dt{font:500 8px "IBM Plex Mono";letter-spacing:.12em;color:var(--muted);margin-bottom:5px}dd{margin:0;font:500 11px "IBM Plex Mono"}.field-switch{display:flex;align-items:center;gap:12px;font:500 8px "IBM Plex Mono";letter-spacing:.12em;color:var(--muted)}.switch{position:relative;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#10252b;border:1px solid var(--line2);cursor:pointer}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#668188;transition:.2s}.switch input:checked+span:before{transform:translateX(20px);background:var(--green);box-shadow:0 0 10px rgba(109,255,199,.5)}.switch input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.identity-card{display:grid;grid-template-columns:1fr 1fr auto;gap:48px;align-items:end;padding:clamp(28px,5vw,62px)}.identity-card p{color:#94aaad;line-height:1.7;margin:0;max-width:560px}.bottom-nav{display:none}
.command-dialog{border:0;padding:0;background:transparent;width:min(720px,calc(100% - 28px));color:var(--text)}.command-dialog::backdrop{background:rgba(0,4,6,.78);backdrop-filter:blur(9px)}.command-shell{padding:0;overflow:hidden}.command-head{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:500 8px "IBM Plex Mono";letter-spacing:.12em;color:var(--muted)}.command-head button{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.command-shell input{width:100%;border:0;border-bottom:1px solid var(--line);background:#061217;color:var(--green);padding:22px 18px;outline:none;font:600 16px "IBM Plex Mono"}.command-shell input:focus{box-shadow:inset 3px 0 var(--green)}.command-results{max-height:330px;overflow:auto}.command-result{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;border:0;border-top:1px solid rgba(21,52,61,.55);background:transparent;color:var(--text);padding:14px 18px;cursor:pointer}.command-result:hover,.command-result:focus{background:rgba(109,255,199,.045);outline:none}.command-result strong{font:600 11px "Space Grotesk"}.command-result span{font:500 8px "IBM Plex Mono";color:var(--muted)}.command-result b{font:600 8px "IBM Plex Mono";color:var(--green)}.command-help{padding:12px 18px;margin:0;border-top:1px solid var(--line);font:500 7px "IBM Plex Mono";letter-spacing:.08em;color:#536f75}.toast{position:fixed;right:18px;bottom:18px;z-index:80;background:#0a1a20;border:1px solid var(--line2);padding:11px 14px;color:var(--green);font:600 8px "IBM Plex Mono";letter-spacing:.09em;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#58747a;font:500 8px "IBM Plex Mono";letter-spacing:.1em}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
body.field-active .map-section,body.field-active .pulse-section,body.field-active .cyber-section,body.field-active .identity-strip{display:none}body.field-active .hero{min-height:auto;padding-bottom:55px}body.field-active .hero-copy .lede,body.field-active .situation-card{display:none}body.field-active h1{font-size:clamp(48px,7vw,82px)}body.field-active .diagnostics-section{border-top:0;padding-top:35px}.field-active #diagnostics{scroll-margin-top:96px}
@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{from{background-position:-200px 0}to{background-position:200px 0}}
@media(max-width:1180px){.service-matrix{grid-template-columns:repeat(3,1fr)}.diagnostic-grid{grid-template-columns:1fr 1fr}.ip-panel{grid-column:1/-1}.identity-card{grid-template-columns:1fr 1fr}.identity-card .button{grid-column:1/-1;justify-self:start}}
@media(max-width:980px){.topnav{display:none}.mobile-menu-button{display:block}.status{display:none}.hero-grid{grid-template-columns:1fr}.situation-card{max-width:650px}.section-head{display:block}.section-head>p{margin-top:18px}.section-tools{align-items:flex-start;margin-top:20px}.service-matrix{grid-template-columns:repeat(2,1fr)}.cyber-grid{grid-template-columns:1fr}.intel-links{align-items:flex-start;flex-direction:column}.map-orbit.o2{width:520px;height:520px}.map-node.n1{left:10%}.map-node.n2{right:10%}.map-node.n3{right:10%}.map-node.n4{left:12%}}
@media(max-width:700px){html{scroll-padding-top:74px}body{padding-bottom:calc(64px + var(--safe-bottom))}.topbar{height:70px}.mobile-menu{top:70px}.wordmark{font-size:11px}.wordmark b{display:none}.command-trigger{display:none}.hero{min-height:auto;padding-top:58px;padding-bottom:75px}.hero-signal{top:40px}.eyebrow{font-size:8px;line-height:1.5}.hero-grid{gap:42px}h1{font-size:clamp(46px,15vw,66px);line-height:.9}.lede{font-size:17px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .button:first-child{grid-column:1/-1}.situation-card{padding:19px}.condition-core{grid-template-columns:82px 1fr;gap:16px}.radar{width:80px;height:80px}.radar:before{inset:13px}.radar:after{inset:28px}.condition-metrics b{font-size:14px}.section{padding-top:72px;padding-bottom:72px}.section-head h2,.identity-card h2{font-size:42px}.signal-map{height:430px}.map-center{width:92px;height:92px}.map-orbit.o1{width:235px;height:235px}.map-orbit.o2{width:390px;height:390px}.map-node{font-size:7px;gap:6px}.map-node i{width:9px;height:9px}.n1{left:7%!important;top:26%}.n2{right:7%!important;top:23%}.n3{right:7%!important;bottom:25%}.n4{left:8%!important;bottom:22%}.map-detail{left:14px;bottom:13px;width:calc(100% - 28px)}.service-matrix{grid-template-columns:1fr}.service-card{min-height:145px}.vendor-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.chip{white-space:nowrap}.diagnostic-grid{grid-template-columns:1fr}.ip-panel{grid-column:auto}.ip-panel,.readout{min-height:0}.ip{margin-top:36px}.kev-item{grid-template-columns:1fr auto}.kev-item .cve{grid-column:1/-1}.intel-links div{gap:12px}.identity-card{grid-template-columns:1fr;gap:22px}.identity-card .button{grid-column:auto}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(3,9,13,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom)}.bottom-nav a{min-height:56px;display:grid;place-items:center;text-decoration:none;color:var(--muted);font:600 8px "IBM Plex Mono";letter-spacing:.08em}.bottom-nav a.active{color:var(--green);background:rgba(109,255,199,.045)}footer{display:none}.toast{bottom:calc(72px + var(--safe-bottom));left:14px;right:14px;text-align:center}.command-dialog{width:calc(100% - 18px)}body.field-active{padding-bottom:calc(64px + var(--safe-bottom))}body.field-active .hero{display:none}body.field-active .diagnostics-section{padding-top:32px}.field-switch{margin-top:18px}.reveal{opacity:1;transform:none}}
@media(max-width:430px){.actions{grid-template-columns:1fr}.actions .button:first-child{grid-column:auto}.condition-metrics{grid-template-columns:1fr}.condition-metrics div{border-right:0;border-bottom:1px solid var(--line)}.condition-metrics div:last-child{border-bottom:0}.signal-map{height:390px}.map-node span{display:none}.map-orbit.o2{width:320px;height:320px}.map-orbit.o1{width:210px;height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status span,.radar i,.placeholder{animation:none}.button,.service-card,.reveal,.toast,.switch span:before{transition:none}.reveal{opacity:1;transform:none}}

/* Live Cloudflare Radar world map */
.radar-map{height:min(58vw,600px);min-height:460px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(87,217,239,.075),transparent 57%),#061015}.map-viewport{position:absolute;left:3%;right:3%;top:14%;aspect-ratio:2/1}.world-map,.radar-points{position:absolute;inset:0;width:100%;height:100%}.world-map{overflow:visible;filter:drop-shadow(0 0 15px rgba(87,217,239,.12))}.map-grid path{fill:none;stroke:rgba(87,217,239,.09);stroke-width:.65;vector-effect:non-scaling-stroke}.world-land path{fill:#173844;stroke:#3e7480;stroke-width:.55;vector-effect:non-scaling-stroke;opacity:.72;transition:fill .2s}.world-land path:hover{fill:#1f4856}.radar-points{z-index:2}.heat-point{position:absolute;width:var(--size,22px);height:var(--size,22px);min-width:16px;min-height:16px;transform:translate(-50%,-50%);border:1px solid rgba(255,224,184,.45);border-radius:50%;cursor:pointer;background:rgba(255,118,75,var(--heat));box-shadow:0 0 calc(8px + 22px * var(--heat)) rgba(255,88,48,.88),0 0 calc(15px + 34px * var(--heat)) rgba(255,184,72,.38);animation:heatPulse 2.8s ease-in-out infinite}.heat-point:hover,.heat-point:focus-visible{outline:1px solid #fff;outline-offset:3px;z-index:3}.heat-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);padding:7px 9px;background:#02080b;border:1px solid var(--line2);color:var(--text);font:600 8px "IBM Plex Mono";white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.heat-point:hover .heat-tooltip,.heat-point:focus-visible .heat-tooltip{opacity:1}.radar-meta{position:absolute;left:22px;top:20px;display:flex;gap:15px;color:#6f9096;font:500 8px "IBM Plex Mono";letter-spacing:.1em}.radar-meta span+span:before{content:"•";margin-right:15px;color:var(--cyan)}.radar-refresh{position:absolute;right:22px;top:20px}.radar-refresh:disabled{opacity:.55;cursor:wait}.heat-legend{position:absolute;right:24px;bottom:24px;color:#6f9096;font:500 7px "IBM Plex Mono";letter-spacing:.1em}.heat-legend>span{display:block;margin-bottom:7px}.heat-legend div{display:flex;align-items:center;gap:7px}.heat-legend i,.heat-legend em{display:block;border-radius:50%;background:#ff764b;box-shadow:0 0 9px rgba(255,88,48,.7)}.heat-legend i{width:8px;height:8px;opacity:.45}.heat-legend em{width:14px;height:14px;opacity:1}.heat-legend b{font:inherit}.radar-live .map-detail strong{color:var(--green)}.radar-cached .map-detail strong{color:var(--amber)}.map-unavailable .world-map:after{content:"MAP BOUNDARIES UNAVAILABLE"}@keyframes heatPulse{50%{transform:translate(-50%,-50%) scale(1.2)}}@media(max-width:700px){.radar-map{height:480px}.map-viewport{left:1%;right:1%;top:22%}.radar-meta{left:14px;top:52px;right:14px;justify-content:space-between}.radar-refresh{right:14px;top:13px}.map-detail{bottom:14px}.heat-legend{right:14px;bottom:18px}.heat-point{min-width:20px;min-height:20px}.heat-tooltip{font-size:7px}}

/* =========================================================
   DWM BRAND MARK
   ========================================================= */

.brand,
.insights-brand {
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    flex-shrink:0;
}

.dwm-site-logo {
    display:block;
    width:auto;
    height:38px;
    max-width:180px;
    object-fit:contain;
}

@media (max-width:700px) {
    .dwm-site-logo {
        height:30px;
        max-width:145px;
    }
}



/* DWM PHASE 2C-4 HOME INSIGHTS */
.home-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-insight-card{overflow:hidden}
.home-insight-image{display:block;position:relative;aspect-ratio:1.91/1;overflow:hidden;border-bottom:1px solid rgba(109,255,199,.12)}
.home-insight-image img{width:100%;height:100%;object-fit:cover;display:block}
.home-insight-image>span{position:absolute;left:12px;bottom:12px;padding:5px 8px;background:#061014;border:1px solid rgba(109,255,199,.35);color:#6dffc7;font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.08em}
.home-insight-body{padding:18px}
.home-insight-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:.66rem}
.home-insight-body h3{margin:14px 0 10px;font-size:1.25rem;line-height:1.2}
.home-insight-body h3 a{color:var(--text);text-decoration:none}
.home-insight-body h3 a:hover{color:#6dffc7}
.home-insight-body p{margin:0;color:var(--muted);line-height:1.55}
.home-insight-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.home-insight-tags a{padding:4px 7px;border:1px solid rgba(109,255,199,.18);color:var(--muted);text-decoration:none;font-family:"IBM Plex Mono",monospace;font-size:.62rem}
.home-insights-more{display:flex;justify-content:center;margin-top:28px}
.home-insights-empty{padding:28px;color:var(--muted);font-family:"IBM Plex Mono",monospace;text-align:center}
@media(max-width:900px){.home-insights-grid{grid-template-columns:1fr}.home-insight-card{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr}.home-insight-image{height:100%;aspect-ratio:auto}}
@media(max-width:620px){.home-insight-card{display:block}.home-insight-image{aspect-ratio:1.91/1}.home-insight-body{padding:15px}.home-insights-more .button{width:100%;justify-content:center}.bottom-nav{grid-template-columns:repeat(5,1fr)}}



/* DWM PHASE 2C-4A // mobile admin access */
.mobile-menu .mobile-admin-link {
    margin-top: 8px;
    border-top: 1px solid var(--line);
    color: var(--green);
}

/* DWM PHASE 2C-4B // MOBILE INSIGHTS + UNIFORM ADMIN */
.topnav .desktop-admin-link {
    color: var(--green);
}

@media (max-width: 620px) {
    .home-insights {
        overflow: hidden;
    }

    .home-insights-grid {
        gap: 14px;
    }

    .home-insight-card {
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        min-height: 132px;
    }

    .home-insight-image {
        height: 100%;
        min-height: 132px;
        aspect-ratio: auto;
        border-bottom: 0;
        border-right: 1px solid rgba(109,255,199,.12);
    }

    .home-insight-image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home-insight-image > span {
        left: 7px;
        right: 7px;
        bottom: 7px;
        width: max-content;
        max-width: calc(100% - 14px);
        padding: 4px 6px;
        font-size: .52rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .home-insight-body {
        min-width: 0;
        padding: 12px;
    }

    .home-insight-meta {
        font-size: .54rem;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .home-insight-body h3 {
        margin: 8px 0 6px;
        font-size: 1rem;
        line-height: 1.18;
        overflow-wrap: anywhere;
    }

    .home-insight-body p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: .82rem;
        line-height: 1.35;
    }

    .home-insight-tags {
        margin-top: 8px;
        gap: 4px;
    }

    .home-insight-tags a {
        padding: 3px 5px;
        font-size: .5rem;
    }
}

@media (max-width: 390px) {
    .home-insight-card {
        grid-template-columns: 96px minmax(0, 1fr);
    }
}
/* DWM PHASE 2C-4D // NEVER CROP INSIGHT THUMBNAILS */

.home-insight-image {
    background: #03090d;
}

.home-insight-image img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center center;
    transform: none !important;
}

.home-insight-card:hover .home-insight-image img {
    transform: none !important;
}

/* Preserve contain behavior at mobile breakpoints too */
@media (max-width: 620px) {
    .home-insight-image img {
        object-fit: contain !important;
        object-position: center center;
        transform: none !important;
    }
}