/* Shared, screen-only typography: Inter for UI; Baskerville for display titles. */
@media screen{
:root{--type-body:Inter,"Segoe UI",Arial,sans-serif;--type-display:Baskerville,Georgia,serif}
body{font-family:var(--type-body)!important;font-size:14px;line-height:1.6;letter-spacing:0;font-synthesis:none}
button,input,textarea,select{font-family:var(--type-body)!important;line-height:1.45;letter-spacing:0}
h1,h2,h3,h4,h5,h6{line-height:1.25;text-wrap:balance;overflow-wrap:break-word}
p,li{line-height:1.7}p{overflow-wrap:break-word}
button,.btn,.button{font-weight:600;line-height:1.4;letter-spacing:0}
input,textarea,select,.form-control{font-size:14px;line-height:1.5}
label,.form-label{font-size:13px;line-height:1.5;font-weight:600}
small,.help-text,.form-text{font-size:12px;line-height:1.65}
th{font-size:12px;font-weight:650;line-height:1.5;letter-spacing:.01em}td{font-size:13px;line-height:1.55;font-variant-numeric:tabular-nums}
#sidebar .nav-item{font-size:13px!important;font-weight:550;line-height:1.45}
.nav-section-title{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.1em}
#topbar-page-title{font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.3px}
:is(.card-title,.modal-title){font-size:20px;line-height:1.3;font-weight:650;letter-spacing:-.3px}
:is(.brand,.brand-text h1,.auth-brand-name,.klasama-wordmark,.klasama-about-hero h2,.klasama-notebook strong){font-family:var(--type-display)!important;font-weight:600;letter-spacing:-.4px}
.hero h1,.section h2,.closing h2,.klasama-pro-showcase .pro-intro h2,.demo-title{font-family:var(--type-display)!important;font-weight:400;line-height:1.12}
.hero h1{font-size:clamp(46px,5.5vw,72px);letter-spacing:-1.8px;max-width:12ch}
.hero h1 span{font-family:inherit!important}
.section h2{font-size:clamp(32px,3.7vw,46px);letter-spacing:-1px}
.closing h2{font-size:clamp(36px,4vw,50px);letter-spacing:-1px}
.klasama-pro-showcase .pro-intro h2{font-size:clamp(34px,4.1vw,54px);letter-spacing:-1px}
.pro-intro h2 em{font-family:inherit!important;font-weight:400;line-height:inherit}
.lede,.section-intro{font-size:15px;line-height:1.8}
.tool h3{font-size:19px;font-weight:650;line-height:1.35;letter-spacing:-.3px}.tool p,.step p,.faq-items p{font-size:14px;line-height:1.8}
.step h3{font-size:16px;line-height:1.4;font-weight:650}
.eyebrow,.pro-eyebrow,.plan-label,.number{font-size:10px;font-weight:650;letter-spacing:.12em;line-height:1.6}
.navlinks{font-size:13px;font-weight:600;line-height:1.4}.hero-actions .button{font-size:13px}
.demo-title{font-size:28px;letter-spacing:-.5px}.demo-date{font-size:12px;line-height:1.6}.demo-row{font-size:12px;line-height:1.5}
.demo-stats strong{font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2}.demo-stats span{font-size:11px;line-height:1.5}
.demo-note,.small{font-size:12px;line-height:1.7}.demo-top{line-height:1.6}
.pro-compare h3{font-size:25px;line-height:1.25;font-weight:650;letter-spacing:-.6px}
.klasama-pro-showcase .plan-description{font-size:13px;line-height:1.75}.pro-compare li{font-size:14px;line-height:1.65}
.klasama-pro-showcase .pro-intro>p{font-size:15px;line-height:1.8;max-width:65ch}
.klasama-pro-showcase .pro-request{font-size:14px;font-weight:650;line-height:1.4}
.pro-bottom strong{font-size:14px;line-height:1.5}.pro-bottom span,.activate-link{font-size:12px;line-height:1.7}
.klasama-pro-showcase .license-contact,.klasama-pro-showcase .pro-disclosure{font-size:12px;line-height:1.75}
.faq-items summary{font-size:15px;line-height:1.6;font-weight:600}
.creator h3{font-size:15px;line-height:1.5}.creator p,.footer{font-size:12px;line-height:1.75}
@media(max-width:800px){.navlinks{gap:14px}.hero h1{max-width:14ch}.demo{overflow-wrap:break-word}}
@media(max-width:580px){input,textarea,select,.form-control{font-size:16px}.hero h1{font-size:46px;letter-spacing:-1.2px}.klasama-pro-showcase .pro-intro h2{font-size:32px;letter-spacing:-.7px}.navlinks .button{font-size:10px}.navlinks .nav-pro{font-size:10px}.pro-compare h3{font-size:24px}.demo-stats>div{padding:12px 7px}.demo-stats span{font-size:10px}.plan-pro-top{align-items:flex-start}.plan-pro-top .plan-label{max-width:17ch}.demo-tag{white-space:normal;text-align:right}.brand{font-size:25px}.brand img{width:30px;height:30px}}
}
/* Use Inter's single-storey a consistently, including native form controls. */
@media screen{
body,body *,body *::before,body *::after{font-feature-settings:"cv11" 1,"ss01" 1!important}
}