/* New homepage typography owner. Scale by both usable width and height;
   keep diagram labels, controls and legal-source links at their readable sizes. */
.home-light{
 --hs-type-hero:clamp(28px,min(calc(20px + 2.3vw),6.5svh),64px);
 --hs-type-hero-sub:var(--hs-type-lead);
 --hs-type-section:clamp(26px,min(calc(20px + 1.875vw),5.6svh),56px);
 --hs-type-feature:clamp(24px,min(calc(16px + 1.35vw),4.5svh),42px);
 --hs-type-card:clamp(18px,1.55vw,24px);
 --hs-type-lead:clamp(16px,min(1.3vw,2.35svh),20px);
 --hs-type-body:clamp(16px,1.15vw,18px);
 --hs-type-stat-line:var(--hs-type-body);
 --hs-type-compact:clamp(14px,min(1.12vw,1.8svh),16px);
}
.home-light .hs-h1{font-size:var(--hs-type-hero);line-height:1.22}
.home-light .hs-scene-heading :is(h1,h2),.home-light #faq.hs-faq .faq-head,.home-light #columns.hs-columns .cl-head{font-size:var(--hs-type-section);line-height:1.25}

.home-light .hs-sub{font-size:var(--hs-type-hero-sub);line-height:1.6}
.home-light .hs-scene-heading p{font-size:var(--hs-type-lead);line-height:1.6}

.home-light .hs-advertising-card h3,.home-light .hs-retention-stat h3{font-size:var(--hs-type-card);line-height:1.4}
.home-light .hs-advertising-card p,.home-light #faq.hs-faq .faq-qtext{font-size:var(--hs-type-body)}
.home-light .hs-retention-stat p{font-size:var(--hs-type-stat-line)}

.home-light .ft-cta-title{font-size:var(--hs-type-feature);line-height:1.35}
@media(max-width:900px){
 .home-light{--hs-type-compact:15px}
}
/* 폰 숫자 줄(home-retention.css 600px 이하 행 배치)의 설명은 노트북 장면 숫자 카드처럼 작게 — 16px이면 「203+」 옆에서 두 줄로 꺾였다 */
@media(max-width:600px){
 .home-light{--hs-type-stat-line:14px}
}
/* 폰은 폭에 비례해 키운다 — 위 기본 크기는 폰에서 최솟값에 붙어 PC의 제목 · 본문 위계가 무너졌다(유저 2026-09-29).
   첫 화면 제목: 가장 긴 줄(「의뢰인은 네이버에서도」 약 8.2em)이 좌우 22px 여백 안쪽 폭의 약 93%까지 — 360~430px에서 세 줄을 넘지 않는다
   (2026-10-10 B안, 유저 「히어로 문구가 너무 작다」로 35 → 37px@390).
   장면 제목은 첫 화면보다 한 단계 아래 — 767px 상한 34px가 768px의 기본 크기(34.4px)와 이어진다.
   장면 설명(--hs-type-lead)은 16px 그대로 — 17px이면 390px에서 한 줄이던 고객사 설명이 두 줄이 된다 */
@media(max-width:767px){
 .home-light{--hs-type-hero:clamp(28px,min(9.6vw,6.5svh),40px);--hs-type-hero-sub:clamp(16px,4.7vw,17px);
  --hs-type-section:clamp(26px,min(calc(6vw + 6px),5.6svh),34px)}
}