/* Visual treatment only, scoped to the Best Variant page. */
body[data-best-variant="true"] {
  --best-space-sm: 12px;
  --best-space-md: 24px;
  --best-space-lg: 48px;
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body[data-best-variant="true"] .hero h1 {
  font-size: clamp(32px, 3.3vw, 44px);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.035em;
  margin-bottom: var(--best-space-md);
}
body[data-best-variant="true"] .hero .intro,
body[data-best-variant="true"] .best-offer-desktop-copy {
  font-size: 17px;
  line-height: 1.65;
  max-width: 48ch;
  margin-top: 0;
  margin-bottom: var(--best-space-md);
}
body[data-best-variant="true"] .hero .button {
  border-radius: 12px;
  font-weight: 600;
}
body[data-best-variant="true"] #praemienrechner #calculator-contact {
  padding: 16px !important;
  border-width: 1px !important;
  border-radius: 20px !important;
}
body[data-best-variant="true"] #best-offer-summary {
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}
body[data-best-variant="true"] #best-offer-summary h2 {
  font-size: clamp(21px, 1.7vw, 25px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.02em;
  margin: 0 0 16px;
}
body[data-best-variant="true"] #best-offer-price {
  font-size: clamp(38px, 3.2vw, 48px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
  margin-bottom: 16px;
}
body[data-best-variant="true"] #best-offer-summary p {
  max-width: 48ch;
  margin: 0 auto;
  line-height: 1.55;
}
body[data-best-variant="true"] #lead-form h3 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.02em;
  margin: 0 0 16px;
}
body[data-best-variant="true"] #praemienrechner .lead-fields {
  gap: 12px !important;
}
body[data-best-variant="true"] #praemienrechner .lead-fields input,
body[data-best-variant="true"] #praemienrechner .lead-fields select,
body[data-best-variant="true"] #praemienrechner .swiss-mobile {
  border-radius: 9px !important;
}
body[data-best-variant="true"] #praemienrechner .contact-final-row {
  gap: 12px;
  margin: 16px 0 24px;
}
body[data-best-variant="true"] #lead-form .pr-intake-submit {
  border-radius: 10px;
  font-weight: 600;
}
body[data-best-variant="true"] .best-funnel-dock {
  margin-top: 12px;
}
body[data-best-variant="true"] .proofline.proofline-trust {
  margin-top: 24px;
}
body[data-best-variant="true"] #themen {
  margin-top: 48px;
  margin-bottom: 48px;
}
body[data-best-variant="true"] #themen h2,
body[data-best-variant="true"] #faq h2 {
  font-size: clamp(26px, 2.2vw, 32px);
  font-weight: 600;
  letter-spacing: -.025em;
  margin-bottom: 24px;
}
body[data-best-variant="true"] #faq.topic-faq {
  border-radius: 20px;
  padding: 32px !important;
}
body[data-best-variant="true"] #faq summary {
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 1.5;
}
@media (max-width: 600px) {
  body[data-best-variant="true"] .hero h1 { margin-bottom: 16px; }
  body[data-best-variant="true"] .hero .intro { font-size: 16px; margin-bottom: 16px; }
  body[data-best-variant="true"] #praemienrechner #calculator-contact { padding: 12px !important; }
  body[data-best-variant="true"] #best-offer-summary { padding: 20px 12px; margin-bottom: 20px; }
  body[data-best-variant="true"] #praemienrechner .lead-fields { gap: 10px !important; }
  body[data-best-variant="true"] .best-funnel-dock { margin-top: 0; }
  body[data-best-variant="true"] .proofline.proofline-trust { margin-top: 16px; }
  body[data-best-variant="true"] #themen { margin-top: 32px; margin-bottom: 32px; }
  body[data-best-variant="true"] #faq.topic-faq { padding: 24px 16px !important; }
}

/* A noninteractive heading keeps focus without a decorative outline. */
body[data-best-variant="true"] #lead-form h3:focus{outline:none!important}
body[data-best-variant="true"] #praemienrechner #lead-form .pr-intake-submit{min-height:56px!important;padding:14px 16px!important;font-size:16px!important;font-weight:700!important;line-height:1.35;border-radius:12px;border-width:2px;box-shadow:0 2px 0 #b4bf72}

body[data-best-variant="true"] .lead-trap{display:none!important}
body[data-best-variant="true"] .hero .cta{background:#e7f1e7;border-color:#c7dfc7}