/* Hybrid page: original menu + new hero + original age-* sections */

body.na-body {
  background: var(--age-page-bg, #fafafa);
}

.na-hero {
  padding-top: var(--age-header-offset);
  min-height: calc(clamp(32rem, 88dvh, 44rem) + var(--age-header-offset));
}

@media (min-width: 900px) {
  .na-hero {
    min-height: calc(clamp(36rem, 92dvh, 48rem) + var(--age-header-offset));
  }
}

/* Original sections use main-site typography */
.age-benefits,
.age-testimonials,
.age-one-company {
  font-family: var(--age-font-sans);
  color: var(--age-text-dark);
}

.age-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* na-btn overrides site-header panel link styles */
.age-header__panel-cta .na-btn {
  font-family: var(--na-font);
  font-weight: 700;
  font-size: 0.95rem;
  border-radius: var(--na-radius);
  border-width: 2px;
  border-style: solid;
}

.age-header__panel-cta .na-btn--primary {
  background: var(--na-gold);
  color: var(--na-ink);
  border-color: transparent;
  box-shadow: 0 4px 14px rgba(255, 216, 77, 0.35);
}

.age-header__panel-cta .na-btn--primary:hover {
  background: var(--na-gold-hover);
}

/* Header polish — new-age only, same markup */
body.na-body .age-header__phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.55rem clamp(0.75rem, 1.5vw, 1rem);
  font-family: var(--na-font);
  font-size: clamp(0.8rem, 0.45vw + 0.72rem, 0.88rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--na-ink);
  background: var(--na-gold);
  border: 2px solid transparent;
  border-radius: var(--na-radius);
  box-shadow: 0 4px 14px rgba(255, 216, 77, 0.3);
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

body.na-body .age-header__phone:hover,
body.na-body .age-header__phone:focus-visible {
  filter: none;
  background: var(--na-gold-hover);
  outline: none;
}

body.na-body .age-header__toggle {
  border-radius: var(--na-radius);
  border-color: rgba(255, 255, 255, 0.35);
}

body.na-body .age-header__list a[aria-current="page"] {
  box-shadow: none;
  color: var(--na-gold);
  font-weight: 700;
}

body.na-body .age-header__nav .age-header__list a[aria-current="page"] {
  background: rgba(255, 216, 77, 0.14);
  border-radius: var(--na-radius);
}

body.na-body .age-header__nav .age-header__list a[aria-current="page"]:hover,
body.na-body .age-header__nav .age-header__list a[aria-current="page"]:focus-visible {
  color: var(--na-ink);
  background: var(--na-gold);
}

body.na-body .age-header__panel-nav .age-header__list a[aria-current="page"] {
  color: var(--na-white);
  background: rgba(255, 216, 77, 0.16);
  border-color: rgba(255, 216, 77, 0.4);
}

.age-one-company__actions .na-btn {
  font-family: var(--na-font);
}

.na-quote__actions .na-btn {
  font-family: var(--na-font);
}

/* Benefits icons — light new-age refresh, same layout */
body.na-body .age-benefits {
  background: var(--na-white);
  color: var(--na-green);
  border-block: 1px solid var(--na-border);
}

body.na-body .age-benefits__inner {
  width: min(100% - 2rem, var(--na-max));
  padding-block: clamp(1.75rem, 4vw, 2.5rem);
}

body.na-body .age-benefits__icon {
  width: clamp(2.65rem, 5vw, 3.1rem);
  height: clamp(2.65rem, 5vw, 3.1rem);
  padding: 0.55rem;
  border-radius: 50%;
  background: var(--na-green-soft);
  color: var(--na-green);
}

body.na-body .age-benefits__label {
  font-family: var(--na-font);
  font-size: clamp(0.85rem, 0.5vw + 0.78rem, 0.95rem);
  font-weight: 700;
  color: var(--na-green);
}

body.na-body .age-benefits__item {
  gap: 0.6rem;
}

/* Footer social — clear floating quote button on desktop */
@media (min-width: 720px) {
  body.na-body .age-site-footer__social {
    margin-right: clamp(10rem, 16vw, 13.5rem);
  }
}

/* Inner pages — CTAs use na-btn */
body.na-body.age-inner-page .na-btn {
  font-family: var(--na-font);
}

body.na-body.age-inner-page .age-page-section--green .na-btn--primary {
  background: var(--na-gold);
  color: var(--na-ink);
  border-color: transparent;
}

body.na-body.age-inner-page .age-page-section--green .na-btn--primary:hover {
  background: var(--na-gold-hover);
}