/* =========================================================
   DATAXSYS DESIGN SYSTEM v2.2 — TYPOGRAPHY
   Open-font pairing: League Spartan + Inter
   ========================================================= */
:root {
  --dx-font-display: "League Spartan", "Arial Black", Arial, sans-serif;
  --dx-font-body: "Inter", Arial, sans-serif;
  --font-display: var(--dx-font-display);
  --font-body: var(--dx-font-body);
  --dx-neutral-900: #15151a;
  --dx-tracking-display: -0.038em;
}

body,
button,
input,
select,
textarea {
  font-family: var(--dx-font-body);
}

h1, h2, h3, h4,
.hero h1,
.section-heading h2,
.value-copy h2,
.calculator-copy h2,
.faq-heading h2,
.cta h2,
.preview-copy h3,
.service-card h3,
.case-copy h3,
.immersive-heading h2,
.immersive-copy h3,
.industry-row button strong,
.simplify-business__heading h2,
.growth-tool-card h3,
.mega-intro h3 {
  font-family: var(--dx-font-display) !important;
  font-weight: 800;
  color: var(--dx-neutral-900);
  letter-spacing: var(--dx-tracking-display);
  text-rendering: optimizeLegibility;
}

.hero h1,
.immersive-heading h2,
.immersive-copy h3,
.simplify-business__heading h2 {
  font-weight: 900;
}

/* Preserve light headings on branded dark surfaces. */
.results h2,
.results h3,
.cta h2,
.growth-tool-card--red h3,
.growth-tool-card--dark h3,
.product-preview.is-dark h2,
.product-preview.is-dark h3 {
  color: #fff;
}

/* Interface copy remains calm and highly readable. */
.nav-link,
.btn,
.eyebrow,
.trust-pill,
.growth-tool-card__badge,
.preview-tab,
.dashboard-shell,
.mini-dashboard {
  font-family: var(--dx-font-body);
}

/* League Spartan has a wider, friendlier silhouette than Archivo Black. */
.hero h1 { line-height: .92; }
.section-heading h2,
.value-copy h2,
.calculator-copy h2,
.faq-heading h2,
.cta h2,
.immersive-heading h2,
.simplify-business__heading h2 { line-height: .96; }

@media (max-width: 640px) {
  h1, h2, h3, h4 { letter-spacing: -.03em; }
}

.btn-client-website{
display:inline-flex;align-items:center;justify-content:center;
padding:16px 30px;border-radius:999px;
background:#fff!important;color:#111!important;
border:2px solid #fff!important;font-weight:700;
text-decoration:none;transition:all .25s ease}
.btn-client-website:hover{
background:#f2f2f2!important;color:#111!important;
border-color:#f2f2f2!important;
box-shadow:0 10px 24px rgba(0,0,0,.18);
transform:translateY(-2px)}