/* Shared typography and alignment, based on the Software Pricing layout. */
:root{--cos-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",Meiryo,"Segoe UI",sans-serif;--cos-width:1180px;--cos-gutter:22px}
body[data-cos-section]{font-family:var(--cos-font);font-size:16px;line-height:1.65;--sans:var(--cos-font);--serif:var(--cos-font)}
body[data-cos-section] :is(header,footer,nav,h1,h2,h3,h4,p,a,li,table,th,td,label,input,select,button,summary,.small,.kicker,.home-lede,.home-extra,.home-price-label,.home-price small,.byline,.chk,.unconf){font-family:var(--cos-font)!important}
body[data-cos-section] .wrap{box-sizing:border-box;width:min(calc(100% - 2 * var(--cos-gutter)),var(--cos-width));max-width:var(--cos-width)!important;margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important}
body[data-cos-section]>header .wrap{min-height:76px;height:auto;padding-top:14px;padding-bottom:14px;align-items:center;gap:26px}
body[data-cos-section]>header :is(a.logo,a.brand){display:inline-flex;align-items:center;gap:12px;min-width:0;padding:0;border:0;text-decoration:none!important;letter-spacing:normal;text-transform:none;color:#17202b}
body[data-cos-section]>header :is(.logo-mark,.logomark,.cos-mark){width:36px;height:36px;display:block;flex:0 0 36px}
body[data-cos-section]>header .cos-site-mark{width:36px!important;height:36px!important;display:block;flex:0 0 36px;object-fit:contain;border:0;border-radius:0}
body[data-cos-section]>header a.brand:has(>.cos-site-mark){display:inline-flex!important;align-items:center;gap:12px}
body[data-cos-section]>header :is(.cos-wordmark,.logo>span){display:block;font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none}
body[data-cos-section]>header :is(.logo b,.cos-wordmark b){display:block;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.02em;text-transform:none;color:#17202b}
body[data-cos-section]>header :is(.logo>span>span,.cos-wordmark small){display:block;margin-top:3px;font-size:10px;font-weight:500;line-height:1.3;letter-spacing:.03em;text-transform:none;color:#596571}
body[data-cos-section]>header nav a{font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.01em;text-transform:none}
body[data-cos-section] :is(.eyebrow,.kicker,.tag,.small,th,label,footer h4){text-transform:none!important;letter-spacing:.01em}
body[data-cos-section]:is([data-cos-section="seo-tools-cost-calculator"],[data-cos-section="ai-video-cost"],[data-cos-section="about"],[data-cos-section=""]){background:#fff;--paper:#fff;--bg:#fff}
/* Software Pricing heading scale; compact spacing shared by all categories. */
body[data-cos-section]:not([data-cos-section=""]) main :is(h1,h2,h3,h4){font-weight:400!important;font-style:normal!important;line-height:1.32;letter-spacing:.005em}
body[data-cos-section]:not([data-cos-section=""]) main h1{font-size:clamp(1.5rem,3.2vw,2.35rem)!important;line-height:1.24!important;margin:0 0 16px!important}
body[data-cos-page="home"][data-cos-section]:not([data-cos-section=""]) main h1{font-size:clamp(2.05rem,4vw,3.15rem)!important}
body[data-cos-section]:not([data-cos-section=""]) main h2{font-size:clamp(1.55rem,3vw,2.1rem)!important;margin:28px 0 12px!important}
body[data-cos-page="detail"][data-cos-section]:not([data-cos-section=""]) main h2{font-size:1.32rem!important}
body[data-cos-section]:not([data-cos-section=""]) main h3{font-size:1.12rem!important;margin:20px 0 8px!important}
body[data-cos-section]:not([data-cos-section=""]) main :is(.card,.snapshot-card) h3{font-size:1.42rem!important;line-height:1.2}
body[data-cos-section]:not([data-cos-section=""]) main h4{font-size:1.02rem!important;margin:16px 0 8px!important}
body[data-cos-section]:not([data-cos-section=""]) main :is(h1,h2,h3,h4) :is(a,span,b,strong,em,i){font-size:inherit!important;font-weight:inherit!important;font-style:normal!important;line-height:inherit;letter-spacing:inherit}
body[data-cos-section]:not([data-cos-section=""]) main :is(.lead,.lede,.home-lede){font-size:16px!important;font-weight:400;line-height:1.65!important;margin:0 0 16px!important}
body[data-cos-page="detail"][data-cos-section]:not([data-cos-section=""]) main :is(.prose,.art){font-size:1.02rem;line-height:1.72}
body[data-cos-page="detail"][data-cos-section]:not([data-cos-section=""]) main :is(.prose,.art) p:not(.byline):not(.small):not(.note){font-size:1.02rem;line-height:1.72;margin:0 0 16px}
body[data-cos-page="detail"][data-cos-section="business-phone-system"] main>.wrap>p:not(.small):not(.byline):not(.note){font-size:1.02rem;line-height:1.72;margin:0 0 16px}
body[data-cos-page="detail"][data-cos-section] main .answer p{font-size:1.02rem;line-height:1.72;margin:0 0 12px}
body[data-cos-section]:not([data-cos-section=""]) main :is(.small,.byline,.verified,.pdisc){font-size:13px;line-height:1.6}
body[data-cos-section]:not([data-cos-section=""])>footer{margin-top:0!important;padding-top:24px;padding-bottom:24px;font-size:13px;line-height:1.6}
body[data-cos-section]:not([data-cos-section=""])>footer .wrap{padding-top:0;padding-bottom:0}
body[data-cos-section]:not([data-cos-section=""])>footer p{font-size:13px;font-weight:400;line-height:1.6;margin:0 0 12px}
body[data-cos-section]:not([data-cos-section=""])>main{padding-top:24px;padding-bottom:40px}
body[data-cos-section="software-pricing"]>main{padding-top:0}
body[data-cos-section] .hero-inner{padding:32px 0 36px;gap:36px}
body[data-cos-section] .phero{padding:28px 0 24px}
body[data-cos-section] .block{padding:40px 0}
body[data-cos-section] .sec-head{margin-bottom:24px}
body[data-cos-section] .sec-head h2{margin-top:0!important}
body[data-cos-section] .result-head{margin:24px 0 8px}
body[data-cos-section] .result-head h2{margin:0!important}
body[data-cos-section] .home-snapshot>h2{margin-top:0!important}
body[data-cos-section] .home-hero{padding:16px 0 18px;margin-bottom:16px}
body[data-cos-section] :is(.home-snapshot,section.copy){margin-top:28px}
body[data-cos-section] section.cta{padding:36px 0}
/* Domain hub uses the same scale without category-only section layouts. */
body[data-cos-section="domain-home"]>main{padding-top:0}
body[data-cos-section="domain-home"] .hero-inner{display:block;min-height:0}
body[data-cos-section="domain-home"] .hero h1{max-width:900px}
body[data-cos-section="domain-home"] .hero .lead{max-width:760px}
body[data-cos-section="domain-home"]{background:#fff;--paper:#fff}
body[data-cos-section="domain-home"] .hero{background:#fff;color:#17202b;border-bottom:1px solid #e2e0da}
body[data-cos-section="domain-home"] .hero .lead{color:#536170}
body[data-cos-section="domain-home"] .hero .eyebrow{color:#886820}
body[data-cos-section="domain-home"] .hero .button.primary{background:#17202b;color:#fff}
body[data-cos-section="domain-home"] .hero .button.primary:hover{background:#344454}
body[data-cos-section="domain-home"] .hero .button.secondary{color:#17202b;border-color:#aeb7bf}
body[data-cos-section="domain-home"] .hero .button.secondary:hover{background:#f5f6f7}
body[data-cos-section="domain-home"] .quick-paths a{color:#17202b;border-color:#aeb7bf}
body[data-cos-section="domain-home"] .quick-paths a:hover{background:#f5f6f7}
body[data-cos-section="domain-home"] .section{padding-top:32px;padding-bottom:16px}
body[data-cos-section="domain-home"][data-cos-page] .section-head h2{margin-top:0!important}
body[data-cos-section="domain-home"][data-cos-page] .hero-aside h2{font-size:1.32rem!important;margin:0 0 12px!important}
body[data-cos-section="domain-home"] .explore{padding-top:32px;padding-bottom:32px}
body[data-cos-section="domain-home"][data-cos-page] .explore h3{margin:0 0 12px!important}
body[data-cos-section="domain-home"] .method{padding-top:32px;padding-bottom:32px;gap:36px}
body[data-cos-section="domain-home"] .method-wrap{background:#fff;border-color:#e2e0da;color:#17202b}
body[data-cos-section="domain-home"] .method .eyebrow{color:#536170}
body[data-cos-section="domain-home"]>header a.brand{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em}
body[data-cos-section] .prose h2::before{margin-bottom:10px}
@media(max-width:640px){body[data-cos-page="home"][data-cos-section]:not([data-cos-section=""]) main h1{font-size:1.72rem!important;margin-bottom:12px!important}body[data-cos-section] .hero-inner{padding:22px 0 26px;gap:20px}body[data-cos-section] .block{padding:28px 0}body[data-cos-section] .phero{padding:22px 0}body[data-cos-section]:not([data-cos-section=""])>main{padding-top:20px;padding-bottom:28px}body[data-cos-section="software-pricing"]>main{padding-top:0}}
#cos-site-nav{box-sizing:border-box;display:block;position:static;background:#fff;color:#17202b;border:0;border-bottom:1px solid #e2e0da;margin:0;padding:10px var(--cos-gutter);font:14px/1.5 var(--cos-font);letter-spacing:normal;text-transform:none}
#cos-site-nav .cos-inner{box-sizing:border-box;max-width:var(--cos-width);margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
#cos-site-nav a{display:inline-flex;align-items:center;min-height:32px;color:#17202b!important;text-decoration:none;border:0;padding:0;font:inherit;letter-spacing:normal;text-transform:none}
#cos-site-nav a:hover{text-decoration:underline}#cos-site-nav a:focus-visible{outline:2px solid #814f06;outline-offset:4px}
#cos-site-nav .cos-home{font-weight:750;margin-right:auto}#cos-site-nav .cos-categories{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
#cos-site-nav a[aria-current="true"]{color:#814f06!important;text-decoration:underline;text-underline-offset:5px}
#cos-site-nav~header.site a.logo{text-transform:none;letter-spacing:.02em}
@media(max-width:720px){body[data-cos-section]>header .wrap{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:12px;padding-top:14px;padding-bottom:14px}body[data-cos-section]>header :is(.logo b,.cos-wordmark b){font-size:16px}body[data-cos-section]>header nav{margin-left:0}body[data-cos-section]>header:not(.site-header) nav{width:100%}}
@media(max-width:600px){#cos-site-nav{padding:8px var(--cos-gutter)}#cos-site-nav .cos-inner{gap:2px}#cos-site-nav .cos-home{width:100%}#cos-site-nav .cos-categories{gap:2px 14px;font-size:12px}}
body[data-cos-section="domain-home"][data-cos-page]>main{padding-top:0}