html, body { overflow-x: clip; }

:root, :root body { height: auto; }
:root body { min-height: 100%; }

#global-header, body > .site-header { position: sticky; top: 0; z-index: 200; }

.cwc-mbar { display: none; }
@media (max-width: 767px) {
  .cwc-mbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 190; gap: 10px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: rgba(7,31,23,.97); border-top: 1px solid rgba(255,255,255,.12);
    transition: transform .25s ease;
  }
  .cwc-mbar .btn { flex: 1; padding: 14px 10px; font-size: .88rem; }
  body.cwc-has-mbar { padding-bottom: 70px; }
  body.cwc-mbar-off .cwc-mbar { transform: translateY(110%); }
}

@media (min-width: 1025px) {
  .hero-left-col:has(> .hero-copy-col + #get-offer) > .hero-copy-col { display: contents; }
  .hero-left-col:has(> .hero-copy-col + #get-offer) > #get-offer { order: 1; }
  .hero-left-col:has(> .hero-copy-col + #get-offer) .hero-lead,
  .hero-left-col:has(> .hero-copy-col + #get-offer) .hero-stats { order: 2; }

  .hero-left-col:has(> .hero-copy-col + #get-offer) > .hero-copy-col > * { align-self: flex-start; }
  .hero-left-col:has(> .hero-copy-col + #get-offer) > .hero-copy-col > :is(h1, .hero-lead, .hero-stats) { align-self: stretch; }

  .hero-left-col:has(> .hero-copy-col + #get-offer) h1 { font-size: clamp(2.1rem, 3.3vw, 3.2rem); }

  .hero-left-col:has(> .hero-copy-col + #get-offer) > #get-offer .form-card { max-width: none; margin-inline: 0; }
}

@media (max-width: 1024px) {
  .hero-inner > .hero-left-col + #get-offer { order: -1; width: 100%; display: flex; justify-content: center; }
}
@media (max-width: 767px) {
  .hero-inner:has(> .hero-left-col + #get-offer) { padding-top: 20px; gap: 24px; }
}
@media (min-width: 1025px) {
  .hero-inner:has(> .hero-left-col + #get-offer) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(340px, 32vw, 420px);
    gap: 24px 48px;
    align-items: start;
    text-align: left;
    padding-top: 32px;
  }
  .hero-inner > .hero-left-col:has(+ #get-offer) { align-items: flex-start; max-width: none; grid-column: 1; grid-row: 1; }
  .hero-inner > .hero-left-col:has(+ #get-offer) h1 { font-size: clamp(2rem, 3vw, 2.9rem); }
  .hero-inner > .hero-left-col:has(+ #get-offer) .hero-lead { text-align: left; }
  .hero-inner > .hero-left-col + #get-offer { grid-column: 2; grid-row: 1 / span 2; }
  .hero-inner > .hero-left-col + #get-offer ~ div { grid-column: 1; grid-row: 2; }
}

@media (max-width: 400px) {
  #get-offer .form-card .form-head { padding: 14px 16px 12px; }
  #get-offer .form-card .form-title { font-size: 1.15rem; line-height: 1.25; }
  #get-offer .form-card .form-sub { font-size: .78rem; }
  #get-offer .form-card .form-body { padding: 16px; }
}
@media (max-width: 360px) {
  .site-header .container { padding-left: 12px; padding-right: 12px; }
  .site-header .hdr-right { gap: 8px; }
  .site-header .hdr-right .btn-sm { padding: 9px 13px; font-size: .78rem; }
  .site-header .logo-mark { width: 32px; height: 32px; }
}