/* typo-v1 2026-10-19 — typography system (inspired by the feel of large, tight display type; no layout changes) */
body{font-family:var(--font-text);font-size:17.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.section-title,.price-name,.price-amount,.logo,.formula,.paywall-title{font-family:var(--font-display)}
h1,.hero h1{font-size:clamp(38px,1rem + 3.4vw,64px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.025em!important;text-wrap:balance}
h2,.section-title{font-size:clamp(30px,1.2rem + 1.7vw,44px)!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.02em!important;text-wrap:balance}
h3{font-size:clamp(19px,.9rem + .5vw,23px);line-height:1.3;font-weight:700;letter-spacing:-.01em}
.hero p,.lead,.section-subtitle,.hero-sub{font-size:clamp(18px,.95rem + .35vw,21px)!important;line-height:1.5!important}
.section-subtitle{max-width:720px;margin-left:auto;margin-right:auto}
p,li,td,th{font-size:inherit}
.btn{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.005em;padding:15px 30px;border-radius:14px}
.btn-lg{font-size:19px!important;padding:18px 40px!important}
.hero .btn,.hero-cta .btn,.cta .btn{font-size:18px;padding:17px 34px}
.price-name{font-size:20px!important;letter-spacing:-.01em}
.price-amount{font-weight:800!important;letter-spacing:-.03em}
.price-features li{font-size:16px}
nav a,.nav-links a,.nav-r a{font-size:15px}
.logo{letter-spacing:-.02em}
img,video,table{max-width:100%}
@media (max-width:768px){
  body{font-size:17px}
  h1,.hero h1{font-size:clamp(32px,7.4vw + 4px,42px)!important;line-height:1.12!important;letter-spacing:-.02em!important}
  h2,.section-title{font-size:clamp(26px,5.6vw + 4px,32px)!important}
  .hero p,.lead,.section-subtitle{font-size:17.5px!important}
  .btn{font-size:16.5px;padding:14px 24px}
  .hero .btn,.hero-cta .btn,.cta .btn{font-size:17px;padding:15px 26px}
  h1,h2,h3{overflow-wrap:break-word}
  nav .nav-r{gap:10px;flex-wrap:wrap;justify-content:flex-end}
  nav .nav-r a{font-size:14px}
  input,select,textarea{max-width:100%}
}
.tier-opt{position:relative}.tier-opt input{width:1px!important;height:1px}
/* nav-gap 2026-10-19 */
.nav-inner{gap:36px}
.nav-inner>.logo,nav .logo{flex-shrink:0;margin-right:4px}
nav .container{gap:32px}
.nav-links{gap:22px}
body p,body li{font-weight:400}
.hero p,.lead,.section-subtitle,.faq-answer{color:#4a5560}
@media (min-width:769px) and (max-width:1200px){.nav-inner{gap:24px}.nav-links{gap:14px}.nav-links a{font-size:14px!important}}
@media (min-width:769px) and (max-width:1100px){.nav-links a[href="/starter-kit"],.nav-links a[href*="community"],.nav-links a[href*="mighty"]{display:none}}
@media (min-width:769px) and (max-width:920px){.nav-links a[href="#faq"],.nav-links a[href="/web/public-domain.html"]{display:none}}