
/* === FINAL CMO CLEANUP: remove mixed-patch ugliness, improve premium readability === */
:root{
  --fix-bg:#F7FAF4;
  --fix-mint:#ECFFF6;
  --fix-card:#FFFFFF;
  --fix-ink:#10211B;
  --fix-muted:#667871;
  --fix-em:#00B884;
  --fix-em2:#5AF0CE;
  --fix-gold:#C99A2E;
  --fix-line:rgba(16,33,27,.10);
  --fix-shadow:0 18px 46px rgba(7,17,15,.10);
}
html,body{max-width:100%;overflow-x:hidden!important}
body{
  background:radial-gradient(circle at 18% -6%,rgba(0,184,132,.18),transparent 30%),
             linear-gradient(180deg,#ECFFF6 0%,#F7FAF4 50%,#FFFFFF 100%)!important;
  color:var(--fix-ink)!important;
  font-family:Inter,Arial,sans-serif!important;
}
.top,.mobileTop{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--fix-line)!important;
  box-shadow:0 8px 28px rgba(7,17,15,.08)!important;
  backdrop-filter:blur(18px)!important;
}
.brand h1{color:var(--fix-ink)!important;font-family:Inter,Arial,sans-serif!important;font-weight:950!important}
.brand p{color:var(--fix-em)!important}
.brand img,.logoBox,.heroVisual>img{
  background:linear-gradient(145deg,#07110F,#123024)!important;
  border:1px solid rgba(201,154,46,.35)!important;
}
.hero,.card,.warning,.rolePanel,.features,.pilot,.integrationSection,.liveFlow,
.feature,.metric,.riskPulse,.contactBlock,.qCard,.reportHero,.resultConversionBand,
.roleCard,.featureGrid article,.integrationCard,.scenarioCard,.statusGrid div,
.stage4-panel,.phase3-proof-card{
  background:#fff!important;
  color:var(--fix-ink)!important;
  border:1px solid var(--fix-line)!important;
  box-shadow:0 12px 30px rgba(7,17,15,.07)!important;
}
.hero{
  background:linear-gradient(135deg,#FFFFFF,#F6FFF9 58%,#FFF9E6)!important;
}
.hero h2,.big,h2.big,.sectionTitle h2,.pilot h2,.feature h3,.riskPulse b,
.resultHero h1,.qCard h1,.stage4-panel h2,.stage4-panel h3{
  color:var(--fix-ink)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-weight:950!important;
  text-shadow:none!important;
  opacity:1!important;
}
.big:after,.hero h2:after{color:var(--fix-em)!important}
.lead,.hero p,.sectionTitle p,.pilot p,.feature p,.riskPulse span,.metric small,
.qCard p,.resultHero>p,.stage4-panel p,.phase3-proof-card span{
  color:var(--fix-muted)!important;
  opacity:1!important;
}
.sectionTitle span,.pilot span,.category{color:var(--fix-em)!important}
.pills span,.chips span{
  background:#fff!important;
  border:1px solid rgba(0,184,132,.16)!important;
  color:var(--fix-ink)!important;
  box-shadow:0 8px 20px rgba(7,17,15,.05)!important;
  opacity:1!important;
}
.goldBtn{
  background:linear-gradient(135deg,var(--fix-em),var(--fix-em2))!important;
  color:#05110D!important;
  border:0!important;
  box-shadow:0 14px 34px rgba(0,184,132,.22)!important;
}
.darkBtn,.ghost{
  background:#fff!important;
  color:var(--fix-ink)!important;
  border:1px solid var(--fix-line)!important;
  box-shadow:0 10px 24px rgba(7,17,15,.06)!important;
}

/* Fix the ugly dark form block issue */
.contactBlock,
#request-review,
form.leadForm,
.leadForm,
.pilotForm{
  background:#FFFFFF!important;
  color:var(--fix-ink)!important;
  border-color:var(--fix-line)!important;
}
.leadForm{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
}
.leadForm input,.leadForm select,.pilotForm input,.pilotForm select,input,select{
  background:#FFFFFF!important;
  color:var(--fix-ink)!important;
  border:1px solid rgba(16,33,27,.13)!important;
  box-shadow:0 8px 20px rgba(7,17,15,.04)!important;
  border-radius:18px!important;
}
.leadForm input::placeholder,.pilotForm input::placeholder{color:#7A8B85!important}
.leadForm button{
  grid-column:auto!important;
  width:auto!important;
  min-width:220px!important;
  justify-self:start!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
#contactInfo,.leadForm input[id*="contact"],.leadForm input[placeholder*="Phone"]{
  grid-column:1/-1!important;
  max-width:560px!important;
}

/* Fix washed-out readiness sections */
.stage5-soft-title,
.stage4-cta-band h3,
.phase3-proof-card b,
.stage4-risk-top,
.stage4-report-score{
  color:var(--fix-ink)!important;
  opacity:1!important;
  text-shadow:none!important;
}
.stage4-cta-band{
  background:linear-gradient(135deg,#FFFFFF,#F4FFF9,#FFF8E3)!important;
  border:1px solid rgba(0,184,132,.16)!important;
  box-shadow:var(--fix-shadow)!important;
}
.stage4-cta-band p{color:var(--fix-muted)!important;opacity:1!important}
.phase3-proof-strip,.grid4,.riskCards{
  gap:16px!important;
}
.feature,.riskPulse,.phase3-proof-card,.stage4-icon-card{
  border-radius:24px!important;
}
.feature i,.stage4-icon,.ss-action-icon{
  background:#EAFFF6!important;
  color:var(--fix-em)!important;
}

/* SecureScore report clarity */
.score-intel-main,.ss-live-card,.stage4-panel.dark{
  background:linear-gradient(145deg,#07110F,#123024)!important;
  color:#FFFFFF!important;
  border:1px solid rgba(201,154,46,.26)!important;
}
.score-intel-main h3,.ss-live-card h3,.stage4-panel.dark h3{color:#fff!important}
.score-intel-main p,.ss-live-card p,.stage4-panel.dark p{color:#D7E8E1!important}
.score-readiness,.ss-health-card,.stage4-risk-bar{
  background:#FFF8E3!important;
  border:1px solid rgba(201,154,46,.22)!important;
}
.score-readiness p,.ss-health-card p{color:#5E4B14!important}

/* Mobile final cleanup */
@media(max-width:980px){
  body{padding-bottom:96px!important}
  .topActions{display:none!important}
  .leadForm{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .leadForm button{
    width:100%!important;
    justify-self:stretch!important;
  }
  #contactInfo,.leadForm input[id*="contact"],.leadForm input[placeholder*="Phone"]{
    max-width:none!important;
  }
  .hero,.card,.contactBlock,#request-review,.stage4-cta-band{
    border-radius:24px!important;
    padding:18px!important;
  }
  .big,h2.big,.hero h2{
    font-size:32px!important;
    line-height:1.08!important;
    letter-spacing:-1px!important;
  }
  .lead,.hero p{
    font-size:15px!important;
    line-height:1.6!important;
  }
  .pills,.chips{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:420px){
  .big,h2.big,.hero h2{font-size:29px!important}
}


/* SecureSociety final CMO cleanup */
.stage4-app-shell{margin-top:18px!important}
.ss-bottom-nav{box-shadow:0 14px 40px rgba(7,17,15,.18)!important}
@media(max-width:900px){
  .ss-action-hub{grid-template-columns:repeat(2,1fr)!important}
  .mainStickyBar{display:none!important}
}
