/* Credanta V108 — Home typography system
   Single typography scale for all home sections.
   Reference: the approved V107 Security & Transparency section. */
:root{
  --home-type-eyebrow:11.5px;
  --home-type-h1:clamp(40px,3.05vw,46px);
  --home-type-h2:clamp(38px,3vw,46px);
  --home-type-body:16.4px;
  --home-type-card-title:14.8px;
  --home-type-card-body:12px;
  --home-type-cta:16px;
  --home-type-title-line:1.07;
  --home-type-body-line:1.55;
  --home-type-title-track:-.037em;
}

/* ---------- EYEBROWS / SECTION LABELS ---------- */
main .section-tag,
.hero-v7-eyebrow,
.how-finance-v94-eyebrow,
.clarity-v98-eyebrow,
.video-cta-v100-eyebrow,
.security-v106-eyebrow{
  font-size:var(--home-type-eyebrow);
  line-height:1;
  letter-spacing:.05em;
}
main .section-tag{
  margin-bottom:16px;
  letter-spacing:.08em;
}

/* ---------- PRIMARY TITLES ---------- */
.hero-v7-card h1{
  max-width:540px;
  font-size:var(--home-type-h1);
  line-height:var(--home-type-title-line);
  letter-spacing:var(--home-type-title-track);
}
.how-finance-v94 h2,
.principles-v97-intro h2,
.clarity-v98 h2,
.video-cta-v100-copy h2,
.security-v106 h2,
.faq-intro h2,
.closing-copy h2{
  font-size:var(--home-type-h2);
  line-height:var(--home-type-title-line);
  letter-spacing:var(--home-type-title-track);
}

/* Keep section widths visually consistent without forcing identical line breaks. */
.how-finance-v94 h2{max-width:590px}
.principles-v97-intro h2{max-width:12.5ch}
.clarity-v98 h2{max-width:680px}
.video-cta-v100-copy h2{max-width:540px}
.security-v106 h2{max-width:520px}
.faq-intro h2{max-width:13ch}
.closing-copy h2{max-width:12.5ch}

/* ---------- BODY / SUPPORTING COPY ---------- */
.hero-v7-copy p,
.how-finance-v94-lead,
.principles-v97-lead,
.clarity-v98-lead p,
.video-cta-v100-body,
.security-v106-lead p,
.faq-intro>p:last-child,
.closing-copy>p:last-child{
  font-size:var(--home-type-body);
  line-height:var(--home-type-body-line);
  letter-spacing:-.003em;
}

/* ---------- SECONDARY / CARD TYPOGRAPHY ---------- */
.how-finance-v94-step p,
.clarity-v98-detail-text,
.security-v106-point strong{
  font-size:var(--home-type-card-title);
  line-height:1.38;
}
.security-v106-point small{
  font-size:var(--home-type-card-body);
  line-height:1.30;
}
.principles-v97-question{
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.principles-v97-answer{
  font-size:14.8px;
  line-height:1.52;
}
.principles-v97-card-foot span{
  font-size:12px;
  line-height:1.2;
}
.clarity-v98-value{
  font-size:14.8px;
}

/* FAQ was noticeably smaller than the rest of the home. */
.faq-list summary{
  font-size:15.2px;
  line-height:1.35;
}
.faq-list details p{
  font-size:14.4px;
  line-height:1.60;
}

/* ---------- CTA TYPE ---------- */
.how-finance-v94-cta,
.clarity-v98-cta,
.video-cta-v100-cta,
.security-v106-cta,
.closing-card>.button,
.closing-card>.button-large{
  font-size:var(--home-type-cta);
  line-height:1.1;
}

/* ---------- TABLET ---------- */
@media (max-width:1080px){
  :root{
    --home-type-h1:38px;
    --home-type-h2:38px;
    --home-type-body:15.8px;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:760px){
  :root{
    --home-type-eyebrow:10.8px;
    --home-type-h1:clamp(30px,7.5vw,34px);
    --home-type-h2:clamp(30px,7.5vw,34px);
    --home-type-body:15.5px;
    --home-type-card-title:14.6px;
    --home-type-card-body:11.8px;
    --home-type-cta:15.3px;
    --home-type-title-line:1.08;
    --home-type-body-line:1.52;
    --home-type-title-track:-.033em;
  }
  .hero-v7-card h1,
  .how-finance-v94 h2,
  .principles-v97-intro h2,
  .clarity-v98 h2,
  .video-cta-v100-copy h2,
  .security-v106 h2,
  .faq-intro h2,
  .closing-copy h2{
    max-width:none;
  }
  .principles-v97-question{font-size:23px}
  .principles-v97-answer{font-size:14.3px}
  .faq-list summary{font-size:14.8px}
  .faq-list details p{font-size:14px;line-height:1.56}
  .closing-copy>p:last-child{font-size:15.5px}
}

@media (max-width:390px){
  :root{
    --home-type-h1:29px;
    --home-type-h2:29px;
    --home-type-body:15px;
  }
  .principles-v97-question{font-size:22px}
}
