/* Fonts: Poppins SemiBold (display + marketing copy) and Inter (UI + review content).
   No binaries ship in the source .fig — these load from Google Fonts.
   Swap for self-hosted @font-face if the brand licenses its own cut. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap');

:root{
  --font-display:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  --weight-display:600;
  --weight-body:400;
  --weight-medium:500;
  --weight-bold:700;
  --weight-black:800;

  /* Display / marketing scale — Poppins 600. Values transcribed verbatim. */
  --fs-hero:72px;      --lh-hero:79.2px;  --ls-hero:-1.8px;
  --fs-h1:56px;        --lh-h1:61.6px;
  --fs-h2:48px;        --lh-h2:52.8px;
  --fs-h3:37.9px;      --lh-h3:45.6px;
  --fs-h4:32px;        --lh-h4:38.4px;
  --fs-h5:24px;        --lh-h5:28.8px;
  --fs-h6:20px;        --lh-h6:27px;
  --fs-lead:23.4px;    --lh-lead:33.6px;
  --fs-quote:23.8px;   --lh-quote:28.8px;
  --fs-body:17.6px;    --lh-body:25.2px;
  --fs-body-alt:17.7px;
  --fs-p1:18px;        --lh-p1:25.2px;
  --fs-nav:16px;       --lh-nav:17px;
  --fs-cta:18px;       --lh-cta:25.2px;
  --fs-cta-hover:19.8px; --lh-cta-hover:27.72px;
  --fs-cta-sm:15px;    --lh-cta-sm:21px;  --ls-cta-sm:-0.2px;
  --fs-eyebrow:11px;   --lh-eyebrow:15.4px; --ls-eyebrow:1.1px;

  /* UI / review scale — Inter */
  --fs-ui-lg:16px;     --lh-ui-lg:24px;
  --fs-ui:14px;        --lh-ui:21px;
  --fs-ui-sm:13px;     --lh-ui-sm:19.5px;
  --fs-ui-xs:12px;     --lh-ui-xs:12px;
  --fs-name:19.2px;    --lh-name:28.8px;
  --fs-role:14.4px;    --lh-role:21.6px;
}

.t-hero{font:var(--weight-display) var(--fs-hero)/var(--lh-hero) var(--font-display);letter-spacing:var(--ls-hero)}
.t-h2{font:var(--weight-display) var(--fs-h2)/var(--lh-h2) var(--font-display)}
.t-h3{font:var(--weight-display) var(--fs-h3)/var(--lh-h3) var(--font-display)}
.t-h5{font:var(--weight-display) var(--fs-h5)/var(--lh-h5) var(--font-display)}
.t-lead{font:var(--weight-display) var(--fs-lead)/var(--lh-lead) var(--font-display)}
.t-body{font:var(--weight-display) var(--fs-body)/var(--lh-body) var(--font-display)}
.t-quote{font:var(--weight-display) var(--fs-quote)/var(--lh-quote) var(--font-display)}
.t-eyebrow{font:var(--weight-display) var(--fs-eyebrow)/var(--lh-eyebrow) var(--font-display);letter-spacing:var(--ls-eyebrow);text-transform:uppercase}
.t-ui{font:var(--weight-body) var(--fs-ui)/var(--lh-ui) var(--font-ui)}
.t-ui-strong{font:var(--weight-bold) var(--fs-ui-lg)/var(--lh-ui-lg) var(--font-ui)}