/* Shared type and control scale, based on the Business page. */
:root {
  --type-title: clamp(38px, 4.4vw, 60px);
  --type-section: clamp(29px, 3vw, 39px);
  --type-body: 15px;
  --copy-width: 680px;
}
body { font-family: 'Inter', sans-serif; font-size: var(--type-body); line-height: 1.75; }
body main :is(h1,h2,h3,h4) { font-family: 'Manrope', sans-serif; text-wrap: balance; }
body main h1,
body.home-page .hero-animated-line {
  font-size: var(--type-title) !important; font-weight: 700 !important;
  line-height: 1.12 !important; letter-spacing: -.045em !important;
}
body main h2 {
  font-size: var(--type-section) !important; font-weight: 700 !important;
  line-height: 1.18 !important; letter-spacing: -.035em !important;
}
body main h3 { font-weight: 700; line-height: 1.4; letter-spacing: -.02em; }
body main :is(.section-head,.vps-section-header,.hs-section-header,.faq-head,.hs-secHead,.biz-centered) :is(p,.section-sub,.hs-subtext,.section-subtitle),
body main :is(.biz-copy,.biz-intro-copy) p {
  font-size: var(--type-body) !important; line-height: 1.8 !important; max-width: var(--copy-width);
}
body main :is(.section-sub,.section-subtitle,.hs-subtext,.lead) { font-size: var(--type-body); line-height: 1.8; max-width: var(--copy-width); }
body main :is(.hero,.wd-hero) p { font-size: clamp(16px,1.5vw,18px) !important; line-height: 1.65 !important; max-width: var(--copy-width); }
body main :is(.section-kicker,.kicker,.hs-kicker,.hs-secEyebrow,.biz-kicker,.vps-section-kicker) { font-size: 11px !important; font-weight: 700; letter-spacing: .1em !important; }
body .btn, body .configure-btn {
  font-family: 'Inter', sans-serif !important; font-size: 13px !important;
  font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 0 !important;
  border-radius: 10px !important; min-height: 46px; padding: 12px 22px !important;
  text-wrap: pretty;
}
body .global-header .nav-links a { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0; }
body .global-header .nav-actions .btn { font-size: 12px !important; min-height: 38px; padding: 9px 16px !important; }
body main :is(.feature-card,.design-card,.dedicated-card,.pricing-card) h3 { font-size: 18px; }
body main .faq-question h3 { font-size: 16px !important; line-height: 1.5; }
@media (max-width: 600px) {
  :root { --type-title: clamp(32px, 8.7vw, 42px); --type-section: clamp(27px, 7.5vw, 32px); }
  body .btn, body .configure-btn { min-height: 48px; padding: 13px 18px !important; }
  body .mobile-menu__actions .btn { min-height: 48px; }
}
/* Match legacy page-specific important declarations. */
html body main h2[class], html body main h2[id] {
  font-size: var(--type-section) !important; line-height: 1.18 !important;
  font-weight: 700 !important; letter-spacing: -.035em !important;
}
html body[data-page="dedicated"] .dedicated-hero .hero-actions .btn.primary { border-radius: 10px !important; }
html body.about-page .hs-secHead h2 { font-size: var(--type-section) !important; line-height: 1.18 !important; font-weight: 700 !important; letter-spacing: -.035em !important; }
