/* Hero 1 typography across the nov 4 sections. Loads after the untouched
   nov 4 styles.css: Hanken Grotesk throughout, light and tightly tracked
   at display sizes, in place of bold Hanken over Inter. */
:root{
  --font-body:'Hanken Grotesk', system-ui, sans-serif;
  --slate:#33475E;
}
h1,h2{ font-weight:400; letter-spacing:-.03em; line-height:1.05; text-wrap:balance; }
h3,h4{ font-weight:500; letter-spacing:-.01em; }
.sec-head h2{ font-size:clamp(34px, 1.6rem + 2vw, 52px); }
.sec-sub,.sec-head .lead{ font-size:clamp(18px, 1rem + .3vw, 20px); line-height:1.45; color:var(--slate); }
.cta-band h2{ font-weight:400; letter-spacing:-.03em; }
.brand{ font-weight:700; letter-spacing:-.01em; }
.foot-word{ font-weight:700; letter-spacing:-.01em; }

/* numbers read like the hero stats */
.stat-cell .n,.feature-tile .val{ font-weight:400; letter-spacing:-.035em; }
.stat-cell .n{ font-size:clamp(42px, 1.8rem + 2vw, 58px); line-height:1.05; }
.feature-tile .val{ font-size:clamp(34px, 1.6rem + 1.4vw, 46px); line-height:1.05; }

.icard h3{ font-size:clamp(21px, 1.1rem + .5vw, 24px); }
.leader b{ font-weight:500; }
.checklist b{ font-weight:600; }

/* the hero's buttons, kept the same down the page */
.btn{ min-height:52px; padding:0 22px; border-radius:6px; font-size:16px; box-shadow:none; }
.btn-primary{ background:var(--ink); box-shadow:none; }
.btn-primary:hover{ background:var(--deep); }
.btn-secondary{ box-shadow:none; }
.head-cta{ min-height:44px; padding:0 18px; font-size:15px; }
.on-ink .btn-primary{ background:var(--logo-y); color:var(--ink); }
.on-ink .btn-primary:hover{ background:#FFD65C; }
.foot-cta{ border-radius:6px; }