/* === PHASE 3 FINAL MERGE: Apple-style polish + icon-first spacing + QA safety === */
:root{
  --phase3-bg:#F7FAF4;
  --phase3-mint:#ECFFF6;
  --phase3-card:#FFFFFF;
  --phase3-ink:#10211B;
  --phase3-muted:#64766F;
  --phase3-em:#00B884;
  --phase3-em2:#5AF0CE;
  --phase3-gold:#C99A2E;
  --phase3-line:rgba(16,33,27,.10);
  --phase3-shadow:0 18px 46px rgba(7,17,15,.10);
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{
  background:
    radial-gradient(circle at 18% -6%,rgba(0,184,132,.20),transparent 30%),
    linear-gradient(180deg,var(--phase3-mint),var(--phase3-bg) 48%,#fff)!important;
  color:var(--phase3-ink)!important;
}
.hero,.card,.warning,.rolePanel,.features,.pilot,.integrationSection,.liveFlow,
.feature,.metric,.riskPulse,.contactBlock,.qCard,.reportHero,.resultConversionBand,
.roleCard,.featureGrid article,.integrationCard,.scenarioCard,.statusGrid div{
  border-radius:28px!important;
}
.hero{
  margin-top:14px!important;
}
.goldBtn,.darkBtn,.ghost,.ss-action-tile,.featureGrid article,.integrationCard,.scenarioCard{
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.goldBtn:hover,.darkBtn:hover,.ghost:hover,.ss-action-tile:hover,.featureGrid article:hover,.integrationCard:hover,.scenarioCard:hover{
  transform:translateY(-2px);
  filter:brightness(1.02);
}
.ss-action-hub,.score-intel-panel,.ss-live-strip{
  scroll-margin-top:100px;
}
.phase3-proof-strip{
  margin:18px auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.phase3-proof-card{
  background:#fff;
  border:1px solid var(--phase3-line);
  border-radius:24px;
  padding:18px;
  box-shadow:0 12px 30px rgba(7,17,15,.07);
  color:var(--phase3-ink);
}
.phase3-proof-card b{display:block;font-size:18px;margin-bottom:6px}
.phase3-proof-card span{color:var(--phase3-muted);font-size:13px;line-height:1.4}
@media(max-width:980px){
  body{padding-bottom:96px!important}
  .hero,.card,.warning,.rolePanel,.features,.pilot,.integrationSection,.liveFlow{
    border-radius:26px!important;
  }
  .phase3-proof-strip{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .phase3-proof-card{
    border-radius:20px;
    padding:15px;
  }
}
@media(max-width:420px){
  .phase3-proof-strip{grid-template-columns:1fr}
}