.brand{font-size:1rem;gap:1rem}.brand small{font-size:.57rem}.mark{width:48px;height:48px}.security-ticker{position:relative;z-index:8;overflow:hidden;border-top:1px solid rgba(90,168,160,.18);border-bottom:1px solid rgba(90,168,160,.18);background:rgba(3,8,8,.96)}.security-ticker-track{display:flex;align-items:center;width:max-content;min-height:39px;animation:security-scroll 34s linear infinite}.security-ticker span{padding:0 2rem;font-size:.57rem;letter-spacing:.18em;color:rgba(232,224,210,.55);white-space:nowrap}.security-ticker b{color:var(--turq);font-weight:600}.security-ticker i{display:inline-block;width:5px;height:5px;margin-right:.55rem;border-radius:50%;background:var(--turq);box-shadow:0 0 10px var(--turq)}@keyframes security-scroll{to{transform:translateX(-50%)}}.hero-security-grid{position:absolute;inset:0;pointer-events:none;opacity:.19;background-image:linear-gradient(rgba(90,168,160,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(90,168,160,.11) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 48%,black)}.hero-security-orbit{position:absolute;right:3vw;top:22%;width:24rem;height:24rem;border:1px solid rgba(90,168,160,.12);border-radius:50%;pointer-events:none;animation:security-orbit 18s linear infinite}.hero-security-orbit:before,.hero-security-orbit:after{content:"";position:absolute;border-radius:50%;inset:3.4rem;border:1px dashed rgba(185,139,75,.16)}.hero-security-orbit:after{inset:7.8rem;border-style:solid;border-color:rgba(157,47,36,.16)}@keyframes security-orbit{to{transform:rotate(360deg)}}.threat-feed{position:relative}.threat-feed:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(90,168,160,.06),transparent 26rem);pointer-events:none}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 2rem;padding:1rem 1.2rem;border:1px solid var(--line);background:#050606}.feed-status{display:flex;align-items:center;gap:.7rem;font-size:.6rem;letter-spacing:.15em;color:rgba(232,224,210,.52)}.feed-status i{width:7px;height:7px;border-radius:50%;background:var(--turq);box-shadow:0 0 12px var(--turq);animation:feed-pulse 2s ease-in-out infinite}.feed-updated{font-size:.58rem;letter-spacing:.13em;color:rgba(232,224,210,.38)}@keyframes feed-pulse{50%{opacity:.3}}.incident-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.incident-card{position:relative;min-height:330px;padding:1.7rem;background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 60%),#070808;display:flex;flex-direction:column}.incident-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--turq);opacity:.62}.incident-card.high:before{background:var(--red)}.incident-card.watch:before{background:var(--gold)}.incident-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center}.incident-tag{font-size:.54rem;letter-spacing:.17em;color:var(--turq)}.incident-card.high .incident-tag{color:#c85b4e}.incident-date{font-size:.54rem;letter-spacing:.12em;color:rgba(232,224,210,.35)}.incident-card h3{font-family:"Poiret One",sans-serif;font-size:2rem;color:#fff;margin:2.8rem 0 1rem}.incident-card p{color:rgba(232,224,210,.58);margin:0}.incident-facts{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.4rem 0}.incident-facts span{padding:.65rem;border:1px solid rgba(255,255,255,.08);font-size:.62rem;letter-spacing:.06em;color:rgba(232,224,210,.65)}.incident-card a{margin-top:auto;padding-top:1.2rem;text-decoration:none;color:var(--turq);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}.incident-card a:hover{color:#fff}.feed-note{margin-top:1.2rem;padding:1rem 1.2rem;border-left:2px solid var(--gold);background:rgba(185,139,75,.05);color:rgba(232,224,210,.54);font-size:.72rem}.security-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:2rem;background:var(--line);border:1px solid var(--line)}.security-principles span{padding:1rem;background:#050606;font-size:.6rem;letter-spacing:.1em;color:rgba(232,224,210,.58)}.security-principles b{display:block;color:var(--turq);margin-bottom:.25rem}.intel-terminal{position:relative;margin:0 0 2rem;border:1px solid rgba(90,168,160,.28);background:linear-gradient(145deg,rgba(90,168,160,.05),transparent 34%),#040606;overflow:hidden}.intel-terminal:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(90,168,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(90,168,160,.08) 1px,transparent 1px);background-size:34px 34px}.intel-terminal-head,.intel-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.intel-terminal-head span{display:block;color:var(--turq);font-size:.54rem;letter-spacing:.18em}.intel-terminal-head b{font-size:.78rem;letter-spacing:.1em;color:#fff}.intel-clock{font-size:.58rem;letter-spacing:.13em;color:rgba(232,224,210,.44)}.intel-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.intel-metrics div{padding:1.1rem;background:rgba(4,6,6,.96)}.intel-metrics span,.intel-metrics b,.intel-metrics small{display:block}.intel-metrics span{font-size:.52rem;letter-spacing:.15em;color:rgba(232,224,210,.38)}.intel-metrics b{margin:.35rem 0;color:#fff;font-family:"Poiret One";font-size:1.35rem}.intel-metrics small{color:rgba(232,224,210,.45);font-size:.65rem}.risk-elevated{color:var(--gold)!important}.intel-lanes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.intel-lanes a{min-height:150px;padding:1.2rem;background:#070909;text-decoration:none;transition:.2s}.intel-lanes a:hover{background:#0a0e0e;transform:translateY(-2px)}.intel-lanes span,.intel-lanes b,.intel-lanes small{display:block}.intel-lanes span{font-size:.5rem;letter-spacing:.18em;color:var(--turq)}.intel-lanes b{margin:1.7rem 0 .45rem;color:#fff;font-size:.82rem}.intel-lanes small{color:rgba(232,224,210,.45);font-size:.68rem}.intel-bottom{border-top:1px solid var(--line);border-bottom:0;font-size:.54rem;letter-spacing:.13em;color:rgba(232,224,210,.45)}.intel-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--turq);box-shadow:0 0 10px var(--turq);margin-right:.5rem}.intel-bottom a{color:var(--turq);text-decoration:none}@media(prefers-reduced-motion:reduce){.security-ticker-track,.hero-security-orbit,.feed-status i{animation:none}}@media(max-width:900px){.incident-grid{grid-template-columns:1fr}.security-principles{grid-template-columns:1fr 1fr}.hero-security-orbit{display:none}.intel-metrics{grid-template-columns:1fr 1fr}.intel-lanes{grid-template-columns:1fr 1fr}}@media(max-width:640px){.brand{font-size:.84rem}.mark{width:42px;height:42px}.feed-toolbar,.intel-terminal-head,.intel-bottom{align-items:flex-start;flex-direction:column}.security-principles,.intel-metrics,.intel-lanes{grid-template-columns:1fr}.security-ticker span{padding:0 1.2rem}}.gratitude-bar{position:relative;z-index:60;min-height:34px;padding:.55rem 4vw;display:flex;justify-content:center;align-items:center;gap:1rem;border-bottom:1px solid rgba(185,139,75,.22);background:linear-gradient(90deg,rgba(185,139,75,.06),rgba(90,168,160,.05),rgba(185,139,75,.06));color:rgba(232,224,210,.6);font-size:.58rem;letter-spacing:.08em;text-align:center}.gratitude-bar span{color:var(--gold);font-weight:600;letter-spacing:.18em;white-space:nowrap}.gratitude-bar p{margin:0}.gratitude-bar+header{top:34px}.executive-focus{position:relative;background:radial-gradient(circle at 20% 5%,rgba(57,231,255,.045),transparent 28%),radial-gradient(circle at 85% 95%,rgba(69,255,154,.04),transparent 30%)}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line)}.focus-grid article{min-height:420px;padding:2rem;background:#050707}.focus-grid article>span{color:var(--turq);font-size:.58rem;letter-spacing:.18em}.focus-grid h3{margin:3rem 0 1rem;color:#fff;font-size:2.35rem}.focus-grid p,.focus-grid li{color:rgba(232,224,210,.6)}.focus-grid ul{padding-left:1.1rem}.focus-grid li{margin:.7rem 0}.time-stewardship{margin-top:1px;padding:1.35rem 1.5rem;display:grid;grid-template-columns:.36fr 1fr;gap:2rem;border:1px solid rgba(185,139,75,.2);background:rgba(185,139,75,.035)}.time-stewardship b{color:var(--gold);font-size:.65rem;letter-spacing:.17em}.time-stewardship p{margin:0;color:rgba(232,224,210,.57)}@media(max-width:900px){.focus-grid,.time-stewardship{grid-template-columns:1fr}.gratitude-bar+header{top:0}.gratitude-bar{position:relative;flex-direction:column;gap:.2rem}.gratitude-bar p{max-width:720px}}@media(max-width:640px){.gratitude-bar p{font-size:.52rem}.focus-grid article{min-height:auto;padding:1.5rem}}

