@font-face {
  font-family: Poppins;
  src: url("fonts/poppins-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("fonts/poppins-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("fonts/poppins-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("fonts/poppins-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root { font-family: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif; }
.hero h1 {
  font-size: clamp(40px, 4.9vw, 72px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.025em;
  margin-bottom: 25px;
}
.hero h1 span { color: #aabfff; }
.section-intro h2, .contact h2 {
  font-size: clamp(30px, 3.8vw, 50px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.025em;
}
.heading-accent { color: #234bd5; }
.eyebrow, .app-copy > small, .step-number {
  font-weight: 600;
  letter-spacing: .13em;
}
.lead, .section-intro > p:last-child, .integration-box .section-intro > p:not(.eyebrow) {
  font-weight: 400;
  line-height: 1.7;
}
.lead { font-size: 17px; max-width: 460px; }
.section-intro > p:last-child { font-size: 16px; }
.module-copy h3 {
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.02em;
}
.resource-grid h3, .app-card h3, .workflow-grid h3 {
  font-weight: 600;
  letter-spacing: -.01em;
}
.nav nav a, .login, .button, .module-tabs button, .stores a, .questions summary,
.footer-links a, .module-copy li, .strip span { font-weight: 600; }
.button { font-size: 13px; }
.button.compact { font-size: 12px; }
.screen-dialog-bar small { font-size: 12px; }

@media (max-width: 1050px) {
  .hero h1 { font-size: clamp(40px, 5.6vw, 60px); }
}

@media (max-width: 790px) {
  .hero h1 { font-size: clamp(38px, 9vw, 60px); }
}

@media (max-width: 420px) {
  .hero h1 { font-size: clamp(34px, 9.6vw, 42px); }
  .lead { font-size: 16px; }
}

.micro, .nav nav a { font-weight: 500; }