/* Generated by npm run brand:generate from core tokens and brand identity. */
:root{--brand-h1:42px;--brand-h2:24px;--brand-h3:24px;--brand-body:18px;--brand-on-dark:#FFFFFF}
body{font-size:var(--brand-body);font-weight:300;color:var(--ink)}
h1,h2,h3{color:var(--teal);letter-spacing:-.025em}
h1,:is(.hero,.company-hero,.pricing-hero,.solutions-hero,.solution-hero,.ai-hero,.partner-directory-hero) h1{font-size:clamp(32px,3.5vw,var(--brand-h1));font-weight:800;line-height:1.12}
h2{font-size:var(--brand-h2);font-weight:500;line-height:1.3}
h3{font-size:var(--brand-h3);font-weight:400;line-height:1.35}
.hero .lede{font-size:clamp(18px,2vw,var(--brand-h2));font-weight:500;color:var(--teal);line-height:1.5}
.brand,.site-header .brand{position:relative;display:block;width:172px;height:auto;aspect-ratio:1192/285;flex-shrink:0}
.brand img,.site-header .brand img{display:block;width:100%;height:auto;object-fit:contain}
.brand-payoff{position:absolute;inset:0;width:100%;height:100%;font-family:inherit;letter-spacing:0;fill:var(--teal);pointer-events:none}
.custom-section :is(h2,h3),.custom-section .eyebrow,.custom-section .offer-icon,.custom-section .step-number,.custom-section .custom-why strong,.cta-band :is(h2,h3),footer.site :is(h2,h3){color:var(--brand-on-dark)}
.custom-section .gold{background:var(--brand-on-dark);color:var(--teal)}
.billing-toggle button:not([aria-pressed=true]) .billing-save{color:var(--brand-on-dark)}
@media(max-width:420px){.site-header .brand{width:129px}}