/* Shared Nextline visual system; first landing has two complementary offers. */
@import url("./nextline-theme.css");

.package-offer-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.375rem; }
.package-offer-pair .offer-card { display: flex; flex-direction: column; }
.hero .package-offer-pair .offer-card { padding: 1.875rem 1.25rem 1.25rem; background: rgb(48 43 37 / 55%); }
.hero .package-offer-pair h3 { font-size: 2.5rem; line-height: 1.1; margin-bottom: 0.875rem; }
.hero .package-offer-pair h4 { font-size: 1.3125rem; line-height: 1.35; margin-bottom: 0.875rem; text-wrap: balance; }
.hero .package-offer-pair p { font-size: 0.875rem; margin-bottom: 1.375rem; }
.hero .package-offer-pair .offer-cta { margin-top: auto; }
.package-offer-band .package-offer-pair { max-width: 58rem; }
.package-offer-band .offer-card h4 { font-size: 1.5rem; }
.package-offer-band .offer-card p { max-width: 42rem; }
.package-offer-band.final .offer-terms { display: block; max-width: 58rem; }
@media (max-width: 900px) and (min-width: 701px) {
  .hero .package-offer-pair { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .hero .package-offer-pair { gap: 1rem; }
  .hero .package-offer-pair .offer-card { padding: 1.75rem 0.75rem 0.875rem; }
  .hero .package-offer-pair .offer-label { left: 0.625rem; font-size: 0.5rem; padding-inline: 0.375rem; letter-spacing: .04em; }
  .hero .package-offer-pair h3 { font-size: 1.75rem; }
  .hero .package-offer-pair h4 { font-size: 1rem; }
  .hero .package-offer-pair p { font-size: 0.75rem; }
  .hero .package-offer-pair .offer-cta { padding-inline: 0.375rem; font-size: 0.625rem; }
  .package-offer-band .package-offer-pair { grid-template-columns: 1fr; }
  .package-offer-band .offer-card h4 { font-size: 1.5rem; }
}
@media (max-width: 359px) {
  .hero .package-offer-pair { grid-template-columns: 1fr; }
  .hero .package-offer-pair h3 { font-size: 2.25rem; }
  .hero .package-offer-pair h4 { font-size: 1.25rem; }
  .hero .package-offer-pair p { font-size: 0.875rem; }
  .hero .package-offer-pair .offer-label { font-size: 0.625rem; }
  .hero .package-offer-pair .offer-cta { font-size: 0.75rem; }
}