/* Public-site tokens, background and typography. Navigation uses the actual
   shared PHP components; these rules apply to the comparison content only. */
:root{--ink:#17181d;--ink-2:#252832;--muted:#4f5868;--soft:#f6f7f9;--pale:#f6f7f9;--line:#e3e6ec;--line-strong:#cfd5df;--blue:#3158f5;--blue-2:#1736b7;--radius:8px}
body{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:17px;color:var(--ink);background:url('/bg-image-svg.svg');background-size:600px 600px;background-attachment:fixed;text-rendering:geometricPrecision}
.shell{width:min(1220px,calc(100% - 40px))}
body main h1,body main h2,body main h3{color:var(--ink);letter-spacing:-.025em}
body main h1{font-size:clamp(46px,5.6vw,84px);line-height:1.05;font-weight:800}
body main h2{font-size:clamp(29px,3.2vw,43px);line-height:1.18;font-weight:750}
body main h3{font-size:23px;line-height:1.3;font-weight:750}
body main p:not(.eyebrow):not(.micro):not(.guide-table-hint){font-size:17px;line-height:1.75;color:#465061}
body main .micro{font-size:13px;line-height:1.75;color:#596273}
body main .eyebrow{display:inline-flex;align-items:center;gap:9px;min-height:30px;padding:4px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.85);font-size:13px;font-weight:700;line-height:1.5;letter-spacing:0;text-transform:none;color:#313642;box-shadow:0 10px 30px rgba(23,24,29,.04)}
body main .eyebrow::before{content:'';display:block;width:7px;height:7px;flex:0 0 7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px rgba(49,88,245,.10)}
body main .button{min-height:46px;padding:13px 19px;gap:12px;border:1px solid var(--blue);border-radius:8px;background:linear-gradient(180deg,#4065ff,#2149dc);font-size:15px;font-weight:750;line-height:1.4;box-shadow:0 12px 28px rgba(49,88,245,.16)}
body main .button:hover{background:linear-gradient(180deg,#3158f5,#1736b7);box-shadow:0 14px 34px rgba(49,88,245,.20)}
body main .text-link{font-size:15px;font-weight:700}
body main .hero{display:block;padding:74px 0 56px;text-align:center}
body main .hero-copy{max-width:1030px;margin-inline:auto}
body main .hero-copy h1{max-width:1030px;font-size:clamp(46px,5.7vw,82px);margin:25px auto 24px}
body main .hero-copy .lead{max-width:860px;margin:0 auto;font-size:20px;line-height:1.65}
body main .hero-copy .micro{margin:0 auto;font-size:14px}
body main .actions{justify-content:center;margin-top:30px}
body main .breadcrumb{font-size:13px;color:#596273}
body main .editorial-note{font-size:12px;gap:13px;background:rgba(255,255,255,.55)}
body main .status{font-size:11px;padding:5px 9px}
body main .section-nav{gap:27px;padding-block:19px;background:rgba(255,255,255,.65);font-size:14px}
body main .section-nav a{color:#465061}
body main .section{padding-top:66px;padding-bottom:66px}
body main .section-heading{max-width:870px;margin-bottom:29px}
body main .section-heading>p{font-size:18px;line-height:1.75}
body main .fit-card,body main .plain-card,body main .feature-card,body main .catalog-card,body main .category-card,body main .guide-card,body main .guide-related-card{border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(23,24,29,.035)}
body main .fit-card.positive{background:#eff9f4}
body main .fit-card h3{font-size:25px}
body main .fit-card ul{font-size:17px;line-height:1.8;color:#465061}
body main .fit-card a,body main .plain-card a,body main .steps-grid a{font-size:15px}
body main .card-label{font-size:12px;line-height:1.6;letter-spacing:0;text-transform:none;font-weight:650;color:#596273}
body main .steps-grid h3{font-size:25px}
body main .steps-grid .number{font-size:14px}
body main .matrix-controls{gap:22px;margin-bottom:23px}
body main .matrix-search-label,body main .matrix-differences,body main #feature-count{font-size:14px;color:#465061}
body main .matrix-search-label input{font-size:15px}
body main .matrix-legend{font-size:13px;line-height:1.6;gap:12px 22px}
body main .feature-table-wrap{border-radius:8px;background:#fff}
body main .feature-matrix thead th{top:80px;font-size:20px;padding:22px 25px}
body main .feature-matrix thead th:first-child{font-size:16px}
body main .column-context{font-size:12px;letter-spacing:0;text-transform:none}
body main .column-plan{font-size:12px;line-height:1.6}
body main .feature-matrix .feature-group th{font-size:13px;letter-spacing:0;text-transform:none;padding:13px 25px;color:#465061}
body main .feature-detail summary{font-size:16px;min-height:70px;line-height:1.6}
body main .feature-matrix [data-feature-row]>td{padding-top:19px;padding-bottom:19px}
body main .feature-status{font-size:15px;font-weight:700;gap:9px}
body main .feature-status__icon{width:28px;height:28px}
body main .feature-explanation p{font-size:14px;line-height:1.75}
body main .feature-explanation a{font-size:14px}
body main .comparison-context summary{font-size:16px}
body main .comparison-context p{font-size:16px}
body main .faq summary{font-size:17px;line-height:1.6}
body main .faq details p{font-size:16px;line-height:1.8}
body main .closing{padding:38px;border-radius:8px;background:rgba(239,243,255,.96)}
body main .closing h2{font-size:36px}
body main .sources h2{font-size:22px}
body main .sources p,body main .sources li{font-size:14px;line-height:1.8}
body main .metadata{font-size:14px}
body main .metadata summary{font-size:14px}
body main .hub-hero{padding:80px 0 58px;text-align:center}
body main .hub-hero h1{font-size:clamp(48px,6.4vw,90px);max-width:1040px;margin-inline:auto}
body main .hub-hero .lead{max-width:800px;margin-inline:auto;font-size:20px}
body main .hub-stats{justify-content:center;gap:70px}
body main .hub-stats span{font-size:14px}
body main .hub-stats strong{font-size:39px}
body main .catalog-question{font-size:15px;color:#465061}
body main .query,body main .card-bottom{font-size:13px}
body main .filters label,body main .filters>p{font-size:14px}
body main .filters input,body main .filters select{font-size:16px}
body main .feature-card h3,body main .catalog-card h3,body main .category-card h3{font-size:24px}
body main .category-card>div{font-size:14px}
body main .guide-card h2{font-size:29px;line-height:1.25}
body main .guide-card-top .card-label,body main .guide-card-top>span:last-child{font-size:13px}
body main .guide-card-bottom,body main .guide-card-bottom .text-link{font-size:15px}
body main .guide-hub-note{font-size:14px}
body main .guide-hero{padding-top:55px;padding-bottom:42px}
body main .guide-hero h1{font-size:clamp(44px,5.4vw,76px);max-width:1050px}
body main .guide-hero .lead{font-size:20px;max-width:900px}
body main .guide-byline strong,body main .guide-byline>div>span{font-size:14px}
body main .guide-disclosure{font-size:14px!important;max-width:960px}
body main .guide-answer{background:rgba(240,245,255,.96);border-radius:8px}
body main .guide-answer h2{font-size:32px}
body main .guide-answer>p{font-size:18px!important}
body main .guide-answer .guide-definition{font-size:15px!important}
body main .guide-rail{top:110px}
body main .guide-rail nav .eyebrow{font-size:13px}
body main .guide-rail nav a{font-size:14px;color:#465061}
body main .guide-rail-cta>p{font-size:15px}
body main .guide-rail-cta .button{font-size:14px}
body main .guide-section>h2{font-size:34px}
body main .guide-table{font-size:15px;line-height:1.75}
body main .guide-table thead th{font-size:15px}
body main .guide-table tbody th{font-size:17px}
body main .guide-row-note{font-size:13px}
body main .guide-table-hint{font-size:13px!important}
body main .guide-criteria h3{font-size:23px}
body main .guide-criteria p{font-size:17px}
body main .guide-leado-box{border-radius:8px;background:rgba(245,247,255,.96)}
body main .guide-leado-box h2{font-size:32px}
body main .guide-capabilities{font-size:14px}
body main .guide-plan>p{font-size:16px}
body main .guide-plan>strong>span{font-size:13px}
body main .guide-leado-box .micro{font-size:13px!important}
body main .guide-mistakes li{font-size:17px;line-height:1.8}
body main .guide-method>p{font-size:15px!important}
body main .guide-evidence-links,body main .guide-method>a{font-size:14px}
body main .guide-related-card>span:last-child,body main .guide-link-list a{font-size:15px}
.public-footer-wrap{width:100%;margin:0}
.public-footer-wrap .site-footer{width:100%;background:rgba(255,255,255,.96);border-radius:0}
.public-footer-wrap .site-footer__card{width:min(1360px,100%);margin-inline:auto}
body main .guide-link-list a{background:#fff}
body main .guide-link-list a:hover{background:#f6f8ff}
body main .faq details{margin-top:12px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:8px}
body main .use-case-cards article{padding:27px;background:#fff;border:1px solid var(--line);border-radius:8px}
body main .use-case-cards h3 a{color:var(--ink);font-size:inherit}
body main .use-case-cards h3{margin-top:0}
body main .comparison-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:64px;padding:42px;border-radius:12px;color:#fff;background:radial-gradient(circle at 80% 18%,rgba(125,152,255,.28),transparent 24%),linear-gradient(135deg,#17181d,#3158f5);box-shadow:0 30px 90px rgba(23,24,29,.14)}
body main .comparison-final-cta h2{color:#fff;margin:0 0 12px;font-size:clamp(32px,4.2vw,58px);line-height:1.05}
body main .comparison-final-cta p:not(.eyebrow):not(.micro){color:rgba(255,255,255,.86);margin:0;font-size:18px;line-height:1.7}
body main .comparison-final-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
body main .comparison-final-cta .button{background:#fff;color:#17181d;border-color:#fff;box-shadow:none}
body main .comparison-final-cta .button--ghost{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.08)}
@media(max-width:760px){body main .faq details{padding:18px}body main .comparison-final-cta{grid-template-columns:1fr;padding:30px;margin-top:40px}body main .comparison-final-cta__actions{justify-content:flex-start}body main .comparison-final-cta .button{width:100%}}
body main .comparison-pricing .calculator-result h3{color:#fff}
body main .comparison-pricing .calculator-result p:not(.eyebrow):not(.micro):not(.guide-table-hint):not(.calc-scope-summary){color:rgba(255,255,255,.86);font-size:16px;line-height:1.75}
body main .comparison-pricing .calc-field .calc-estimate input[type=number]{width:100%;max-width:76%;min-height:42px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;font-size:18px;text-align:left}
body main .comparison-pricing input:focus-visible{outline:3px solid #90a5ff;outline-offset:3px}
body main .hero-copy p.lead:not(.eyebrow):not(.micro):not(.guide-table-hint),body main .guide-hero p.lead:not(.eyebrow):not(.micro):not(.guide-table-hint),body main .hub-hero p.lead:not(.eyebrow):not(.micro):not(.guide-table-hint){font-size:20px;line-height:1.65}
@media(max-width:1080px){body main .feature-matrix thead th{top:72px}}
@media(max-width:760px){
  .shell{width:calc(100% - 32px)}
  body{background-attachment:scroll;font-size:16px}
  body main .hero{padding:45px 0 38px}
  body main .hero-copy h1,body main .hub-hero h1,body main .guide-hero h1{font-size:42px;line-height:1.1}
  body main .hero-copy .lead,body main .hub-hero .lead,body main .guide-hero .lead{font-size:18px;line-height:1.75}
  body main p:not(.eyebrow):not(.micro):not(.guide-table-hint){font-size:16px;line-height:1.8}
  body main h2,body main .guide-section>h2,body main .closing h2{font-size:29px;line-height:1.25}
  body main .section{padding-block:46px}
  body main .eyebrow{font-size:13px}
  body main .editorial-note{font-size:12px;align-items:flex-start}
  body main .status{font-size:10px}
  body main .section-nav{font-size:14px;gap:23px}
  body main .matrix-differences,body main #feature-count{font-size:13px}
  body main .matrix-legend{font-size:12px;gap:10px 13px}
  body main .feature-matrix thead th{padding:16px 8px;font-size:14px;top:72px}
  body main .feature-matrix thead th:first-child{font-size:14px}
  body main .column-context{font-size:11px}
  body main .column-plan{font-size:10px}
  body main .feature-matrix .feature-group th{font-size:12px;padding:12px}
  body main .feature-detail summary{font-size:14px;line-height:1.65;padding:16px 11px;min-height:80px}
  body main .feature-detail summary>span{font-size:15px}
  body main .feature-status{font-size:12px;gap:5px}
  body main .feature-status__icon{width:23px;height:23px}
  body main .feature-status--probably_not{gap:4px}
  body main .feature-status--probably_not>span:last-child{max-width:52px;font-size:12px}
  body main .feature-matrix [data-feature-row]>td{padding:22px 4px}
  body main .feature-explanation p,body main .feature-explanation a{font-size:13px}
  body main .fit-card ul{font-size:16px}
  body main .guide-layout{gap:25px}
  body main .guide-rail{position:static}
  body main .guide-rail nav a{font-size:13px}
  body main .guide-answer>p{font-size:17px!important}
  body main .guide-answer h2{font-size:28px}
  body main .guide-byline strong,body main .guide-byline>div>span{font-size:12px}
  body main .guide-card h2{font-size:27px}
  body main .guide-card-top .card-label,body main .guide-card-top>span:last-child{font-size:12px}
  body main .guide-card-bottom,body main .guide-card-bottom .text-link{font-size:13px}
  body main .guide-mistakes li{font-size:16px}
  body main .guide-criteria h3{font-size:22px}
  body main .guide-criteria p{font-size:16px}
  body main .guide-plan>strong{font-size:38px}
  body main .hub-stats{gap:23px}
  body main .hub-stats span{font-size:12px}
  body main .hub-stats strong{font-size:32px}
  body main .category-grid{grid-template-columns:1fr}
  body main .category-card h3{font-size:24px}
  body main .category-card>div{flex-direction:row}
  body main .closing{padding:28px}
  body main .hero-copy p.lead:not(.eyebrow):not(.micro):not(.guide-table-hint),body main .guide-hero p.lead:not(.eyebrow):not(.micro):not(.guide-table-hint),body main .hub-hero p.lead:not(.eyebrow):not(.micro):not(.guide-table-hint){font-size:18px;line-height:1.75}
}
@media(max-width:380px){body main .feature-status{font-size:11px;gap:3px}body main .feature-status__icon{width:20px;height:20px}body main .hero-copy h1,body main .hub-hero h1,body main .guide-hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body main .customer-review{display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;margin-top:56px}
body main .customer-review h2{font-size:34px}
body main .customer-review figure{margin:24px 0 0}
body main .customer-review blockquote{margin:0 0 25px;font-size:25px;line-height:1.55;font-weight:600;color:var(--ink)}
body main .customer-review figcaption{display:grid;gap:5px;font-size:15px;color:var(--muted)}
body main .customer-review figcaption strong{color:var(--ink)}
body main .customer-review .customer-rating{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px}
body main .customer-rating>span:first-child{color:#3158f5;letter-spacing:2px}
.customer-review__media{position:relative}
.customer-review__media>img:first-child{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}
.customer-review__logo{position:absolute;bottom:15px;left:15px;width:140px;height:auto;max-height:50px;object-fit:contain;background:#fff;padding:10px;border-radius:5px}
body main .comparison-final-cta p:not(.eyebrow):not(.micro):not(.guide-table-hint){color:rgba(255,255,255,.86)}
@media(max-width:760px){body main .customer-review{grid-template-columns:1fr;gap:24px;padding:24px}body main .customer-review h2{font-size:28px}body main .customer-review blockquote{font-size:21px}.customer-review__media{max-width:220px}}

body main .comparison-pricing .calc-field select{width:100%;min-height:48px;padding:12px;border:1px solid var(--line-strong);border-radius:8px;font:inherit;background:#fff;color:var(--ink)}
body main .hubspot-price-note{margin-top:35px;padding:28px}

.comparison-pricing [data-calc-flex-only][hidden]{display:none!important}
body main .comparison-pricing .calc-scenario{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px}
.calc-scenario>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:15px}
.calc-scenario strong{white-space:nowrap}
body main .comparison-pricing .calc-field input#calcProviderSeats{font:inherit;width:100%;min-height:48px;padding:12px;border:1px solid var(--line-strong);border-radius:8px}

body main .comparison-pricing p.calc-field__hint:not(.eyebrow):not(.micro):not(.guide-table-hint){font-size:14px;line-height:1.65}
body main>.sources{margin-top:40px}

body main .product-notice{padding:24px 28px;margin-block:24px;background:#edf2ff;border:1px solid #cdd8ff;border-radius:8px}
body main .product-notice--discontinued{background:#fff1f2;border-color:#efc8cd}
body main .product-notice h2{font-size:24px;margin:0 0 10px}
body main .product-notice p{margin:0 0 12px}
.feature-audit-report .hub-stats{flex-wrap:wrap;margin-block:26px}
.feature-audit-report .hub-stats strong{font-size:32px}
@media(max-width:760px){body main .product-notice{padding:22px}.feature-audit-report .hub-stats strong{font-size:25px}.feature-status>span:last-child{white-space:normal;overflow-wrap:anywhere}}
.feature-matrix .recommendation-group-note{display:block;max-width:900px;margin-top:8px;font-size:15px;line-height:1.65;font-weight:500;text-transform:none;letter-spacing:normal;color:#43516a}
.public-footer-wrap .site-footer__resources[aria-label^="Best "] .site-footer__title{font-size:18px;line-height:1.4;font-weight:750;text-transform:none;letter-spacing:0;color:#243a69;margin-bottom:18px}
.public-footer-wrap .site-footer__resources[aria-label^="Best "] .site-footer__resources-grid a{font-size:15px;line-height:1.65;font-weight:550}