/* strict-execution-visibility-cmo.css
   Scope: text visibility + premium visual chips/icons only.
   Guardrail: no layout, hero, navbar, section order, card placement or business logic changes.
*/
:root{
  --ss-readable:#F8FAFC;
  --ss-muted-readable:#D8E2EA;
  --ss-soft-readable:#B9C8D4;
  --ss-emerald:#00C896;
  --ss-card-line:rgba(255,255,255,.14);
}

/* Step 1: text visibility and contrast only */
body,
section,
.card,
[class*="card"],
[class*="Card"],
[class*="panel"],
[class*="Panel"]{
  color:var(--ss-readable);
}

h1,h2,h3,h4,h5,h6,
.sectionTitle h2,
.v53-hero-copy h1,
.stage4-cta-band h2,
.score-intel-main h2{
  color:var(--ss-readable) !important;
  opacity:1 !important;
  text-shadow:0 1px 18px rgba(0,0,0,.38);
}

p,li,label,small,
.sectionTitle p,
.v53-hero-copy p,
.score-intel-main p,
.feature p,
.ss-v49-card p,
.phase3-proof-card p,
.stage4-risk-bar p,
.riskPulse p,
.playstore-grid p{
  color:var(--ss-muted-readable) !important;
  opacity:1 !important;
}

span,b,strong,
.v53-hero-copy span,
.sectionTitle span,
.ss-v49-trust span,
.pilotBadges span,
.score-readiness span{
  opacity:1 !important;
}

a,button,
.ss-v49-cta,
.v53-cta-row a,
.mainStickyBar a,
.ss-bottom-nav a{
  color:var(--ss-readable) !important;
}

input,select,textarea{
  color:var(--ss-readable) !important;
  background-color:rgba(11,15,20,.92) !important;
  border-color:var(--ss-card-line) !important;
}
input::placeholder,
textarea::placeholder{
  color:var(--ss-soft-readable) !important;
  opacity:1 !important;
}
option{
  color:#0B0F14 !important;
  background:#FFFFFF !important;
}

/* Step 2: CMO premium feel using non-layout pseudo icon badges inside existing cards only */
.ss-v49-card,
.phase3-proof-card,
.feature,
.riskPulse,
.stage4-risk-bar,
.playstore-grid > *,
.grid4 > *,
.v53-action-grid > *,
.score-intel-list > *{
  position:relative;
}

.ss-v49-card::after,
.phase3-proof-card::after,
.feature::after,
.riskPulse::after,
.stage4-risk-bar::after,
.playstore-grid > *::after,
.grid4 > *::after{
  content:"";
  position:absolute;
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(0,200,150,.22),rgba(255,255,255,.06));
  border:1px solid rgba(0,200,150,.25);
  box-shadow:0 12px 30px rgba(0,200,150,.10);
  pointer-events:none;
}

.ss-v49-card::before,
.phase3-proof-card::before,
.feature::before,
.riskPulse::before,
.stage4-risk-bar::before,
.playstore-grid > *::before,
.grid4 > *::before{
  position:absolute;
  top:17px;
  right:20px;
  font-size:14px;
  line-height:1;
  z-index:1;
  pointer-events:none;
  color:var(--ss-emerald);
  text-shadow:0 0 16px rgba(0,200,150,.35);
}

.ss-v49-card:nth-child(1)::before,
.feature:nth-child(1)::before,
.riskPulse:nth-child(1)::before{content:"🛡";}
.ss-v49-card:nth-child(2)::before,
.feature:nth-child(2)::before,
.riskPulse:nth-child(2)::before{content:"⚡";}
.ss-v49-card:nth-child(3)::before,
.feature:nth-child(3)::before,
.riskPulse:nth-child(3)::before{content:"🔒";}
.ss-v49-card:nth-child(4)::before,
.feature:nth-child(4)::before,
.riskPulse:nth-child(4)::before{content:"📊";}
.phase3-proof-card:nth-child(1)::before,
.stage4-risk-bar:nth-child(1)::before,
.grid4 > *:nth-child(1)::before{content:"🏢";}
.phase3-proof-card:nth-child(2)::before,
.stage4-risk-bar:nth-child(2)::before,
.grid4 > *:nth-child(2)::before{content:"🚨";}
.phase3-proof-card:nth-child(3)::before,
.stage4-risk-bar:nth-child(3)::before,
.grid4 > *:nth-child(3)::before{content:"👁";}
.phase3-proof-card:nth-child(4)::before,
.stage4-risk-bar:nth-child(4)::before,
.grid4 > *:nth-child(4)::before{content:"✅";}
.playstore-grid > *:nth-child(1)::before{content:"📱";}
.playstore-grid > *:nth-child(2)::before{content:"⚙";}
.playstore-grid > *:nth-child(3)::before{content:"☁";}
.playstore-grid > *:nth-child(4)::before{content:"🔔";}

/* Bundle polish with zero structural movement */
.ss-v49-trust span,
.pilotBadges span,
.score-readiness span,
.v53-action-grid a{
  border-color:rgba(0,200,150,.24) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.12);
}

@media(max-width:520px){
  h1,h2,h3{ text-shadow:0 1px 14px rgba(0,0,0,.45); }
}