@font-face {
  font-family: "Amenti";
  src: url("/assets/fonts/amenti-vf.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Amenti roles on the React storefront. The variable file supplies every weight. */
.home-shell {
  font-family: Amenti, "Segoe UI", Arial, sans-serif;
  font-weight: 400;
}

.home-shell :is(button, input, select, textarea) {
  font-family: inherit;
}

.home-shell .home-hero h1 {
  font-weight: 760;
  letter-spacing: -0.032em;
}

.home-shell .hero-headline-emphasis {
  font-weight: 900;
}

.home-shell :is(.section-heading h2, .expansion-heading h2, .contact-band h2, .dark-footer h2) {
  font-weight: 760;
  letter-spacing: -0.027em;
}

.home-shell :is(.service-bento-card h3, .package-card h3, .process-step-card h3) {
  font-weight: 690;
  letter-spacing: -0.018em;
}

.home-shell :is(.section-label, .bento-status, .package-label, .eyebrow) {
  font-weight: 650;
  letter-spacing: 0.08em;
}

.home-shell :is(.primary-button, .ghost-button, .package-action, .bento-cta, .floating-nav-button) {
  font-weight: 720;
  letter-spacing: 0.01em;
}

.home-shell :is(.price-line strong, .package-recurring strong) {
  font-weight: 770;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.025em;
}

.home-shell .footer-wordmark {
  font-weight: 850;
  letter-spacing: -0.052em;
}