/*
 * BLUE SENTINEL AI | NORTH STAR SIGNATURE — public-site visual layer
 * Identity: obsidian, silver-blue and AISPG crimson; no cyan.
 * Deliberately overlays (does not remove) the published site's architecture,
 * disclosures, diagrams, contact paths, white-paper viewer, and interactions.
 */

:root {
  --ink:#07090D;
  --navy:#0B0F17;
  --navy-2:#111824;
  --navy-3:#152236;
  --steel:#6581A5;
  --steel-light:#A5B4C9;
  --paper:#E5EBF3;
  --cyan:#D31736;
  --cyan-bright:#F24259;
  --cyan-dim:rgba(211,23,54,.15);
  --red:#D31736;
  --accent:#D31736;
  --accent-bright:#F24259;
  --accent-dim:rgba(211,23,54,.13);
  --accent-line:rgba(211,23,54,.27);
  --purple:#283B57;
  --purple-light:#8AA5C8;
  --body:#C6CDDA;
  --mist:#A9B4C5;
  --mist-dim:#8491A5;
  --heading:#F7F8FA;
  --line:rgba(198,209,223,.16);
  --line-soft:rgba(198,209,223,.075);
  --line-cyan:rgba(242,66,89,.28);
  --radius:12px;
  --maxw:1390px;
}
html{scroll-padding-top:112px}
body{background:#07090D;letter-spacing:.001em}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 42% 44% at 100% 3%,rgba(112,10,35,.12),transparent 80%),
    linear-gradient(90deg,transparent 49.96%,rgba(255,255,255,.008) 50%,transparent 50.04%);
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #FD6278;outline-offset:4px;
}
::selection{background:#A80D30;color:#fff}
.wrap{max-width:var(--maxw);padding-left:clamp(23px,5vw,82px);padding-right:clamp(23px,5vw,82px)}
.section{padding:clamp(90px,10vw,155px) 0}
.section-alt{background:linear-gradient(180deg,#0B101A 0%,#0E121B 55%,#0A0D14 100%)}
.section::before{
  content:"";pointer-events:none;position:absolute;top:0;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(203,49,73,.22),rgba(154,169,189,.15),transparent);
}
.eyebrow,.firstbadge,.tiereyebrow,.wptag,.rtype{
  letter-spacing:.16em;
}
.kicker-title{
  font-size:clamp(2.35rem,4.3vw,4.8rem);
  letter-spacing:-.057em;line-height:1.055;max-width:970px;margin-top:22px;
}
.kicker-title::after{width:92px;height:2px;background:linear-gradient(90deg,#F33C57,#6E2236 60%,transparent)}
.sechead{max-width:900px}
.lead{color:#ABB5C7;max-width:720px;line-height:1.74}

/* Navigation: polished, legible, no heavy badge or background around the shield. */
header.nav,header.nav.scrolled{
  background:rgba(6,8,13,.84);
  backdrop-filter:blur(24px) saturate(155%);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  border-bottom:1px solid rgba(205,218,233,.09);
  box-shadow:0 10px 42px rgba(0,0,0,.14);
}
header.nav::before,header.nav.scrolled::before{
  height:1px;opacity:.84;
  background:linear-gradient(90deg,transparent 3%,rgba(214,38,70,.65) 28%,rgba(255,92,118,.58) 55%,transparent 97%);
}
header.nav .navwrap{height:100px;max-width:1520px;padding:0 clamp(23px,4.9vw,70px);gap:16px}
header.nav.scrolled .navwrap{height:76px}
header.nav .brandmark{gap:15px;padding-right:0;min-width:220px}
header.nav .brandmark::after{display:none}
header.nav .brandmark .shieldmark{width:47px;height:55px;filter:drop-shadow(0 2px 13px rgba(211,23,54,.28))}
header.nav.scrolled .brandmark .shieldmark{width:37px;height:43px}
header.nav .brandmark .name{font-size:clamp(16px,1.55vw,24px);letter-spacing:.035em;color:#FBFCFE;white-space:nowrap}
header.nav.scrolled .brandmark .name{font-size:18px}
.brandmark .tag-primary{color:#FB4B63;font-size:9.5px;letter-spacing:.19em}
.brandmark .tag-secondary{color:#9EAABF;font-size:8.5px;letter-spacing:.105em}
.navlinks{gap:3px;background:rgba(255,255,255,.026);border-color:rgba(255,255,255,.09);padding:5px;border-radius:100px}
.navlinks a,.navitem > button{font-size:12px;letter-spacing:.015em}
.navcta .btn-primary{border-radius:8px;padding:13px 19px;font-size:12px}
.megapanel{
  border-color:rgba(232,85,107,.25)!important;
  background:linear-gradient(145deg,rgba(12,17,28,.985),rgba(10,13,19,.985))!important;
  box-shadow:0 25px 95px rgba(0,0,0,.7)!important;
  border-radius:14px!important;
}
.megalink:hover{background:rgba(211,23,54,.09)!important}

/* Editorial buttons */
.btn{border-radius:10px;min-height:48px;font-weight:700;letter-spacing:.005em}
.btn-primary{
  background:linear-gradient(114deg,#F1475B 0%,#D51F3F 46%,#A80A2A 100%);
  color:#fff;border:1px solid rgba(255,167,180,.37);
  box-shadow:0 10px 25px rgba(138,7,36,.3),inset 0 1px 0 rgba(255,255,255,.19);
}
.btn-primary:hover{
  background:linear-gradient(114deg,#FF6678,#E42C4D,#BF1036);color:#fff;
  box-shadow:0 16px 40px rgba(211,23,54,.39),0 0 40px rgba(190,15,44,.13);
  transform:translateY(-2px);
}
.btn-ghost{
  color:#F0F4FA;border:1px solid rgba(224,234,247,.2);
  background:rgba(17,23,32,.63);backdrop-filter:blur(11px);
}
.btn-ghost:hover{border-color:rgba(241,65,89,.58);color:#fff;background:rgba(211,23,54,.11)}

/* Monumental first impression */
.hero{
  min-height:880px;padding:165px 0 114px;
  background:radial-gradient(ellipse 56% 42% at 84% 20%,rgba(134,9,39,.37),transparent 74%),
    radial-gradient(ellipse 35% 58% at 6% 85%,rgba(34,50,78,.32),transparent 83%),
    radial-gradient(ellipse 72% 50% at 50% 115%,rgba(57,5,22,.32),transparent 82%),
    #07090D;
}
.hero::before{
  opacity:.45;
  background-size:67px 67px;
  background-image:linear-gradient(rgba(224,82,106,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(224,82,106,.065) 1px,transparent 1px);
  mask-image:radial-gradient(1000px 750px at 70% 43%,#000,transparent 82%);
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#BB2140,rgba(255,255,255,.23),transparent);
  box-shadow:0 0 33px rgba(211,23,54,.26);
}
.heropattern{opacity:.16;mix-blend-mode:screen;filter:grayscale(1) sepia(1) hue-rotate(290deg)}
.herogrid{max-width:100%;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);gap:clamp(24px,4vw,80px);align-items:center}
.hero h1{
  font-size:clamp(3.65rem,6.1vw,6.85rem);max-width:890px;
  margin:30px 0 25px;letter-spacing:-.082em;line-height:.99;
  color:#fff;text-wrap:balance;
}
.hero h1 em{
  display:inline-block;padding:0 .035em .12em 0;
  background:linear-gradient(105deg,#F4F6FB 0%,#FFC6CE 17%,#FC526C 36%,#CB143B 75%,#9A0F2B 100%);
  background-clip:text;-webkit-background-clip:text;color:transparent;
  filter:drop-shadow(0 0 28px rgba(231,26,66,.18));
}
.hero .eyebrow{color:#FF7488;font-size:11px;letter-spacing:.15em;max-width:610px}
.hero .lead{font-size:clamp(16px,1.3vw,19px);color:#B7C2D1;line-height:1.75;max-width:630px;margin-bottom:25px}
.hero .lead strong{color:#F5F8FC}
.firstbadge{
  color:#F7D6DC;background:linear-gradient(90deg,rgba(132,13,35,.32),rgba(211,23,54,.08));
  border:1px solid rgba(235,69,93,.43);border-radius:30px;padding:9px 17px;
  box-shadow:0 0 32px rgba(190,14,44,.11),inset 0 1px 0 rgba(255,255,255,.08);
}
.firstbadge::before{color:#FF5369}
.herobtns{gap:12px;margin:30px 0 20px}
.herobtns .btn{padding:17px 24px}
.platformdemo-link{
  margin-bottom:26px;background:rgba(7,11,17,.62);border-color:rgba(214,69,95,.4);
  border-radius:11px;box-shadow:0 15px 35px rgba(0,0,0,.21);
}
.platformdemo-text{color:#E9EFF8}
.platformdemo-icon{border-radius:10px;background:linear-gradient(135deg,#BA1036,#630F25);color:#fff}
.hero-trustline{line-height:1.6;max-width:610px;color:#8F9CAF;letter-spacing:.13em;font-size:10px}

/* Free-standing shield, visibly shield-shaped; no circle, square, or plate behind it. */
.signature-hero-visual{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;min-height:760px;isolation:isolate}
.signature-hero-visual::before{
  content:"";position:absolute;width:570px;height:570px;top:-70px;right:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle,rgba(172,14,47,.34) 0%,rgba(136,10,45,.12) 35%,transparent 67%);
  filter:blur(23px);
}
.signature-hero-visual::after{
  content:"";position:absolute;right:0;bottom:48px;width:100%;height:53%;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(6,9,14,.7) 47%,rgba(6,9,14,.16));
}
.signature-hero-monument{
  position:absolute;top:-20px;left:50%;width:min(100%,440px);height:518px;
  transform:translateX(-50%);display:flex;justify-content:center;align-items:center;pointer-events:none;
}
.signature-hero-monument::before{
  content:"";position:absolute;inset:4% 0;z-index:-1;border-radius:50%;
  background:radial-gradient(ellipse,rgba(226,22,63,.19),transparent 68%);filter:blur(22px);
}
.signature-shield{
  width:min(80%,345px);height:auto;max-height:440px;
  filter:drop-shadow(0 30px 31px rgba(0,0,0,.62)) drop-shadow(0 0 32px rgba(240,34,66,.2));
  animation:signatureBreath 7s ease-in-out infinite;z-index:1;
}
.signature-shield-caption{
  position:absolute;bottom:47px;text-align:center;left:0;right:0;
  font:700 10px 'JetBrains Mono',monospace;letter-spacing:.21em;color:#C9AEB8;
  text-shadow:0 0 22px rgba(248,46,79,.5);
}
.signature-orbit{position:absolute;left:9%;right:9%;height:1px;top:50%;background:linear-gradient(90deg,transparent,rgba(255,89,116,.35),transparent);transform:rotate(-14deg)}
.signature-orbit-b{top:62%;transform:rotate(21deg);opacity:.38}
@keyframes signatureBreath{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.012)}}
.signature-hero-visual .gaugecard{
  width:min(100%,510px);margin-top:490px;z-index:2;
  border:1px solid rgba(239,105,124,.28);border-radius:18px;
  padding:26px 29px 24px;
  background:linear-gradient(165deg,rgba(26,36,53,.83),rgba(7,11,18,.93) 71%);
  backdrop-filter:blur(28px) saturate(130%);
  box-shadow:0 29px 100px rgba(0,0,0,.68),0 0 50px rgba(146,12,40,.16),inset 0 1px 0 rgba(255,255,255,.1);
}
.signature-hero-visual .gaugecard::before{
  content:"ILLUSTRATIVE TARGET-STATE VIEW";position:absolute;top:0;right:20px;transform:translateY(-50%);
  padding:5px 10px;background:#180C17;border:1px solid rgba(230,63,92,.27);border-radius:99px;
  color:#FBA6B1;font:600 8px 'JetBrains Mono',monospace;letter-spacing:.12em;
}
.gaugenum{font-size:60px;color:#FE4564}
.facetbar i{background:linear-gradient(90deg,#415F86,#C1153C,#F34B65)}
.gaugefoot .gf b{font-size:17px}
.trustband{background:linear-gradient(180deg,#0D1119,#0A0D14);padding:31px 0;border-color:rgba(255,255,255,.08)}
.trustchip{padding:8px 13px;background:rgba(157,20,48,.07);border-color:rgba(238,84,109,.25);color:#E5AAB5}

/* A clearly differentiated ecosystem section with deliberate visual hierarchy. */
.signature-operating{position:relative;overflow:hidden;background:#080B12;padding:clamp(110px,11vw,170px) 0}
.signature-operating::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 58% 80% at 90% 10%,rgba(116,11,37,.24),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%);
}
.signature-gridhead{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:52px}
.signature-kicker{font:700 11px 'JetBrains Mono',monospace;color:#FF5F79;letter-spacing:.22em}
.signature-gridhead h2{font-size:clamp(2.6rem,5vw,5.15rem);line-height:1.03;letter-spacing:-.065em;margin:20px 0 0}
.signature-gridhead h2 em{font-style:normal;color:#F24B66}
.signature-gridhead p{font-size:17px;line-height:1.77;color:#ADB9CA;max-width:470px}
.signature-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.signature-pillar{
  min-height:340px;padding:34px 28px;position:relative;overflow:hidden;
  border:1px solid rgba(187,203,226,.15);border-radius:17px;
  background:linear-gradient(153deg,rgba(25,33,48,.92),rgba(9,12,19,.93));
  transition:border-color .3s ease,transform .35s ease,box-shadow .35s ease;
}
.signature-pillar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#DB2B50,transparent 78%)}
.signature-pillar::after{content:"";position:absolute;width:200px;height:200px;right:-110px;top:-110px;border-radius:50%;background:rgba(211,23,54,.15);filter:blur(38px)}
.signature-pillar:hover{transform:translateY(-6px);border-color:rgba(239,78,106,.44);box-shadow:0 25px 80px rgba(0,0,0,.36)}
.signature-pillar .sp-no{font:700 11px 'JetBrains Mono',monospace;color:#F26B81;letter-spacing:.14em}
.signature-pillar h3{font-size:clamp(21px,1.8vw,29px);letter-spacing:-.04em;line-height:1.08;margin:54px 0 14px}
.signature-pillar p{font-size:13.5px;color:#A9B4C7;line-height:1.7;min-height:100px}
.signature-pillar a{display:inline-flex;align-items:center;gap:9px;color:#F5B3BE;font:600 12px 'Inter',sans-serif;margin-top:24px}
.signature-pillar a:hover{color:#fff}
.signature-governance-insight{
  margin-top:24px;padding:24px 29px;display:grid;grid-template-columns:.85fr 1.15fr;
  gap:40px;align-items:center;border-left:2px solid #D31736;
  background:linear-gradient(95deg,rgba(178,18,49,.11),rgba(26,34,51,.18) 75%,transparent);
}
.signature-governance-insight strong{
  display:block;margin-top:9px;font:600 clamp(18px,2vw,24px)/1.2 'Space Grotesk',sans-serif;
  color:#F2F4F7;letter-spacing:-.028em;
}
.signature-governance-insight p{font-size:13px;line-height:1.75;color:#AAB7C9}
.signature-footnote{font-size:12px;color:#8C98AB;margin-top:24px;line-height:1.6}
.signature-assurance-bar{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  border:1px solid rgba(225,87,109,.2);border-radius:16px;padding:24px 30px;margin-top:42px;
  background:linear-gradient(92deg,rgba(152,11,39,.14),rgba(21,29,43,.52));
}
.signature-assurance-bar span{font:700 11px 'JetBrains Mono',monospace;letter-spacing:.11em;color:#E6AAB6;text-transform:uppercase}
.signature-assurance-bar strong{font:700 17px 'Space Grotesk',sans-serif;color:#F4F6F9}
.signature-assurance-arrow{color:#EF526D!important;font-size:20px!important}

/* Consistent premium panels while preserving each component's original behavior. */
.gaugecard,.uccard,.aispgcard,.poscard,.mapcard,.leadcard,.evcard,.indcard,.rescard,.svccard,
.thesiscard,.tiercard,.trustcard,.methodcard,.mvcard,.valcard,.wpcard,.wu-card{
  border-radius:16px;
  border-color:rgba(181,198,221,.14);
  box-shadow:0 13px 45px rgba(0,0,0,.18);
}
.threatgrid,.partnergrid,.resgrid,.wpgrid,.cardgrid{border-radius:14px}
.wpcard,.rescard,.tiercard,.methodcard{
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;
}
.wpcard:hover,.rescard:hover,.tiercard:hover,.methodcard:hover{
  transform:translateY(-5px);
  border-color:rgba(241,76,102,.39);
  box-shadow:0 28px 70px rgba(0,0,0,.33),0 0 28px rgba(170,21,50,.11);
}
.wpcard .wpcover{overflow:hidden;border-radius:12px 12px 0 0}
.wpcover img{transition:transform .5s ease,filter .5s ease}
.wpcover:hover img{transform:scale(1.035);filter:saturate(1.09)}
.rescard .rthumb{color:#F15872}
.plogo{transition:border-color .24s ease,background .24s ease}
.plogo:hover{border-color:rgba(234,79,103,.5);background:rgba(211,23,54,.07)}
#architecture,#library,#masterflow,#whitepapers,#resources{scroll-margin-top:100px}
#resources{background:radial-gradient(ellipse 40% 48% at 90% 8%,rgba(145,11,40,.15),transparent 80%),#0E121B}
#whitepapers{background:linear-gradient(180deg,#080B12,#10131C)}
#whitepapers .wpgrid{gap:24px}
#whitepapers .wpcard{background:linear-gradient(135deg,rgba(25,34,48,.91),rgba(9,13,21,.92))}
#why-us{background:radial-gradient(ellipse 50% 70% at 0% 50%,rgba(103,13,38,.12),transparent 72%)}

.signature-research-callout{
  margin-top:52px;display:flex;align-items:center;justify-content:space-between;gap:30px;
  padding:34px 38px;border:1px solid rgba(239,91,115,.26);border-radius:20px;
  background:radial-gradient(ellipse at 90% 10%,rgba(201,22,56,.22),transparent 54%),
    linear-gradient(110deg,#191322,#101824 65%,#0B0E16);
}
.signature-research-callout h3{font-size:clamp(22px,2.6vw,32px);line-height:1.15;letter-spacing:-.04em;margin-bottom:9px}
.signature-research-callout p{max-width:640px;color:#ABB6C7;line-height:1.62;font-size:14px}
.signature-research-callout .btn{flex:0 0 auto}
.signature-research-badge{font:700 10px 'JetBrains Mono',monospace;letter-spacing:.18em;color:#F8758B;margin-bottom:13px}
.inquiry-handoff-note{font-size:11.5px;line-height:1.55;color:#AAB6C6;margin:12px 0 2px}
.inquiry-handoff-note strong{color:#E5EAF2;font-weight:600}

/* Subtle, stable motion. */
@media(prefers-reduced-motion:reduce){.signature-shield{animation:none}}
@media(max-width:1290px){
  header.nav .navwrap{padding:0 30px;gap:9px}
  .navlinks a,.navitem>button{font-size:11px!important;padding:8px 8px!important}
  .navcta .textlink{display:none}
}
@media(max-width:1100px){
  .herogrid{grid-template-columns:1fr 1fr;gap:20px}
  .hero h1{font-size:clamp(3.1rem,5.9vw,5.3rem)}
  .signature-hero-visual{min-height:695px}
  .signature-hero-monument{top:0;height:450px}
  .signature-shield{max-height:380px}
  .signature-hero-visual .gaugecard{margin-top:440px;padding:24px 21px}
  .signature-pillars{grid-template-columns:repeat(2,1fr)}
  .signature-pillar{min-height:280px}
  .signature-pillar p{min-height:0}
}
@media(max-width:980px){
  .herogrid{grid-template-columns:1fr;gap:52px}
  .hero{padding-top:135px}
  .hero h1{max-width:820px;font-size:clamp(3.3rem,8.7vw,6.4rem)}
  .signature-hero-visual{min-height:720px;max-width:630px;margin:auto;width:100%}
  .signature-hero-monument{top:0}
  .signature-hero-visual .gaugecard{margin:450px auto 0}
  .signature-gridhead{grid-template-columns:1fr;gap:20px}
  .signature-gridhead p{max-width:760px}
  .signature-governance-insight{grid-template-columns:1fr;gap:12px}
}
@media(max-width:860px){
  header.nav .navwrap{height:76px}
  header.nav.scrolled .navwrap{height:66px}
  .mobilemenu{top:76px}
  .mobiletoggle{display:flex}
  .signature-assurance-bar{flex-wrap:wrap;justify-content:flex-start;gap:18px}
}
@media(max-width:640px){
  .wrap{padding:0 22px}
  .hero{padding:127px 0 75px;min-height:0}
  .hero h1{font-size:clamp(2.8rem,11.5vw,4.35rem);line-height:1.02;letter-spacing:-.065em;overflow-wrap:normal}
  .hero .lead{font-size:16px}
  .hero .eyebrow{font-size:9.5px;letter-spacing:.09em}
  .firstbadge{font-size:9px;letter-spacing:.015em;line-height:1.35;max-width:100%}
  .herobtns{display:grid;grid-template-columns:1fr}
  .herobtns .btn{justify-content:center;white-space:normal;text-align:center}
  .signature-hero-visual{min-height:630px}
  .signature-hero-monument{height:385px;width:100%;top:0}
  .signature-shield{width:min(70%,265px)}
  .signature-shield-caption{bottom:29px;font-size:8px;letter-spacing:.12em}
  .signature-hero-visual .gaugecard{margin-top:365px;padding:23px 17px}
  .signature-hero-visual .gaugecard::before{font-size:7px}
  .gaugefoot{gap:7px}
  .gaugefoot .gf b{font-size:15px}
  .gaugefoot .gf small{font-size:9px}
  .facetrow{grid-template-columns:115px 1fr 32px;gap:6px}
  .facetrow .fname{font-size:11px}
  .signature-operating{padding:85px 0}
  .signature-gridhead h2{font-size:clamp(2.45rem,10vw,3.9rem)}
  .signature-gridhead p{font-size:15px}
  .signature-pillars{grid-template-columns:1fr;gap:14px}
  .signature-pillar{min-height:240px;padding:28px}
  .signature-pillar h3{margin:35px 0 12px}
  .signature-pillar a{margin-top:15px}
  .signature-governance-insight{padding:22px 19px}
  .signature-assurance-bar{padding:22px}
  .signature-assurance-bar strong{font-size:14px}
  .signature-research-callout{flex-direction:column;align-items:flex-start;padding:27px 23px}
  .signature-research-callout .btn{width:100%;justify-content:center}
  .kicker-title{font-size:clamp(2.1rem,8vw,3.2rem)}
}
@media(max-width:380px){
  .hero h1{font-size:clamp(2.45rem,11vw,3rem)}
  .signature-hero-visual .gaugecard{padding:20px 13px}
  .signature-shield-caption{letter-spacing:.08em}
  .signature-pillar{padding:24px}
}

/* Only explicitly requested alternate light mode—not the default entry. */
html[data-theme="light"] body{background:#F4F6FA;color:#283244}
html[data-theme="light"] .hero{
  background:radial-gradient(ellipse 60% 50% at 80% 10%,rgba(211,23,54,.12),transparent 75%),#F4F6FA;
}
html[data-theme="light"] .hero .lead{color:#344155}
html[data-theme="light"] .hero .lead strong{color:#0B1423}
html[data-theme="light"] .hero h1{color:#0A1324}
html[data-theme="light"] .hero h1 em{background:linear-gradient(100deg,#A90B2E,#E23850);background-clip:text;-webkit-background-clip:text}
html[data-theme="light"] .hero .eyebrow{color:#AB1030}
html[data-theme="light"] .firstbadge{color:#89132C;background:rgba(214,32,62,.055)}
html[data-theme="light"] .hero-trustline{color:#586778}
html[data-theme="light"] .signature-hero-visual .gaugecard{background:linear-gradient(165deg,#152237,#101824)}
html[data-theme="light"] .signature-operating{background:#F6F7FA}
html[data-theme="light"] .signature-gridhead h2{color:#0B1425}
html[data-theme="light"] .signature-gridhead p{color:#536176}
html[data-theme="light"] .signature-pillar{background:#fff;border-color:rgba(25,40,62,.13)}
html[data-theme="light"] .signature-pillar h3{color:#0B1425}
html[data-theme="light"] .signature-pillar p{color:#536176}
html[data-theme="light"] .signature-assurance-bar{background:#FAECEE}
html[data-theme="light"] .signature-assurance-bar strong{color:#152033}
html[data-theme="light"] .signature-shield-caption{color:#8A3146}

/* Light-mode legibility (added at integration, 27 Oct 2026).
   The signature header stays dark in both themes, so its text must stay light;
   the signature panels sit on light surfaces in light mode, so their text must go dark. */
html[data-theme="light"] header.nav .navitem > button,
html[data-theme="light"] header.nav .navlinks > a,
html[data-theme="light"] header.nav .navcta .textlink{color:#D9E0EA}
html[data-theme="light"] header.nav .navitem > button:hover,
html[data-theme="light"] header.nav .navitem.open > button,
html[data-theme="light"] header.nav .navlinks > a:hover,
html[data-theme="light"] header.nav .navcta .textlink:hover{color:#FFFFFF}
html[data-theme="light"] header.nav .themetoggle{color:#D9E0EA;border-color:rgba(205,218,233,.22)}
html[data-theme="light"] .signature-pillar a{color:#A90B2E}
html[data-theme="light"] .signature-pillar a:hover{color:#6E0820}
html[data-theme="light"] .signature-governance-insight{background:linear-gradient(95deg,rgba(214,32,62,.07),rgba(25,40,62,.04) 75%,transparent)}
html[data-theme="light"] .signature-governance-insight strong{color:#0B1425}
html[data-theme="light"] .signature-governance-insight p{color:#3F4C60}
html[data-theme="light"] .signature-footnote{color:#4F5D72}
html[data-theme="light"] .lead{color:var(--mist)}
html[data-theme="light"] .signature-kicker,
html[data-theme="light"] .signature-pillar .sp-no{color:#A90B2E}
html[data-theme="light"] .signature-assurance-bar span{color:#8A1230}