:root{
  --font-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --type-body: clamp(16px, 1.15vw, 18px);
  --type-body-lg: clamp(18px, 1.5vw, 21px);
  --type-h1: clamp(38px, 5.6vw, 68px);
  --type-h2: clamp(30px, 4vw, 40px);
  --type-h3: clamp(22px, 2.2vw, 28px);
}
html,body,button,input,textarea,select{
  font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{
  font-size:var(--type-body);
}
h1,.title{
  font-family:var(--font-sans);
  font-size:var(--type-h1);
  line-height:1.02;
  letter-spacing:-1.6px;
  font-weight:850;
}
h2,
.section h2,
.section-head h2,
.content h2,
.card h2{
  font-family:var(--font-sans);
  font-size:var(--type-h2);
  line-height:1.1;
  letter-spacing:-0.9px;
  font-weight:800;
}
h3,
.card h3,
.mini h3,
.map-card h3,
.stack-card h3,
.step h3,
.feature h3,
.faq-item h3,
.blog-card h3,
.proof-card h3,
.process-card h3,
.system-card h3{
  font-family:var(--font-sans);
  font-size:var(--type-h3);
  line-height:1.16;
  letter-spacing:-0.4px;
  font-weight:750;
}
p, li, .muted, .excerpt, .sub, .hero-sub{
  font-size:var(--type-body);
  line-height:1.65;
}
.sub, .hero-sub{
  font-size:var(--type-body-lg);
  line-height:1.55;
}
.logo-word{
  font-family:var(--font-sans);
  font-weight:900;
  letter-spacing:.04em;
}
.nav, .nav a, .mobile-menu a, .btn, .nav-cta{
  font-family:var(--font-sans);
}
@media (max-width:720px){
  h1,.title{letter-spacing:-1.2px}
  h2,.section h2,.section-head h2,.content h2,.card h2{letter-spacing:-0.6px}
}