/* Executive Cyber Command — Elite Edition */
:root{
  --elite-cyan:#69e7ff;
  --elite-mint:#7fffc1;
  --elite-amber:#e9bd6a;
  --elite-ink:#020405;
  --elite-panel:rgba(7,12,14,.86);
}
body{
  background:
    radial-gradient(circle at 82% 8%,rgba(105,231,255,.055),transparent 26rem),
    radial-gradient(circle at 10% 48%,rgba(127,255,193,.035),transparent 30rem),
    #020304;
}
header{
  border-bottom:1px solid rgba(105,231,255,.12);
  background:linear-gradient(180deg,rgba(2,5,7,.98),rgba(2,5,7,.88));
  box-shadow:0 18px 60px rgba(0,0,0,.42);
}
.brand span:not(.mark){color:#f4fbff}
.brand small{color:rgba(174,218,228,.58)}
.mark{
  border-color:rgba(105,231,255,.42);
  box-shadow:0 0 0 1px rgba(105,231,255,.05),0 0 34px rgba(105,231,255,.13);
}
.mark i{border-color:var(--elite-cyan);box-shadow:0 0 0 6px rgba(105,231,255,.06),0 0 18px rgba(105,231,255,.35)}
nav a{color:rgba(223,241,246,.7)}
nav a:hover{color:#fff;text-shadow:0 0 16px rgba(105,231,255,.5)}
.nav-cta{
  border-color:rgba(105,231,255,.38);
  color:#effcff;
  background:linear-gradient(135deg,rgba(105,231,255,.1),rgba(127,255,193,.04));
}
.story-hero{
  background:
    linear-gradient(90deg,rgba(2,5,7,.985) 0%,rgba(2,5,7,.93) 46%,rgba(2,8,10,.76) 100%),
    radial-gradient(circle at 76% 36%,rgba(105,231,255,.13),transparent 30rem),
    #020405;
}
.hero-security-grid{
  opacity:.24;
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,transparent 4%,black 52%,black);
}
.story-hero .hero-copy{max-width:900px}
.story-hero .eyebrow{color:var(--elite-cyan);text-shadow:0 0 18px rgba(105,231,255,.38)}
.story-hero h1{
  font-family:"Josefin Sans",sans-serif;
  font-weight:300;
  letter-spacing:-.055em;
  line-height:.94;
  text-shadow:0 18px 50px rgba(0,0,0,.55);
}
.story-hero h1 span{
  color:var(--elite-cyan);
  -webkit-text-stroke:0;
  text-shadow:0 0 32px rgba(105,231,255,.18);
}
.story-hero .lede{
  max-width:820px;
  color:rgba(224,241,246,.72);
  border-left:2px solid rgba(105,231,255,.52);
  padding-left:1.25rem;
}
.button{border-radius:2px}
.button.primary{
  background:linear-gradient(135deg,#dff9ff,#aeeef6);
  color:#031014;
  box-shadow:0 12px 38px rgba(105,231,255,.12);
}
.button.secondary{border-color:rgba(105,231,255,.28);background:rgba(105,231,255,.035)}
.framework-panel{
  min-height:600px;
  border-color:rgba(105,231,255,.35);
  background:
    linear-gradient(180deg,rgba(105,231,255,.05),transparent 25%),
    rgba(3,9,11,.78);
  backdrop-filter:blur(18px);
  box-shadow:inset 0 0 70px rgba(105,231,255,.025),0 28px 80px rgba(0,0,0,.36);
}
.framework-kicker{color:var(--elite-cyan)}
.csf-center{border-color:var(--elite-cyan);box-shadow:0 0 50px rgba(105,231,255,.18)}
.csf-ring span{border-color:rgba(105,231,255,.26);background:rgba(3,10,12,.92)}
.csf-ring span.is-active{color:var(--elite-cyan);border-color:var(--elite-cyan);background:rgba(105,231,255,.11)}
.section-shell{position:relative}
.section-shell:before{
  content:"";
  position:absolute;
  top:0;left:4vw;width:82px;height:1px;
  background:linear-gradient(90deg,var(--elite-cyan),transparent);
}
.section-heading h2,.profile h2,.method h2,.contact h2{
  letter-spacing:-.035em;
  text-shadow:0 14px 35px rgba(0,0,0,.45);
}
.cards article,.incident-card,.focus-grid article,.intel-lanes a{
  background:linear-gradient(145deg,rgba(105,231,255,.035),transparent 44%),rgba(5,9,11,.92);
}
.cards article,.focus-grid article{transition:border-color .25s,transform .25s,background .25s}
.cards article:hover,.focus-grid article:hover{
  transform:translateY(-3px);
  background:linear-gradient(145deg,rgba(105,231,255,.075),transparent 52%),#070c0e;
}
.security-ticker{border-color:rgba(105,231,255,.24);background:#020709}
.security-ticker b,.incident-tag,.intel-lanes span,.intel-bottom a{color:var(--elite-cyan)}
.intel-terminal{
  border-color:rgba(105,231,255,.38);
  box-shadow:0 26px 70px rgba(0,0,0,.3),inset 0 0 60px rgba(105,231,255,.02);
}
.hero-foot{color:rgba(176,215,224,.5)}
.gratitude-bar{
  background:linear-gradient(90deg,rgba(233,189,106,.045),rgba(105,231,255,.045),rgba(233,189,106,.045));
  color:rgba(215,230,232,.62);
}
@media(max-width:980px){
  .story-hero{background:radial-gradient(circle at 80% 16%,rgba(105,231,255,.1),transparent 24rem),#020405}
  .framework-panel{min-height:540px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}


/* Zia identity + active intelligence pane */
.zia-mark{position:relative;border:0;border-radius:0;width:54px;height:54px;overflow:visible}
.zia-mark:before,.zia-mark:after,.zia-mark i:before,.zia-mark i:after{
  content:"";position:absolute;left:50%;top:50%;background:var(--elite-cyan);
  box-shadow:0 0 13px rgba(105,231,255,.65);transform-origin:center;
}
.zia-mark i{position:absolute;left:50%;top:50%;width:17px;height:17px;border:2px solid var(--elite-cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(105,231,255,.38)}
.zia-mark:before{width:2px;height:50px;transform:translate(-50%,-50%)}
.zia-mark:after{width:50px;height:2px;transform:translate(-50%,-50%)}
.zia-mark i:before{width:2px;height:42px;transform:translate(-50%,-50%) rotate(45deg)}
.zia-mark i:after{width:42px;height:2px;transform:translate(-50%,-50%) rotate(45deg)}
.zia-mark{animation:zia-breathe 4s ease-in-out infinite}
.zia-mark i{animation:zia-core 5.5s linear infinite}
@keyframes zia-breathe{50%{filter:drop-shadow(0 0 10px rgba(105,231,255,.58));transform:scale(1.045)}}
@keyframes zia-core{to{transform:translate(-50%,-50%) rotate(360deg)}}
.intel-command-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}
.intel-command-bar .feed-updated{grid-column:1/-1;padding-top:.8rem;border-top:1px solid rgba(105,231,255,.1)}
.intel-refresh{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1rem;border:1px solid rgba(105,231,255,.45);background:linear-gradient(135deg,rgba(105,231,255,.14),rgba(127,255,193,.05));color:#eaffff;font:600 .6rem "Josefin Sans";letter-spacing:.14em;cursor:pointer;transition:.2s}
.intel-refresh:hover{background:rgba(105,231,255,.2);box-shadow:0 0 28px rgba(105,231,255,.12);transform:translateY(-1px)}
.intel-refresh:disabled{opacity:.65;cursor:wait}
.intel-refresh-icon{font-size:1.15rem;color:var(--elite-cyan);line-height:1}
.intel-refresh.is-loading .intel-refresh-icon{animation:intel-spin .8s linear infinite}
@keyframes intel-spin{to{transform:rotate(360deg)}}
.active-threat-head{display:grid;grid-template-columns:1fr .65fr;gap:3rem;align-items:end;padding:1.4rem 0 1rem;border-bottom:1px solid rgba(105,231,255,.22)}
.active-threat-head span{font-size:.55rem;letter-spacing:.19em;color:var(--elite-cyan)}
.active-threat-head h3{font:400 1.75rem "Poiret One";color:#fff;margin:.35rem 0 0}
.active-threat-head p{margin:0;color:rgba(224,241,246,.52);font-size:.74rem}
.live-threat-pane{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line)}
.live-threat-card{position:relative;display:grid;grid-template-columns:54px 1fr;min-height:230px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(105,231,255,.04),transparent 48%),#05090b}
.live-threat-rank{display:grid;place-items:center;border-right:1px solid rgba(105,231,255,.13);color:rgba(105,231,255,.42);font:300 1rem "Josefin Sans";letter-spacing:.08em}
.live-threat-copy{padding:1.35rem}
.live-threat-copy span{color:var(--elite-cyan);font-size:.52rem;letter-spacing:.13em}
.live-threat-copy h3{font:400 1.25rem "Poiret One";line-height:1.2;color:#fff;margin:1rem 0 .65rem}
.live-threat-copy p{color:rgba(224,241,246,.55);font-size:.72rem;margin:0 0 1rem}
.live-threat-copy a{color:var(--elite-cyan);font-size:.54rem;letter-spacing:.13em;text-decoration:none}
.live-threat-card:hover{background:linear-gradient(145deg,rgba(105,231,255,.09),transparent 55%),#070d0f}
.incident-divider{display:flex;align-items:center;gap:1rem;margin:2.2rem 0 1rem;color:rgba(224,241,246,.36);font-size:.53rem;letter-spacing:.18em}
.incident-divider:after{content:"";height:1px;flex:1;background:var(--line)}
@media(max-width:900px){.live-threat-pane{grid-template-columns:1fr}.active-threat-head{grid-template-columns:1fr}.intel-command-bar{grid-template-columns:1fr}}
@media(max-width:640px){.zia-mark{width:46px;height:46px}.live-threat-card{grid-template-columns:42px 1fr}.intel-refresh{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.zia-mark,.zia-mark i{animation:none}}


/* Ranger-inspired SOC / NOC visibility center */
.soc-center{max-width:none;padding-inline:7vw;background:radial-gradient(circle at 88% 18%,rgba(105,231,255,.07),transparent 30rem),linear-gradient(180deg,#020405,#030807 45%,#020405)}
.soc-heading{max-width:1280px;margin:0 auto 3rem;display:grid;grid-template-columns:1fr .7fr;gap:5rem;align-items:end}
.soc-heading h2{font:300 clamp(3rem,6vw,6.4rem)/.94 "Josefin Sans";letter-spacing:-.055em;color:#f4fbff;margin:0}.soc-heading h2 span{color:#69e7ff}
.soc-heading-copy p{color:rgba(224,241,246,.62)}.soc-live{display:flex;align-items:center;gap:.7rem;color:#7fffc1;font-size:.55rem;letter-spacing:.16em}.soc-live i{width:7px;height:7px;border-radius:50%;background:#7fffc1;box-shadow:0 0 0 0 rgba(127,255,193,.6);animation:soc-pulse 2s infinite}
@keyframes soc-pulse{70%{box-shadow:0 0 0 9px rgba(127,255,193,0)}}
.soc-command{max-width:1440px;margin:auto;border:1px solid rgba(105,231,255,.24);background:rgba(3,8,9,.9);box-shadow:0 35px 100px rgba(0,0,0,.48),inset 0 1px rgba(105,231,255,.08)}
.soc-command-top{min-height:60px;padding:.8rem 1rem;display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;border-bottom:1px solid rgba(105,231,255,.16);background:rgba(4,12,14,.96)}
.soc-command-top b,.soc-command-top span{display:block}.soc-command-top b{color:#f4fbff;font-size:.68rem;letter-spacing:.13em}.soc-command-top span{color:rgba(176,215,224,.45);font-size:.5rem;letter-spacing:.15em}
.soc-tabs{display:flex;gap:.35rem}.soc-tabs button,.soc-refresh{border:1px solid rgba(105,231,255,.16);background:#061013;color:rgba(224,241,246,.5);font:600 .53rem "Josefin Sans";letter-spacing:.12em;padding:.66rem .8rem;cursor:pointer}
.soc-tabs button.active,.soc-tabs button:hover{color:#031014;background:#69e7ff;border-color:#69e7ff}.soc-refresh{font-size:1rem;color:#69e7ff}.soc-refresh.spin{animation:intel-spin .65s linear infinite}
.soc-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(105,231,255,.14)}.soc-metrics article{padding:1rem 1.2rem;border-right:1px solid rgba(105,231,255,.12)}.soc-metrics article:last-child{border-right:0}.soc-metrics span,.soc-metrics b,.soc-metrics small{display:block}.soc-metrics span{color:rgba(176,215,224,.42);font-size:.5rem;letter-spacing:.15em}.soc-metrics b{margin:.35rem 0;color:#fff;font:300 1.65rem "Josefin Sans"}.soc-metrics small{color:#7fffc1;font-size:.48rem;letter-spacing:.1em}.soc-metrics .soc-warn{color:#ff7182}
.soc-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1px;background:rgba(105,231,255,.12)}.soc-card{background:linear-gradient(145deg,rgba(105,231,255,.025),transparent 45%),#03090b}.soc-traffic,.soc-topology{padding:1rem;min-width:0}.soc-card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.soc-card-head span,.soc-card-head b{display:block}.soc-card-head span{color:#69e7ff;font-size:.5rem;letter-spacing:.15em}.soc-card-head b{color:rgba(238,250,252,.75);font-size:.68rem;margin-top:.2rem}.soc-card-head em{color:#7fffc1;font:normal .5rem "Josefin Sans";letter-spacing:.14em}
.soc-legend{color:rgba(176,215,224,.5);font-size:.48rem;letter-spacing:.1em}.soc-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 .3rem 0 .6rem;background:#69e7ff}.soc-legend i+span{}.soc-legend i:nth-child(2){background:#7fffc1}
.soc-traffic canvas{width:100%;height:280px;display:block;border:1px solid rgba(105,231,255,.08);background:radial-gradient(circle at 40% 80%,rgba(105,231,255,.04),transparent 40%)}
.soc-protocols{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.soc-protocols span{padding:.35rem .5rem;border:1px solid rgba(105,231,255,.22);color:#69e7ff;font:500 .48rem monospace}.soc-protocols .blocked{color:#ff7182;border-color:rgba(255,113,130,.35)}
.soc-map{height:315px;position:relative;overflow:hidden;border:1px solid rgba(105,231,255,.09);background-image:linear-gradient(rgba(105,231,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(105,231,255,.07) 1px,transparent 1px);background-size:30px 30px}
.soc-map:after{content:"PERIMETER ENFORCEMENT ZONE";position:absolute;right:0;top:0;bottom:0;width:36px;display:grid;place-items:center;writing-mode:vertical-rl;color:rgba(255,113,130,.65);border-left:1px dashed rgba(255,113,130,.35);background:rgba(255,113,130,.035);font:500 .44rem "Josefin Sans";letter-spacing:.13em}
.soc-zone,.soc-node,.soc-firewall{position:absolute;z-index:3;transform:translate(-50%,-50%);text-align:center;background:#061214;border:1px solid rgba(105,231,255,.28);padding:.55rem .65rem;min-width:100px;box-shadow:0 12px 28px rgba(0,0,0,.4)}.soc-zone b,.soc-node b,.soc-firewall b{display:block;color:#fff;font-size:.58rem;letter-spacing:.08em}.soc-zone span,.soc-node span,.soc-firewall span,.soc-zone small{color:rgba(176,215,224,.52);font-size:.43rem;letter-spacing:.08em}.soc-zone.internet{left:14%;top:50%;color:#ff7182;border-color:rgba(255,113,130,.4)}.soc-firewall.edge{left:34%;top:50%;border-color:#ff7182;box-shadow:0 0 25px rgba(255,113,130,.12)}.soc-node.core{left:54%;top:50%;border-color:#7fffc1;box-shadow:0 0 30px rgba(127,255,193,.12)}.soc-node.apps{left:76%;top:27%}.soc-node.users{left:76%;top:73%}.soc-firewall.internal{left:64%;top:50%;min-width:82px;border-color:#e9bd6a}
.soc-flow{position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,#69e7ff,transparent);transform-origin:left;animation:soc-flow 2.4s linear infinite}.soc-flow:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#69e7ff;box-shadow:0 0 12px #69e7ff}.soc-flow.f1{left:14%;top:50%;width:40%}.soc-flow.f2{left:54%;top:50%;width:25%;transform:rotate(-29deg)}.soc-flow.f3{left:54%;top:50%;width:25%;transform:rotate(29deg)}.soc-flow.f4{left:8%;top:19%;width:36%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#ff7182,transparent);animation-delay:-1s}.soc-flow.f4:after{background:#ff7182;box-shadow:0 0 12px #ff7182}@keyframes soc-flow{50%{opacity:.3}}
.soc-lower{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;background:rgba(105,231,255,.12);border-top:1px solid rgba(105,231,255,.12)}.soc-panel,.soc-events{padding:1.2rem}.soc-panel>span{color:#69e7ff;font-size:.5rem;letter-spacing:.15em}.soc-panel h3{color:#fff;font-size:1.5rem;margin:1.2rem 0 .6rem}.soc-panel p,.soc-panel li{color:rgba(224,241,246,.55);font-size:.72rem}.soc-panel ul{padding-left:1rem}.soc-events ol{list-style:none;margin:0;padding:0}.soc-events li{display:grid;grid-template-columns:75px 95px 48px 1fr;gap:.6rem;align-items:center;padding:.55rem 0;border-top:1px solid rgba(105,231,255,.09);font:500 .56rem monospace}.soc-events time{color:rgba(176,215,224,.36)}.soc-events li>b{color:#69e7ff}.soc-events li>span{color:#7fffc1}.soc-events li>.deny{color:#ff7182}.soc-events li>p{margin:0;color:rgba(224,241,246,.58)}
.soc-disclaimer{padding:.7rem 1rem;border-top:1px solid rgba(105,231,255,.12);color:rgba(176,215,224,.34);font-size:.45rem;letter-spacing:.15em}
@media(max-width:1000px){.soc-heading,.soc-grid,.soc-lower{grid-template-columns:1fr}.soc-metrics{grid-template-columns:1fr 1fr}.soc-command-top{grid-template-columns:1fr auto}.soc-tabs{grid-row:2;grid-column:1/-1}.soc-refresh{grid-column:2;grid-row:1}.soc-topology{min-height:380px}}
@media(max-width:640px){.soc-center{padding-inline:4vw}.soc-heading{gap:2rem}.soc-metrics{grid-template-columns:1fr}.soc-metrics article{border-right:0;border-bottom:1px solid rgba(105,231,255,.1)}.soc-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.soc-traffic canvas{height:220px}.soc-events li{grid-template-columns:58px 70px 42px}.soc-events li p{grid-column:1/-1}.soc-map{height:350px}.soc-zone,.soc-node,.soc-firewall{min-width:82px;padding:.45rem}.soc-map:after{width:25px}}
@media(prefers-reduced-motion:reduce){.soc-live i,.soc-flow{animation:none}}