@import url('family.css');
:root{--site-width:var(--family-width)!important;--header-max:var(--family-width)!important;--header-gutter:var(--family-gutter)!important;--header-height:72px!important;--sans:var(--family-font);--display:var(--family-font);--radius:var(--family-radius)}
body{font-family:var(--family-font)!important}
body :is(h1,h2,h3,h4){font-family:var(--family-font)!important;font-weight:600!important;letter-spacing:-.025em!important}
body .hero{background-image:none!important;padding-block:48px!important}
body .hero h1{font-size:var(--family-title)!important;line-height:1.18!important}
body .hero-lead{font:400 16px/1.8 var(--family-font)!important}
body :is(.section,.closing){padding-block:var(--family-section-gap)!important}
body .container{max-width:var(--family-width)!important;width:calc(100% - 2 * var(--family-gutter))!important}
body :is(.section,.light,.closing) h2{font-size:32px!important;line-height:1.3!important}
body :is(.tool-card,.audience-panel,.price-card,.agency-features,.calculator,.step-card,.hero-product){border-radius:var(--family-radius)!important;box-shadow:none!important;background-image:none!important;transform:none!important}
body :is(.tool-card,.film-card,.resources-grid>a) h3{font-size:22px!important;line-height:1.4!important}
body :is(.tool-card,.film-card,.resources-grid>a) p{font:400 15px/1.75 var(--family-font)!important}
body :is(.button,.site-panel-link,.filters button,.audience-tabs button,.gallery-filters button){font-family:var(--family-font)!important;font-weight:600!important;font-size:14px!important;border-radius:5px!important;min-height:var(--family-control);box-shadow:none!important}
body :is(.site-header,.site-nav,.eyebrow,.tool-label){font-family:var(--family-font)!important}
body :is(.tools-grid,.price-grid,.resources-grid){gap:var(--family-card-gap)!important}
body .hero-visual::after{background:none!important}
@media(max-width:650px){body .hero{padding-block:28px!important}body :is(.section,.light,.closing) h2{font-size:28px!important}}
body .visual-note p{font:600 30px/1.3 var(--family-font)!important;letter-spacing:-.025em!important}

body .visual-note{background:var(--card);padding:20px;border-top:1px solid var(--line)}
body .site-header{min-height:72px!important}
body .wrap{box-sizing:border-box!important;max-width:calc(var(--family-width) + 2 * var(--family-gutter))!important;padding-inline:var(--family-gutter)!important;margin-inline:auto!important}
body .hero-a h1{font-size:var(--family-title)!important;line-height:1.18!important}
body .hero-a p{font:400 16px/1.8 var(--family-font)!important}
body .hero-a ~ section{padding-block:var(--family-section-gap)!important}
body .hero-a ~ section h2{font-size:32px!important;line-height:1.3!important}
body .hero-a ~ section :is(button,input){font-family:var(--family-font)!important;font-size:16px!important}
@media(prefers-reduced-motion:reduce){body .hero-a *,body .hero-a ~ section *{animation:none!important;transition:none!important}}
@media(max-width:650px){:root{--header-height:64px!important}body .visual-note p{font-size:24px!important}}