:root{
  --type-hero:clamp(38px,4.25vw,56px);
  --type-section:clamp(30px,3.1vw,40px);
  --type-feature:clamp(28px,2.75vw,36px);
  --type-cta:clamp(27px,2.5vw,32px);
  --type-subtitle:clamp(21px,2vw,27px);
  --type-card:clamp(19px,1.7vw,23px);
}

h1{
  font-size:var(--type-hero);
  line-height:1.1;
  letter-spacing:-2px;
}

.home-business .hero h1,
.ssl-hero h1,
.ssl-detail-hero h1,
.email-hero h1,
.local-hero h1,
.ssltrus-hero h1,
.web-hero h1,
.cases-hero h1,
.about-hero h1,
.contact-hero h1,
.column-hero h1,
.service-hero h1,
.service-hero.cross-hero h1,
.development-hero h1,
.geo-hero h1,
.baike-hero h1,
.software-hero h1,
.caller-hero h1{
  font-size:var(--type-hero);
  line-height:1.1;
  letter-spacing:-2px;
}

.account-intro h1{
  font-size:clamp(36px,3.7vw,48px);
  line-height:1.14;
  letter-spacing:-1.8px;
}

/* Long product names need their own scale, not smaller titles site-wide. */
.ssl-detail-hero h1 { font-size:clamp(32px,3.5vw,48px);line-height:1.22;text-wrap:balance; }

.section-head h2{
  font-size:var(--type-section);
  line-height:1.22;
  letter-spacing:-1px;
}

.about-story h2,
.cross-global h2,
.compliance-overview-copy h2,
.caller-intro h2,
.smslogo-intro h2,
.smslogo-value-grid h2,
.development-split h2{
  font-size:var(--type-feature);
  line-height:1.28;
  letter-spacing:-1px;
}

.contact-ready h2,
.compliance-faq h2,
.account-panel h2{
  font-size:clamp(29px,2.8vw,35px);
  line-height:1.25;
  letter-spacing:-.8px;
}

.cta h2,
.about-cta h2,
.cross-cta h2,
.compliance-end--consult h2,
.case-title-row h2{
  font-size:var(--type-cta);
  line-height:1.3;
  letter-spacing:-.6px;
}

.service-hero .hero-subtitle,
.development-hero h2,
.caller-hero h2,
.geo-hero h2,
.baike-hero h2,
.compliance-page .compliance-hero h2{
  font-size:var(--type-subtitle);
  line-height:1.45;
  letter-spacing:-.35px;
}

.ssl-detail-content h2{
  font-size:clamp(27px,2.5vw,32px);
  line-height:1.35;
  letter-spacing:-.5px;
}

.product h3,
.service-content h3,
.home-product-card h3,
.web-plan h3,
.cross-mode-grid h3,
.about-values-grid h3{
  font-size:var(--type-card);
  line-height:1.4;
  letter-spacing:-.35px;
}

.page-content h1{
  font-size:clamp(31px,3.6vw,42px);
  line-height:1.25;
  letter-spacing:-.8px;
}

.page-content h2{
  font-size:clamp(24px,2.5vw,30px);
  line-height:1.4;
}

@media(max-width:900px){
  :root{
    --type-hero:clamp(34px,7.2vw,44px);
    --type-section:clamp(28px,5.4vw,35px);
    --type-feature:clamp(27px,5vw,33px);
    --type-cta:clamp(25px,4.5vw,30px);
    --type-subtitle:clamp(20px,3.8vw,25px);
    --type-card:clamp(19px,3vw,22px);
  }
  .account-intro h1{font-size:clamp(33px,6.5vw,40px)}
  .account-panel h2{font-size:31px}
}

@media(max-width:620px){
  :root{
    --type-hero:clamp(30px,8.4vw,36px);
    --type-section:clamp(25px,7vw,29px);
    --type-feature:clamp(25px,6.8vw,29px);
    --type-cta:clamp(24px,6.5vw,27px);
    --type-subtitle:clamp(19px,5.4vw,22px);
    --type-card:clamp(18px,5.2vw,21px);
  }
  h1,
  .home-business .hero h1,
  .ssl-hero h1,
  .ssl-detail-hero h1,
  .email-hero h1,
  .local-hero h1,
  .ssltrus-hero h1,
  .web-hero h1,
  .cases-hero h1,
  .about-hero h1,
  .contact-hero h1,
  .column-hero h1,
  .service-hero h1,
  .service-hero.cross-hero h1,
  .development-hero h1,
  .geo-hero h1,
  .baike-hero h1,
  .software-hero h1,
  .caller-hero h1{
    font-size:var(--type-hero);
    line-height:1.16;
    letter-spacing:-1px;
  }
  .account-intro h1{font-size:30px;line-height:1.18;letter-spacing:-.9px}
  .account-panel h2{font-size:28px}
  .section-head h2{line-height:1.28;letter-spacing:-.5px}
  #process .section-head h2,
  #faq .section-head h2{
    font-size:var(--type-section);
    line-height:1.28;
    letter-spacing:-.5px;
  }
  .about-story h2,
  .cross-global h2,
  .compliance-overview-copy h2,
  .caller-intro h2,
  .smslogo-intro h2,
  .smslogo-value-grid h2,
  .development-split h2,
  .contact-ready h2,
  .compliance-faq h2{
    font-size:var(--type-feature);
    line-height:1.32;
    letter-spacing:-.5px;
  }
  .cta h2,
  .about-cta h2,
  .cross-cta h2,
  .compliance-end--consult h2,
  .case-title-row h2{
    font-size:var(--type-cta);
    line-height:1.35;
  }
  .service-hero .hero-subtitle,
  .development-hero h2,
  .caller-hero h2,
  .geo-hero h2,
  .baike-hero h2,
  .compliance-page .compliance-hero h2{
    font-size:var(--type-subtitle);
    line-height:1.45;
  }
  .ssl-detail-content h2{font-size:25px}
  .ssl-detail-hero h1{font-size:clamp(28px,7.8vw,33px);line-height:1.25;letter-spacing:-.5px}
  .page-content h1{font-size:clamp(29px,8vw,34px)}
  .page-content h2{font-size:24px}
}