.mts-hero{
  background: linear-gradient(#f7f7f8, #fff);
  padding: 4rem 0 3rem;
  border-top: 3px solid #b22222;
}

.mts-hero__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:2rem;
  align-items:center;
}

.eyebrow{
  color:#b22222;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:.75rem;
}

.mts-hero h1{
  font-size:clamp(2.2rem, 4vw, 4rem);
  line-height:1.05;
  margin:0 0 1rem;
  color:#111827;
}

.hero-subtitle{
  font-size:1.15rem;
  line-height:1.6;
  color:#374151;
  max-width:720px;
}

.hero-actions{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:1.5rem;
}

.hero-card{
  background:#fff;
  border:4px solid #b22222;
  border-radius:18px;
  padding:1.5rem;
  box-shadow:0 12px 30px rgba(178,34,34,.18);
}

.hero-card h3{
  margin-top:0;
  color:#b22222;
}

.hero-card li{
  margin:.5rem 0;
  color:#374151;
}

.section-intro{
  text-align:center;
  margin-bottom:2rem;
}

.section-title{
  font-size:2rem;
  margin-bottom:.5rem;
}

.section-subtitle{
  max-width:760px;
  margin:0 auto;
  color:#374151;
  line-height:1.5;
}

.card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:1.25rem;
}

.mts-card,
.tier-card,
.split-panel{
  background:#fff;
  border:3px solid rgba(178,34,34,.9);
  border-radius:16px;
  padding:1.4rem;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}

.mts-card span{
  display:inline-grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:12px;
  background:#f3f4f6;
  font-size:1.6rem;
  margin-bottom:.75rem;
}

.mts-card h3,
.tier-card h3,
.split-panel h2{
  margin:.25rem 0 .5rem;
  color:#111827;
}

.mts-card p,
.tier-card p,
.split-panel p,
.split-panel li{
  color:#374151;
  line-height:1.5;
}

.mts-split{
  background:#f7f7f8;
}

.split-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5rem;
}

.split-panel.positive{
  border-color:#b22222;
}

.split-panel.neutral{
  border-color:#6b7280;
}

.tier-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:1.25rem;
}

.tier-card.featured{
  border-color:#b22222;
  box-shadow:0 0 24px rgba(178,34,34,.25);
}

.final-cta{
  background:#111827;
  color:#fff;
  text-align:center;
  padding:4rem 1rem;
}

.final-cta h2{
  font-size:2rem;
  margin-bottom:.75rem;
}

.final-cta p{
  color:#d1d5db;
  margin-bottom:1.5rem;
}

@media (max-width: 900px){
  .mts-hero__grid,
  .split-grid{
    grid-template-columns:1fr;
  }

  .card-grid,
  .tier-grid{
    grid-template-columns:1fr;
  }
}