.tariff-intro{
  text-align:center;
  background:linear-gradient(180deg,var(--hero-top),var(--bg));
}
.tariff-intro h1{margin-top:20px}
.tariff-lede{
  max-width:680px;
  margin:24px auto 0;
  font-size:20px;
  color:var(--muted);
}
.tariff-trust{justify-content:center}
.tariff-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:20px;
  margin-top:28px;
}
.tariff-heading{margin-bottom:28px;min-width:0}
.tariff-heading p{margin-top:16px;color:var(--muted);line-height:1.9}
.tariff-heading a,.tariff-rule a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px}
.tariff-table-note{margin-top:18px;color:var(--muted);font-size:14px;line-height:1.85}
#tariff-options{scroll-margin-top:var(--anchor-offset)}
.tariff-card-copy{color:var(--muted);font-size:14px;line-height:1.9}
.tariff-rule{margin-top:28px}
.tariff-inclusions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.tariff-inclusions>div{min-width:0;padding-top:20px;border-top:1px solid var(--border)}
.tariff-inclusions dt{font-size:17px;font-weight:800}
.tariff-inclusions dd{margin-top:10px;color:var(--muted);line-height:1.9}
.tariff-reading{max-width:880px;margin-top:28px;color:var(--muted);line-height:1.9}
.tariff-reading p+p{margin-top:16px}
.tariff-payment{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:48px}
.tariff-payment>*{min-width:0}
.tariff-process{list-style-position:outside;padding-left:24px;display:grid;gap:24px}
.tariff-process li{padding-left:8px}
.tariff-process li::marker{color:var(--accent-dark);font-family:var(--font-mono);font-weight:700}
.tariff-process h3{font-size:19px}
.tariff-process p{margin-top:10px;color:var(--muted);line-height:1.9}
.tariff-refund{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px}
.tariff-refund .tariff-heading{margin-bottom:0}
.tariff-refund .btn-secondary{margin-top:24px}
.tariff-next{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px}
@media(max-width:980px){
  #tariff-options .tab-panel{padding:24px}
  #tariff-options .pricing-grid{gap:16px}
}
@media(max-width:768px){
  .tariff-inclusions,.tariff-payment{grid-template-columns:minmax(0,1fr)}
  .tariff-payment{gap:28px}
  .tariff-refund{grid-template-columns:minmax(0,1fr)}
  .tariff-lede{font-size:17px}
}
@media(max-width:640px){
  #tariff-options .tab-panel{padding:16px}
  .tariff-intro h1{font-size:38px}
  .tariff-inclusions{gap:20px}
  .tariff-heading{margin-bottom:22px}
  .tariff-actions{gap:14px}
}