/* Fonts (Oct 25): headlines Inter Tight 700, everything else Inter 400 / 500 for buttons and labels. Logo is an SVG image, untouched. */
:root{--display:"Inter Tight","Inter",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif}
html,body{font-family:var(--body);font-weight:400}
body *{font-family:var(--body)!important}
button,input,select,textarea,optgroup,option,output{font-family:var(--body)!important}
/* headlines */
h1,h2,h3,h1 *,h2 *,h3 *{font-family:var(--display)!important;font-weight:700!important;letter-spacing:-.02em!important}
.hero h1{line-height:1.05!important}
/* big display numbers (calculator result, sample card total) */
#tg-cost{font-family:var(--display)!important;font-weight:700!important;letter-spacing:-.02em!important}
/* body + sub-headlines: 400 */
.hero .sub,.hero .sub *,.about blockquote,.ba-with,.ba-wt span,.tl-ck span,.wid-card p,.tl-card p,.faq details p,.lede,.fine,.tg-note,.foot-line,input,select,textarea{font-weight:400!important}
/* buttons + labels: 500 */
.btn,a.link,button,summary,label,.bf label,.sl-top label,.sl-top output,.kick,.kick *,.wid-n,.tl-tag,.tt,.ba-tag,.ba-head span,.tg-suf,.about .who,.nav a{font-weight:500!important}
.bf label small{font-weight:400!important}
.hero .sub,.hero .sub *,.about blockquote,.faq summary{letter-spacing:normal!important}