/* Section 3: Comparison & Match Banner */
.comparison-section {
  padding: 4.5rem 1.5rem;
  background: #ffffff;
}

.comparison-container {
  max-width: 960px;
  margin: 0 auto;
}

.comparison-card {
  background: #f8fafc;
  border: 1px solid var(--border-light);
  border-radius: 20px;
  padding: 3rem 2rem;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.comparison-heading {
  font-size: 1.85rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.comparison-subheading {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary-orange);
  margin-bottom: 1.5rem;
}

.comparison-form-wrapper {
  max-width: 440px;
  margin: 0 auto 1.25rem auto;
}

.comparison-disclaimer {
  font-size: 0.72rem;
  color: #64748b;
  line-height: 1.45;
  max-width: 500px;
  margin: 0 auto;
}

.comparison-disclaimer a {
  color: #0284c7;
  text-decoration: underline;
}

/* V25 smaller headings on mobile */
@media (max-width: 768px) {
  .comparison-section {
    padding: 3rem 1.4rem !important;
  }
  .comparison-card {
    padding: 2rem 1.15rem !important;
    border-radius: 16px !important;
  }
  .comparison-heading {
    font-size: 1.45rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }
  .comparison-subheading {
    font-size: 1.08rem !important;
  }
}
@media (max-width: 420px) {
  .comparison-heading {
    font-size: 1.25rem !important;
  }
}

/* V26 final mobile heading limits */
@media (max-width: 768px) {
  .comparison-heading {
    font-size: clamp(1.08rem, 4.2vw, 1.32rem) !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    text-wrap: balance;
  }
}

/* V27 comparison mobile form full width inside card */
@media (max-width:768px){
  .comparison-form-wrapper{max-width:100%!important;width:100%!important;margin:0 auto 1.25rem!important;}
  .comparison-form-wrapper .hero-zip-form{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important;}
  .comparison-form-wrapper .hero-zip-box-wrapper{width:100%!important;max-width:100%!important;height:72px!important;border-radius:12px!important;border:1.5px solid #0f172a!important;padding:10px 22px!important;}
  .comparison-form-wrapper .hero-btn-continue{width:100%!important;max-width:100%!important;height:72px!important;border-radius:12px!important;}
}