:root{--bg:#02060b;--line:rgba(255,255,255,.20);--cyan:#ffffff;--blue:#0a3161;--red:#b31942;--white:#f7f9fb;--muted:#96a7b5;--pad:clamp(22px,5.3vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Rajdhani,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-family:Orbitron,sans-serif}#scene,.camo,.scan{position:fixed;inset:0}.camo{z-index:-3;inset:-7%;background:linear-gradient(90deg,rgba(2,6,11,.9),rgba(2,6,11,.48),rgba(2,6,11,.76)),linear-gradient(rgba(2,6,11,.15),rgba(2,6,11,.84)),url("assets/cambg.jpeg") center/cover no-repeat;filter:saturate(.75) contrast(1.08) brightness(.62);transform:scale(1.06)}#scene{z-index:-2;width:100%;height:100%}.scan{z-index:30;pointer-events:none;opacity:.05;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,.15) 4px)}
header{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);background:rgba(2,6,11,.68);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand i{display:grid;place-items:center;width:39px;height:44px;border:1px solid var(--cyan);clip-path:polygon(50% 0,93% 19%,86% 72%,50% 100%,14% 72%,7% 19%);color:var(--cyan);font:800 16px Orbitron;text-shadow:0 0 18px var(--cyan)}.brand span{display:flex;flex-direction:column}.brand b{font:800 16px Orbitron;letter-spacing:.16em}.brand small{margin-top:5px;color:#7f96a8;font:600 8px Orbitron;letter-spacing:.2em}nav{display:flex;gap:28px;align-items:center;font-weight:600}nav a{color:#bdc9d2}.navbtn{padding:11px 16px;border:1px solid var(--line)}
.panel{min-height:100vh;position:relative;padding:135px var(--pad) 95px}.hero{display:grid;grid-template-columns:1.18fr .82fr;gap:6vw;align-items:center}.eyebrow{color:var(--cyan);font:700 10px Orbitron;letter-spacing:.18em}.hero h1{font-size:clamp(58px,8.4vw,136px);line-height:.82;letter-spacing:-.065em}.hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--cyan);filter:drop-shadow(0 0 18px rgba(103,216,255,.35))}.lede,.intro{max-width:700px;color:#c0cbd4;font-size:clamp(18px,1.55vw,22px);line-height:1.58}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--line);font:700 12px Orbitron;cursor:pointer;background:rgba(3,12,21,.68)}.primary{background:linear-gradient(120deg,#b31942,#8f1235 55%,#0a3161);border-color:transparent;box-shadow:0 18px 54px rgba(0,102,255,.25)}.proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.proof span{padding:8px 10px;border:1px solid rgba(103,216,255,.13);font:600 7px Orbitron;color:#8aa3b5}
.hud{width:min(450px,100%);justify-self:end;padding:22px;border:1px solid rgba(103,216,255,.28);background:rgba(2,10,18,.7);backdrop-filter:blur(12px);transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);box-shadow:0 40px 100px rgba(0,0,0,.52)}.hudtop,.metrics{display:flex;justify-content:space-between}.hudtop{font:600 8px Orbitron;color:#93a6b5}.hudtop strong{color:#78ffae}.radar{position:relative;width:82%;aspect-ratio:1;margin:28px auto;border:1px solid rgba(103,216,255,.23);border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 42px,rgba(103,216,255,.08) 43px 44px),radial-gradient(circle,rgba(0,107,255,.11),transparent 64%)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(103,216,255,.13)}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%}.sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 305deg,rgba(103,216,255,.29));animation:sweep 4s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);z-index:2}.p1{left:27%;top:34%}.p2{right:21%;top:59%}.p3{left:49%;bottom:18%}.radar>b{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--cyan);font:800 28px Orbitron;letter-spacing:.12em;z-index:2}.radar small{display:block;margin-top:5px;color:#66869c;font:600 7px Orbitron}.metrics{gap:12px}.metrics div{flex:1;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column}.metrics b{font:700 20px Orbitron}.metrics span{color:#7f93a2}
.position{display:flex;align-items:center;justify-content:center;overflow:hidden}.copy{z-index:2;max-width:1060px}.panel h2{font-size:clamp(43px,6.1vw,92px);line-height:.98;letter-spacing:-.055em}.position h2 span,.statement h2 span{color:var(--cyan)}.copy>p:last-child{max-width:680px;margin:38px 0 0 auto;color:#a6b4bf;font-size:19px;line-height:1.65}.orbit{position:absolute;width:min(72vw,920px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.orbit:before{inset:15%}.orbit:after{inset:31%}.orbit span{position:absolute;color:#45677d;font:600 8px Orbitron}.orbit span:nth-child(1){top:8%;left:48%}.orbit span:nth-child(2){right:-2%;top:48%;color:var(--cyan)}.orbit span:nth-child(3){bottom:8%;left:20%}
.heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.heading>p{max-width:420px;color:#9badba;font-size:17px;line-height:1.65}.cards{border-top:1px solid var(--line)}.cards article{display:grid;grid-template-columns:70px 1fr;gap:25px;align-items:center;min-height:170px;padding:28px 24px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(0,102,255,.03));transition:.35s}.cards article:hover{padding-left:38px;background:linear-gradient(90deg,rgba(0,102,255,.13),transparent)}.cards article>b{color:#536f82;font:600 10px Orbitron}.cards small{color:var(--cyan);font:600 8px Orbitron;letter-spacing:.15em}.cards h3{margin:7px 0 10px;font-size:clamp(25px,2.9vw,44px)}.cards p{max-width:800px;margin:0;color:#91a5b4;font-size:16px;line-height:1.55}
.ctrl{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center}.ctrl-orb{position:relative;width:min(34vw,460px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(103,216,255,.29);border-radius:50%;box-shadow:0 0 100px rgba(0,102,255,.09)}.ctrl-orb:before,.ctrl-orb:after{content:"";position:absolute;border:1px dashed rgba(103,216,255,.22);border-radius:50%}.ctrl-orb:before{inset:14%}.ctrl-orb:after{inset:30%;border-style:solid}.ctrl-orb span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.ctrl-orb span:nth-child(1){top:8%;left:48%}.ctrl-orb span:nth-child(2){right:9%;top:63%;background:var(--red)}.ctrl-orb span:nth-child(3){bottom:17%;left:19%}.ctrl-orb>b{color:var(--cyan);font:900 clamp(42px,5vw,78px) Orbitron;letter-spacing:.1em;text-shadow:0 0 30px rgba(103,216,255,.62)}.ctrlgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:34px;background:var(--line);border:1px solid var(--line)}.ctrlgrid article{padding:24px;background:rgba(2,9,16,.9)}.ctrlgrid article>b{color:var(--cyan);font:600 9px Orbitron}.ctrlgrid h3{margin:14px 0 10px;font-size:20px}.ctrlgrid p,.field p{color:#8fa3b2;line-height:1.55}.field{margin-top:22px;padding:20px;border-left:2px solid var(--red);background:rgba(255,18,63,.055)}.field strong{color:var(--red);font:700 9px Orbitron;letter-spacing:.16em}
.process{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center}.timeline article{position:relative;padding:0 0 45px 68px;opacity:.38}.timeline article>b{position:absolute;left:0;top:0;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--cyan);font:600 8px Orbitron}.timeline h3{margin-bottom:8px;font-size:28px}.timeline p{margin:0;color:#93a6b5;font-size:16px;line-height:1.55}
.roles{text-align:center}.rolegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px;text-align:left}.rolegrid article{min-height:345px;padding:30px;border:1px solid var(--line);background:rgba(2,9,16,.74)}.rolegrid .featured{transform:translateY(-20px);border-color:rgba(103,216,255,.44);background:linear-gradient(rgba(0,102,255,.13),rgba(2,9,16,.88))}.rolegrid small{color:var(--cyan);font:700 9px Orbitron;letter-spacing:.17em}.rolegrid h3{margin:38px 0 18px;font-size:24px}.rolegrid p{color:#95a7b5;font-size:17px;line-height:1.62}.statement{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.statement p{color:var(--cyan);font:600 9px Orbitron;letter-spacing:.27em}.statement h2{font-size:clamp(47px,7.8vw,126px);line-height:.9}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.email{display:inline-block;margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--cyan);color:var(--cyan);font:700 15px Orbitron}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:clamp(24px,4vw,52px);border:1px solid var(--line);background:rgba(2,9,16,.8);backdrop-filter:blur(14px)}label{display:grid;gap:8px;color:#7e96a8;font:600 8px Orbitron;letter-spacing:.14em}input,textarea,select{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);outline:none;color:white;background:transparent;font:16px Rajdhani}textarea{min-height:110px}.full{grid-column:1/-1}.legal{margin:0 var(--pad) 80px;padding:20px 22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.legal strong{font:700 8px Orbitron;letter-spacing:.16em}.legal p{color:#7f929f;font-size:13px;line-height:1.55}
footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:36px var(--pad);border-top:1px solid var(--line);color:#758b9b;background:rgba(2,6,11,.8);font-size:12px}
@media(max-width:980px){.hero,.ctrl,.process,.contact{grid-template-columns:1fr}.hud{justify-self:start;margin-top:35px}.ctrl-orb{width:min(62vw,450px);margin:auto}.rolegrid{grid-template-columns:1fr}.rolegrid .featured{transform:none}}
@media(max-width:760px){nav a:not(.navbtn){display:none}.heading{display:block}.heading>p{margin-top:24px}.contact form{grid-template-columns:1fr}.full{grid-column:auto}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){:root{--pad:20px}header{height:70px}.panel{min-height:auto;padding-top:110px;padding-bottom:90px}.hero{min-height:100vh}.hero h1{font-size:16vw}.actions{display:grid}.btn{width:100%}.hud{transform:none}.position{min-height:760px}.orbit{width:125vw}.cards article{grid-template-columns:34px 1fr;padding:26px 0}.cards article:hover{padding-left:0}.ctrlgrid{grid-template-columns:1fr}.ctrl-orb{width:78vw}.statement{min-height:620px}.contact form{padding:22px 18px}.brand b{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}



/* Protectr American Flag Theme */
:root {
  --bg: #020817;
  --line: rgba(255,255,255,.22);
  --cyan: #ffffff;
  --blue: #002868;
  --red: #bf0a30;
  --white: #ffffff;
  --muted: #b8c6d9;
}

body {
  background-color: #020817;
}

body::before {
  background:
    radial-gradient(circle at 78% 10%, rgba(0,40,104,.52), transparent 37%),
    radial-gradient(circle at 12% 75%, rgba(191,10,48,.25), transparent 34%),
    linear-gradient(135deg, #020817, #07152e 52%, #16030a);
}

.camo {
  background:
    linear-gradient(
      90deg,
      rgba(2,8,23,.94),
      rgba(0,40,104,.42) 48%,
      rgba(14,2,8,.78)
    ),
    linear-gradient(
      180deg,
      rgba(2,8,23,.18),
      rgba(2,8,23,.84)
    ),
    url("assets/cambg.jpeg") center / cover no-repeat;
  filter: saturate(1.05) contrast(1.12) brightness(.68);
}

/* Actual Protectr logo */
.brand {
  display: flex;
  align-items: center;
  min-width: 0;
}

.brand-logo {
  display: block;
  width: auto;
  height: 62px;
  max-width: 230px;
  object-fit: contain;
  object-position: left center;
  filter:
    drop-shadow(0 0 7px rgba(255,255,255,.35))
    drop-shadow(0 0 15px rgba(0,40,104,.75));
}

header {
  background:
    linear-gradient(
      90deg,
      rgba(0,40,104,.92),
      rgba(2,8,23,.94) 55%,
      rgba(55,3,17,.88)
    );
  border-bottom: 1px solid rgba(255,255,255,.24);
}

nav a {
  color: #ffffff;
}

.navbtn {
  color: #ffffff;
  border-color: rgba(191,10,48,.85);
  background: rgba(191,10,48,.17);
  box-shadow:
    inset 0 0 20px rgba(191,10,48,.12),
    0 0 18px rgba(191,10,48,.12);
}

.primary {
  color: #ffffff;
  background:
    linear-gradient(
      120deg,
      #bf0a30 0%,
      #8e0925 48%,
      #002868 100%
    );
  box-shadow:
    0 18px 54px rgba(191,10,48,.22),
    0 0 30px rgba(0,40,104,.18);
}

.eyebrow {
  color: #ffffff;
  text-shadow:
    2px 0 0 rgba(191,10,48,.65),
    -2px 0 0 rgba(0,40,104,.8);
}

.hero h1 em {
  -webkit-text-stroke: 1px #ffffff;
  color: transparent;
  filter:
    drop-shadow(3px 0 0 rgba(191,10,48,.45))
    drop-shadow(-3px 0 0 rgba(0,40,104,.7))
    drop-shadow(0 0 16px rgba(255,255,255,.25));
}

.hud {
  border-color: rgba(255,255,255,.3);
  background:
    linear-gradient(
      150deg,
      rgba(0,40,104,.35),
      rgba(2,10,18,.84) 52%,
      rgba(191,10,48,.12)
    );
}

.radar {
  border-color: rgba(255,255,255,.35);
  background:
    repeating-radial-gradient(
      circle,
      transparent 0 42px,
      rgba(255,255,255,.09) 43px 44px
    ),
    radial-gradient(circle, rgba(0,40,104,.34), transparent 66%);
}

.radar > b {
  color: #ffffff;
  text-shadow:
    2px 0 0 #bf0a30,
    -2px 0 0 #002868,
    0 0 20px rgba(255,255,255,.4);
}

.radar i:nth-of-type(odd) {
  background: #bf0a30;
  box-shadow: 0 0 14px #bf0a30;
}

.radar i:nth-of-type(even) {
  background: #ffffff;
  box-shadow: 0 0 14px #ffffff;
}

.cards article:hover {
  background:
    linear-gradient(
      90deg,
      rgba(0,40,104,.28),
      rgba(191,10,48,.11),
      transparent
    );
}

.cards article:nth-child(odd) small,
.ctrlgrid article:nth-child(odd) > b,
.rolegrid article:nth-child(odd) small {
  color: #ffffff;
}

.cards article:nth-child(even) small,
.ctrlgrid article:nth-child(even) > b {
  color: #e64160;
}

.ctrl-orb {
  border-color: rgba(255,255,255,.35);
  box-shadow:
    0 0 80px rgba(0,40,104,.24),
    inset 0 0 70px rgba(191,10,48,.07);
}

.ctrl-orb > b {
  color: #ffffff;
  text-shadow:
    3px 0 0 #bf0a30,
    -3px 0 0 #002868,
    0 0 26px rgba(255,255,255,.4);
}

.position h2 span,
.statement h2 span {
  color: #ffffff;
  text-shadow:
    3px 0 0 #bf0a30,
    -3px 0 0 #002868,
    0 0 22px rgba(255,255,255,.28);
}

.rolegrid .featured {
  border-color: rgba(255,255,255,.4);
  background:
    linear-gradient(
      165deg,
      rgba(0,40,104,.31),
      rgba(2,9,16,.88) 54%,
      rgba(191,10,48,.15)
    );
}

.contact form {
  border-color: rgba(255,255,255,.28);
  background:
    linear-gradient(
      150deg,
      rgba(0,40,104,.22),
      rgba(2,9,16,.88) 58%,
      rgba(191,10,48,.1)
    );
}

.email {
  color: #ffffff;
  border-color: #bf0a30;
}

footer {
  background:
    linear-gradient(
      90deg,
      rgba(0,40,104,.9),
      rgba(2,8,23,.96) 55%,
      rgba(55,3,17,.87)
    );
}

@media (max-width: 760px) {
  .brand-logo {
    height: 52px;
    max-width: 185px;
  }
}

@media (max-width: 560px) {
  .brand-logo {
    height: 45px;
    max-width: 155px;
  }
}

/* =========================================================
   PROTECTR AMERICAN THEME V3 — CACHE-BUSTED FINAL OVERRIDES
   ========================================================= */

:root {
  --bg: #020817 !important;
  --line: rgba(255, 255, 255, 0.25) !important;
  --cyan: #ffffff !important;
  --blue: #002868 !important;
  --red: #bf0a30 !important;
  --white: #ffffff !important;
  --muted: #bcc8d8 !important;
}

body {
  background: #020817 !important;
}

/* Remove any duplicate or floating hero logo */
.hero-logo,
.hero-copy > img {
  display: none !important;
}

/* Force the header logo into a controlled container */
header .brand {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 185px !important;
  height: 64px !important;
  min-width: 185px !important;
  max-width: 185px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

header .brand-logo {
  position: static !important;
  display: block !important;
  width: 175px !important;
  height: 56px !important;
  min-width: 0 !important;
  max-width: 175px !important;
  min-height: 0 !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
  inset: auto !important;
  float: none !important;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.35))
    drop-shadow(0 0 12px rgba(0,40,104,.8)) !important;
}

/* Smaller footer logo */
footer .brand {
  position: static !important;
  width: 150px !important;
  height: 52px !important;
  overflow: hidden !important;
  transform: none !important;
}

footer .brand-logo {
  position: static !important;
  display: block !important;
  width: 145px !important;
  height: 48px !important;
  max-width: 145px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  transform: none !important;
  margin: 0 !important;
}

/* Navy-to-red navigation */
header {
  overflow: hidden !important;
  background:
    linear-gradient(
      90deg,
      rgba(0,40,104,.97) 0%,
      rgba(2,8,23,.97) 52%,
      rgba(75,4,24,.96) 100%
    ) !important;
  border-bottom: 1px solid rgba(255,255,255,.32) !important;
}

/* Visible red, white, and blue stripe */
header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  background:
    linear-gradient(
      90deg,
      #bf0a30 0 33.333%,
      #ffffff 33.333% 66.666%,
      #002868 66.666% 100%
    ) !important;
}

nav a {
  color: #ffffff !important;
}

.navbtn {
  color: #ffffff !important;
  border-color: #bf0a30 !important;
  background: rgba(191,10,48,.2) !important;
  box-shadow: 0 0 20px rgba(191,10,48,.18) !important;
}

/* Background coloring */
.camo {
  background:
    linear-gradient(
      90deg,
      rgba(2,8,23,.94),
      rgba(0,40,104,.36) 47%,
      rgba(68,3,21,.73)
    ),
    linear-gradient(
      180deg,
      rgba(2,8,23,.12),
      rgba(2,8,23,.85)
    ),
    url("assets/cambg.jpeg") center / cover no-repeat !important;

  filter:
    saturate(1.15)
    contrast(1.12)
    brightness(.7) !important;
}

/* Main buttons */
.primary {
  color: #ffffff !important;
  background:
    linear-gradient(
      120deg,
      #bf0a30 0%,
      #8d0925 48%,
      #002868 100%
    ) !important;
  border-color: transparent !important;
  box-shadow:
    0 18px 50px rgba(191,10,48,.24),
    0 0 28px rgba(0,40,104,.22) !important;
}

.btn:not(.primary) {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.42) !important;
  background: rgba(0,40,104,.2) !important;
}

/* White title with red and blue dimensional edges */
.hero h1 em {
  color: transparent !important;
  -webkit-text-stroke: 1px #ffffff !important;
  text-shadow:
    4px 0 0 rgba(191,10,48,.58),
    -4px 0 0 rgba(0,40,104,.9),
    0 0 20px rgba(255,255,255,.28) !important;
  filter: none !important;
}

.eyebrow {
  color: #ffffff !important;
  padding-left: 12px !important;
  border-left: 3px solid #bf0a30 !important;
  text-shadow:
    2px 0 0 rgba(191,10,48,.55),
    -2px 0 0 rgba(0,40,104,.8) !important;
}

/* HUD */
.hud {
  border-color: rgba(255,255,255,.35) !important;
  background:
    linear-gradient(
      145deg,
      rgba(0,40,104,.46),
      rgba(2,10,18,.88) 53%,
      rgba(191,10,48,.18)
    ) !important;
  box-shadow:
    0 40px 100px rgba(0,0,0,.55),
    inset 0 0 50px rgba(255,255,255,.035) !important;
}

.radar {
  border-color: rgba(255,255,255,.38) !important;
  background:
    repeating-radial-gradient(
      circle,
      transparent 0 42px,
      rgba(255,255,255,.1) 43px 44px
    ),
    radial-gradient(circle, rgba(0,40,104,.4), transparent 68%) !important;
}

.sweep {
  background:
    conic-gradient(
      from 0deg,
      transparent 0 305deg,
      rgba(255,255,255,.34)
    ) !important;
}

.radar > b {
  color: #ffffff !important;
  text-shadow:
    3px 0 0 #bf0a30,
    -3px 0 0 #002868,
    0 0 22px rgba(255,255,255,.45) !important;
}

.radar .p1,
.radar .p3 {
  background: #bf0a30 !important;
  box-shadow: 0 0 15px #bf0a30 !important;
}

.radar .p2 {
  background: #ffffff !important;
  box-shadow: 0 0 15px #ffffff !important;
}

/* Service rows alternate navy and red */
.cards article:nth-child(odd) {
  border-left: 3px solid #002868 !important;
}

.cards article:nth-child(even) {
  border-left: 3px solid #bf0a30 !important;
}

.cards article:nth-child(odd):hover {
  background:
    linear-gradient(
      90deg,
      rgba(0,40,104,.4),
      transparent
    ) !important;
}

.cards article:nth-child(even):hover {
  background:
    linear-gradient(
      90deg,
      rgba(191,10,48,.25),
      transparent
    ) !important;
}

.cards article:nth-child(odd) small {
  color: #ffffff !important;
}

.cards article:nth-child(even) small {
  color: #ff5574 !important;
}

/* CTRL */
.ctrl-orb {
  border-color: rgba(255,255,255,.4) !important;
  box-shadow:
    35px 0 80px rgba(191,10,48,.16),
    -35px 0 80px rgba(0,40,104,.35),
    inset 0 0 70px rgba(255,255,255,.04) !important;
}

.ctrl-orb > b {
  color: #ffffff !important;
  text-shadow:
    4px 0 0 #bf0a30,
    -4px 0 0 #002868,
    0 0 28px rgba(255,255,255,.4) !important;
}

.ctrl-orb span:nth-child(1),
.ctrl-orb span:nth-child(3) {
  background: #ffffff !important;
  box-shadow: 0 0 15px #ffffff !important;
}

.ctrl-orb span:nth-child(2) {
  background: #bf0a30 !important;
  box-shadow: 0 0 15px #bf0a30 !important;
}

/* Highlight statements */
.position h2 span,
.statement h2 span {
  color: #ffffff !important;
  text-shadow:
    4px 0 0 #bf0a30,
    -4px 0 0 #002868,
    0 0 22px rgba(255,255,255,.28) !important;
}

.rolegrid .featured {
  border-color: rgba(255,255,255,.42) !important;
  background:
    linear-gradient(
      155deg,
      rgba(0,40,104,.39),
      rgba(2,9,16,.9) 52%,
      rgba(191,10,48,.19)
    ) !important;
}

/* Intake form */
.contact form {
  border-color: rgba(255,255,255,.32) !important;
  background:
    linear-gradient(
      145deg,
      rgba(0,40,104,.3),
      rgba(2,9,16,.91) 58%,
      rgba(191,10,48,.14)
    ) !important;
}

.email {
  color: #ffffff !important;
  border-bottom-color: #bf0a30 !important;
}

footer {
  background:
    linear-gradient(
      90deg,
      rgba(0,40,104,.96),
      rgba(2,8,23,.98) 52%,
      rgba(75,4,24,.94)
    ) !important;
  border-top-color: rgba(255,255,255,.28) !important;
}

@media (max-width: 760px) {
  header .brand {
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
    height: 56px !important;
  }

  header .brand-logo {
    width: 150px !important;
    max-width: 150px !important;
    height: 49px !important;
    max-height: 49px !important;
  }
}

@media (max-width: 560px) {
  header .brand {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 50px !important;
  }

  header .brand-logo {
    width: 133px !important;
    max-width: 133px !important;
    height: 44px !important;
    max-height: 44px !important;
  }
}

/* ==================================================
   WHITE PROTECTR LOGO + CONTROLLED LOGO SIZE V4
   ================================================== */

/* Never display a separate floating hero logo */
.hero-logo,
.hero-copy > img[src*="logo"] {
  display: none !important;
}

/* Header logo container */
header .brand {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  height: 62px !important;
  max-height: 62px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

/* Actual white logo in header */
header .brand-logo {
  position: static !important;
  display: block !important;
  width: 172px !important;
  min-width: 0 !important;
  max-width: 172px !important;
  height: 54px !important;
  min-height: 0 !important;
  max-height: 54px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  padding: 0 !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  filter:
    drop-shadow(0 0 6px rgba(255,255,255,.38))
    drop-shadow(0 0 14px rgba(0,40,104,.85)) !important;
}

/* Smaller footer version */
footer .brand {
  position: static !important;
  display: flex !important;
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
  height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
  transform: none !important;
}

footer .brand-logo {
  position: static !important;
  display: block !important;
  width: 140px !important;
  max-width: 140px !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  transform: none !important;
}

/* Keep the American red, white, and navy treatment visible */
header {
  background:
    linear-gradient(
      90deg,
      rgba(0,40,104,.97) 0%,
      rgba(2,8,23,.98) 52%,
      rgba(85,4,27,.96) 100%
    ) !important;
}

.primary {
  background:
    linear-gradient(
      120deg,
      #bf0a30 0%,
      #8d0925 48%,
      #002868 100%
    ) !important;
}

@media (max-width: 760px) {
  header .brand {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 55px !important;
  }

  header .brand-logo {
    width: 145px !important;
    max-width: 145px !important;
    height: 47px !important;
    max-height: 47px !important;
  }
}

@media (max-width: 560px) {
  header .brand {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 48px !important;
  }

  header .brand-logo {
    width: 128px !important;
    max-width: 128px !important;
    height: 42px !important;
    max-height: 42px !important;
  }
}

/* ==================================================
   NETWORK, CTRL AND FORM FINAL TOUCHES V5
   ================================================== */

.network-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: 9px;
  margin-top: 18px;
}

.network-node {
  min-width: 0;
  padding: 12px 7px;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.25);
  background: rgba(0,40,104,.13);
}

.network-node strong {
  display: block;
  color: #ffffff;
  font: 700 7px Orbitron, sans-serif;
  letter-spacing: .08em;
  line-height: 1.35;
}

.network-node span {
  display: block;
  margin-top: 6px;
  color: #91a7b8;
  font-size: 10px;
  line-height: 1.2;
}

.network-node.protectr-node {
  border-top-color: #bf0a30;
  background: linear-gradient(
    145deg,
    rgba(0,40,104,.28),
    rgba(191,10,48,.17)
  );
}

.network-node.protectr-node strong {
  text-shadow:
    2px 0 0 #bf0a30,
    -2px 0 0 #002868;
}

.network-arrow {
  display: grid;
  place-items: center;
  color: #ffffff;
  font: 700 21px Orbitron, sans-serif;
  text-shadow:
    2px 0 0 #bf0a30,
    -2px 0 0 #002868,
    0 0 12px rgba(255,255,255,.35);
}

.ctrl-explanation {
  margin-top: 34px;
  padding: 27px;
  border: 1px solid rgba(255,255,255,.22);
  background:
    linear-gradient(
      145deg,
      rgba(0,40,104,.23),
      rgba(2,9,16,.88) 60%,
      rgba(191,10,48,.09)
    );
}

.section-tag {
  margin: 0 0 12px;
  color: #ffffff;
  font: 700 8px Orbitron, sans-serif;
  letter-spacing: .16em;
}

.ctrl-explanation > h3 {
  margin-bottom: 14px;
  font-size: clamp(22px, 2.5vw, 34px);
}

.ctrl-explanation > p:not(.section-tag) {
  color: #aab8c3;
  font-size: 17px;
  line-height: 1.6;
}

.ctrl-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  margin-top: 25px;
  border: 1px solid rgba(255,255,255,.17);
  background: rgba(255,255,255,.17);
}

.ctrl-detail-grid article {
  padding: 20px;
  background: rgba(2,9,16,.92);
}

.ctrl-detail-grid article:nth-child(odd) {
  border-left: 2px solid #002868;
}

.ctrl-detail-grid article:nth-child(even) {
  border-left: 2px solid #bf0a30;
}

.ctrl-detail-grid strong {
  color: #ffffff;
  font: 700 11px Orbitron, sans-serif;
}

.ctrl-detail-grid p {
  margin: 9px 0 0;
  color: #91a4b3;
  line-height: 1.5;
}

.service-boundary {
  margin-top: 20px;
  padding: 17px 19px;
  border-left: 3px solid #ffffff;
  background: rgba(255,255,255,.045);
}

.service-boundary strong {
  color: #ffffff;
  font: 700 8px Orbitron, sans-serif;
  letter-spacing: .15em;
}

.service-boundary p {
  margin: 8px 0 0;
  color: #a3b1bc;
  line-height: 1.55;
}

.included-field {
  border-left-color: #002868 !important;
  background: rgba(0,40,104,.15) !important;
}

.included-field > strong {
  color: #ffffff !important;
}

.optional-field {
  border-left-color: #bf0a30 !important;
  background:
    linear-gradient(
      145deg,
      rgba(191,10,48,.13),
      rgba(2,9,16,.82)
    ) !important;
}

.optional-service-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin: 17px 0;
}

.optional-service-list span {
  padding: 9px 11px;
  color: #d9e1e7;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.035);
  font-size: 13px;
}

.optional-boundary {
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.13);
}

.form-status {
  display: none;
  padding: 15px 17px;
  border: 1px solid rgba(255,255,255,.2);
  font-size: 15px;
  line-height: 1.45;
}

.form-status.visible {
  display: block;
}

.form-status.success {
  color: #dffff0;
  border-color: rgba(110,255,173,.45);
  background: rgba(50,180,105,.11);
}

.form-status.error {
  color: #ffffff;
  border-color: rgba(191,10,48,.62);
  background: rgba(191,10,48,.13);
}

.form-status a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

#protectr-contact-form button[disabled] {
  cursor: wait;
  opacity: .62;
}

@media (max-width: 620px) {
  .network-flow {
    grid-template-columns: 1fr;
  }

  .network-arrow {
    transform: rotate(90deg);
    min-height: 18px;
  }

  .ctrl-detail-grid,
  .optional-service-list {
    grid-template-columns: 1fr;
  }
}