/* Outcomes v5 — mobile-first, editorial paired cards instead of a full-width comparison table. */
#outcomes .container{
  width:calc(100% - var(--page-edge,20px)*2);
  max-width:1180px;
}
#outcomes .section-introline{margin-bottom:26px}
#outcomes .outcome-pairs{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
#outcomes .outcome-pair{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  min-width:0;
  margin:0;
}
#outcomes .outcome-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  min-height:0;
  padding:20px 20px 22px;
  border:1px solid #335241;
  border-radius:17px;
  overflow-wrap:anywhere;
  background:linear-gradient(145deg,#0a160f 0%,#050b08 85%);
  box-shadow:inset 0 1px 0 rgba(190,255,213,.045);
}
#outcomes .outcome-card.outcome-before{
  color:#d0ddd3;
  border-color:#365043;
  background:linear-gradient(155deg,#101c15 0%,#070d09 95%);
}
#outcomes .outcome-card.outcome-after{
  border-color:#347e5a;
  background:radial-gradient(ellipse 90% 90% at 100% 0%,rgba(31,97,63,.19),transparent 90%),linear-gradient(155deg,#0c2a1a 0%,#071a10 100%);
  box-shadow:inset 0 1px 0 rgba(91,255,164,.10),0 8px 28px rgba(0,34,15,.13);
  color:#eef8f1;
}
#outcomes .outcome-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 14px;
  padding:6px 10px;
  min-height:26px;
  border:1px solid #486052;
  border-radius:50px;
  background:rgba(255,255,255,.018);
  color:#c5d4c8;
  font:500 10px/1.2 "JetBrains Mono",Consolas,monospace;
  letter-spacing:.035em;
  text-transform:uppercase;
}
#outcomes .outcome-after .outcome-label{
  border-color:rgba(61,224,149,.44);
  background:rgba(43,223,141,.08);
  color:#66f6b8;
}
#outcomes .outcome-card p{
  margin:0;
  color:inherit;
  padding:0;
  max-width:560px;
  font-family:"DM Sans",Arial,sans-serif;
  font-weight:500;
  font-size:15px;
  line-height:1.58;
  letter-spacing:-.008em;
  text-wrap:pretty;
}
@media(min-width:700px){
  #outcomes .section-introline{margin-bottom:30px}
  #outcomes .outcome-pairs{gap:16px}
  #outcomes .outcome-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
  #outcomes .outcome-card{padding:25px 27px 26px;min-height:153px;border-radius:20px}
  #outcomes .outcome-card p{font-size:clamp(16px,1.3vw,18px);line-height:1.57}
  #outcomes .outcome-label{margin-bottom:17px;font-size:11px;padding:7px 11px}
}
@media(min-width:1100px){
  #outcomes .outcome-card{min-height:155px}
  #outcomes .outcome-pairs{gap:18px}
  #outcomes .outcome-pair{gap:18px}
}
@media(max-width:360px){
  #outcomes .outcome-card{padding:18px 17px 19px}
  #outcomes .outcome-card p{font-size:14px}
}