/* Readable type sizes across the public website. */
body{font-size:18px;line-height:1.7}
.header-inner{gap:20px;padding-inline:30px}
.brand strong{font-size:15px}
.brand small{font-size:11px}
nav{gap:18px}
nav a{font-size:14px}
.btn{font-size:15px;line-height:1.5}
.header-cta{font-size:13px;gap:12px}
.eyebrow{font-size:12px;letter-spacing:2px}
h1{font-size:48px}
h2{font-size:36px}
h3{font-size:20px}
.hero h1{font-size:50px}
.hero p{font-size:18px;line-height:1.8;max-width:520px}
.intro{font-size:18px}
.trust-item{font-size:16px}
.stat strong{font-size:30px;line-height:1.35}
.stat small{font-size:14px;line-height:1.5;display:block;margin-top:7px}
.text-link{font-size:15px}
.card h3{font-size:20px}
.card p{font-size:16px;line-height:1.75}
.card .tag{font-size:12px}
.tab{font-size:14px;padding:11px 18px}
.banner h3{font-size:26px}
.banner p{font-size:16px;line-height:1.65}
.step b{font-size:14px}
.step h3{font-size:18px;min-height:52px}
.step p{font-size:15px;line-height:1.7}
.about .lead{font-size:23px}
.values h3{font-size:17px}
.contact-item small{font-size:14px}
.contact-item a,.contact-item b{font-size:18px}
.contact-grid>div>p{font-size:14px!important}
.form h2{font-size:28px}
.form>p{font-size:16px}
label{font-size:14px}
input,textarea{font-size:16px;line-height:1.6}
.form-bottom small{font-size:14px;line-height:1.6}
.form-status{font-size:16px}
.socials a{font-size:15px}
.footer-inner{font-size:14px}
.footer-brand{font-size:17px}
dialog h2{font-size:32px}
dialog p{font-size:17px!important}
.demo{font-size:13px}
@media(max-width:1100px){
  .hero h1{font-size:45px}
  .header-inner{padding-inline:24px}
}
@media(max-width:1000px){
  .header-inner{justify-content:space-between}
  .header-cta{display:none}
  .menu{display:block}
  nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:20px;box-shadow:0 20px 25px #0002;align-items:stretch}
  nav.open{display:flex;flex-direction:column;gap:0}
  nav a{font-size:17px;padding:12px}
}
@media(max-width:760px){
  body{font-size:17px}
  .header-inner{padding:12px 20px}
  .brand strong{font-size:13px}
  .brand small{font-size:10px}
  h1{font-size:36px}
  h2{font-size:29px}
  .hero h1{font-size:38px}
  .hero p{font-size:17px;line-height:1.75}
  .hero .eyebrow{font-size:11px;letter-spacing:1.5px}
  .intro{font-size:17px}
  .section-heading{flex-wrap:wrap;gap:14px}
  .section-heading .text-link{font-size:15px}
  .card h3{font-size:20px}
  .card p{font-size:16px}
  .tab{font-size:14px;padding:9px 15px}
  .banner h3{font-size:24px}
  .banner p{font-size:16px}
  .step h3{font-size:18px;min-height:0}
  .step p{font-size:15px}
  .about .lead{font-size:20px}
  .stat strong{font-size:26px}
  .footer-inner{font-size:13px}
  .contact-item a,.contact-item b{font-size:17px}
}
@media(max-width:360px){
  .brand strong{font-size:12px}
  .brand small{font-size:9px}
  .brand{gap:7px}
  .brand-logo{width:42px;height:42px}
  .hero h1{font-size:34px}
  h1{font-size:33px}
}