@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#082c50;--green:#13513b;--ink:#163249;--muted:#596977;--line:#dce3e7;--light:#f1f5f7;--lime:#dceea9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible{outline:3px solid #3995cc;outline-offset:5px}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.15;margin:0;font-weight:600}h1{font-size:clamp(43px,4.9vw,70px);letter-spacing:-3px}h2{font-size:clamp(30px,3.05vw,44px);letter-spacing:-1.7px}h3{font-size:23px;letter-spacing:-.7px}p{color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding-left:42px;padding-right:42px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}header{min-height:104px;max-width:1400px;padding:20px 4%;margin:auto;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.logo{width:215px;display:block}nav{display:flex;gap:27px;align-items:center;margin-left:auto}nav a{font-size:14px;font-weight:500;white-space:nowrap}nav a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--green);color:#fff;padding:15px 21px;border-radius:5px;font-size:14px;font-weight:600}.button:hover{background:#083b2a;color:white}.header-button{font-size:13px;padding:12px 17px;gap:14px}.menu-button{display:none}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--green);margin:0 0 23px}.home-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;padding-top:78px;padding-bottom:80px;align-items:center}.home-hero h1 span{color:var(--green)}.lead{font-size:19px;line-height:1.7;max-width:610px;margin:24px 0 0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px}.hero-panel{background:var(--navy);padding:33px;border-radius:8px;color:white}.panel-head{display:flex;align-items:center;gap:12px;letter-spacing:1.5px;font-size:10px;color:#ced9e2}.panel-head img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}.hero-panel h2{font-size:31px;letter-spacing:-1px;margin-top:25px}.hero-panel>p{font-size:14px;color:#b9c9d6;margin:17px 0 25px}.hero-panel>a{display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff26;padding:15px 0;font-size:17px}.hero-panel>a:hover{color:var(--lime)}.hero-panel>a span{font-size:11px;color:#b9c9d6}.hero-panel b{margin-left:auto;font-weight:400}.panel-foot{font-size:11px;color:#b9c9d6;border-top:1px solid #ffffff26;padding-top:18px}.business-strip{display:flex;align-items:center;justify-content:center;gap:65px;background:var(--light);padding:25px 30px;border-block:1px solid var(--line);font-size:18px;font-weight:600}.business-strip>span{font-size:10px;font-weight:500;letter-spacing:1.3px;color:var(--muted)}.section{padding-top:82px;padding-bottom:82px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-card{padding:28px 22px 5px 0}.service-card+article{border-left:1px solid var(--line);padding-left:22px}.number{font-size:12px;color:var(--green);font-weight:600}.service-card h3{font-size:20px;margin:24px 0 17px}.service-card h4{font-size:14px;line-height:1.6;font-weight:600;letter-spacing:0}.service-card p{font-size:15px;margin-bottom:0}.personal{display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:75px}.personal p{margin-top:0}.personal .eyebrow{margin-bottom:20px}.cta{background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;padding-top:48px;padding-bottom:48px;border-radius:7px;margin-bottom:80px;max-width:1156px}.cta .eyebrow{color:var(--lime)}.button.light{color:var(--green);background:white}.button.light:hover{background:var(--lime)}footer{background:var(--light);padding:52px max(5%,calc((100% - 1156px)/2)) 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer img{width:220px}footer p{font-size:14px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;align-items:start;gap:9px}.footer-top h3{font-size:14px;margin-bottom:7px}.footer-top a:not(:first-child){font-size:14px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:23px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.page-banner{padding-top:70px;padding-bottom:58px}.page-banner h1{font-size:clamp(42px,4.5vw,62px)}.page-banner .lead{max-width:690px}.detail-row{display:grid;grid-template-columns:45px 1.5fr 1fr;gap:25px;padding:38px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.detail-row h2{font-size:30px}.detail-row p{max-width:520px;margin-bottom:0}.detail-row ul{font-size:15px;color:var(--muted);margin:0;padding-left:20px}.detail-row li{padding:5px 0}.details{padding-bottom:60px}.tinted{background:var(--light);margin-bottom:75px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.three-grid article{padding:27px;border:1px solid var(--line);border-radius:6px;background:#fff}.three-grid h3{margin-top:20px}.three-grid p{font-size:15px;margin-bottom:0}.small-label{font-size:11px;letter-spacing:1px;color:var(--green);font-weight:700}.pricing-section{padding-top:0}.pricing-grid{margin-top:0;align-items:stretch}.pricing-grid article{padding:32px 25px}.pricing-grid h2{font-size:27px;letter-spacing:-1px}.pricing-grid .eyebrow{font-size:10px;margin-bottom:22px}.pricing-grid p{min-height:76px}.pricing-grid .price{font-size:19px;font-weight:600;padding:25px 0;border-bottom:1px solid var(--line)}.pricing-grid ul{padding-left:19px;font-size:14px;color:var(--muted);margin:24px 0}.pricing-grid li{padding-bottom:9px}.pricing-grid .featured{border:2px solid var(--green);background:#f5f9f6}.pricing-note{font-size:13px;margin-top:22px}.blog-empty{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:55px;padding-bottom:85px}.blog-empty h2{margin:18px 0}.blog-empty .button{margin-top:18px}.topics{list-style:none;padding:0}.topics li{padding:22px 0;border-bottom:1px solid var(--line);font-size:18px}.topics span{font-size:12px;color:var(--green);margin-right:22px}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;border-top:1px solid var(--line);padding-top:55px;padding-bottom:75px}.about-layout p:first-child{margin-top:0}.principles{margin-top:30px}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles h3{font-size:18px}.principles p{font-size:15px}
@media(max-width:1100px){header{gap:20px}.logo{width:185px}nav{gap:17px}.header-button{display:none}.home-hero{gap:35px}.business-strip{gap:35px}.cta{margin-inline:42px}.hero-panel{padding:27px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:25px!important;border:0!important}.service-card:nth-child(odd){padding-left:0!important}.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)!important}.pricing-grid article{padding:25px 20px}.pricing-grid p{min-height:105px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}header{padding:23px 24px;min-height:85px;flex-wrap:wrap;position:relative}.logo{width:200px}.menu-button{display:flex;margin-left:auto;background:none;border:1px solid var(--line);padding:8px 11px;border-radius:4px;align-items:center;gap:10px;font:14px 'DM Sans',Arial;color:var(--navy)}nav{display:none;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0;border-top:1px solid var(--line);font-size:16px}.home-hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:45px;gap:40px}h1{font-size:52px;letter-spacing:-2.7px}.eyebrow{font-size:10px;letter-spacing:1.2px}.lead{font-size:18px}.hero-panel h2{font-size:33px}.business-strip{flex-wrap:wrap;gap:12px 25px;padding:24px;font-size:15px}.business-strip>span{width:100%;text-align:center}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block}.section-heading>.text-link{display:inline-block;margin-top:25px}.service-card h3{font-size:19px}.service-card h4{font-size:14px}.service-card p{font-size:14px}.service-card{padding:25px 0 25px 17px!important}.personal,.about-layout,.blog-empty{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:50px}.cta{margin:0 24px 55px;padding:32px 25px;display:block}.cta .button{margin-top:26px}footer{padding:38px 24px 24px}.footer-top{grid-template-columns:1fr 1fr;gap:27px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}.page-banner{padding-top:47px;padding-bottom:42px}.page-banner h1{font-size:43px;letter-spacing:-2px}.detail-row{grid-template-columns:25px 1fr;gap:14px}.detail-row ul{grid-column:2}.detail-row h2{font-size:27px}.three-grid{grid-template-columns:1fr}.three-grid article{padding:28px}.pricing-grid p{min-height:0}.pricing-section{padding-top:0}.tinted{margin-bottom:50px}.blog-empty{gap:20px}.topics li{font-size:16px}.hero-actions{gap:22px}.button{gap:20px}}@media(max-width:380px){.logo{width:170px}h1{font-size:46px}.hero-actions{flex-wrap:wrap}.service-grid{grid-template-columns:1fr}.service-card{padding:25px 0!important;border-bottom:1px solid var(--line)!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Theme surfaces keep brand colors, text, and controls readable in either mode. */
:root{color-scheme:light;--page:#fff;--surface:#fff;--featured:#f5f9f6;--action:#13513b;--action-hover:#083b2a}body{background:var(--page)}.three-grid article{background:var(--surface)}.pricing-grid .featured{background:var(--featured)}.button{background:var(--action)}.button:hover{background:var(--action-hover)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:10px 12px;cursor:pointer;font:500 12px 'DM Sans',Arial,sans-serif}.theme-toggle>span:first-child{font-size:19px;line-height:1}.theme-toggle:hover{border-color:var(--green)}.portal-pending{padding-top:40px;padding-bottom:85px;border-top:1px solid var(--line)}.portal-pending h2{font-size:28px}.portal-pending p{max-width:650px;margin-bottom:25px}nav a:last-child{color:var(--green);font-weight:700}.skip{background:var(--surface)}
:root[data-theme=dark]{color-scheme:dark;--page:#101b26;--surface:#182633;--featured:#173329;--navy:#dfeaf5;--green:#93d3b2;--ink:#e7eef5;--muted:#aebdc9;--line:#344553;--light:#172530;--action:#1e6048;--action-hover:#287c5c}.hero-panel{background:#082c50}.cta{background:#124d38}:root[data-theme=dark] .logo,:root[data-theme=dark] footer img{filter:brightness(0) invert(1)}:root[data-theme=dark] .button.light{color:#124b36;background:#f2f6f3}:root[data-theme=dark] .button.light:hover{background:var(--lime)}:root[data-theme=dark] .hero-panel .panel-head,:root[data-theme=dark] .hero-panel>p,:root[data-theme=dark] .hero-panel>a span,:root[data-theme=dark] .panel-foot{color:#c7d4df}
@media(min-width:761px) and (max-width:1190px){header{flex-wrap:wrap;gap:15px}header nav{order:3;width:100%;justify-content:center;padding-top:14px;border-top:1px solid var(--line)}.theme-toggle{margin-left:auto}}
@media(max-width:760px){header{gap:12px}.logo{width:180px}.menu-button{order:2;margin-left:0}.theme-toggle{margin-left:auto;padding:8px 9px;order:1}.theme-toggle .theme-label{display:none}header nav{order:3}.theme-toggle>span:first-child{font-size:21px}}@media(max-width:380px){.logo{width:150px}header{padding-inline:18px;gap:8px}.menu-button{padding:8px}.menu-button span{display:none}}
.blog-resources{padding-bottom:80px}.resource-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:38px;max-width:900px}.resource-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:25px}.resource-meta>span:last-child{font-size:13px;color:var(--muted)}.resource-card h2{font-size:34px;letter-spacing:-1px}.resource-card>p{max-width:720px}.resource-card .button{margin-top:14px}.resource-card .resource-credit{font-size:12px;margin-top:20px;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.resource-card{padding:26px}.resource-card h2{font-size:28px}.resource-meta{gap:8px}.blog-resources{padding-bottom:50px}}
.directory{padding-bottom:75px}.article-byline{font-size:13px;margin:25px 0}.article-intro{max-width:830px;padding:10px 0 25px}.article-intro h2{font-size:30px;letter-spacing:-.8px}.agency-table{overflow-x:auto;border:1px solid var(--line);border-radius:6px}.agency-table table{border-collapse:collapse;width:100%;font-size:15px}.agency-table caption{text-align:left;background:var(--light);padding:20px;font-size:14px;color:var(--muted)}.agency-table th,.agency-table td{padding:16px 20px;text-align:left;border-top:1px solid var(--line)}.agency-table thead{background:var(--light);font-size:13px}.agency-table th{font-weight:600}.agency-table tbody tr:nth-child(even){background:var(--light)}.agency-table a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.muted{color:var(--muted)}.federal-links{padding-top:40px}.federal-links h2{font-size:30px}.federal-links a{display:inline-block;margin:12px 30px 0 0}@media(max-width:620px){.agency-table th,.agency-table td{padding:14px 10px;font-size:13px}.agency-table thead th{font-size:12px}.agency-table caption{font-size:13px;padding:15px}.article-intro h2{font-size:26px}}
/* Restore the professional split layout; retain subtle gradients and soft surfaces. */
:root{--glass:rgba(255,255,255,.93);--card:#f5f7fa;--shadow:0 14px 38px rgba(8,44,80,.055)}
:root[data-theme=dark]{--glass:rgba(16,27,38,.94);--card:#182633;--shadow:0 14px 38px rgba(0,0,0,.15)}
header{position:sticky;top:0;z-index:100;max-width:none;width:100%;min-height:88px;padding:20px max(4%,calc((100% - 1280px)/2));background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--line)}
html{scroll-padding-top:155px}main [id]{scroll-margin-top:155px}
.hero-panel{background:linear-gradient(130deg,#082c50 10%,#104049 68%,#15513b);border-radius:23px;box-shadow:0 18px 48px rgba(8,44,80,.12)}
.home-hero h1 span{background:linear-gradient(110deg,#174d65,#167147);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=dark] .home-hero h1 span{background-image:linear-gradient(110deg,#a8d0ff,#8cd8ac)}
.button{border-radius:11px;background:linear-gradient(120deg,#13513b,#1b644a);transition:background .15s,box-shadow .15s}.button:hover{background:linear-gradient(120deg,#103f30,#15543e);box-shadow:0 5px 16px rgba(8,44,40,.1)}.button.light{background:#fff;color:#13513b}
.theme-toggle,.menu-button{border-radius:10px}
.service-grid{border:0;gap:16px}.service-grid .service-card,.service-grid .service-card:nth-child(n){border:0!important;padding:27px 22px!important;border-radius:18px;background:var(--card)}
.service-card h3{font-size:21px}.service-card p{font-size:16px}.service-card h4{font-size:15px}
.three-grid article{border-radius:18px;box-shadow:var(--shadow)}
.pricing-grid .featured{background:linear-gradient(145deg,#eef7f1,#f3f7fb);border-color:var(--green)}
:root[data-theme=dark] .pricing-grid .featured{background:linear-gradient(145deg,#173329,#182d40)}
.cta{background:linear-gradient(120deg,#0d3548,#144e3a);border-radius:23px}.resource-card{border-radius:20px;background:var(--card)}.agency-table{border-radius:16px}.tinted{background:linear-gradient(120deg,#f1f5f9,#f2f7f4)}:root[data-theme=dark] .tinted{background:linear-gradient(120deg,#152534,#162c25)}
@media(min-width:761px) and (max-width:1190px){header{padding-top:16px;padding-bottom:16px}header nav{padding-top:12px}}
@media(max-width:760px){header{padding:16px 24px;min-height:78px;gap:12px}header nav.open{max-height:calc(100dvh - 100px);overflow-y:auto}.hero-panel{border-radius:20px}.service-grid{gap:14px}.service-grid .service-card,.service-grid .service-card:nth-child(n){padding:23px 18px!important}.service-card h3{font-size:20px}.cta{border-radius:20px}.resource-card{border-radius:18px}.button{border-radius:10px}}
@media(max-width:380px){header{padding-inline:18px;gap:8px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Selective editorial italics keep the voice warm without changing readability. */
h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.035em}h1 em{line-height:1.12}.home-hero h1{font-size:clamp(43px,4.7vw,66px);line-height:1.15;letter-spacing:-2.7px}.home-hero h1 span{display:inline-block;padding:0 .08em .12em 0}.hero-panel h2 em{color:#dceea9}.section-heading h2 em,.personal h2 em,.about-layout h2 em{color:var(--green)}.cta h2 em{color:#dceea9}.pricing-grid p{min-height:52px}.hero-panel>p{margin-top:18px}
@media(max-width:760px){.home-hero h1{font-size:clamp(39px,9.2vw,56px);letter-spacing:-1.8px}.pricing-grid p{min-height:0}}
.pricing-grid.two-tier{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:960px;margin:0 auto}.two-tier>article{padding:38px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.two-tier>article.featured{border:2px solid var(--green)}.two-tier .price{padding:28px 0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.two-tier .price-amount{font-family:Manrope,Arial,sans-serif;font-size:56px;line-height:1.15;letter-spacing:-2px;font-weight:600;color:var(--ink)}.two-tier .price-period{font-size:17px;font-weight:400;color:var(--muted)}.two-tier .plan-details{min-height:0;margin:24px 0;font-size:16px}.pricing-section:has(.two-tier) .pricing-note{max-width:960px;margin:24px auto 0}@media(max-width:760px){.pricing-grid.two-tier{grid-template-columns:1fr;gap:20px}.two-tier>article{padding:29px}.two-tier .price-amount{font-size:48px}}
.billing-switch{display:flex;justify-content:center;gap:4px;padding:5px;margin:0 auto 35px;width:fit-content;border:1px solid var(--line);border-radius:14px;background:var(--light)}.billing-switch label{position:relative;cursor:pointer}.billing-switch input{position:absolute;opacity:0;width:1px;height:1px}.billing-switch label>span{display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:9px;font-size:15px}.billing-switch input:checked+span{background:var(--action);color:#fff}.billing-switch input:focus-visible+span{outline:3px solid #3995cc;outline-offset:3px}.billing-switch small{font-size:12px;font-weight:600}.pricing-grid.four-tier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.four-tier>article{padding:29px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.four-tier>article:nth-child(even){background:linear-gradient(145deg,#eef7f1,#f3f7fb)}:root[data-theme=dark] .four-tier>article:nth-child(even){background:linear-gradient(145deg,#173329,#182d40)}.four-tier h2{font-size:27px}.four-tier .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;padding:28px 0 14px;border:0}.four-tier .price-amount{font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-1.4px;line-height:1.2;color:var(--ink)}.four-tier .price-period{font-size:14px;font-weight:400;color:var(--muted)}.four-tier .billing-detail{font-size:14px;min-height:45px;margin:0;padding-bottom:20px;border-bottom:1px solid var(--line)}.four-tier .plan-details{min-height:0;font-size:15px;margin:24px 0}.four-tier .text-link{font-size:14px}@media(max-width:1050px){.pricing-grid.four-tier{grid-template-columns:repeat(2,minmax(0,1fr))}.four-tier .price-amount{font-size:42px}}@media(max-width:620px){.pricing-grid.four-tier{grid-template-columns:1fr}.four-tier>article{padding:30px}.billing-switch label>span{padding:10px 14px}}
.plan-inclusions{margin:22px 0 27px;font-size:14px}.plan-inclusions>div{padding:13px 0;border-bottom:1px solid var(--line)}.plan-inclusions dt{color:var(--muted);line-height:1.5}.plan-inclusions dd{margin:5px 0 0;font-weight:600;color:var(--ink);font-size:16px}.four-tier .price-amount{font-size:clamp(28px,2.6vw,38px)}@media(max-width:1050px){.four-tier .price-amount{font-size:38px}}
.four-tier .billing-detail:empty{display:none}
.shared-payroll{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;margin-top:60px;padding:38px;border-radius:22px;background:linear-gradient(130deg,#edf4f9,#edf6ef)}:root[data-theme=dark] .shared-payroll{background:linear-gradient(130deg,#152d40,#183c2c)}.shared-payroll h2,.pricing-addons h2{font-size:34px}.shared-payroll em,.pricing-addons em{color:var(--green)}.shared-payroll ul{padding:0;margin:0;list-style:none}.shared-payroll li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}.shared-payroll li:last-child{border:0}.pricing-addons{padding-top:60px}.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.addon-grid article{border:1px solid var(--line);border-radius:18px;padding:27px;background:var(--surface)}.addon-label{font-size:13px;font-weight:600;color:var(--green)}.addon-grid h3{font-size:21px;margin-top:20px}.addon-grid p{font-size:16px;margin-bottom:0}@media(max-width:760px){.shared-payroll{grid-template-columns:1fr;padding:28px;gap:20px;margin-top:40px}.shared-payroll h2,.pricing-addons h2{font-size:29px}.addon-grid{grid-template-columns:1fr}.pricing-addons{padding-top:45px}}
/* Opaque navigation prevents scrolling content from bleeding through. */
header{background:var(--page);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 9px rgba(8,25,40,.045)}
.service-grid{display:flex;flex-direction:column;gap:14px}.service-disclosure{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}.service-disclosure summary{display:flex;align-items:center;gap:20px;padding:25px 28px;cursor:pointer;list-style:none;min-height:78px}.service-disclosure summary::-webkit-details-marker{display:none}.service-disclosure summary::marker{content:""}.service-disclosure summary:focus-visible{outline:3px solid #3995cc;outline-offset:-4px;border-radius:13px}.service-disclosure summary h2,.service-disclosure summary h3{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:0;font-weight:600}.disclosure-mark{margin-left:auto;flex:0 0 13px;width:13px;height:13px;position:relative}.disclosure-mark:before,.disclosure-mark:after{content:"";position:absolute;background:var(--green);border-radius:2px}.disclosure-mark:before{height:2px;width:13px;left:0;top:5px}.disclosure-mark:after{height:13px;width:2px;left:5px;top:0}.service-disclosure[open] .disclosure-mark:after{display:none}.service-disclosure[open]{background:var(--surface)}.service-disclosure[open] summary{border-bottom:1px solid var(--line)}.disclosure-body{padding:24px 28px;max-width:900px}.disclosure-body h4{font-size:17px;line-height:1.5}.disclosure-body p{font-size:16px;margin:10px 0 0}.disclosure-body p:first-child{margin:0}.pricing-disclosures{margin-top:55px}.pricing-disclosures>.service-disclosure{margin-top:14px}.pricing-disclosures>.service-disclosure:first-of-type{background:linear-gradient(120deg,#edf4f9,#edf6ef)}:root[data-theme=dark] .pricing-disclosures>.service-disclosure:first-of-type{background:linear-gradient(120deg,#152d40,#183c2c)}.addon-heading{margin-top:42px}.service-disclosure .addon-label{margin-left:auto;white-space:nowrap;font-size:13px}.service-disclosure .addon-label+.disclosure-mark{margin-left:2px}.payroll-list{list-style:none;padding:0;margin:0}.payroll-list li{padding:12px 0;font-size:16px;border-bottom:1px solid var(--line)}.payroll-list li:first-child{padding-top:0}.payroll-list li:last-child{padding-bottom:0;border-bottom:0}@media(max-width:760px){.service-disclosure summary{padding:20px;gap:13px;min-height:72px}.service-disclosure summary h2,.service-disclosure summary h3{font-size:19px}.disclosure-body{padding:21px}.pricing-disclosures{margin-top:40px}.service-disclosure .addon-label{font-size:12px}.service-disclosure .number{font-size:12px}}
.pricing-disclosures.all-plan-inclusions{margin-top:0;margin-bottom:45px}.all-plan-inclusions .service-disclosure:first-of-type{background:var(--card)}.all-plan-inclusions .service-disclosure[open]{background:var(--surface)}.pricing-disclosures:not(.all-plan-inclusions)>.service-disclosure:first-of-type{background:var(--card)}:root[data-theme=dark] .pricing-disclosures>.service-disclosure:first-of-type{background:var(--card)}
.four-tier .tier-intro{font-size:15px;min-height:0;margin:24px 0 14px;font-weight:600;color:var(--ink)}.tier-benefits{padding:0 0 0 19px;margin:0;min-height:160px;color:var(--ink);font-size:15px}.tier-benefits li{padding:0 0 12px 3px;line-height:1.5}.four-tier .plan-inclusions{margin-top:15px}@media(max-width:620px){.tier-benefits{min-height:0}}
/* Compact desktop pricing: a connected comparison panel with less repetition of space. */
@media(min-width:1000px){
body:has(.four-tier) .page-banner{padding-top:44px;padding-bottom:32px}body:has(.four-tier) .page-banner h1{font-size:46px;line-height:1.13}body:has(.four-tier) .page-banner h1 br{display:none}body:has(.four-tier) .page-banner .eyebrow{margin-bottom:15px}body:has(.four-tier) .page-banner .lead{font-size:17px;margin-top:15px}
.pricing-section{padding-top:0}.pricing-disclosures.all-plan-inclusions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-bottom:27px;align-items:start}.all-plan-inclusions>.eyebrow{grid-column:1/-1;margin:0 0 3px}.all-plan-inclusions>.service-disclosure{margin:0}.all-plan-inclusions .service-disclosure summary{min-height:58px;padding:16px 20px;gap:14px}.all-plan-inclusions .service-disclosure summary h3{font-size:16px;letter-spacing:-.2px}.all-plan-inclusions .disclosure-body{padding:18px 20px}.all-plan-inclusions .disclosure-body p,.all-plan-inclusions li{font-size:14px}
.billing-switch{margin-bottom:22px}.billing-switch label>span{padding:8px 17px;font-size:14px}.pricing-grid.four-tier{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--surface)}.four-tier>article{border:0;border-right:1px solid var(--line);border-radius:0;padding:23px 22px;display:flex;flex-direction:column;background:var(--surface)}.four-tier>article:last-child{border-right:0}.four-tier>article:nth-child(even){background:var(--surface)}.four-tier>article:nth-child(2){background:linear-gradient(150deg,#eff6f2,#f1f5f9)}:root[data-theme=dark] .four-tier>article:nth-child(even){background:var(--surface)}:root[data-theme=dark] .four-tier>article:nth-child(2){background:linear-gradient(150deg,#173329,#182d40)}.four-tier h2{font-size:23px}.four-tier .price{padding:14px 0 8px;gap:5px}.four-tier .price-amount{font-size:34px;letter-spacing:-1.2px}.four-tier .price-period{font-size:13px}.four-tier .billing-detail{font-size:12px;min-height:0;padding-bottom:12px;margin:0}.four-tier .tier-intro{font-size:13px;margin:15px 0 10px;line-height:1.5}.four-tier .tier-benefits{font-size:14px;min-height:0;flex:1;line-height:1.5;padding-left:17px;margin:0}.four-tier .tier-benefits li{padding-bottom:8px}.four-tier .plan-inclusions{margin:13px 0}.four-tier .plan-inclusions>div{padding:11px 0}.four-tier .plan-inclusions dt{font-size:12px}.four-tier .plan-inclusions dd{font-size:14px;margin-top:3px}.four-tier .text-link{font-size:13px}.pricing-note{font-size:12px;margin-top:16px}.pricing-disclosures:not(.all-plan-inclusions){margin-top:30px}.pricing-disclosures:not(.all-plan-inclusions) .addon-heading{margin-top:0;margin-bottom:12px}.pricing-disclosures:not(.all-plan-inclusions) summary{min-height:58px;padding:16px 22px}.pricing-disclosures:not(.all-plan-inclusions) summary h3{font-size:18px}
}
.pricing-note+.pricing-disclosures.all-plan-inclusions{margin-top:38px;margin-bottom:0}@media(min-width:1000px){.pricing-note+.pricing-disclosures.all-plan-inclusions{margin-top:30px}}
.four-tier .comparison-rows{margin-top:12px}.four-tier .comparison-rows>div{min-height:78px;display:flex;flex-direction:column;justify-content:center}.four-tier .comparison-rows dt{line-height:1.4}.four-tier .comparison-rows dd{line-height:1.4}@media(min-width:1000px){.four-tier .comparison-rows{margin-top:10px;margin-bottom:18px}.four-tier .comparison-rows>div{min-height:73px;padding:12px 0}.four-tier .comparison-rows dt{font-size:13px}.four-tier .comparison-rows dd{font-size:15px}}@media(max-width:620px){.four-tier .comparison-rows>div{min-height:0;padding:15px 0}}
.category-intro{font-size:15px;color:var(--muted);margin:0 0 16px}.included-list{list-style:none;margin:0;padding:0}.included-list li{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}.included-list li:last-child{border-bottom:0}.included-check{color:var(--green);font-weight:700;flex-shrink:0}.included-list small{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:5px}.categorized-benefits>.service-disclosure{margin-top:12px}@media(min-width:1000px){.pricing-disclosures.all-plan-inclusions.categorized-benefits{display:block}.categorized-benefits>.eyebrow{margin-bottom:10px}.categorized-benefits>.service-disclosure{margin-top:12px}.categorized-benefits .disclosure-body{max-width:none}.categorized-benefits .included-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px}.categorized-benefits .included-list li{font-size:15px}.categorized-benefits .included-list small{font-size:13px}}
.four-tier .plan-revenue{font-size:13px;line-height:1.5;min-height:0;margin:10px 0 22px;color:var(--muted)}.plan-categories{margin-bottom:22px}.plan-category{border-top:1px solid var(--line)}.plan-category:last-child{border-bottom:1px solid var(--line)}.plan-category summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:16px 0;font-size:16px;font-weight:600}.plan-category summary::-webkit-details-marker{display:none}.plan-category summary::marker{content:""}.plan-category summary:focus-visible{outline:3px solid #3995cc;outline-offset:3px}.plan-category[open] .disclosure-mark:after{display:none}.plan-category ul{padding:0 0 13px;margin:0;list-style:none}.plan-category li{display:flex;gap:9px;padding:9px 0;font-size:14px;line-height:1.45;color:var(--ink)}.benefit-mark{color:var(--green);font-weight:700;flex:0 0 12px}.plan-category small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.four-tier>article{align-self:start}@media(min-width:1000px){.pricing-grid.four-tier{align-items:stretch}.four-tier>article{align-self:stretch}.plan-categories{flex:1}.four-tier .plan-revenue{min-height:39px}}
/* Charcoal with lighter blue and green accents drawn from the logo. */
:root[data-theme=dark]{--page:#171719;--surface:#222225;--card:#252528;--light:#1d1d20;--ink:#f0f5f6;--navy:#f0f5f6;--muted:#b6c3c8;--line:#3d3c40;--green:#9eddbb;--featured:#243b35;--action:#28644c;--action-hover:#347d60;--glass:#171719;--shadow:0 16px 42px #0002}
:root[data-theme=dark] header{background:var(--page);box-shadow:0 1px 0 var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-theme=dark] .home-hero h1 span{background-image:linear-gradient(110deg,#a9d6ff,#9ee3bf 80%)}
:root[data-theme=dark] .hero-panel,:root[data-theme=dark] .cta{background:radial-gradient(ellipse at top right,#315c4c 0,transparent 65%),linear-gradient(120deg,#243b50,#233d33);border:1px solid #456276;box-shadow:var(--shadow)}
:root[data-theme=dark] .hero-panel h2 em,:root[data-theme=dark] .cta h2 em{color:#a4e4c2}
:root[data-theme=dark] .cta .eyebrow{color:#b5dcfa}
:root[data-theme=dark] .button{background:linear-gradient(115deg,#addbff,#a3e3bf);color:#142c35;box-shadow:0 2px 8px #0002}
:root[data-theme=dark] .button:hover{background:#c6edda;color:#142c35}
:root[data-theme=dark] .button.light{background:#def0fa;color:#142c35}
:root[data-theme=dark] .button.light:hover{background:#fff}
:root[data-theme=dark] .tinted{background:linear-gradient(130deg,#202e3b,#21372e)}
:root[data-theme=dark] .four-tier>article:nth-child(even){background:var(--surface)}
:root[data-theme=dark] .four-tier>article:nth-child(2),:root[data-theme=dark] .pricing-grid .featured{background:linear-gradient(155deg,#274737,#233344)}
:root[data-theme=dark] .benefit-mark{color:var(--green)}
:root[data-theme=dark] .resource-card{border:1px solid var(--line);background:linear-gradient(145deg,#27394a,#222225)}
:root[data-theme=dark] .service-disclosure{background:var(--card)}
:root[data-theme=dark] .service-disclosure[open],:root[data-theme=dark] .service-disclosure .disclosure-body{background:var(--surface)}
:root[data-theme=dark] .people-hero{background:linear-gradient(115deg,#283e50,#222225)}
:root[data-theme=dark] .people-hero img{filter:brightness(.9) saturate(.82)}
:root[data-theme=dark] .reviews-pending,:root[data-theme=dark] .booking-pending{background:linear-gradient(135deg,#263b3c,#222225)}
:root[data-theme=dark] .shared-payroll{background:linear-gradient(130deg,#273c51,#284735)}
:root[data-theme=dark] .service-disclosure summary h2,:root[data-theme=dark] .service-disclosure summary h3{color:#b6daff}
:root[data-theme=dark] .plan-category summary{color:#b6daff}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-grid .resource-card{display:flex;flex-direction:column;padding:30px;max-width:none}.blog-grid .resource-card h2{font-size:28px;line-height:1.2;letter-spacing:-.8px}.blog-grid .resource-card>p{font-size:16px;flex:1}.blog-grid .text-link{margin-top:14px;align-self:flex-start}.reading-article{max-width:840px;padding-bottom:85px}.reading-article section{margin:35px 0}.reading-article section h2{font-size:28px;letter-spacing:-.6px;line-height:1.25}.reading-article section p{font-size:18px;line-height:1.75}.reading-article .article-byline{margin-top:25px}@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-grid .resource-card{padding:25px}.reading-article section p{font-size:17px}.reading-article section h2{font-size:25px}}
.people-hero{margin:0;border-radius:23px;overflow:hidden;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.people-hero img{display:block;width:100%;height:360px;object-fit:cover;object-position:center}.people-hero figcaption{padding:21px 25px}.people-hero strong{font-size:18px;display:block;font-weight:600;line-height:1.4}.people-hero figcaption span{display:block;font-size:14px;color:var(--muted);margin-top:6px}.reviews-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:10px;padding-bottom:70px}.reviews-pending{padding:28px 30px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.reviews-pending p{font-size:20px;color:var(--ink);margin:0 0 12px}.reviews-pending>span{display:block;color:var(--muted);font-size:16px}.reviews-pending .text-link{display:inline-block;margin-top:20px}.call-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-bottom:85px}.call-intro h2{font-size:29px}.call-intro ul{padding-left:22px;color:var(--muted);margin-top:24px}.call-intro li{padding:10px 0}.booking-pending{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px}.booking-pending .text-link{display:inline-block;margin-top:14px}@media(max-width:760px){.people-hero img{height:300px}.reviews-section,.call-intro{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.reviews-section{padding-top:0}.reviews-pending,.booking-pending{padding:25px}}


/* Coordinated tiers; both premium plans keep luminous surfaces in either theme. */
.pricing-grid.four-tier>article:nth-child(1){background:linear-gradient(150deg,#dfedfc,#f6f9fd)}
.pricing-grid.four-tier>article:nth-child(2){background:linear-gradient(150deg,#e0f1e6,#f2f7f5)}
:root[data-theme=dark] .pricing-grid.four-tier>article:nth-child(1){background:linear-gradient(150deg,#2d4867,#222a35)}
:root[data-theme=dark] .pricing-grid.four-tier>article:nth-child(2){background:linear-gradient(150deg,#274737,#233344)}
.pricing-grid.four-tier>article:nth-child(3),
:root[data-theme=dark] .pricing-grid.four-tier>article:nth-child(3){
background:linear-gradient(145deg,#b4baff 0%,#d1d2ff 55%,#e5e3ff 100%);
--ink:#161728;--navy:#161728;--muted:#41425b;--green:#313476;--line:#9294bc;--premium-accent:#6467d5;
}
.pricing-grid.four-tier>article:nth-child(4),
:root[data-theme=dark] .pricing-grid.four-tier>article:nth-child(4){
background:linear-gradient(145deg,#f5cc5b 0%,#f9dfa0 55%,#f4d6cb 100%);
--ink:#251d14;--navy:#251d14;--muted:#51432e;--green:#654912;--line:#b99a65;--premium-accent:#b07a16;
}
.pricing-grid.four-tier>article:nth-child(n+3){color:var(--ink);box-shadow:inset 0 4px 0 var(--premium-accent)}
:root[data-theme=dark] .pricing-grid.four-tier>article:nth-child(n+3) .plan-category summary{color:var(--ink)}
.pricing-grid.four-tier .plan-categories{margin-top:18px}
.pricing-grid.four-tier .plan-category li{font-size:15px;line-height:1.55}
.pricing-grid.four-tier .plan-category small,
.pricing-grid.four-tier .billing-detail,
.pricing-grid.four-tier .price-period,
.pricing-grid.four-tier .text-link{font-size:14px}
/* Optional side-by-side pricing view. */
.pricing-views{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}.pricing-views a{font-size:14px;padding:9px 16px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.pricing-views a[aria-current]{background:var(--ink);color:var(--page);border-color:var(--ink)}
.comparison-section{padding-bottom:80px}.comparison-key{font-size:14px;text-align:center;margin:20px 0}.comparison-scroll{overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);isolation:isolate}.comparison-scroll:focus-visible{outline:3px solid var(--green);outline-offset:4px}.comparison-table{width:100%;min-width:930px;border-collapse:separate;border-spacing:0;table-layout:fixed}.comparison-table .feature-col{width:28%}.comparison-table th,.comparison-table td{padding:18px 16px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5;vertical-align:middle}.comparison-table td{text-align:center}.comparison-table tbody th[scope=row]{font-weight:500;text-align:left;color:var(--ink);background:var(--surface);position:sticky;left:0;z-index:2}.comparison-table thead th{padding:27px 16px;vertical-align:top;text-align:center}.comparison-table .compare-label{text-align:left;background:var(--surface);color:var(--muted);font-weight:500;position:sticky;left:0;z-index:3}.compare-plan{color:#17283b;border-left:1px solid #ffffff40}.compare-plan.tier-0{background:linear-gradient(145deg,#c7e0fc,#edf5fc)}.compare-plan.tier-1{background:linear-gradient(145deg,#bce4ce,#edf6ee)}.compare-plan.tier-2{background:linear-gradient(145deg,#b4baff,#e5e3ff);box-shadow:inset 0 4px #6467d5}.compare-plan.tier-3{background:linear-gradient(145deg,#f5cc5b,#f9dfa0 55%,#f4d6cb);box-shadow:inset 0 4px #b07a16}.compare-name{display:block;font:600 21px Manrope,Arial,sans-serif;margin-bottom:19px}.compare-price{display:block;font:600 29px Manrope,Arial,sans-serif;letter-spacing:-1px;white-space:nowrap}.compare-period{font-size:14px;display:block;margin-top:4px}.compare-billing{font-size:14px;display:block;margin-top:12px;min-height:42px}.compare-category th{text-align:left;font:600 21px Manrope,Arial,sans-serif;background:var(--light);padding:26px 18px;color:var(--ink)}.compare-check{font-size:23px;font-weight:600;color:var(--green)}.compare-dash{color:var(--muted);font-size:22px}.compare-value{font-size:15px;font-weight:500;color:var(--ink)}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-scroll-hint{display:none;font-size:14px;color:var(--muted)}
@media(max-width:1000px){.comparison-scroll-hint{display:block}.comparison-table{min-width:850px}.comparison-table .feature-col{width:24%}.comparison-table th,.comparison-table td{padding:16px 12px}.compare-price{font-size:26px}}
@media(max-width:600px){.comparison-table .feature-col{width:170px}.comparison-table{min-width:810px}.comparison-table tbody th[scope=row]{font-size:14px;box-shadow:4px 0 8px #0001}.comparison-key{text-align:left}.comparison-section{padding-bottom:50px}}

/* Full-column plan colors and a compact comparison that fits the viewport. */
.comparison-section{max-width:1380px}
.comparison-table{min-width:0}
.comparison-table .feature-col{width:28%}
.comparison-table th,.comparison-table td{padding:14px 12px}
.comparison-table tbody td:nth-child(2){background:#e5effc;--ink:#172d48;--muted:#425773;--green:#22588b}
.comparison-table tbody td:nth-child(3){background:#e4f2e8;--ink:#183428;--muted:#405c4b;--green:#226343}
.comparison-table tbody td:nth-child(4){background:#d6d7ff;--ink:#161728;--muted:#41425b;--green:#313476}
.comparison-table tbody td:nth-child(5){background:#f6dfa1;--ink:#251d14;--muted:#51432e;--green:#654912}
:root[data-theme=dark] .comparison-table tbody td:nth-child(2){background:#293f58;--ink:#eef5ff;--muted:#c1d5ea;--green:#a8d5ff}
:root[data-theme=dark] .comparison-table tbody td:nth-child(3){background:#284438;--ink:#eff9f1;--muted:#c4ddcc;--green:#a4e5bb}
.comparison-table td{border-bottom-color:#87939d55;border-left:1px solid #87939d33}
.comparison-table .compare-category th{font-size:19px;padding:23px 16px}
.compare-name{font-size:20px}.compare-price{font-size:clamp(22px,2.4vw,30px)}
.comparison-key{margin:16px auto 22px;max-width:700px}
@media(max-width:700px){
.comparison-section{padding-inline:12px}
.comparison-scroll{border-radius:14px}
.comparison-table{min-width:0;table-layout:fixed}
.comparison-table colgroup{display:none}
.comparison-table thead,.comparison-table tbody{display:block}
.comparison-table tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.comparison-table .compare-label{display:none}
.comparison-table thead th{padding:18px 4px 12px;min-width:0}
.compare-name{font-size:14px;letter-spacing:-.4px;margin-bottom:13px}
.compare-price{font-size:18px;letter-spacing:-.8px;white-space:normal}
.compare-period{font-size:14px}
.compare-billing{font-size:12px;line-height:1.5;min-height:54px;margin-top:8px}
.comparison-table tbody th[scope=row]{grid-column:1/-1;position:static;box-shadow:none;padding:13px 12px 9px;font-size:14px;border-bottom:0}
.comparison-table td{padding:12px 3px;min-width:0;overflow-wrap:anywhere}
.compare-value{font-size:14px}.compare-check,.compare-dash{font-size:21px}
.comparison-table .compare-category th{grid-column:1/-1;padding:20px 12px;font-size:18px}
.comparison-key{font-size:14px}
}

/* All four plans share the luminous premium treatment. */
.pricing-grid.four-tier>article:nth-child(1),:root[data-theme=dark] .pricing-grid.four-tier>article:nth-child(1){
background:linear-gradient(145deg,#9fc6f6 0%,#c6ddfa 55%,#e0eafa 100%);
--ink:#162b45;--navy:#162b45;--muted:#364f6b;--green:#245485;--line:#8ca9cb;--premium-accent:#3976b9}
.pricing-grid.four-tier>article:nth-child(2),:root[data-theme=dark] .pricing-grid.four-tier>article:nth-child(2){
background:linear-gradient(145deg,#96d2af 0%,#bee3cc 55%,#dfede0 100%);
--ink:#163526;--navy:#163526;--muted:#365b46;--green:#225c3b;--line:#86b199;--premium-accent:#348455}
.pricing-grid.four-tier>article{color:var(--ink);box-shadow:inset 0 4px 0 var(--premium-accent)}
:root[data-theme=dark] .pricing-grid.four-tier>article .plan-category summary{color:var(--ink)}
.discount-offer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.discount-badge{display:inline-flex;background:#b52532;color:#fff;border-radius:6px;padding:5px 9px;font-size:14px;font-weight:800;letter-spacing:.03em;line-height:1.4}
.original-price{color:#364356;font-size:16px;white-space:nowrap}
.original-price del{position:relative;display:inline-block;text-decoration:none;font-size:23px;font-weight:600}
.original-price del:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:3px;background:#b52532;transform:rotate(-12deg);border-radius:3px}
.annual-savings{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-top:10px}
.discount-offer[hidden],.annual-savings[hidden]{display:none}
.four-tier .price-amount{font-size:clamp(32px,3vw,40px);letter-spacing:-1px}
.four-tier .price{padding-top:13px}
.billing-switch small{background:#b52532;color:#fff;padding:3px 7px;border-radius:5px;font-size:14px}
.pricing-note{font-size:14px}
.compare-plan .discount-offer{justify-content:center;margin-top:0;gap:7px}
.compare-plan .annual-savings{color:#17283b;margin-bottom:12px;font-size:14px}
.compare-plan .discount-badge{font-size:12px;padding:4px 6px}
.compare-plan .original-price del{font-size:19px}
.compare-plan .original-price{font-size:14px}
.compare-plan.tier-0{background:linear-gradient(145deg,#9fc6f6,#c6ddfa 55%,#e0eafa);box-shadow:inset 0 4px #3976b9}
.compare-plan.tier-1{background:linear-gradient(145deg,#96d2af,#bee3cc 55%,#dfede0);box-shadow:inset 0 4px #348455}

/* Compact mobile comparison: retain all four plans and readable feature labels. */
@media(max-width:700px){
.pricing-comparison-page .page-banner{padding-top:24px;padding-bottom:22px}
.pricing-comparison-page .page-banner .eyebrow{margin-bottom:10px;font-size:12px}
.pricing-comparison-page .page-banner h1{font-size:32px;letter-spacing:-1px;line-height:1.15}
.pricing-comparison-page .page-banner h1 br{display:none}
.pricing-comparison-page .page-banner h1 em:before{content:" "}
.pricing-comparison-page .page-banner .lead{font-size:16px;line-height:1.45;margin-top:10px}
.pricing-comparison-page .pricing-views{margin-bottom:12px;gap:6px}
.pricing-comparison-page .pricing-views a{padding:8px 12px}
.pricing-comparison-page .billing-switch{margin-bottom:12px}
.pricing-comparison-page .comparison-key{margin:10px 0 12px;line-height:1.4}
.comparison-table thead th{padding:12px 4px 10px}
.compare-name{margin-bottom:8px;font-size:14px;letter-spacing:-.2px}
.compare-plan .discount-offer{gap:4px}
.compare-plan .discount-badge{padding:3px 5px}
.compare-plan .original-price del{font-size:17px}
.compare-plan .annual-savings{font-size:12px;line-height:1.3;margin:5px 0 7px}
.compare-price{font-size:20px;line-height:1.25}
.compare-period{margin-top:0;line-height:1.35}
.compare-billing{min-height:0;margin-top:6px;line-height:1.3}
.comparison-table tbody th[scope=row]{padding:7px 10px 4px;font-size:14px;line-height:1.35;font-weight:600}
.comparison-table td{padding:5px 3px;line-height:1.3}
.compare-check,.compare-dash{font-size:19px;line-height:1.3}
.comparison-table .compare-category th{padding:11px 10px;font-size:17px;line-height:1.3}
.pricing-comparison-page .pricing-note{margin-top:12px;line-height:1.45}
.pricing-comparison-page .comparison-section{padding-bottom:30px}
}

/* Readable comparison columns replace the cramped four-across mobile layout. */
.pricing-comparison-page .compare-plan .discount-badge{display:none}
.pricing-comparison-page .compare-plan .annual-savings{display:none}
.pricing-comparison-page .compare-plan .discount-offer{margin-bottom:8px}
.pricing-comparison-page .compare-name{margin-bottom:12px}
.pricing-comparison-page .comparison-key{line-height:1.5}
.service-catalog{padding-bottom:64px}
.service-catalog-note{margin:0 0 25px;font-size:16px}
.service-catalog-note a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.service-catalog-section{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:28px}
.service-catalog-section h2{font-size:28px;letter-spacing:-.6px}
.service-catalog-section p{font-size:16px;line-height:1.55;max-width:360px;margin:12px 0 0}
.service-catalog-section ul{list-style:none;padding:0;margin:0}
.service-catalog-section li{padding:11px 0;border-bottom:1px solid var(--line)}
.service-catalog-section li:first-child{padding-top:0}
.service-catalog-section li:last-child{border-bottom:0;padding-bottom:0}
.service-catalog-section li>span{display:block;font-size:16px;font-weight:500;line-height:1.4}
.service-catalog-section small{display:block;font-size:14px;color:var(--muted);line-height:1.4;margin-top:4px}
@media(max-width:700px){
.pricing-comparison-page .page-banner{padding-bottom:20px}
.pricing-comparison-page .page-banner h1{font-size:32px}
.pricing-comparison-page .comparison-scroll-hint{display:block;margin:0 0 8px;font-size:14px}
.pricing-comparison-page .comparison-scroll{border-radius:10px}
.pricing-comparison-page .comparison-table{display:table;min-width:790px;table-layout:fixed}
.pricing-comparison-page .comparison-table colgroup{display:table-column-group}
.pricing-comparison-page .comparison-table .feature-col{width:170px}
.pricing-comparison-page .comparison-table thead{display:table-header-group}
.pricing-comparison-page .comparison-table tbody{display:table-row-group}
.pricing-comparison-page .comparison-table tr{display:table-row}
.pricing-comparison-page .comparison-table th,.pricing-comparison-page .comparison-table td{display:table-cell;padding:10px 12px;font-size:14px;line-height:1.4}
.pricing-comparison-page .comparison-table thead th{padding:16px 10px}
.pricing-comparison-page .comparison-table .compare-label{display:table-cell;position:sticky;left:0;z-index:3}
.pricing-comparison-page .comparison-table tbody th[scope=row]{position:sticky;left:0;z-index:2;font-weight:500;border-bottom:1px solid var(--line);box-shadow:3px 0 6px #0000000d}
.pricing-comparison-page .comparison-table .compare-category th{padding:12px;font-size:16px}
.pricing-comparison-page .compare-name{font-size:17px;letter-spacing:0;margin-bottom:10px}
.pricing-comparison-page .compare-price{font-size:27px;white-space:nowrap}
.pricing-comparison-page .compare-billing{font-size:14px;line-height:1.4;margin-top:8px}
.pricing-comparison-page .compare-period{font-size:14px}
.pricing-comparison-page .compare-check,.pricing-comparison-page .compare-dash{font-size:20px}
.service-catalog-section{grid-template-columns:1fr;gap:20px;padding:26px 0}
.service-catalog-section h2{font-size:25px}
.service-catalog-section p{max-width:none;margin-top:8px}
.service-catalog-section li{padding:10px 0}
}

/* Group related details on a line, with space for natural reading. */
.pricing-comparison-page .compare-plan{text-align:left}
.pricing-comparison-page .compare-plan .discount-offer{display:inline-flex;vertical-align:baseline;margin:0 7px 0 0}
.pricing-comparison-page .compare-plan .discount-offer[hidden]{display:none}
.pricing-comparison-page .compare-price{display:inline;font-size:26px;letter-spacing:-.7px}
.pricing-comparison-page .compare-period{display:inline;margin-left:4px;white-space:nowrap}
.pricing-comparison-page .compare-billing{display:block;min-height:0;margin-top:8px;font-weight:400}
.pricing-comparison-page .compare-billing:empty{display:none}
.pricing-comparison-page .compare-name{margin-bottom:10px}
.pricing-comparison-page .comparison-table thead th{padding:20px 12px}
.pricing-comparison-page .comparison-table .feature-col{width:25%}
.pricing-comparison-page .compare-plan .original-price del{font-size:16px}
.service-catalog-section li{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.service-catalog-section li>span{flex:1 1 220px}
.service-catalog-section small{margin:0;flex:0 1 auto;text-align:right}
@media(max-width:700px){
.pricing-comparison-page .comparison-table{min-width:1060px}
.pricing-comparison-page .comparison-table .feature-col{width:180px}
.pricing-comparison-page .comparison-table thead th{padding:15px 12px}
.pricing-comparison-page .compare-price{font-size:25px}
.pricing-comparison-page .compare-period{font-size:14px}
.pricing-comparison-page .compare-plan .original-price del{font-size:16px}
.pricing-comparison-page .compare-billing{font-size:14px}
.pricing-comparison-page .comparison-table tbody th[scope=row]{line-height:1.4}
.service-catalog-section{gap:14px}
.service-catalog-section li{gap:4px 12px}
.service-catalog-section li>span{flex-basis:165px}
.service-catalog-section small{text-align:left}
}

/* Annual offer: original monthly price crossed out, new price directly below. */
.pricing-comparison-page .compare-plan .discount-offer{display:block;margin:0 0 8px}
.pricing-comparison-page .compare-plan .discount-offer[hidden]{display:none}
.pricing-comparison-page .compare-plan .original-price del{font:600 26px Manrope,Arial,sans-serif;letter-spacing:-.7px;line-height:1.25}
.original-price del:before,.original-price del:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:3px;background:#c52635;border-radius:3px;pointer-events:none}
.original-price del:before{transform:rotate(22deg)}
.original-price del:after{transform:rotate(-22deg)}
.pricing-comparison-page .compare-billing{padding:10px 0 0;margin-top:12px;border-top:1px solid #17283b44;font-size:17px;line-height:1.4;font-weight:700;color:#17283b;min-height:0}
.pricing-comparison-page .compare-billing:empty{display:none}
.four-tier .discount-offer{margin-top:16px}
.four-tier .discount-badge{display:none}
.four-tier .original-price del{font-size:clamp(32px,3vw,40px);letter-spacing:-1px;line-height:1.2}
.four-tier .annual-savings{display:none}
.pricing-grid.four-tier .billing-detail{font-size:17px;line-height:1.4;font-weight:700;color:var(--ink);padding:12px 0;border-top:1px solid var(--line);margin-top:6px}
@media(max-width:700px){
.pricing-comparison-page .compare-plan .original-price del{font-size:25px}
.pricing-comparison-page .compare-billing{font-size:17px;line-height:1.4}
}

/* Original and discounted prices share a row with a single red strike. */
.original-price del:before{display:none}
.original-price del:after{transform:rotate(-12deg)}
.pricing-comparison-page .compare-plan .discount-offer{display:inline-flex;vertical-align:baseline;margin:0 9px 0 0}
.pricing-comparison-page .compare-plan .discount-offer[hidden]{display:none}
.four-tier>article{display:flex;flex-flow:row wrap;align-content:flex-start;align-items:baseline;column-gap:10px}
.four-tier>article>h2,.four-tier>article>.billing-detail,.four-tier>article>.plan-categories,.four-tier>article>.text-link{flex-basis:100%;width:100%}
.four-tier>article>.discount-offer{flex:0 0 auto;margin:16px 0 0}
.four-tier>article>.price{flex:1 1 auto;margin:0;padding:16px 0 8px}
.four-tier>article>.plan-categories{flex-grow:1}
.four-tier>article>.price{flex:1 1 0;min-width:0}
.four-tier .original-price del{font-size:24px;letter-spacing:-.5px}
.four-tier .price-amount{font-size:28px;letter-spacing:-.5px}
.four-tier .price-period{flex-basis:100%}

/* Keep the complete original/new amount pair inseparable, including Exclusive. */
.pricing-comparison-page .comparison-table{min-width:1000px}
.pricing-comparison-page .compare-price-pair{display:flex;align-items:baseline;flex-wrap:nowrap;gap:8px;white-space:nowrap}
.pricing-comparison-page .compare-price-pair .discount-offer{flex:0 0 auto;margin:0}
.pricing-comparison-page .compare-price-pair .original-price del{font-size:20px;letter-spacing:-.5px}
.pricing-comparison-page .compare-price-pair .compare-price{flex:0 0 auto;font-size:26px;white-space:nowrap}
.pricing-comparison-page .compare-period{display:block;margin:3px 0 0}
@media(max-width:700px){.pricing-comparison-page .comparison-table{min-width:1060px}}

/* A restrained blue-green undertone for dark-mode neutral surfaces. */
:root[data-theme=dark]{--page:#171b1e;--surface:#21292d;--card:#242d30;--light:#1c2427;--line:#384449;--glass:#171b1e}
:root[data-theme=dark] body{background:linear-gradient(125deg,#19212800 35%,#20352d24 100%),var(--page)}
:root[data-theme=dark] .service-catalog-section{border-top-color:#3b514a}
:root[data-theme=dark] .comparison-table .compare-category th{background:linear-gradient(110deg,#20292f,#222d29)}

/* Slightly richer dark tint and one continuous price line. */
:root[data-theme=dark]{--page:#171c1f;--surface:#212b2f;--card:#242f32;--light:#1c2629;--line:#38484d;--glass:#171c1f}
:root[data-theme=dark] body{background:linear-gradient(125deg,#19212800 35%,#20352d2b 100%),var(--page)}
.pricing-comparison-page .comparison-table{min-width:1240px}
.pricing-comparison-page .comparison-table .feature-col{width:24%}
.pricing-comparison-page .compare-price-pair{gap:6px}
.pricing-comparison-page .compare-price-pair .compare-period{display:inline;flex:0 0 auto;margin:0;font-size:14px;white-space:nowrap}
.four-tier>article{column-gap:6px}
.four-tier .original-price del{font-size:20px}
.four-tier .price-amount{font-size:24px}
.four-tier>article>.price{flex-wrap:nowrap;gap:4px}
.four-tier .price-period{flex:0 0 auto;white-space:nowrap}
@media(max-width:700px){
.pricing-comparison-page .comparison-table{min-width:1140px}
.pricing-comparison-page .comparison-table .feature-col{width:180px}
}

/* A higher-contrast light palette with the same blue-green character as dark mode. */
:root[data-theme=light]{--page:#edf2f5;--surface:#ffffff;--card:#e3edf1;--light:#dfe9ee;--ink:#112f43;--navy:#082c50;--muted:#405867;--line:#b2c5cf;--green:#15553e;--glass:#f8fbfcf5;--shadow:0 10px 30px #12384c12}
:root[data-theme=light] body{background:linear-gradient(125deg,#edf3f8,#eaf2ed)}
:root[data-theme=light] header{box-shadow:0 1px 0 #a4bbc6,0 5px 20px #12384c08}
:root[data-theme=light] .tinted{background:linear-gradient(120deg,#dbe8f3,#dcecdf);border-block:1px solid #b2c5cf}
:root[data-theme=light] footer{background:#dfe9ee;border-top:1px solid #b2c5cf}
:root[data-theme=light] .service-disclosure,:root[data-theme=light] .resource-card,:root[data-theme=light] .three-grid article{border-color:#afc3cc;box-shadow:0 4px 16px #163b4b08}
:root[data-theme=light] .service-catalog-section{border-top:2px solid #afc5c8}
:root[data-theme=light] .service-catalog-section li{border-bottom-color:#c0cfd5}
:root[data-theme=light] .comparison-scroll{border-color:#9db4c1;box-shadow:0 12px 32px #153a5012}
:root[data-theme=light] .comparison-table .compare-category th{background:linear-gradient(110deg,#d4e3ef,#dceade);color:#123b46;border-bottom:1px solid #a7bfc6}
:root[data-theme=light] .comparison-table tbody th[scope=row]{background:#f7fafb}
:root[data-theme=light] .comparison-table .compare-label{background:#edf3f6}
:root[data-theme=light] .billing-switch{background:#dce7ec;border-color:#a8bec9}
:root[data-theme=light] .theme-toggle{border-color:#9fb9c5}

/* Fit the comparison to desktop and tablet; keep mobile swipe contained in the table. */
.pricing-comparison-page .page-banner{padding-top:34px;padding-bottom:24px;max-width:1400px}
.pricing-comparison-page .page-banner .eyebrow{margin-bottom:12px}
.pricing-comparison-page .page-banner h1{font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.2px}
.pricing-comparison-page .page-banner .lead{font-size:17px;margin-top:12px}
.pricing-comparison-page .comparison-section{max-width:1400px;padding-inline:24px}
.pricing-comparison-page .billing-switch{margin-bottom:12px}
.pricing-comparison-page .comparison-key{margin:10px auto 16px}
.pricing-comparison-page .comparison-table{min-width:980px;width:100%}
.pricing-comparison-page .comparison-table .feature-col{width:22%}
.pricing-comparison-page .comparison-table thead th{padding:18px 8px}
.pricing-comparison-page .compare-price-pair{gap:5px}
.pricing-comparison-page .compare-price-pair .original-price del{font-size:16px;letter-spacing:-.4px}
.pricing-comparison-page .compare-price-pair .compare-price{font-size:22px;letter-spacing:-.5px}
.pricing-comparison-page .compare-price-pair .compare-period{font-size:14px}
.pricing-comparison-page .compare-billing{font-size:16px}
.pricing-comparison-page .comparison-scroll-hint{display:none}
@media(max-width:1028px){
.pricing-comparison-page .comparison-scroll-hint{display:block;margin:0 0 9px;font-size:14px}
}
@media(max-width:700px){
.pricing-comparison-page .comparison-section{padding-inline:12px}
.pricing-comparison-page .page-banner{padding-top:25px;padding-bottom:20px}
.pricing-comparison-page .comparison-table .feature-col{width:150px}
.pricing-comparison-page .comparison-table tbody th[scope=row]{padding:10px;font-size:14px}
.pricing-comparison-page .compare-name{font-size:16px}
}

/* Retro title treatment: slanted display type, crisp offset color, luminous bands. */
.pricing-comparison-page .compare-name{
font-family:Manrope,Arial,sans-serif;font-weight:800;font-style:italic;
text-transform:uppercase;letter-spacing:.065em;font-size:19px;line-height:1.4;
color:#132b45;text-shadow:1px 1px 0 #ffffffb3,2px 2px 0 #45668a40;
margin-bottom:13px
}
.pricing-comparison-page .compare-plan.tier-1 .compare-name{color:#143b2d;text-shadow:1px 1px 0 #ffffffb3,2px 2px 0 #28735040}
.pricing-comparison-page .compare-plan.tier-2 .compare-name{color:#302354;text-shadow:1px 1px 0 #ffffffb3,2px 2px 0 #7953b440}
.pricing-comparison-page .compare-plan.tier-3 .compare-name{color:#493015;text-shadow:1px 1px 0 #fff8d5,2px 2px 0 #af681c40}
.pricing-comparison-page .comparison-table .compare-category th{
font-family:Manrope,Arial,sans-serif;font-weight:800;font-style:italic;
text-transform:uppercase;letter-spacing:.1em;font-size:17px;line-height:1.5;
padding:15px 18px;border-left:4px solid #3c9eab
}
:root[data-theme=light] .comparison-table .compare-category th{
background:linear-gradient(105deg,#c6ddeb 0%,#d7e0f2 45%,#cbe5d8 100%);
color:#1d3e54;text-shadow:1px 1px 0 #ffffffc9;
box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #7799ac55
}
:root[data-theme=dark] .comparison-table .compare-category th{
background:linear-gradient(105deg,#1f3c50 0%,#303550 46%,#224839 100%);
color:#d7f6ff;text-shadow:1px 1px 0 #121c2e,0 0 14px #79cfed30;
border-left-color:#80d8d0;border-bottom-color:#517185;
box-shadow:inset 0 1px 0 #83d4ed38,inset 0 -1px 0 #81d5b52b
}
@media(max-width:700px){
.pricing-comparison-page .compare-name{font-size:17px;letter-spacing:.055em}
.pricing-comparison-page .comparison-table .compare-category th{font-size:15px;padding:12px 14px;letter-spacing:.08em}
}

/* Modern, substantial headings without retro accents. */
.pricing-comparison-page .compare-name,
.pricing-comparison-page .compare-plan.tier-1 .compare-name,
.pricing-comparison-page .compare-plan.tier-2 .compare-name,
.pricing-comparison-page .compare-plan.tier-3 .compare-name{
font-style:normal;font-weight:800;text-transform:none;letter-spacing:-.5px;
text-shadow:none;font-size:22px;line-height:1.3
}
.pricing-comparison-page .comparison-table .compare-category th,
:root[data-theme=light] .comparison-table .compare-category th,
:root[data-theme=dark] .comparison-table .compare-category th{
font-style:normal;font-weight:800;text-transform:none;letter-spacing:-.3px;
text-shadow:none;font-size:20px;line-height:1.4;border-left:0;box-shadow:none
}
.pricing-comparison-page .compare-plan{box-shadow:none}
@media(max-width:700px){
.pricing-comparison-page .compare-name,
.pricing-comparison-page .compare-plan.tier-1 .compare-name,
.pricing-comparison-page .compare-plan.tier-2 .compare-name,
.pricing-comparison-page .compare-plan.tier-3 .compare-name{font-size:20px}
.pricing-comparison-page .comparison-table .compare-category th{font-size:18px}
}

/* Quiet, closely related tones for a professional pricing palette. */
:root[data-theme=light] .comparison-table .compare-category th{
background:linear-gradient(110deg,#dfe7ec,#e1e9e6);color:#243f4b;border-bottom-color:#b9c9ce
}
:root[data-theme=dark] .comparison-table .compare-category th{
background:linear-gradient(110deg,#29353d,#2c3935);color:#e2eceb;border-bottom-color:#45534f
}
.pricing-comparison-page .compare-plan.tier-0{background:linear-gradient(135deg,#d3e1ed,#dce7ef)}
.pricing-comparison-page .compare-plan.tier-1{background:linear-gradient(135deg,#d5e5dc,#deeae2)}
.pricing-comparison-page .compare-plan.tier-2{background:linear-gradient(135deg,#dddeec,#e5e5ee)}
.pricing-comparison-page .compare-plan.tier-3{background:linear-gradient(135deg,#e9dfc5,#eee6d4)}
.comparison-table tbody td:nth-child(4){background:#e6e5ef}
.comparison-table tbody td:nth-child(5){background:#eee6d4}
:root[data-theme=dark] .comparison-table tbody td:nth-child(4){background:#33333f;--ink:#eeedf6;--muted:#c5c3d5;--green:#c4c5e0}
:root[data-theme=dark] .comparison-table tbody td:nth-child(5){background:#39362e;--ink:#f2eddf;--muted:#d2cbbb;--green:#ddd0a8}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-0{background:linear-gradient(135deg,#303e4b,#354350)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-1{background:linear-gradient(135deg,#303f36,#35443b)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-2{background:linear-gradient(135deg,#393848,#3e3d4c)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-3{background:linear-gradient(135deg,#413c30,#474135)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan,
:root[data-theme=dark] .pricing-comparison-page .compare-plan .compare-name,
:root[data-theme=dark] .pricing-comparison-page .compare-plan .original-price,
:root[data-theme=dark] .pricing-comparison-page .compare-plan .compare-billing{color:#edf1f2}
:root[data-theme=dark] .pricing-comparison-page .compare-billing{border-top-color:#ffffff30}
:root[data-theme=dark] .original-price del:after{background:#f3838c}

.pricing-comparison-page .comparison-table .compare-category th{padding:0}
.category-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 18px;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
.category-toggle-mark{font-size:24px;font-weight:500;line-height:1}
.category-toggle:hover{background:#7c94900d}
.category-toggle:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.pricing-comparison-page .comparison-table tbody[hidden]{display:none}
@media(max-width:700px){
.category-toggle{position:sticky;left:0;width:calc(100vw - 28px);max-width:100%;padding:12px 14px}
}

/* Visible, softened gradients with a true-red discount strike. */
:root[data-theme=light] .comparison-table .compare-category th{background:linear-gradient(110deg,#d6e4ee 0%,#e2e8ee 48%,#d7e7de 100%)}
:root[data-theme=dark] .comparison-table .compare-category th{background:linear-gradient(110deg,#293d4b 0%,#333c47 48%,#2c4338 100%)}
.pricing-comparison-page .compare-plan.tier-0{background:linear-gradient(135deg,#c6dbea,#e0eaf1)}
.pricing-comparison-page .compare-plan.tier-1{background:linear-gradient(135deg,#c9dfd2,#e2ece5)}
.pricing-comparison-page .compare-plan.tier-2{background:linear-gradient(135deg,#d2d3e7,#e8e7f0)}
.pricing-comparison-page .compare-plan.tier-3{background:linear-gradient(135deg,#e5d5b0,#f0e7d8)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-0{background:linear-gradient(135deg,#2c4052,#3c4851)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-1{background:linear-gradient(135deg,#2c4437,#3d4840)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-2{background:linear-gradient(135deg,#38364f,#484653)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-3{background:linear-gradient(135deg,#483e2b,#514b40)}
.original-price del:after,:root[data-theme=dark] .original-price del:after{background:#ff0000;height:3px;opacity:1}

/* Clear plan fit, visible capacity and shared service scope. */
.plan-fit{display:block;min-height:62px;margin:0 0 14px;font-size:14px;font-weight:400;line-height:1.45;color:inherit;max-width:220px}
.plan-choice-note{font-size:14px;line-height:1.5;max-width:760px;text-align:center;margin:0 auto 12px;color:var(--muted)}
.plan-capacity th,.plan-capacity td{font-weight:600}
.plan-scope{margin:30px 0;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.plan-scope h2,.pricing-next-step h2{font-size:24px;letter-spacing:-.5px;font-weight:700}
.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;margin-top:22px}
.scope-grid h3{font:700 16px/1.4 Manrope,Arial,sans-serif;letter-spacing:0}
.scope-grid p{font-size:15px;line-height:1.6;margin:7px 0 0}
.pricing-next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
.pricing-next-step p{margin:8px 0 0;font-size:16px}
.pricing-next-step .button{flex-shrink:0}
@media(max-width:700px){
.plan-fit{min-height:64px}
.plan-choice-note{text-align:left}
.plan-scope{padding:20px;margin-block:24px}
.scope-grid{grid-template-columns:1fr;gap:20px}
.pricing-next-step{align-items:flex-start;flex-direction:column;gap:16px}
}

/* Calm dark comparison: neutral rows and restrained color only in plan headers. */
:root[data-theme=dark] .comparison-table tbody td:nth-child(n+2){
background:#252b30;--ink:#e7ecef;--muted:#b9c3ca;--green:#b7cebf;
border-left-color:#ffffff08;border-bottom-color:#ffffff12
}
:root[data-theme=dark] .comparison-table tbody tr:nth-child(even) td{background:#282e33}
:root[data-theme=dark] .comparison-table tbody th[scope=row],
:root[data-theme=dark] .comparison-table .compare-label{background:#23292e}
:root[data-theme=dark] .comparison-table .compare-category th{
background:linear-gradient(110deg,#303a40 0%,#303937 100%);
color:#e3e9e8;border-bottom-color:#424b4d
}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-0{background:linear-gradient(145deg,#2d3741,#2b3239)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-1{background:linear-gradient(145deg,#2d3933,#2b3330)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-2{background:linear-gradient(145deg,#35353f,#303138)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan.tier-3{background:linear-gradient(145deg,#3b3831,#33312d)}
:root[data-theme=dark] .pricing-comparison-page .compare-plan{border-left-color:#ffffff0d}
:root[data-theme=dark] .pricing-comparison-page .compare-name{color:#edf0f2}
:root[data-theme=dark] .pricing-comparison-page .compare-plan .plan-fit,
:root[data-theme=dark] .pricing-comparison-page .compare-period{color:#bec7cd}
:root[data-theme=dark] .pricing-comparison-page .compare-billing{border-top-color:#ffffff18}
:root[data-theme=dark] .comparison-scroll{border-color:#42494e;box-shadow:none}

/* Matching tier colors in both themes, mixed gently into neutral surfaces. */
:root[data-theme=light]{--tier-base:#ffffff;--tier-blue:#397ab4;--tier-green:#39845a;--tier-indigo:#7563b0;--tier-gold:#b38d36}
:root[data-theme=dark]{--tier-base:#252b30;--tier-blue:#659ccd;--tier-green:#72af89;--tier-indigo:#9b88c9;--tier-gold:#c5a560}
.pricing-comparison-page .compare-plan.tier-0{--tier-tint:var(--tier-blue)}
.pricing-comparison-page .compare-plan.tier-1{--tier-tint:var(--tier-green)}
.pricing-comparison-page .compare-plan.tier-2{--tier-tint:var(--tier-indigo)}
.pricing-comparison-page .compare-plan.tier-3{--tier-tint:var(--tier-gold)}
:root[data-theme] .pricing-comparison-page .compare-plan{
background:linear-gradient(135deg,color-mix(in srgb,var(--tier-tint) 12%,var(--tier-base)),color-mix(in srgb,var(--tier-tint) 6%,var(--tier-base)))
}
:root[data-theme] .comparison-table tbody td:nth-child(2){--cell-tint:var(--tier-blue)}
:root[data-theme] .comparison-table tbody td:nth-child(3){--cell-tint:var(--tier-green)}
:root[data-theme] .comparison-table tbody td:nth-child(4){--cell-tint:var(--tier-indigo)}
:root[data-theme] .comparison-table tbody td:nth-child(5){--cell-tint:var(--tier-gold)}
:root[data-theme] .comparison-table tbody tr:nth-child(n) td:nth-child(n+2){
background:color-mix(in srgb,var(--cell-tint) 10%,var(--tier-base))
}
:root[data-theme] .comparison-table .compare-category th{
background:linear-gradient(110deg,color-mix(in srgb,var(--tier-blue) 12%,var(--tier-base)),color-mix(in srgb,var(--tier-green) 8%,var(--tier-base)))
}

/* Contrast the comparison surface with the surrounding page. */
:root[data-theme=light] .comparison-scroll{
--tier-base:#252b30;--surface:#23292e;--ink:#e7ecef;--muted:#bbc5cc;--green:#b7cebf;--line:#465057;
--tier-blue:#659ccd;--tier-green:#72af89;--tier-indigo:#9b88c9;--tier-gold:#c5a560;
background:var(--tier-base);border-color:var(--line);color-scheme:dark
}
:root[data-theme=dark] .comparison-scroll{
--tier-base:#ffffff;--surface:#f7fafb;--ink:#183445;--muted:#465d6b;--green:#245b40;--line:#bdcbd2;
--tier-blue:#397ab4;--tier-green:#39845a;--tier-indigo:#7563b0;--tier-gold:#b38d36;
background:var(--tier-base);border-color:var(--line);color-scheme:light
}
:root[data-theme] .pricing-comparison-page .comparison-table tbody tr td:nth-child(n+2){
--ink:inherit;--muted:inherit;--green:inherit;color:inherit;border-color:var(--line)
}
:root[data-theme] .pricing-comparison-page .comparison-table{color:var(--ink)}
:root[data-theme] .pricing-comparison-page .comparison-table .compare-value,
:root[data-theme] .pricing-comparison-page .comparison-table .compare-dash{color:inherit}
:root[data-theme] .pricing-comparison-page .comparison-table .compare-check{color:inherit}
:root[data-theme] .pricing-comparison-page .comparison-table tbody th[scope=row],
:root[data-theme] .pricing-comparison-page .comparison-table .compare-label{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme] .pricing-comparison-page .comparison-table .compare-category th{color:var(--ink);border-color:var(--line)}
:root[data-theme] .pricing-comparison-page .comparison-table .compare-plan,
:root[data-theme] .pricing-comparison-page .comparison-table .compare-name,
:root[data-theme] .pricing-comparison-page .comparison-table .original-price,
:root[data-theme] .pricing-comparison-page .comparison-table .compare-billing{color:var(--ink);border-color:var(--line)}
:root[data-theme] .pricing-comparison-page .comparison-table .plan-fit,
:root[data-theme] .pricing-comparison-page .comparison-table .compare-period{color:var(--muted)}
:root[data-theme] .pricing-comparison-page .comparison-table .compare-plan{
background:linear-gradient(135deg,color-mix(in srgb,var(--tier-tint) 12%,var(--tier-base)),color-mix(in srgb,var(--tier-tint) 6%,var(--tier-base)))
}

/* Reset: coordinated original tier colors on surfaces that match the page theme. */
:root[data-theme=light] .comparison-scroll{
--tier-base:#fff;--surface:#f7fafb;--ink:#173247;--muted:#4b6170;--green:#286148;--line:#c0ced6;
--tier-blue:#5c94cb;--tier-green:#63a17e;--tier-indigo:#8883c3;--tier-gold:#c3a052;
background:#fff;border-color:var(--line);color-scheme:light
}
:root[data-theme=dark] .comparison-scroll{
--tier-base:#23292e;--surface:#252c32;--ink:#e8eef2;--muted:#bbc7cf;--green:#acd1ba;--line:#414c55;
--tier-blue:#5c94cb;--tier-green:#63a17e;--tier-indigo:#8883c3;--tier-gold:#c3a052;
background:#23292e;border-color:var(--line);color-scheme:dark
}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan{
background:linear-gradient(145deg,color-mix(in srgb,var(--tier-tint) 32%,#fff),color-mix(in srgb,var(--tier-tint) 16%,#fff))
}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan{
background:linear-gradient(145deg,color-mix(in srgb,var(--tier-tint) 24%,#23292e),color-mix(in srgb,var(--tier-tint) 12%,#23292e))
}
:root[data-theme=light] .pricing-comparison-page .comparison-table tbody tr:nth-child(n) td:nth-child(n+2){background:color-mix(in srgb,var(--cell-tint) 12%,#fff)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody tr:nth-child(n) td:nth-child(n+2){background:color-mix(in srgb,var(--cell-tint) 8%,#23292e)}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(110deg,#dfe9f0,#e4ece7);color:#173247}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(110deg,#2b3842,#2e3b35);color:#e8eef2}

/* Defined category bands, a compact decision prompt, and unobtrusive disclosures. */
:root[data-theme] .pricing-comparison-page .comparison-table .compare-category th{
border-top:2px solid var(--line);border-bottom:2px solid var(--line)
}
.pricing-comparison-page .pricing-next-step{
margin:0 0 26px;padding:22px 26px;border:1px solid var(--line);border-radius:16px;
background:linear-gradient(115deg,#dceaf2,#e3eee6);color:#183847
}
.pricing-comparison-page .pricing-next-step h2{font-size:23px;font-weight:800;letter-spacing:-.5px}
.pricing-comparison-page .pricing-next-step p{font-size:16px;margin:5px 0 0;color:#445f6a}
:root[data-theme=dark] .pricing-comparison-page .pricing-next-step{background:linear-gradient(115deg,#293c48,#2d4036);color:#edf3f4}
:root[data-theme=dark] .pricing-comparison-page .pricing-next-step p{color:#c3d0d6}
.pricing-comparison-page .pricing-next-step .button{padding:13px 20px;font-size:15px;gap:16px}
details.plan-scope{margin:16px 0 28px;padding:0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.plan-scope summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}
.plan-scope summary::-webkit-details-marker{display:none}
.plan-scope summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.scope-cue{font-size:20px;line-height:1}
.plan-scope[open] .scope-cue{transform:rotate(45deg)}
.plan-scope .scope-grid{margin:0;padding:4px 0 20px;gap:18px 28px}
.plan-scope .scope-grid h3{font-size:14px}
.plan-scope .scope-grid p{font-size:14px;margin-top:5px;line-height:1.55}
@media(max-width:700px){
.pricing-comparison-page .pricing-next-step{padding:20px;gap:14px;margin-bottom:20px}
.pricing-comparison-page .pricing-next-step h2{font-size:21px}
.pricing-comparison-page .pricing-next-step .button{width:100%}
}
.comparison-table .feature-detail{display:block;font-size:13px;font-weight:400;line-height:1.5;margin-top:6px;color:inherit;opacity:.85}

/* Near-neutral light background with only a trace of blue and green. */
:root[data-theme=light]{--page:#f5f6f6;--light:#edf0f1;--card:#edf1f2;--glass:#fafbfaf5}
:root[data-theme=light] body{background:linear-gradient(125deg,#f4f6f7,#f4f6f4)}
:root[data-theme=light] footer{background:#e9edef}
:root[data-theme=light] .tinted{background:linear-gradient(120deg,#e9eef2,#ebf0eb)}

/* Compact payroll directory with federal destinations first. */
.agency-heading,.agency-directory{max-width:1380px}
.agency-heading{padding-top:28px;padding-bottom:24px}
.agency-heading>.text-link{display:inline-block;margin-bottom:20px}
.agency-heading .eyebrow{margin-bottom:9px}
.agency-heading h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1.3px;line-height:1.2}
.agency-heading>p:last-child{font-size:16px;margin:10px 0 0;max-width:760px}
.agency-directory{padding-bottom:45px}
.agency-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:14px}
.agency-section-heading h2{font-size:23px;letter-spacing:-.5px;font-weight:700}
.agency-section-heading p{font-size:14px;margin:0}
.federal-agency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.federal-agency-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.federal-agency-card:hover{border-color:var(--green);background:var(--card)}
.agency-abbreviation{display:flex;align-items:center;justify-content:center;flex:0 0 52px;height:48px;border-radius:8px;background:var(--light);color:var(--green);font-size:17px;font-weight:800}
.federal-agency-card strong{display:block;font-size:16px;line-height:1.4}
.federal-agency-card small{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:3px}
.federal-agency-card>span:last-child{margin-left:auto;font-size:20px}
.state-agencies{margin-top:28px}
.agency-directory .agency-table{border-radius:12px}
.agency-directory .agency-table th,.agency-directory .agency-table td{padding:12px 18px;font-size:14px;line-height:1.5}
.agency-directory .agency-table thead th{padding-block:14px}
.agency-directory .agency-table tbody th{width:20%;font-weight:600}
.agency-footnote{font-size:14px;line-height:1.5;margin:14px 0 0}
@media(max-width:700px){
.agency-heading{padding-top:22px;padding-bottom:22px}
.federal-agency-grid{grid-template-columns:1fr;gap:10px}
.federal-agency-card{padding:16px;gap:12px}
.agency-section-heading{display:block}
.agency-section-heading p{margin-top:5px}
.agency-directory .agency-table th,.agency-directory .agency-table td{padding:11px 10px}
.agency-directory .agency-table tbody th{width:27%}
}

/* Clear directory boundaries and compact local tax references. */
.agency-directory .agency-table{border:1px solid var(--line);box-shadow:0 5px 20px #112f4308;background:var(--surface);overflow:auto}
.agency-directory .agency-table table{border-collapse:separate;border-spacing:0}
.agency-directory .agency-table thead th{background:var(--light);border-top:0;border-bottom:2px solid var(--line);color:var(--ink)}
.agency-directory .agency-table td,.agency-directory .agency-table tbody th{border-top:0;border-bottom:1px solid var(--line)}
.agency-directory .agency-table th+th,.agency-directory .agency-table td{border-left:1px solid var(--line)}
.agency-directory .agency-table tbody tr:last-child>*{border-bottom:0}
.agency-directory .agency-table tbody tr:hover{background:var(--card)}
.directory-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.directory-jumps a{border:1px solid var(--line);border-radius:8px;padding:8px 13px;background:var(--surface);font-size:14px;font-weight:600}
.directory-jumps a:hover{border-color:var(--green);color:var(--green)}
.local-tax-section{margin-top:28px}
.local-tax-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.local-tax-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.local-tax-card h3{font-size:20px;font-weight:700;letter-spacing:-.3px}
.local-tax-card>p{font-size:14px;margin:6px 0 16px}
.local-tax-card ul{list-style:none;padding:0;margin:0}
.local-tax-card li{padding:12px 0;border-top:1px solid var(--line)}
.local-tax-card li:last-child{padding-bottom:0}
.local-tax-card a{font-size:15px;line-height:1.5;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.local-tax-card small{display:block;font-size:13px;line-height:1.5;margin-top:5px;color:var(--muted)}
@media(max-width:900px){.local-tax-grid{grid-template-columns:1fr}.local-tax-card{padding:18px}}

/* An inviting next step for visitors who need hands-on payroll support. */
.payroll-help-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin:26px 0;padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(115deg,#e0ebf2,#e5eee7)}
.payroll-help-cta .eyebrow{font-size:12px;margin:0 0 9px}
.payroll-help-cta h2{font-size:28px;letter-spacing:-.7px;font-weight:800}
.payroll-help-cta h2+p{max-width:720px;font-size:16px;line-height:1.6;margin:10px 0 0}
.payroll-help-action{display:flex;flex-direction:column;gap:10px;align-items:center}
.payroll-help-action .button{font-size:16px;padding:15px 22px;gap:18px}
.payroll-help-action>span{font-size:12px;color:var(--muted);text-align:center}
:root[data-theme=dark] .payroll-help-cta{background:linear-gradient(115deg,#2a3943,#2c3b32)}
@media(max-width:800px){.payroll-help-cta{grid-template-columns:1fr;gap:20px;padding:23px}.payroll-help-cta h2{font-size:25px}.payroll-help-action{align-items:flex-start}.payroll-help-action .button{width:100%}.payroll-help-action>span{align-self:center}}

/* Service-organized blog: compact article lists with quiet category bands. */
.blog-index-heading{padding-top:48px;padding-bottom:30px}.blog-index-heading .eyebrow{margin-bottom:12px}.blog-index-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;font-weight:800}.blog-index-heading>p:last-child{margin:14px 0 0;font-size:16px}.blog-service-index{padding-bottom:64px;display:grid;gap:24px}.blog-service-group{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.blog-service-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#e8f0f7,#f4f7f9)}.blog-service-payroll .blog-service-heading{background:linear-gradient(110deg,#e8f1ed,#f4f7f5)}.blog-service-heading h2{font-size:24px;font-weight:800;letter-spacing:-.6px}.blog-service-heading>span{font-size:14px;color:var(--muted);white-space:nowrap}.blog-article-list{list-style:none;padding:0;margin:0}.blog-article-list>li+li{border-top:1px solid var(--line)}.blog-article-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;color:var(--ink)}.blog-article-link h3{font-size:19px;line-height:1.4;font-weight:700;letter-spacing:-.3px}.blog-article-link p{font-size:16px;line-height:1.5;margin:6px 0 0}.blog-article-arrow{font-size:23px;flex-shrink:0;color:var(--muted)}.blog-article-link:hover{background:var(--light);color:var(--ink)}.blog-article-link:hover h3{text-decoration:underline;text-underline-offset:4px}.blog-article-link:focus-visible{outline-offset:-4px}:root[data-theme=dark] .blog-service-accounting .blog-service-heading{background:linear-gradient(110deg,#24313d,#252c33)}:root[data-theme=dark] .blog-service-payroll .blog-service-heading{background:linear-gradient(110deg,#24362f,#252f2b)}@media(max-width:640px){.blog-index-heading{padding-top:32px;padding-bottom:24px}.blog-service-index{gap:20px;padding-bottom:40px}.blog-service-heading{padding:16px 18px}.blog-service-heading h2{font-size:22px}.blog-article-link{padding:18px;gap:16px}.blog-article-link h3{font-size:18px}.blog-article-link p{margin-top:5px}}

/* Client recommendation */
.client-testimonial{margin:0;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.client-testimonial blockquote{margin:0}.client-testimonial blockquote p{font-size:clamp(19px,2vw,23px);line-height:1.6;margin:0 0 24px;color:var(--ink)}.client-testimonial figcaption{display:flex;align-items:center;gap:16px}.client-testimonial figcaption img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:43% 24%;flex-shrink:0}.client-testimonial figcaption strong{display:block;font-size:16px;color:var(--ink)}.client-testimonial figcaption span{display:block;font-size:14px;color:var(--muted);margin-top:3px}.client-testimonial figcaption a{text-decoration:underline;text-underline-offset:3px}.client-testimonial .testimonial-note{font-size:12px;line-height:1.5;color:var(--muted);margin:20px 0 0}@media(max-width:600px){.client-testimonial{padding:22px}.client-testimonial figcaption img{width:64px;height:64px}}

.payroll-guide{max-width:960px}.payroll-guide section{margin:32px 0}.payroll-guide h2{font-size:clamp(23px,3vw,30px);letter-spacing:-.7px;line-height:1.25}.payroll-guide li{margin:12px 0;color:var(--muted)}.payroll-guide strong{color:var(--ink)}.payroll-guide p a,.payroll-guide li a{text-decoration:underline;text-underline-offset:3px}.payroll-guide .guide-source{font-size:14px;line-height:1.6}.guide-table{overflow:auto;margin:22px 0;border:1px solid var(--line);border-radius:12px}.guide-table table{border-collapse:collapse;width:100%;min-width:570px;font-size:16px}.guide-table th,.guide-table td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line);line-height:1.5}.guide-table thead{background:var(--light)}.guide-table th{font-weight:700}.guide-table tr:last-child>*{border-bottom:0}.guide-table tr>*:last-child{border-right:0}.guide-help{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--light);margin:32px 0}.guide-help p:last-child{margin-bottom:0}

/* Photo-led client spotlight with frosted glass. */
.reviews-section.glass-reviews{display:block;padding-top:10px}.glass-reviews>div:first-child{margin-bottom:26px}.glass-reviews>div:first-child h2{font-size:clamp(30px,4vw,44px)}.glass-reviews>div:first-child h2 br{display:none}.glass-reviews>div:first-child h2 em{margin-left:.2em}.glass-reviews .eyebrow{margin-bottom:12px}.client-spotlight{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:120px 36px 36px;min-height:570px;display:flex;justify-content:flex-end;align-items:flex-end;box-shadow:0 20px 50px #122a3b18;background:#273b38}.client-business-photos{position:absolute;inset:0;display:grid;grid-template-columns:1.2fr 1fr;gap:5px;z-index:-2}.client-business-photos img{width:100%;height:100%;object-fit:cover;min-width:0}.client-spotlight:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0008,transparent 40%,#0003)}.client-business-label{position:absolute;top:30px;left:36px;color:white;text-shadow:0 2px 8px #0008}.client-business-label:hover{color:white}.client-business-label strong{display:block;font:800 28px Manrope,Arial,sans-serif;letter-spacing:-.6px}.client-business-label span{display:block;font-size:14px;margin-top:4px}.client-testimonial.glass-testimonial{width:min(100%,600px);padding:30px;border:1px solid #ffffffa6;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 #fff,0 14px 42px #0003;color:#18302d}.glass-testimonial blockquote p,.glass-testimonial figcaption strong{color:#18302d}.glass-testimonial figcaption span,.glass-testimonial .testimonial-note{color:#485b55}.glass-testimonial blockquote p{font-size:clamp(19px,2vw,24px);line-height:1.5}.glass-testimonial figcaption img{box-shadow:0 0 0 3px #ffffff80}.glass-testimonial .testimonial-note{margin-top:16px}:root[data-theme=dark] .glass-testimonial{background:rgba(17,29,29,.9);border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff26,0 14px 42px #0005}:root[data-theme=dark] .glass-testimonial blockquote p,:root[data-theme=dark] .glass-testimonial figcaption strong{color:#f2f6f4}:root[data-theme=dark] .glass-testimonial figcaption span,:root[data-theme=dark] .glass-testimonial .testimonial-note{color:#c7d3cf}@supports(backdrop-filter:blur(20px)){.client-testimonial.glass-testimonial{background:rgba(255,255,255,.77);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}:root[data-theme=dark] .client-testimonial.glass-testimonial{background:rgba(17,29,29,.79)}}@media(max-width:700px){.client-spotlight{padding:220px 16px 16px;min-height:0;border-radius:22px}.client-business-label{top:24px;left:24px}.client-business-photos{grid-template-columns:1fr 1fr}.client-testimonial.glass-testimonial{padding:22px;border-radius:18px}.glass-testimonial blockquote p{font-size:19px}.glass-testimonial figcaption{gap:12px}.glass-testimonial figcaption img{width:60px;height:60px}.glass-reviews>div:first-child h2 br{display:initial}.glass-reviews>div:first-child h2 em{margin-left:0}}
/* Compact review cards leave room for a second client story. */
.reviews-section.glass-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.glass-reviews>div:first-child{grid-column:1/-1;margin-bottom:2px}.glass-reviews .client-spotlight{padding:150px 20px 20px;min-height:0;border-radius:22px}.glass-reviews .client-business-label{top:24px;left:24px}.glass-reviews .client-business-label strong{font-size:24px}.glass-reviews .glass-testimonial{padding:22px;border-radius:18px}.glass-reviews .glass-testimonial blockquote p{font-size:19px;line-height:1.5;margin-bottom:20px}.glass-reviews .glass-testimonial figcaption img{width:60px;height:60px}.glass-reviews .glass-testimonial figcaption{gap:12px}@media(max-width:800px){.reviews-section.glass-reviews{grid-template-columns:1fr}.glass-reviews .client-spotlight{padding:180px 16px 16px}}

/* Clear section bands and a two-tone payroll comparison. */
.payroll-guide>section>h2{font-weight:800;padding:17px 20px;border-block:1px solid var(--line);border-radius:8px;background:linear-gradient(110deg,color-mix(in srgb,var(--green) 9%,var(--surface)),var(--surface));margin-bottom:20px}.payroll-guide .guide-table{border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 26px #142b4010}.payroll-guide .guide-table table{table-layout:fixed;min-width:620px;background:var(--surface)}.payroll-guide .guide-table thead th{font:800 18px/1.4 Manrope,Arial,sans-serif;padding:21px 18px;border-bottom:2px solid var(--line);width:37%}.payroll-guide .guide-table thead th:first-child{width:26%;font-size:14px;color:var(--muted)}.guide-column-tag{display:block;font:800 14px/1.4 Manrope,Arial,sans-serif;letter-spacing:.06em;margin-bottom:6px}.payroll-guide .guide-table thead th:nth-child(2){background:color-mix(in srgb,#6b9bc4 17%,var(--surface))}.payroll-guide .guide-table thead th:nth-child(3){background:color-mix(in srgb,#72a18d 17%,var(--surface))}.payroll-guide .guide-table tbody td:nth-child(2){background:color-mix(in srgb,#6b9bc4 5%,var(--surface))}.payroll-guide .guide-table tbody td:nth-child(3){background:color-mix(in srgb,#72a18d 5%,var(--surface))}.payroll-guide .guide-table tbody th{font-size:14px;background:var(--light)}.payroll-guide .guide-table td{font-size:16px;padding:18px}.payroll-guide .w9-feature{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--light)}.payroll-guide .w9-feature h2{padding:0;border:0;background:none}.guide-resource-jump{display:inline-block;margin-bottom:14px}.guide-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-resource-group{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.guide-resource-group h3{font-size:18px;font-weight:800;padding:18px;letter-spacing:-.3px;background:var(--light);border-bottom:1px solid var(--line)}.guide-resource-group ul{list-style:none;margin:0;padding:0}.payroll-guide .guide-resource-group li{margin:0}.guide-resource-group li+li{border-top:1px solid var(--line)}.payroll-guide .guide-resource-group a{display:block;padding:15px 18px;text-decoration:none}.guide-resource-group a>strong{display:flex;justify-content:space-between;gap:12px;font-size:16px}.guide-resource-group a>span{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:5px}.guide-resource-group a:hover{background:var(--light)}.guide-resource-group a:hover strong{text-decoration:underline;text-underline-offset:3px}.guide-resource-group a:focus-visible{outline-offset:-4px}@media(max-width:640px){.guide-resource-grid{grid-template-columns:1fr}.payroll-guide>section>h2{padding:14px 16px;font-size:23px}.payroll-guide .w9-feature{padding:18px}.payroll-guide .w9-feature h2{padding:0}.payroll-guide .guide-table th,.payroll-guide .guide-table td{padding:14px}}

/* Illustrated accounting mascot. */
.personal.mascot-personal{grid-template-columns:230px 1fr 1fr;align-items:center;gap:38px}.accounting-mascot{margin:0;text-align:center}.accounting-mascot img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 15px #102b3612)}.accounting-mascot figcaption{font-size:14px;color:var(--muted);margin-top:12px}:root[data-theme=dark] .accounting-mascot img{filter:drop-shadow(0 0 24px #ffffff18)}@media(max-width:900px){.personal.mascot-personal{grid-template-columns:180px 1fr;gap:25px}.mascot-personal>div:last-child{grid-column:2}}@media(max-width:600px){.personal.mascot-personal{grid-template-columns:1fr;gap:24px}.accounting-mascot{width:210px;justify-self:center}.mascot-personal>div:last-child{grid-column:auto}}

/* Small editorial mascot asides, separate from the article guidance. */
.blog-cat-aside{display:grid;grid-template-columns:130px minmax(0,1fr);gap:26px;align-items:center;padding:22px 26px;margin:36px 0;border-block:1px solid var(--line);background:linear-gradient(110deg,var(--light),var(--surface));border-radius:14px}.blog-cat-aside img{width:130px;height:185px;object-fit:contain;display:block}.blog-cat-aside .eyebrow{margin:0 0 10px;font-size:12px}.blog-cat-aside .cat-quip{font:600 20px/1.5 Manrope,Arial,sans-serif;color:var(--ink);margin:0 0 12px;letter-spacing:-.3px}.blog-cat-aside span{font-size:14px;color:var(--muted)}@media(max-width:600px){.blog-cat-aside{grid-template-columns:85px minmax(0,1fr);padding:18px 14px;gap:16px}.blog-cat-aside img{width:85px;height:140px}.blog-cat-aside .cat-quip{font-size:17px}.blog-cat-aside span{font-size:13px}}

.simon-spotlight .client-business-photos{grid-template-columns:1fr}.simon-spotlight .client-business-photos img{object-position:center}.glass-reviews .client-spotlight{height:100%}.glass-reviews .simon-spotlight .glass-testimonial blockquote p{font-size:18px;line-height:1.55}

/* A single image-led doorway to services. */
.home-services-feature{padding-top:60px;padding-bottom:60px}.home-services-link{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 14px 36px #102a3d0c}.home-services-link>img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover}.home-services-copy{padding:42px;align-self:center}.home-services-copy .eyebrow{margin-bottom:18px}.home-services-copy h2{font-size:clamp(30px,3.5vw,44px);font-weight:800;line-height:1.15}.home-services-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;margin:20px 0 26px}.home-services-link:hover{color:var(--ink);border-color:var(--green)}.home-services-link:hover .button{background:#083b2a}.home-services-link:focus-visible{outline-offset:6px}@media(max-width:760px){.home-services-feature{padding-top:36px;padding-bottom:36px}.home-services-link{grid-template-columns:1fr}.home-services-link>img{height:220px;min-height:0}.home-services-copy{padding:28px}.home-services-copy h2 br{display:none}}

.glass-reviews .donna-spotlight{padding-top:330px}.donna-spotlight .client-business-photos{grid-template-columns:1fr}.donna-spotlight .client-business-photos img{object-position:center top}.donna-spotlight .client-business-label{text-shadow:0 2px 8px #000c}@media(max-width:700px){.glass-reviews .donna-spotlight{padding-top:310px}}
/* Drapery and portrait share the client background; attribution stays above. */
.donna-spotlight .client-business-photos{grid-template-columns:1.35fr 1fr}.donna-spotlight .client-business-photos img:first-child{object-position:43% top}.donna-spotlight .client-business-photos img:last-child{object-position:35% center}.glass-testimonial blockquote p:last-child{margin-bottom:0}.who-intro{padding-top:48px;padding-bottom:40px}.who-intro h1{font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-1.8px}.who-intro>p:not(.eyebrow){max-width:760px}.service-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:30px 0 20px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.service-journey li{padding:24px}.service-journey li+li{border-left:1px solid var(--line)}.service-journey li>span{font-size:14px;font-weight:700;color:var(--green)}.service-journey h2{font-size:21px;font-weight:800;letter-spacing:-.5px;margin:12px 0}.service-journey p{font-size:16px;line-height:1.5;margin:0}.journey-note{font-size:14px}.who-intro~#businesses{padding-top:36px;padding-bottom:36px}@media(max-width:900px){.service-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.service-journey li:nth-child(3){border-left:0}.service-journey li:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:540px){.service-journey{grid-template-columns:1fr}.service-journey li{padding:18px}.service-journey li+li{border-left:0;border-top:1px solid var(--line)}.service-journey h2{display:inline;margin-left:12px}.service-journey p{margin-top:10px}.who-intro{padding-top:32px}}
.home-journey-title{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.15}.service-page-heading{padding-top:44px;padding-bottom:24px}.service-page-heading h1{font-size:clamp(34px,4vw,50px);font-weight:800;letter-spacing:-1.5px}.service-page-heading .eyebrow{margin-bottom:14px}.service-page-heading p:last-child{max-width:740px}.who-intro+#businesses{margin-bottom:48px}
/* Calm services overview, matching the site’s modern comparison styling. */
.service-page-heading{padding-top:48px;padding-bottom:28px}.service-audiences{background:transparent;padding-top:8px;padding-bottom:34px}.service-audiences .eyebrow{display:none}.service-audiences h2{font-size:24px;font-weight:800;letter-spacing:-.5px}.service-audiences .three-grid{gap:16px;margin-top:20px}.service-audiences .three-grid article{border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--green) 6%,var(--surface)),var(--surface))}.service-audiences .small-label{display:none}.service-audiences h3{font-size:20px;font-weight:800;margin:0 0 10px}.service-audiences article p{font-size:16px;line-height:1.55;margin:0}.service-overview{padding-top:22px;padding-bottom:22px}.service-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.service-overview-heading .eyebrow{margin-bottom:10px}.service-overview-heading h2{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.8px}.service-overview-heading p:last-child{margin:10px 0 0}.service-overview-heading .button{flex-shrink:0}.service-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.service-overview-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.service-overview-card summary{display:flex;align-items:center;gap:16px;padding:24px;cursor:pointer;list-style:none}.service-overview-card summary::-webkit-details-marker{display:none}.service-overview-card summary:hover{background:var(--light)}.service-overview-card summary:focus-visible{outline:3px solid var(--green);outline-offset:-4px}.service-overview-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--light);color:var(--green)}.service-overview-icon svg{width:26px;height:26px}.service-overview-copy{display:block;min-width:0}.service-overview-copy strong{display:block;font:800 20px/1.3 Manrope,Arial,sans-serif;color:var(--ink)}.service-overview-copy>span{display:block;font-size:15px;line-height:1.5;color:var(--muted);margin-top:8px}.service-expand{margin-left:auto;font-size:25px;color:var(--muted)}.service-overview-card[open] .service-expand{transform:rotate(45deg)}.service-overview-details{border-top:1px solid var(--line);padding:0 24px}.service-overview-details ul{list-style:none;padding:0;margin:0}.service-overview-details li{padding:15px 0;display:flex;flex-direction:column;gap:5px;line-height:1.5;font-size:16px;color:var(--ink)}.service-overview-details li+li{border-top:1px solid var(--line)}.service-overview-details small{display:block;font-size:14px;color:var(--muted)}.service-overview-note{font-size:14px;margin:20px 0}.service-overview~.wrap{padding-bottom:36px}@media(max-width:760px){.service-overview-grid{grid-template-columns:1fr}.service-overview-heading{align-items:flex-start;flex-direction:column;gap:18px}.service-overview-card summary{padding:20px;gap:14px}.service-audiences .three-grid{grid-template-columns:1fr}.service-audiences .three-grid article{padding:18px}.service-overview-details{padding:0 20px}}
/* Dark mode: neutral graphite, silver typography, and restrained blue accents. */
:root[data-theme=dark]{color-scheme:dark;--page:#17191e;--surface:#22252c;--card:#252931;--light:#2b3039;--ink:#f0f2f6;--navy:#edf1f7;--muted:#b6becb;--line:#414854;--green:#abc7ff;--action:#436ba9;--shadow:0 8px 26px #0002}
:root[data-theme=dark] body{background:#17191e;color:var(--ink)}
:root[data-theme=dark] header,:root[data-theme=dark] header nav.open,:root[data-theme=dark] footer{background:#17191e}
:root[data-theme=dark] .button{background:#436ba9;color:#fff;border:1px solid #6486bb;box-shadow:none}
:root[data-theme=dark] .button:hover{background:#527dbb;color:#fff;box-shadow:none}
:root[data-theme=dark] .button.light{background:#edf1f7;color:#202631;border-color:#edf1f7}
:root[data-theme=dark] .billing-switch input:checked+span{background:#436ba9;color:#fff}
:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .menu-button{background:#252931;color:#e9edf5;border-color:#414854}
:root[data-theme=dark] .tinted,:root[data-theme=dark] .service-audiences{background:transparent}
:root[data-theme=dark] .service-audiences .three-grid article,:root[data-theme=dark] .service-journey,:root[data-theme=dark] .service-overview-card{background:#22252c;box-shadow:none}
:root[data-theme=dark] .service-overview-icon{background:#2b3341;color:#b9d0fa}
:root[data-theme=dark] .pricing-comparison-page .pricing-next-step,:root[data-theme=dark] .payroll-help-cta,:root[data-theme=dark] .guide-help,:root[data-theme=dark] .w9-feature,:root[data-theme=dark] .blog-cat-aside{background:#252931;color:#f0f2f6}
:root[data-theme=dark] .pricing-comparison-page .pricing-next-step p{color:#b6becb}
:root[data-theme=dark] .blog-service-accounting .blog-service-heading,:root[data-theme=dark] .blog-service-payroll .blog-service-heading,:root[data-theme=dark] .payroll-guide>section>h2{background:linear-gradient(110deg,#303642,#282c34);color:#f0f2f6}
:root[data-theme=dark] .payroll-guide .w9-feature h2{background:transparent}
:root[data-theme=dark] .client-testimonial.glass-testimonial{background:rgba(31,34,42,.87);border-color:#ffffff40}
:root[data-theme=dark] .glass-testimonial blockquote p,:root[data-theme=dark] .glass-testimonial figcaption strong{color:#f3f4f7}
:root[data-theme=dark] .glass-testimonial figcaption span,:root[data-theme=dark] .glass-testimonial .testimonial-note{color:#c3cad5}
/* Tables use one consistent surface; distinction comes from rules and type. */
:root[data-theme=dark] .comparison-scroll{--tier-base:#252931;--surface:#252931;--ink:#f0f2f6;--muted:#b6becb;--green:#abc7ff;--line:#454d5a;background:#252931;border-color:#454d5a;box-shadow:none;color-scheme:dark}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody tr:nth-child(n) td:nth-child(n+2){background:#252931;color:#f0f2f6;border-color:#3b424e}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody th[scope=row],:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-label{background:#252931;color:#e3e8ef;border-color:#3b424e}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan{background:#2d323c;box-shadow:none;border-color:#454d5a}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-name{color:#dce7fa}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-category th{background:#343b47;color:#f4f6fa;border-top:1px solid #596372;border-bottom:1px solid #596372}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-check{color:#c1d5fa}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-dash{color:#8e99aa}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody tr:not(.compare-category):hover td{background:#2b3039}
:root[data-theme=dark] .payroll-guide .guide-table{background:#252931;border-color:#454d5a;box-shadow:none}
:root[data-theme=dark] .payroll-guide .guide-table table,:root[data-theme=dark] .payroll-guide .guide-table tbody td:nth-child(n),:root[data-theme=dark] .payroll-guide .guide-table tbody th{background:#252931;color:#e7ecf4}
:root[data-theme=dark] .payroll-guide .guide-table thead th:nth-child(n){background:#343b47;color:#f4f6fa;border-color:#596372}
:root[data-theme=dark] .guide-column-tag{color:#c1d5fa}
:root[data-theme=dark] .agency-table{background:#252931;border-color:#454d5a;box-shadow:none}
:root[data-theme=dark] .agency-table table tbody tr:nth-child(n) td,:root[data-theme=dark] .agency-table table tbody tr:nth-child(n) th{background:#252931;color:#e7ecf4;border-color:#414854}
:root[data-theme=dark] .agency-table table thead th{background:#343b47;color:#f4f6fa;border-color:#596372}
:root[data-theme=dark] .federal-agency-card{background:#252931;border-color:#414854;color:#eef2f8}
:root[data-theme=dark] .agency-abbreviation{background:#303948;color:#c1d5fa}
/* Open service rows retain the familiar detail-first layout. */
.service-visible-list{display:grid;gap:20px}.service-visible-row{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.5fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.service-visible-intro{display:flex;align-items:flex-start;gap:16px;padding:28px;background:linear-gradient(135deg,var(--light),var(--surface))}.service-visible-row .service-overview-details{border-top:0;border-left:1px solid var(--line);padding:8px 26px}.service-visible-row .service-overview-details li{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.service-visible-row .service-overview-details li>small{text-align:right}.service-visible-row .service-overview-copy strong{font-size:22px}:root[data-theme=dark] .service-visible-intro{background:#2b3039}@media(max-width:760px){.service-visible-row{grid-template-columns:1fr}.service-visible-intro{padding:22px}.service-visible-row .service-overview-details{border-left:0;border-top:1px solid var(--line);padding:4px 20px}.service-visible-row .service-overview-details li{grid-template-columns:1fr;gap:4px}.service-visible-row .service-overview-details li>small{text-align:left}}
/* Bright warm accents on clean, neutral dark surfaces. */
:root[data-theme=dark]{--page:#121216;--surface:#222228;--card:#292930;--light:#303037;--ink:#fff9f5;--navy:#fff9f5;--muted:#d0cbd1;--line:#55515c;--green:#ffb176;--action:#ffae70}
:root[data-theme=dark] body,:root[data-theme=dark] header,:root[data-theme=dark] header nav.open,:root[data-theme=dark] footer{background:#121216}
:root[data-theme=dark] .button,:root[data-theme=dark] .billing-switch input:checked+span{background:#ffae70;color:#25150c;border-color:#ffc493;box-shadow:none}
:root[data-theme=dark] .button:hover{background:#ffc18e;color:#25150c;box-shadow:0 4px 18px #ffae7020}
:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .menu-button{background:#292930;border-color:#55515c;color:#fff9f5}
:root[data-theme=dark] .service-audiences .three-grid article,:root[data-theme=dark] .service-journey,:root[data-theme=dark] .service-overview-card,:root[data-theme=dark] .service-visible-row{background:#222228}
:root[data-theme=dark] .service-visible-intro{background:#2b2930}
:root[data-theme=dark] .service-overview-icon{background:#3b2930;color:#ffc08c;border-color:#87535e}
:root[data-theme=dark] .service-visible-row:nth-child(even) .service-overview-icon{background:#352736;color:#ffb6d3;border-color:#77506a}
:root[data-theme=dark] .service-journey li>span,:root[data-theme=dark] .eyebrow{color:#ffb176}
:root[data-theme=dark] .pricing-comparison-page .pricing-next-step,:root[data-theme=dark] .payroll-help-cta,:root[data-theme=dark] .guide-help,:root[data-theme=dark] .w9-feature,:root[data-theme=dark] .blog-cat-aside{background:#2b2930;border-color:#615261;color:#fff9f5}
:root[data-theme=dark] .pricing-comparison-page .pricing-next-step p{color:#d0cbd1}
:root[data-theme=dark] .blog-service-accounting .blog-service-heading,:root[data-theme=dark] .blog-service-payroll .blog-service-heading,:root[data-theme=dark] .payroll-guide>section>h2{background:linear-gradient(105deg,#49303b,#322d37);color:#fff4ed;border-color:#795365}
:root[data-theme=dark] .payroll-guide .w9-feature h2{background:transparent}
:root[data-theme=dark] .comparison-scroll{--tier-base:#222228;--surface:#222228;--ink:#fff9f5;--muted:#d0cbd1;--green:#ffb176;--line:#55515c;background:#222228;border-color:#615967}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody tr:nth-child(n) td:nth-child(n+2),:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody th[scope=row],:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-label{background:#222228;color:#f6f0f3;border-color:#49454f}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan{background:#302c34;border-color:#615463}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-name{color:#ffc18e}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan:nth-child(odd) .compare-name{color:#ffb6d3}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(100deg,#513443,#39313c);color:#fff5ed;border-block:1px solid #8b6075}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-check{color:#ffbf8a}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-dash{color:#aca5b3}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody tr:not(.compare-category):hover td{background:#2e2b33}
:root[data-theme=dark] .payroll-guide .guide-table,:root[data-theme=dark] .agency-table{background:#222228;border-color:#615967}
:root[data-theme=dark] .payroll-guide .guide-table table,:root[data-theme=dark] .payroll-guide .guide-table tbody td:nth-child(n),:root[data-theme=dark] .payroll-guide .guide-table tbody th,:root[data-theme=dark] .agency-table table tbody tr:nth-child(n) td,:root[data-theme=dark] .agency-table table tbody tr:nth-child(n) th{background:#222228;color:#f6f0f3;border-color:#49454f}
:root[data-theme=dark] .payroll-guide .guide-table thead th:nth-child(n),:root[data-theme=dark] .agency-table table thead th{background:#49323e;color:#fff5ed;border-color:#8b6075}
:root[data-theme=dark] .guide-column-tag{color:#ffc18e}
:root[data-theme=dark] .federal-agency-card{background:#29262f;border-color:#615463;color:#fff5ed}
:root[data-theme=dark] .agency-abbreviation{background:#48303b;color:#ffc18e}
:root[data-theme=dark] .client-testimonial.glass-testimonial{background:rgba(34,30,38,.88);border-color:#ffffff55}
/* Electric-blue highlights balance the warm dark-mode accents. */
:root[data-theme=dark]{--blue-accent:#83b4ff}
:root[data-theme=dark] .business-strip{background:#192e53;border-color:#3763a3;color:#edf5ff}
:root[data-theme=dark] .business-strip>span{color:#a4c7ff}
:root[data-theme=dark] .business-strip a:hover{color:#ffc18e}
:root[data-theme=dark] .service-journey li:nth-child(odd)>span{color:#83b4ff}
:root[data-theme=dark] .service-audiences .three-grid article{background:linear-gradient(135deg,#22395c,#222732);border-color:#41689c}
:root[data-theme=dark] .service-audiences h3{color:#c8dfff}
:root[data-theme=dark] .service-visible-row:nth-child(odd) .service-overview-icon{background:#203d68;border-color:#4779b9;color:#add0ff}
:root[data-theme=dark] .blog-service-accounting .blog-service-heading{background:linear-gradient(110deg,#254876,#2c3448);border-color:#5077a5}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-0 .compare-name,:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-2 .compare-name{color:#94c3ff}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(105deg,#274b7a,#403044);border-color:#6381a9}
:root[data-theme=dark] .payroll-guide .guide-table thead th:nth-child(2){background:#274b7a;border-color:#6381a9}
:root[data-theme=dark] .agency-table table thead th{background:#274b7a;border-color:#6381a9}
:root[data-theme=dark] .federal-agency-card .agency-abbreviation{background:#244775;border-color:#4b7dbb;color:#bfdbff}
:root[data-theme=dark] a:focus-visible,:root[data-theme=dark] button:focus-visible{outline-color:#83b4ff}
@media(max-width:760px){.business-strip{gap:12px 22px;flex-wrap:wrap;padding:20px 24px;font-size:16px}.business-strip>span{width:100%;text-align:center}}
/* Pricing: quiet comparison cells, color only in the header bands. */
:root[data-theme=dark] .pricing-comparison-page .comparison-scroll{--green:#d8e5fa}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-check{color:#d8e5fa}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody tr:nth-child(n) td:nth-child(n+2){background:#222228}
:root[data-theme=dark] .pricing-comparison-page .comparison-table tbody tr:not(.compare-category):hover td{background:#222228}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-0{background:linear-gradient(140deg,#294c73,#29333f)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-1{background:linear-gradient(140deg,#2c5048,#293737)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-2{background:linear-gradient(140deg,#49436b,#33313e)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-3{background:linear-gradient(140deg,#5b4b37,#3b3530)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan:nth-child(n) .compare-name{color:#f4f5fa}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(105deg,#304963,#3e3b51);border-color:#68758a;color:#f4f5fa}
:root[data-theme=dark] .pricing-comparison-page .button,:root[data-theme=dark] .pricing-comparison-page .billing-switch input:checked+span{background:#a8c9fa;color:#17283f;border-color:#bcd7ff}
:root[data-theme=dark] .pricing-comparison-page .button:hover{background:#c1dbff;color:#17283f;box-shadow:none}
:root[data-theme=dark] .pricing-comparison-page .eyebrow{color:#b9d3f9}
/* Light pricing mirrors dark mode: header gradients, uniform comparison body. */
:root[data-theme=light] .pricing-comparison-page .comparison-scroll{--surface:#fff;--ink:#21344c;--muted:#526275;--line:#c8d1dd;--green:#355575;background:#fff;border-color:#c8d1dd}
:root[data-theme=light] .pricing-comparison-page .comparison-table tbody tr:nth-child(n) td:nth-child(n+2),:root[data-theme=light] .pricing-comparison-page .comparison-table tbody th[scope=row],:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-label{background:#fff;color:#21344c;border-color:#d8dfe7}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-check{color:#355575}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-dash{color:#758294}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-0{background:linear-gradient(140deg,#c8def6,#edf4fc);border-color:#c8d1dd}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-1{background:linear-gradient(140deg,#cde6df,#eef6f3);border-color:#c8d1dd}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-2{background:linear-gradient(140deg,#d9d5ef,#f2f0fa);border-color:#c8d1dd}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-3{background:linear-gradient(140deg,#efdfbc,#faf5e9);border-color:#c8d1dd}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan:nth-child(n) .compare-name{color:#21344c}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(105deg,#dce8f5,#e9e5f1);color:#243751;border-block:1px solid #b7c5d8}
:root[data-theme=light] .pricing-comparison-page .comparison-table tbody tr:not(.compare-category):hover td{background:#fff}
/* Slightly richer plan colors with warm yellow-to-pink category bands. */
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-0{background:linear-gradient(140deg,#b3d2f3,#e4effc)}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-1{background:linear-gradient(140deg,#b4dacd,#e5f3ed)}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-2{background:linear-gradient(140deg,#c6c0e9,#ece8f8)}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-plan.tier-3{background:linear-gradient(140deg,#e8d19a,#f8efda)}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(105deg,#f6e8b3,#f3d8e5);color:#343044;border-color:#d7bcc0}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-0{background:linear-gradient(140deg,#305a88,#2b394a)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-1{background:linear-gradient(140deg,#326155,#2c403b)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-2{background:linear-gradient(140deg,#574d80,#3c354d)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-plan.tier-3{background:linear-gradient(140deg,#705a39,#473c30)}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(105deg,#615536,#603f55);color:#fff6ea;border-color:#927b75}
/* Compact, useful site footer. */
footer.site-footer{max-width:1240px;margin:32px auto 0;padding:34px 42px 20px;border-top:1px solid var(--line);background:transparent}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-bottom:28px}.footer-brand img{width:185px;height:auto}.footer-brand p{font-size:14px;margin:10px 0 0}.site-footer .footer-navigation{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 26px;margin:0;padding:0}.site-footer .footer-navigation a{font-size:14px;font-weight:600;white-space:nowrap}.site-footer .footer-navigation a:last-child{padding:8px 14px;border:1px solid var(--line);border-radius:9px}.site-footer .footer-bottom{padding-top:18px;margin:0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
/* Service bands: a subtle cool gradient with colorful, consistent icon badges. */
.pricing-category-title{display:flex;align-items:center;gap:12px}.pricing-category-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:#ffffff9c;border:1px solid #ffffffb3;color:#385c89}.pricing-category-icon svg{width:21px;height:21px}.comparison-table>tbody:nth-of-type(4n+3) .pricing-category-icon{color:#715d9b}.comparison-table>tbody:nth-of-type(6n+5) .pricing-category-icon{color:#956238}
:root[data-theme=light] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(110deg,#dceaf7,#e9e6f4);color:#273c56;border-color:#bdcddd}
:root[data-theme=dark] .pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(110deg,#2b4667,#413b56);color:#f3f5fc;border-color:#65738c}
:root[data-theme=dark] .pricing-category-icon{background:#19293f;border-color:#7891b050;color:#a9cfff}
:root[data-theme=dark] .comparison-table>tbody:nth-of-type(4n+3) .pricing-category-icon{color:#d0bfff;background:#30273f}
:root[data-theme=dark] .comparison-table>tbody:nth-of-type(6n+5) .pricing-category-icon{color:#ffc99a;background:#3d302b}
.category-toggle:hover .pricing-category-title{text-decoration:underline;text-underline-offset:5px}.category-toggle-mark{border:1px solid currentColor;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:18px;line-height:1}
@media(max-width:760px){footer.site-footer{padding:28px 24px 20px;margin-top:24px}.footer-main{align-items:flex-start;flex-direction:column;gap:22px}.site-footer .footer-navigation{display:flex;position:static;width:100%;justify-content:flex-start;gap:14px 22px;border:0;background:transparent;box-shadow:none}.site-footer .footer-bottom{display:flex;flex-wrap:wrap;gap:8px 20px}.pricing-category-icon{width:29px;height:29px}.pricing-category-title{gap:9px}}

/* Blue and orange journey numbers remain distinct in light appearance. */
:root:not([data-theme=dark]) .service-journey li:nth-child(odd)>span{color:#245c9e}
:root:not([data-theme=dark]) .service-journey li:nth-child(even)>span{color:#a34813}

/* Final service step and consistent meeting actions. */
@media(min-width:1101px){.service-journey{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:541px) and (max-width:1100px){.service-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.service-journey li:nth-child(odd){border-left:0}.service-journey li:nth-child(n+3){border-top:1px solid var(--line)}.service-journey li:last-child{grid-column:1/-1}}
header #navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"],.site-footer .footer-navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--line);border-radius:9px;font-weight:600}
header #navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]:hover,.site-footer .footer-navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]:hover{border-color:currentColor}
:root .billing-switch input[value="annual"]:checked+span,:root[data-theme=dark] .pricing-comparison-page .billing-switch input[value="annual"]:checked+span{background:#153d68;color:#fff;border-color:#315f8e}

/* Bold client portal action in the header and footer. */
header #navigation a.login-button,.site-footer .footer-navigation a.login-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 23px;background:#153d68;color:#fff;border:1px solid #315f8e;border-radius:10px;font-size:15px;font-weight:800;letter-spacing:.2px;box-shadow:0 4px 12px #153d6826;text-decoration:none;transition:background .15s ease,box-shadow .15s ease}
header #navigation a.login-button:hover,.site-footer .footer-navigation a.login-button:hover{background:#24558c;color:#fff;box-shadow:0 6px 16px #153d6833}
:root[data-theme=dark] header #navigation a.login-button,:root[data-theme=dark] .site-footer .footer-navigation a.login-button{background:#9cc5ff;color:#102b4e;border-color:#bcd7ff;box-shadow:0 4px 16px #0003}
:root[data-theme=dark] header #navigation a.login-button:hover,:root[data-theme=dark] .site-footer .footer-navigation a.login-button:hover{background:#c1dbff;color:#102b4e}
.hero-actions{flex-wrap:wrap}

/* Blue styling is limited to the dark-mode header menu. */
:root[data-theme=dark] header,:root[data-theme=dark] header nav.open{background:#142b47;border-color:#315578}
:root[data-theme=dark] header #navigation a{color:#b9d7ff}
:root[data-theme=dark] header #navigation a:hover,:root[data-theme=dark] header #navigation a[aria-current]{color:#fff}
:root[data-theme=dark] header #navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]{background:#153d68;border-color:#5279a6;color:#e7f1ff}
:root[data-theme=dark] header #navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]:hover{background:#24558c;color:#fff}
:root[data-theme=dark] header .theme-toggle,:root[data-theme=dark] header .menu-button{background:#203d60;border-color:#5279a6;color:#e7f1ff}

/* A quiet corner that follows the table theme. */
:root[data-theme] .pricing-comparison-page .comparison-table thead th.compare-label{display:table-cell;vertical-align:bottom;padding:24px 20px;box-shadow:inset 0 3px #87aaca;background:linear-gradient(135deg,#e6eff7,#f2f6fa);color:#294765;border-color:#c8d5e2}
.comparison-corner-title{display:block;font-family:Manrope,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.2px}
:root[data-theme=dark] .pricing-comparison-page .comparison-table thead th.compare-label{background:linear-gradient(135deg,#2b394a,#252c37);color:#d8e6f6;border-color:#48586b;box-shadow:inset 0 3px #527292}
:root .home-hero .hero-actions .meeting-button{background:#13513b;color:#fff;border:1px solid #28694f;box-shadow:none}
:root .home-hero .hero-actions .meeting-button:hover{background:#0d402d;color:#fff;box-shadow:none}
@media(max-width:700px){:root[data-theme] .pricing-comparison-page .comparison-table thead th.compare-label{padding:18px 12px}.comparison-corner-title{font-size:16px}}

:root .home-hero .hero-actions .sales-button{background:#163b60;color:#fff;border:1px solid #315779;box-shadow:none}
:root .home-hero .hero-actions .sales-button:hover{background:#102e4b;color:#fff;box-shadow:none}

/* Match navigation scheduling actions to the home page meeting button. */
:root:root header #navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"],
:root:root .site-footer .footer-navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#13513b;color:#fff;border:1px solid #28694f;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:none;transition:background .15s ease}
:root:root header #navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]:hover,
:root:root .site-footer .footer-navigation a[href="https://calendly.com/cleanaccounting/30-minute-meeting-clone"]:hover{background:#0d402d;color:#fff;border-color:#28694f;box-shadow:none}

/* A separate, quieter way to request follow-up. */
.contact-option{margin:18px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}
.contact-link{background:none;border:0;padding:6px 0;font:inherit;color:var(--green);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
/* Keep the bold action treatment on desktop only. */
@media(max-width:1100px){
 :root:root:root header #navigation a.login-button,
 :root:root:root .site-footer .footer-navigation a.login-button,
 :root:root:root header #navigation a[href*="calendly.com"],
 :root:root:root .site-footer .footer-navigation a[href*="calendly.com"]{background:transparent;color:var(--green);border-color:transparent;box-shadow:none;font-weight:500;letter-spacing:normal;padding:10px 0;border-radius:0}
 :root:root:root[data-theme=dark] header #navigation a.login-button,
 :root:root:root[data-theme=dark] header #navigation a[href*="calendly.com"]{color:#b9d7ff}
 :root:root .button{font-weight:500;box-shadow:none;letter-spacing:normal}
 :root:root .home-hero .hero-actions .button{background:transparent;color:var(--green);border:1px solid var(--line);font-size:16px;font-weight:500;padding:12px 16px;box-shadow:none}
}

/* Restore the original navigation links at every screen size. */
:root:root:root:root header #navigation a.login-button,
:root:root:root:root .site-footer .footer-navigation a.login-button,
:root:root:root:root header #navigation a[href*="calendly.com"],
:root:root:root:root .site-footer .footer-navigation a[href*="calendly.com"]{
 display:inline-flex;align-items:center;min-height:44px;padding:8px 0;
 background:transparent;border:0;border-radius:0;box-shadow:none;
 color:var(--green);font-size:14px;font-weight:500;letter-spacing:normal;text-decoration:none;
}
:root:root:root:root[data-theme=dark] header #navigation a{color:#b9d7ff}
:root:root:root:root header #navigation a:hover,
:root:root:root:root .site-footer .footer-navigation a:hover{text-decoration:underline;text-underline-offset:4px}

/* Four visible plan columns, with full-width service labels on small screens. */
@media(max-width:1028px){
 :root .pricing-comparison-page .comparison-section{padding-inline:12px}
 :root .pricing-comparison-page .comparison-scroll{overflow:visible;border-radius:14px}
 :root .pricing-comparison-page .comparison-scroll-hint{display:none}
 :root .pricing-comparison-page .comparison-table{display:block;width:100%;min-width:0}
 :root .pricing-comparison-page .comparison-table colgroup{display:none}
 :root .pricing-comparison-page .comparison-table thead,
 :root .pricing-comparison-page .comparison-table tbody{display:block;width:100%}
 :root .pricing-comparison-page .comparison-table tbody[hidden]{display:none}
 :root .pricing-comparison-page .comparison-table tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 :root:root[data-theme] .pricing-comparison-page .comparison-table thead th.compare-label{display:none}
 :root .pricing-comparison-page .comparison-table th,
 :root .pricing-comparison-page .comparison-table td{display:block;min-width:0;width:auto;overflow-wrap:anywhere}
 :root .pricing-comparison-page .comparison-table thead th{padding:16px 5px;position:static}
 :root .pricing-comparison-page .comparison-table thead th:nth-child(2){border-top-left-radius:13px}
 :root .pricing-comparison-page .comparison-table thead th:last-child{border-top-right-radius:13px}
 :root .pricing-comparison-page .compare-name{font-size:14px;line-height:1.4;letter-spacing:0;margin-bottom:10px}
 :root .pricing-comparison-page .compare-price-pair{display:flex;flex-direction:column;align-items:center;gap:4px}
 :root .pricing-comparison-page .compare-price-pair .compare-price{font-size:20px;line-height:1.3;letter-spacing:-.5px;white-space:normal}
 :root .pricing-comparison-page .compare-billing{font-size:14px;line-height:1.4;margin-top:8px;min-height:0}
 :root .pricing-comparison-page .compare-period{font-size:14px}
 :root .pricing-comparison-page .plan-fit{display:none}
 :root .pricing-comparison-page .comparison-table tbody th[scope=row]{grid-column:1/-1;position:static;padding:12px 12px 6px;font-size:14px;line-height:1.5;font-weight:600;box-shadow:none;border-bottom:0}
 :root .pricing-comparison-page .comparison-table td{padding:9px 4px;font-size:14px;line-height:1.5}
 :root .pricing-comparison-page .comparison-table .compare-value{font-size:14px;white-space:normal}
 :root .pricing-comparison-page .comparison-table .compare-category th{grid-column:1/-1;padding:14px 12px}
 :root .pricing-comparison-page .category-toggle{min-width:0;width:100%}
}

/* Dark service surfaces retain the translucent glass finish. */
:root[data-theme=dark] .who-intro,
:root[data-theme=dark] .service-overview,
:root[data-theme=dark] .service-audiences{
 background-image:radial-gradient(ellipse at 15% 50%,#34618a18,transparent 65%),radial-gradient(ellipse at 85% 65%,#426f5e14,transparent 60%);
}
:root[data-theme=dark] .service-journey,
:root[data-theme=dark] .service-audiences .three-grid article,
:root[data-theme=dark] .service-visible-row,
:root[data-theme=dark] .service-overview-card{
 background:linear-gradient(135deg,rgba(62,77,95,.35),rgba(28,33,41,.48));
 border-color:rgba(192,211,229,.22);
 -webkit-backdrop-filter:blur(18px) saturate(125%);
 backdrop-filter:blur(18px) saturate(125%);
 box-shadow:inset 0 1px 0 #ffffff12,0 10px 28px #00000018;
}
:root[data-theme=dark] .service-visible-intro{background:rgba(74,92,113,.12)}
:root[data-theme=dark] .service-journey li,
:root[data-theme=dark] .service-visible-row .service-overview-details{border-color:rgba(192,211,229,.16)}
/* Keep the client photos visible through the existing glass overlays too. */
:root[data-theme=dark] .client-testimonial.glass-testimonial{
 background:rgba(22,29,39,.64);border-color:rgba(224,235,248,.3);
 -webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);
 box-shadow:inset 0 1px 0 #ffffff14,0 12px 32px #00000025;
}

/* Keep navigation pinned on mobile, including Safari's scrolling viewport. */
@media(max-width:760px){
 body{padding-top:var(--mobile-header-height,78px)}
 body>header{position:fixed;inset:0 0 auto;top:0;width:100%;z-index:100;margin:0}
 html{scroll-padding-top:calc(var(--mobile-header-height,78px) + 20px)}
 body>header nav.open{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
}

/* The home caption overlays the photo with a glossy, readable glass finish. */
.home-hero .people-hero{position:relative;isolation:isolate}
.home-hero .people-hero img{height:440px}
.home-hero .people-hero figcaption{
 position:relative;margin:-112px 14px 14px;padding:20px 22px;min-height:98px;
 border:1px solid #ffffffa6;border-radius:16px;
 background:linear-gradient(130deg,#ffffffd9,#ffffff9e);
 box-shadow:inset 0 1px 0 #fffffff0,inset 0 -1px 0 #ffffff4d,0 8px 28px #10283b20;
 -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
 color:#163249;
}
.home-hero .people-hero figcaption span{color:#41576b}
@media(max-width:760px){.home-hero .people-hero img{height:370px}.home-hero .people-hero figcaption{padding:18px;margin-inline:12px}}
@media(prefers-reduced-transparency:reduce){.home-hero .people-hero figcaption{background:#f0f5f9}}

/* Reviews share the home hero caption's glass finish and typography. */
body .glass-reviews .client-testimonial.glass-testimonial{
 padding:20px 22px;border:1px solid #ffffffa6;border-radius:16px;
 background:linear-gradient(130deg,#ffffffd9,#ffffff9e);
 box-shadow:inset 0 1px 0 #fffffff0,inset 0 -1px 0 #ffffff4d,0 8px 28px #10283b20;
 -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
 color:#163249;
}
body .glass-reviews .glass-testimonial blockquote p,
body .glass-reviews .glass-testimonial figcaption strong{
 font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:normal;
 color:#163249;text-shadow:none;
}
body .glass-reviews .glass-testimonial blockquote p:last-child{margin-bottom:0}
body .glass-reviews .glass-testimonial figcaption span,
body .glass-reviews .glass-testimonial .testimonial-note{font-size:14px;color:#41576b}
@media(max-width:760px){body .glass-reviews .client-testimonial.glass-testimonial{padding:18px}}
@media(prefers-reduced-transparency:reduce){body .glass-reviews .client-testimonial.glass-testimonial{background:#f0f5f9}}

/* A small lift for the section labels, with the entity banner kept compact. */
body main .eyebrow{font-size:14px;line-height:1.5}
body .business-strip>.entity-type{width:auto;font-size:inherit;font-weight:inherit;letter-spacing:normal;color:inherit}

.service-section-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:12px}.service-section-links .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}#services{scroll-margin-top:120px}

/* Four entity cards remain balanced across desktop and mobile. */
body .service-audiences .business-types-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body .service-audiences .business-types-grid>article{min-width:0;scroll-margin-top:120px}
@media(max-width:1100px){body .service-audiences .business-types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body .service-audiences .business-types-grid{grid-template-columns:1fr}}

/* Slightly smaller review cards and one deliberate gap before the referral. */
body .reviews-section.glass-reviews{column-gap:32px;row-gap:26px;padding-bottom:0}
body .glass-reviews .client-spotlight{width:100%;max-width:520px;justify-self:center;padding:280px 18px 18px}
body .glass-reviews .client-testimonial.glass-testimonial{width:100%}
body .reviews-section.glass-reviews+.referral-home{margin-top:48px;margin-bottom:48px}
body .referral-home>.referral-invite{margin-top:0;margin-bottom:0}
@media(max-width:800px){
 body .glass-reviews .client-spotlight{max-width:560px;padding:240px 16px 16px}
 body .reviews-section.glass-reviews+.referral-home{margin-top:36px;margin-bottom:36px}
}

/* Referral panels share the business-type cards' surface treatment. */
body .referral-invite{
 background:linear-gradient(120deg,color-mix(in srgb,var(--green) 6%,var(--surface)),var(--surface));
 border-color:var(--line);border-radius:14px;
 -webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%);
}

/* A modest weight increase keeps navigation readable at every breakpoint. */
:root:root:root:root body header #navigation a,
:root:root:root:root body .site-footer .footer-navigation a,
:root:root:root:root body .site-footer .footer-navigation .referral-footer{font-weight:600}
:root:not([data-theme=dark]) body .referral-invite .button[data-open-referral]{background:#ffba83;border:1px solid #df985f;color:#29190d}
:root:not([data-theme=dark]) body .referral-invite .button[data-open-referral]:hover{background:#ffcea6;border-color:#ca8149;color:#29190d}
:root:not([data-theme=dark]) body .site-footer .referral-footer{color:#a34813}
:root:not([data-theme=dark]) body .site-footer .referral-footer:hover{color:#803509}

/* Match the menu actions' specificity so their old weight cannot override this. */
:root:root:root:root body header #navigation a.login-button,
:root:root:root:root body header #navigation a[href*="calendly.com"],
:root:root:root:root body .site-footer .footer-navigation a.login-button,
:root:root:root:root body .site-footer .footer-navigation a[href*="calendly.com"]{font-weight:600}

/* A separate full-width backdrop, shared with the entity-types section. */
body .service-audiences.referral-band{padding-top:40px;padding-bottom:40px}
body .reviews-section.glass-reviews+.referral-band{margin-top:48px}
body .referral-band .referral-invite{margin:0}
body .referral-band .referral-invite h2{font-size:24px;font-weight:600;letter-spacing:-.7px}
@media(max-width:800px){
 body .service-audiences.referral-band{padding-top:30px;padding-bottom:30px}
 body .reviews-section.glass-reviews+.referral-band{margin-top:36px}
}

/* Match the entity section's light-mode backdrop behind the referral glass. */
:root[data-theme=light] body .service-audiences.referral-band{
 background:linear-gradient(120deg,#e9eef2,#ebf0eb);
 border-block:1px solid #b2c5cf;
}

/* Separate the five steps with a small amount of breathing room. */
body .service-journey{gap:12px;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}
body .service-journey>li:nth-child(n){min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px}
@media(max-width:540px){body .service-journey{gap:10px}body .service-journey>li:nth-child(n){padding:18px}}

/* The referral reward is the focal point, with a restrained gold finish. */
body .referral-invite .referral-reward{
 display:inline-block;vertical-align:baseline;white-space:nowrap;margin-inline:3px;padding:5px 12px 7px;
 font-size:clamp(32px,3vw,42px);font-weight:800;line-height:1.05;letter-spacing:-1.2px;
 color:#62420b;background:linear-gradient(130deg,#fff3b8 0%,#efd078 45%,#ffe6a0 70%,#e4ba57 100%);
 border:1px solid #c5a151;border-radius:10px;
 box-shadow:inset 0 1px 0 #fff9,0 3px 12px #97702218;
}
body .referral-invite h2{line-height:1.5}
body .referral-invite p{max-width:620px}
@media(max-width:600px){body .referral-invite .referral-reward{padding:4px 10px 6px;font-size:32px}}

/* A compact, clickable reward with breathing room around the heading. */
body .referral-invite .referral-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
body .referral-invite .referral-reward{
 margin:0;padding:9px 14px;min-height:44px;font-family:inherit;font-size:22px;font-weight:700;
 line-height:1.1;letter-spacing:-.4px;cursor:pointer;
}
body .referral-invite .referral-reward:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 #fff9,0 4px 14px #97702226}
body .referral-invite .referral-reward:focus-visible{outline:3px solid #927019;outline-offset:4px}
body .referral-invite .referral-heading+p{margin-top:14px}
@media(max-width:600px){body .referral-invite .referral-heading{gap:12px 16px}body .referral-invite .referral-reward{font-size:20px}}

/* Keep the meeting action beside the expert-support message on the glass. */
body .home-hero .people-hero figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body .home-hero .people-hero .hero-caption-copy{flex:1 1 165px;min-width:0}
body .home-hero .people-hero .hero-meeting-button{flex:0 0 auto;margin-left:auto;padding:12px 15px;min-height:44px;gap:10px;border-radius:10px;font-size:14px;white-space:nowrap}
body .home-hero .people-hero .hero-meeting-button span{display:inline;margin:0;font-size:inherit;color:inherit}
@media(max-width:1100px){body .home-hero .people-hero .hero-meeting-button{font-weight:500}}

/* One gold referral action, with a wider text area on desktop. */
body .referral-band>.wrap{max-width:1400px}
body .referral-invite>div{min-width:0}
body .referral-invite>.referral-reward{flex:0 0 auto;align-self:center}
body .referral-invite p{max-width:none}
@media(min-width:1101px){
 body .referral-band>.wrap{padding-inline:24px}
 body .referral-invite{gap:20px;padding-inline:26px}
 body .referral-invite p{font-size:14px;white-space:nowrap}
}
@media(max-width:600px){body .referral-invite>.referral-reward{align-self:flex-start}}

/* A quieter referral composition: generous glass surface and a single gold action. */
body .referral-band>.wrap{max-width:1240px}
body .referral-band .referral-redesign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:34px 36px;border-radius:20px}
body .referral-band .referral-redesign h2{font-size:clamp(23px,2.4vw,30px);font-weight:600;line-height:1.2;letter-spacing:-.8px}
body .referral-band .referral-redesign p{font-size:16px;line-height:1.6;white-space:normal;max-width:680px;margin-top:14px;margin-bottom:0}
body .referral-band .referral-redesign>.referral-reward{
 display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;min-height:62px;
 border-radius:14px;font-size:17px;font-weight:500;letter-spacing:0;align-self:center;
 background:linear-gradient(125deg,#fff0b5,#edce7d 65%,#f8dfa0);color:#49310a;
 border-color:#c9a65d;box-shadow:inset 0 1px 0 #ffffffe0,0 5px 14px #8a671518;
}
body .referral-redesign .referral-reward strong{font-size:28px;font-weight:700;letter-spacing:-1px}
body .referral-redesign .reward-arrow{font-size:21px;margin-left:12px}
@media(max-width:760px){
 body .referral-band .referral-redesign{grid-template-columns:1fr;padding:26px;gap:22px}
 body .referral-band .referral-redesign>.referral-reward{justify-self:start;padding:13px 18px;min-height:54px}
 body .referral-redesign .referral-reward strong{font-size:25px}
}

/* Open referral section: editorial heading, full-width sentence, one reward action. */
:root body .referral-band>.wrap{max-width:1400px}
:root body .referral-band .referral-redesign{
 background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
 padding:12px 0;grid-template-columns:minmax(0,1fr);gap:24px;text-align:center;
}
:root body .referral-band .referral-redesign h2{font-size:clamp(28px,3vw,38px);color:#13513b}
:root body .referral-band .referral-redesign h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
:root body .referral-band .referral-redesign p{max-width:none;font-size:16px;margin-top:16px}
:root body .referral-band .referral-redesign>.referral-reward{justify-self:center}
:root:not([data-theme=dark]) body .referral-band .referral-redesign>.referral-reward{color:#fff;text-shadow:0 1px 2px #62420b80}
@media(min-width:1101px){:root body .referral-band .referral-redesign p{white-space:nowrap}}
@media(max-width:760px){:root body .referral-band .referral-redesign{padding:4px 0;gap:20px}}

/* Match the light-mode headline accent to the sales action. */
:root:not([data-theme=dark]) body .home-hero h1 span{background-image:linear-gradient(110deg,#173e72 5%,#176479 48%,#167147 95%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Reward leads the sentence, with no separate button row below. */
:root body .referral-band .referral-redesign{display:block;padding:0}
:root body .service-audiences.referral-band{padding-block:28px}
:root body .referral-band .referral-inline-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 16px}
:root body .referral-band .referral-redesign .referral-inline-heading .referral-reward{
 display:inline-flex;align-items:center;gap:7px;padding:12px 16px;min-height:48px;margin:0;
 background:linear-gradient(125deg,#ffedaf,#dfbc63 65%,#f3d994);color:#241b08;
 border:1px solid #e8cd84;border-radius:14px;text-shadow:none;
 font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.1;font-weight:500;letter-spacing:0;
 box-shadow:inset 0 1px 0 #ffffff70,0 5px 20px #0003;
}
:root body .referral-band .referral-inline-heading .referral-reward strong{font-size:25px}
:root body .referral-band .referral-redesign p{margin-bottom:0}
@media(max-width:760px){:root body .service-audiences.referral-band{padding-block:24px}}

body .home-hero h1 span em{font-weight:700}

/* Keep the referral ending compact and remove the gap before the footer. */
:root body .service-audiences.referral-band{padding-bottom:16px;margin-bottom:0}
:root body .referral-band .referral-redesign{padding-bottom:0;margin-bottom:0}
:root body:has(.referral-band) footer.site-footer{margin-top:0}

/* Referral description echoes the hero's gradient lettering. */
:root:not([data-theme=dark]) body .referral-band .referral-redesign p{
 background-image:linear-gradient(110deg,#173e72 5%,#176479 48%,#167147 95%);
 -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:600;
}

/* Neutral black reading text in light mode; retain intentional action accents. */
:root:not([data-theme=dark]){--ink:#000;--navy:#000;--muted:#000}
:root:not([data-theme=dark]) body{color:#000}
:root:not([data-theme=dark]) body .home-hero .people-hero figcaption,
:root:not([data-theme=dark]) body .home-hero .people-hero .hero-caption-copy span,
:root:not([data-theme=dark]) body .glass-reviews .glass-testimonial blockquote p,
:root:not([data-theme=dark]) body .glass-reviews .glass-testimonial figcaption strong,
:root:not([data-theme=dark]) body .glass-reviews .glass-testimonial figcaption span,
:root:not([data-theme=dark]) body .pricing-next-step h2,
:root:not([data-theme=dark]) body .pricing-next-step p,
:root:not([data-theme=dark]) body .intake-dialog,
:root:not([data-theme=dark]) body .intake-heading p,
:root:not([data-theme=dark]) body .intake-field>span,
:root:not([data-theme=dark]) body .intake-note{color:#000}

/* A bold, open referral section with the reward completing the sentence. */
:root body .referral-band .referral-modern{padding:8px 0;margin:0;text-align:left;display:block}
:root body .referral-band .referral-modern-copy{border-left:3px solid #b18a36;padding-left:28px}
:root body .referral-band .referral-modern h2{
 font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,3.2vw,42px);font-weight:700;
 line-height:1.2;letter-spacing:-1.2px;color:#111;margin:0;background:none;-webkit-text-fill-color:currentColor;
}
:root body .referral-band .referral-modern .referral-closing{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:22px;font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.4;color:#111}
:root body .referral-band .referral-modern-reward{
 display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 18px;
 background:linear-gradient(115deg,#ffedaf,#dfbc63 70%,#f3d994);color:#241b08;
 border:1px solid #b8994e;border-radius:6px;box-shadow:inset 0 1px 0 #fff8;
 font:600 20px/1.2 'DM Sans',Arial,sans-serif;cursor:pointer;white-space:nowrap;
}
:root body .referral-band .referral-modern-reward strong{font-size:27px;letter-spacing:-.7px}
:root body .referral-band .referral-modern-reward>span{margin-left:10px;font-size:24px}
:root body .referral-band .referral-modern-reward:hover{filter:brightness(1.08)}
:root body .referral-band .referral-modern-reward:focus-visible{outline:3px solid #967521;outline-offset:4px}
@media(max-width:760px){
 :root body .referral-band .referral-modern-copy{padding-left:18px}
 :root body .referral-band .referral-desktop-break{display:none}
 :root body .referral-band .referral-modern h2{letter-spacing:-.6px}
 :root body .referral-band .referral-modern .referral-closing{margin-top:18px}
}

/* Softer referral typography, retaining an open section and inline reward. */
:root body .referral-band .referral-modern{text-align:center;padding:0}
:root body .referral-band .referral-modern-copy{border:0;padding:0}
:root body .referral-band .referral-modern h2{font:600 clamp(20px,2vw,26px)/1.4 'DM Sans',Arial,sans-serif;letter-spacing:-.4px;max-width:960px;margin:auto}
:root:not([data-theme=dark]) body .referral-band .referral-modern h2{background-image:linear-gradient(110deg,#173e72,#176479 48%,#167147);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root body .referral-band .referral-modern .referral-closing{justify-content:center;font-size:18px;gap:12px;margin-top:16px}
:root body .referral-band .referral-modern-reward{border-radius:10px;padding:10px 16px;font-size:17px;min-height:46px;background:linear-gradient(125deg,#ffedaf,#dfbc63 65%,#f3d994)}
:root body .referral-band .referral-modern-reward strong{font-size:23px}
/* The footer fills the viewport; its contents remain aligned to the page. */
:root body footer.site-footer{width:100%;max-width:none;margin:0;padding:32px max(24px,calc((100% - 1156px)/2)) 20px;background:#edf1f3}
/* Home-page rhythm and typography around the unchanged comparison chart. */
body.pricing-comparison-page .pricing-home-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:64px;padding-top:62px;padding-bottom:56px}
body.pricing-comparison-page .pricing-hero-copy h1{font-size:clamp(38px,4.4vw,60px);letter-spacing:-2px;line-height:1.15}
body.pricing-comparison-page .pricing-hero-copy h1 em{font-weight:700;background:linear-gradient(110deg,#173e72,#176479 48%,#167147);background-clip:text;-webkit-background-clip:text;color:transparent}
body.pricing-comparison-page .pricing-hero-copy .lead{font-size:18px;max-width:550px;margin-top:22px}
body.pricing-comparison-page .pricing-consultation{padding:30px;border:1px solid #cdd9dc;border-radius:20px;background:linear-gradient(135deg,#ffffffd9,#edf4f0a6);box-shadow:inset 0 1px 0 #fff,0 12px 32px #1632490a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body.pricing-comparison-page .pricing-consultation .eyebrow{margin-bottom:14px}
body.pricing-comparison-page .pricing-consultation h2{font-size:27px;letter-spacing:-.7px}
body.pricing-comparison-page .pricing-consultation p:not(.eyebrow){font-size:16px;margin:14px 0 22px}
body.pricing-comparison-page .pricing-consultation .button{border-radius:10px}
:root body.pricing-comparison-page .pricing-outro-band .pricing-cta-wrap{max-width:1240px;padding:30px 42px}
body.pricing-comparison-page .pricing-stipulations .pricing-note{font-size:14px;line-height:1.6;text-align:left;margin:0 0 18px}
body.pricing-comparison-page .pricing-stipulations .plan-scope{margin:0;border-color:var(--line)}
body.pricing-comparison-page .pricing-stipulations .plan-scope summary{font-size:16px;padding-block:20px}
@media(max-width:900px){body.pricing-comparison-page .pricing-home-hero{grid-template-columns:1fr;gap:28px;padding-top:38px;padding-bottom:36px}body.pricing-comparison-page .pricing-consultation{padding:24px}}
@media(max-width:600px){:root body.pricing-comparison-page .pricing-outro-band .pricing-cta-wrap{padding:24px}body.pricing-comparison-page .pricing-home-hero{padding-inline:24px}}

/* Equal emphasis for the two lines of the referral invitation. */
:root body .referral-band .referral-modern .referral-closing{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.4;letter-spacing:-.4px}
:root:not([data-theme=dark]) body .glass-reviews h2 em{
 background:linear-gradient(110deg,#173e72 5%,#176479 48%,#167147 95%);
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
 display:inline-block;padding-right:.08em;padding-bottom:.08em;font-weight:700;
}
/* Refine the chart's surfaces and hierarchy without changing its comparison layout. */
:root body.pricing-comparison-page .comparison-scroll{border-radius:20px;box-shadow:0 14px 38px #122b4210;border-color:#b9cbd7}
:root body.pricing-comparison-page .comparison-table .compare-plan{box-shadow:inset 0 1px 0 #ffffff80}
:root body.pricing-comparison-page .comparison-table .compare-name{font-weight:700;letter-spacing:-.25px}
:root body.pricing-comparison-page .comparison-table .compare-price{font-weight:700;font-variant-numeric:tabular-nums}
:root body.pricing-comparison-page .comparison-table .compare-category th{font-size:18px;font-weight:600;letter-spacing:-.3px}
:root body.pricing-comparison-page .comparison-table .category-toggle{min-height:52px}
:root body.pricing-comparison-page .comparison-table .category-toggle-mark{border-color:currentColor;opacity:.8;border-radius:8px;width:28px;height:28px;flex-shrink:0}
:root body.pricing-comparison-page .comparison-table .pricing-category-icon{border-radius:10px}
:root body.pricing-comparison-page .comparison-table tbody th[scope=row]{font-weight:500}
:root body.pricing-comparison-page .comparison-table .compare-check{font-weight:600}
:root:not([data-theme=dark]) body.pricing-comparison-page .comparison-table tbody tr:not(.compare-category):hover td:nth-child(n+2),
:root:not([data-theme=dark]) body.pricing-comparison-page .comparison-table tbody tr:not(.compare-category):hover th[scope=row]{background:#edf3f8}
:root body.pricing-comparison-page .billing-switch{border-radius:12px;padding:4px}
:root body.pricing-comparison-page .billing-switch label span{border-radius:9px}
@media(max-width:1028px){
 :root body.pricing-comparison-page .comparison-scroll{border-radius:14px}
 :root body.pricing-comparison-page .comparison-table .compare-category th{font-size:16px}
}

/* Neutral chart typography mirrors the home page in light mode. */
:root[data-theme=light] body.pricing-comparison-page .comparison-scroll{--ink:#000;--muted:#000}
:root[data-theme=light] body.pricing-comparison-page .comparison-table th,
:root[data-theme=light] body.pricing-comparison-page .comparison-table td,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan:nth-child(n) .compare-name,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-label,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-price,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-period,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-billing,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .plan-fit,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .original-price,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .annual-savings,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-value,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-dash,
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-category th{color:#000}
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-check{color:#167147}

/* Give the comparison's corner heading a clear, neutral surface. */
:root[data-theme=light] body.pricing-comparison-page .comparison-table thead th.compare-label{background:#fff;color:#000;box-shadow:none;border-color:var(--line)}
:root body.pricing-comparison-page .comparison-table .comparison-corner-title{display:block;font:600 24px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.6px}

/* A little more presence for the referral invitation and its reward. */
:root body .referral-band .referral-modern h2{font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.35;max-width:1120px}
:root body .referral-band .referral-modern .referral-closing{font-size:clamp(22px,2.3vw,28px);font-weight:700;margin-top:20px;gap:16px}
:root body .referral-band .referral-modern-reward{min-height:54px;padding:12px 20px;font-size:19px}
:root body .referral-band .referral-modern-reward strong{font-size:29px}
:root body .service-audiences.referral-band{padding-top:36px;padding-bottom:22px}
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-category th{background:linear-gradient(110deg,#d8e9f8,#e1ede6 65%,#dcefe0);color:#000;border-color:#bbd0cb}

/* Match the dark layout's distinct pricing bands in light appearance. */
:root[data-theme=light] body.pricing-comparison-page .pricing-intro-band,
:root[data-theme=light] body.pricing-comparison-page .pricing-outro-band{background:#fff}
:root[data-theme=light] body.pricing-comparison-page .pricing-chart-band{background:linear-gradient(135deg,#e9eef2,#ebf0eb);border-block:1px solid #ced8dd}
:root[data-theme=light] body.pricing-comparison-page .pricing-consultation .button.sales-button{background:#163b60;color:#fff;border:1px solid #315779}
:root[data-theme=light] body.pricing-comparison-page .pricing-consultation .button.sales-button:hover{background:#102e4b;color:#fff;border-color:#315779}

/* Use the chart's actual symbols in its explanatory key. */
:root body.pricing-comparison-page .comparison-key{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px}
:root body.pricing-comparison-page .comparison-key-item{display:inline-flex;align-items:center;gap:7px}
:root body.pricing-comparison-page :is(.comparison-table,.comparison-key) .compare-check{font:600 20px/1.3 Manrope,Arial,sans-serif;color:#167147}
:root body.pricing-comparison-page :is(.comparison-table,.comparison-key) .compare-dash{font:400 20px/1.3 Manrope,Arial,sans-serif;color:#000}
:root[data-theme=light] body.pricing-comparison-page .billing-switch input[value="annual"]:checked+span{background:#167147;border-color:#167147;color:#fff}
:root[data-theme=light] body.pricing-comparison-page .billing-switch small{background:#e2f3e9;color:#13513b}
:root[data-theme=light] body.pricing-comparison-page :is(.discount-badge,.annual-savings){color:#167147}
:root body .referral-band .referral-modern h2{font-family:Georgia,"Times New Roman",serif;font-style:italic}

/* Image-led article tiles share the review cards' layered glass treatment. */
body.blog-tiles-page .blog-tile-section{padding-bottom:56px}
body.blog-tiles-page .blog-tile-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}
body.blog-tiles-page .blog-tile-heading h2{font-size:clamp(24px,3vw,30px);letter-spacing:-.7px}
body.blog-tiles-page .blog-tile-heading>span{font-size:14px;color:var(--muted)}
body.blog-tiles-page .blog-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
body.blog-tiles-page .blog-tile{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:560px;padding:18px;border:1px solid #c2d0da;border-radius:24px;overflow:hidden;text-decoration:none;color:#101820;background:#d9e3eb;box-shadow:0 16px 40px #203e5514;transition:transform .2s ease,box-shadow .2s ease}
body.blog-tiles-page .blog-tile>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
body.blog-tiles-page .blog-tile-copy{width:100%;padding:25px;border:1px solid #ffffffc9;border-radius:18px;background:linear-gradient(135deg,#ffffffeb,#eaf2f9d9);box-shadow:inset 0 1px 0 #fff,0 8px 24px #16334e14;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}
body.blog-tiles-page .blog-tile-label{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#13513b}
body.blog-tiles-page .blog-tile h3{font-size:clamp(23px,2.4vw,29px);line-height:1.25;letter-spacing:-.7px;margin:12px 0}
body.blog-tiles-page .blog-tile p{font-size:16px;line-height:1.6;margin:0;color:#34495b}
body.blog-tiles-page .blog-tile-more{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:15px;font-weight:700;color:#163b60}
body.blog-tiles-page .blog-tile-more>span{font-size:23px}
body.blog-tiles-page .blog-tile:hover{transform:translateY(-4px);box-shadow:0 20px 44px #203e5526}
body.blog-tiles-page .blog-tile:focus-visible{outline:3px solid #3677b4;outline-offset:5px}
:root[data-theme=light] body.pricing-comparison-page .billing-switch input[value="monthly"]:checked+span{background:#153d68;color:#fff;border-color:#315f8e}
:root[data-theme] body.pricing-comparison-page .billing-switch small{background:#b52532;color:#fff}
:root body .referral-band .referral-modern .referral-closing>span{font-weight:800}
:root body .referral-band .referral-modern-reward,
:root body .referral-band .referral-modern-reward strong{font-size:clamp(28px,2.6vw,32px);font-weight:800;letter-spacing:-.7px;line-height:1.2}
@media(max-width:700px){body.blog-tiles-page .blog-tile-grid{grid-template-columns:1fr;gap:24px}body.blog-tiles-page .blog-tile{min-height:500px;padding:14px}body.blog-tiles-page .blog-tile-copy{padding:22px}body.blog-tiles-page .blog-tile-heading{align-items:center}}
@media(prefers-reduced-motion:reduce){body.blog-tiles-page .blog-tile{transition:none}body.blog-tiles-page .blog-tile:hover{transform:none}}

/* Consistent sales invitation across the services page. */
:root body.services-page .services-sales-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(135deg,#234e78,#163b60);color:#fff;border:1px solid #416b91;border-radius:12px;padding:14px 22px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff20,0 6px 18px #163b601a;white-space:nowrap}
:root body.services-page .services-sales-button:hover{background:#24558c}
:root body.modern-article-page .article-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding-top:42px;padding-bottom:42px}
body.modern-article-page .article-hero h1{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-1.5px;margin:18px 0}
body.modern-article-page .article-hero .eyebrow{color:#167147;margin-top:24px}
body.modern-article-page .article-hero p:last-child{font-size:18px;line-height:1.6}
body.modern-article-page .article-hero-image{width:100%;height:360px;object-fit:cover;border-radius:24px;border:1px solid #ccd8e0;box-shadow:0 20px 50px #163b601c}
:root body.modern-article-page .reading-article{max-width:960px;font-size:17px;line-height:1.8}
:root body.modern-article-page .reading-article>section{margin-block:32px;padding:28px;border:1px solid #d3dfe6;border-radius:20px;background:linear-gradient(135deg,#f5f9fc,#edf4f0);box-shadow:inset 0 1px 0 #fff}
:root body.modern-article-page .reading-article>section>h2{padding:0 0 18px;margin:0 0 20px;background:none;color:#142f49;border:0;border-bottom:1px solid #ccdbe3;font-size:27px;line-height:1.25}
:root body.modern-article-page :is(.federal-agency-card,.payroll-help-cta){border-radius:20px;background:linear-gradient(135deg,#eff6fc,#edf5ef);border:1px solid #cddce4;box-shadow:inset 0 1px 0 #fff,0 12px 30px #163b6010}
:root body.modern-article-page :is(.agency-table,.guide-table){border-radius:16px;overflow:auto;border:1px solid #cddce4}
:root body.modern-article-page :is(.agency-table,.guide-table) thead th{background:#163b60;color:#fff}
:root[data-theme=light] body.pricing-comparison-page .billing-switch input[value="monthly"]:checked+span{background:#167147;border-color:#167147;color:#fff}
:root[data-theme=light] body.pricing-comparison-page .billing-switch input[value="annual"]:checked+span{background:#153d68;border-color:#315f8e;color:#fff}
:root body.pricing-comparison-page .comparison-table .compare-billing{display:block;min-height:2.8em;line-height:1.4;margin-top:5px}
@media(min-width:761px){
 :root body.pricing-comparison-page .comparison-table .plan-fit{display:block;min-height:2.9em;height:2.9em;line-height:1.45;font-size:14px;margin-bottom:14px;max-width:none}
 :root body.pricing-comparison-page .comparison-table .compare-price-pair{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:6px;row-gap:0;min-height:48px}
 :root body.pricing-comparison-page .comparison-table .compare-price-pair .discount-offer{display:block;flex:0 0 auto;margin:0}
 :root body.pricing-comparison-page .comparison-table .compare-price-pair .discount-offer[hidden]{display:none}
 :root body.pricing-comparison-page .comparison-table .compare-price-pair .compare-price{font-size:23px;white-space:nowrap}
 :root body.pricing-comparison-page .comparison-table .compare-price-pair .original-price del{font-size:15px}
 :root body.pricing-comparison-page .comparison-table .compare-price-pair .compare-period{flex-basis:100%;font-size:13px;line-height:18px}
}
:root[data-theme=light] body .referral-band .referral-modern h2{background-image:linear-gradient(110deg,#173e72 5%,#176479 48%,#167147 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media(max-width:760px){:root body.modern-article-page .article-hero{grid-template-columns:1fr;gap:24px;padding-block:28px}body.modern-article-page .article-hero-image{height:240px}:root body.modern-article-page .reading-article>section{padding:20px}:root body.modern-article-page .reading-article>section>h2{font-size:24px}}

/* A plain shared canvas lets the referral flow into the footer. */
:root[data-theme=light] body .service-audiences.referral-band{background:#fff;background-image:none;box-shadow:none}
:root body .service-audiences.referral-band{border:0;margin-bottom:0}
:root body .service-audiences.referral-band::before,
:root body .service-audiences.referral-band::after{display:none}

:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan.tier-0{background:linear-gradient(140deg,#f2bfd7,#fce8f0);border-color:#dca2bd;--tier-tint:#f2bfd7}
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan.tier-3{background:linear-gradient(140deg,#f9df83,#f3ad82 60%,#eb8f86);border-color:#dca079;--tier-tint:#f9cf83}

/* Distinct multicolor plan gradients. */
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan.tier-0{background:linear-gradient(135deg,#b6d8f6,#d8e6fb 55%,#c4dfef);border-color:#8fb7d7;--tier-tint:#b6d8f6}
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan.tier-1{background:linear-gradient(135deg,#b9dfc5,#d9edcc 55%,#b9ded6);border-color:#91bba4;--tier-tint:#b9dfc5}
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan.tier-2{background:linear-gradient(135deg,#d0bfeb,#e4d5f4 55%,#c8cbee);border-color:#aa98c7;--tier-tint:#d0bfeb}
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan.tier-3{background:linear-gradient(135deg,#f3d77c,#fae8a9 55%,#ebc36d);border-color:#d5af55;--tier-tint:#f3d77c}
:root[data-theme=light] body.pricing-comparison-page .comparison-table .compare-plan .compare-name{color:#000}
:root[data-theme=light] body.modern-article-page .agency-table table tbody a{color:#165ca3}
:root[data-theme=light] body.modern-article-page .agency-table table thead th{background:linear-gradient(110deg,#13513b,#24664b);color:#fff;border-color:#367b60}

body .service-breakdown-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px 24px}
body .service-breakdown-actions .text-link{white-space:nowrap}
:root body.modern-article-page .payroll-help-action .resource-meeting-button{padding:12px 15px;min-height:44px;gap:10px;border-radius:10px;font-size:14px;white-space:nowrap;background:#13513b;border:1px solid #28694f;color:#fff}
:root body.modern-article-page .payroll-help-action .resource-meeting-button span{color:inherit;font-size:inherit;margin:0}
:root body.modern-article-page .payroll-help-action .resource-meeting-button:hover{background:#0d402d}
@media(max-width:760px){body .service-breakdown-actions{justify-content:flex-start}}

/* Keep the services actions aligned, with identical button geometry in both themes. */
:root body.services-page .service-breakdown-actions{align-items:center}
:root body.services-page .service-breakdown-actions .text-link{display:inline-flex;align-items:center;min-height:54px;margin:0}
:root body.services-page .service-breakdown-actions .button.sales-button{min-height:54px;padding:14px 22px;line-height:24px;font-size:14px;border-width:1px;box-sizing:border-box}

/* Referral: soft atmospheric color, open layout, and a restrained gold accent. */
:root[data-theme=light] body .service-audiences.referral-band{
 background:radial-gradient(ellipse at 18% 10%,#d9eafa85,transparent 58%),radial-gradient(ellipse at 85% 20%,#dceee280,transparent 55%),linear-gradient(180deg,#f8fafb,#edf1f3);
 border-top:1px solid #dbe4ea;box-shadow:inset 0 1px 0 #fff;padding-top:38px;padding-bottom:30px;
}
:root[data-theme=light] body .referral-band .referral-modern h2{
 background-image:linear-gradient(105deg,#214e79 10%,#1a6055 85%);color:transparent;-webkit-text-fill-color:transparent;
}
:root[data-theme=light] body .referral-band .referral-modern .referral-closing{color:#152d40}
:root[data-theme=light] body .referral-band .referral-modern-reward{
 background:linear-gradient(125deg,#f6e7b7,#e8cf8a 60%,#f3dfac);color:#35280d;-webkit-text-fill-color:#35280d;
 border:1px solid #c6aa63;box-shadow:inset 0 1px 0 #fff8,0 4px 14px #8f712a16;
}
:root body .referral-band .referral-modern-reward:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 #fff6,0 6px 18px #8f712a25}

/* Shared services geometry prevents theme-specific gaps and height changes. */
:root[data-theme] body.services-page .who-intro+#businesses{margin-bottom:0}
:root[data-theme] body.services-page .services-chart-band{border-block:1px solid var(--line)}
:root[data-theme] body.services-page .services-chart-band .service-overview{padding-top:36px;padding-bottom:28px}
:root[data-theme] body.services-page .services-bottom-section{padding-top:20px;padding-bottom:24px;background:transparent}
:root[data-theme] body.services-page .services-bottom-section .plan-scope{margin:0}
@media(max-width:760px){
 :root[data-theme] body.services-page .services-chart-band .service-overview{padding-top:28px;padding-bottom:24px}
 :root[data-theme] body.services-page .services-bottom-section{padding-top:18px;padding-bottom:24px}
}
:root[data-theme=light] body.modern-article-page .agency-table table thead th{background:#13513b;color:#fff}

/* A simpler referral invitation with the site's standard bold typography. */
:root body .referral-band .referral-modern h2{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:700;font-size:clamp(25px,2.6vw,34px);line-height:1.3;letter-spacing:-.8px;max-width:1000px;margin-inline:auto}
:root body .referral-band .referral-modern .referral-closing{margin-top:18px;gap:18px;font-size:clamp(21px,2.1vw,27px)}
:root[data-theme=light] body .service-audiences.referral-band{background:#f5f7f8;border-top:1px solid #e1e6e9;box-shadow:none;padding-block:32px}
:root[data-theme=light] body .referral-band .referral-modern-reward{background:#ead397;border-color:#cfb574;color:#30250e;-webkit-text-fill-color:#30250e;box-shadow:none}
:root body .referral-band .referral-modern-reward{border-radius:12px;padding:12px 20px;min-height:54px}
:root body .referral-band .referral-modern-reward,
:root body .referral-band .referral-modern-reward strong{font-size:clamp(26px,2.3vw,30px);font-weight:750}
:root body .referral-band .referral-modern-reward:hover{filter:brightness(1.05);box-shadow:none}

:root[data-theme=light] body.modern-article-page .federal-agency-card .agency-abbreviation{background:#e6f2eb;color:#13513b;border:1px solid #b7d4c3}
:root body.modern-article-page .state-agencies>.agency-footnote{margin:0 0 18px;font-size:15px;line-height:1.6}

/* The worker guide shares the directory's open sections and resource cards. */
:root body.modern-article-page .reading-article.payroll-guide>section{background:none;box-shadow:none;border:0;border-radius:0;padding:0;margin-block:36px}
:root body.modern-article-page .reading-article.payroll-guide>section>h2{color:var(--ink);background:none;border-bottom:1px solid var(--line);padding-bottom:16px}
:root body.modern-article-page .payroll-guide .guide-resource-group,
:root body.modern-article-page .payroll-guide .guide-help{padding:24px;border:1px solid #cddce4;border-radius:20px;background:linear-gradient(135deg,#eff6fc,#edf5ef);box-shadow:inset 0 1px 0 #fff,0 12px 30px #163b6010}
:root body.modern-article-page .payroll-guide .guide-resource-group h3{background:none;padding:0 0 16px;color:#13513b;font-size:21px}
:root[data-theme=light] body.modern-article-page .payroll-guide .guide-table table thead th{background:#13513b;color:#fff;border-color:#367b60}
:root[data-theme=light] body.modern-article-page .payroll-guide a:not(.button){color:#165ca3}
:root body.modern-article-page .payroll-guide .guide-column-tag{background:transparent;color:inherit;border-color:currentColor}

/* Read related topics together, with comfortable desktop columns. */
:root body.modern-article-page .reading-article.payroll-guide{max-width:1240px}
:root body.modern-article-page .payroll-guide .guide-section-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-block:32px;align-items:start}
:root body.modern-article-page .payroll-guide .guide-section-pair>section{min-width:0;margin:0;padding:24px;border:1px solid #d6e0e5;border-radius:18px;background:#f5f8fa;box-shadow:none}
:root body.modern-article-page .payroll-guide .guide-section-pair h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0 0 18px;padding:0;background:none;color:#163249;border:0}
:root body.modern-article-page .payroll-guide .guide-section-pair p,
:root body.modern-article-page .payroll-guide .guide-section-pair li{font-size:16px;line-height:1.65}
:root body.modern-article-page .payroll-guide .guide-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:root body .referral-band .referral-modern-reward{position:relative;overflow:hidden;padding:14px 24px;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease}
:root[data-theme=light] body .referral-band .referral-modern-reward{background:linear-gradient(115deg,#f5d26b 0%,#fff0b5 36%,#e6b94e 70%,#f9df88 100%);border:1px solid #c39838;box-shadow:inset 0 1px 0 #fff9,0 5px 20px #ae7a2433;color:#302209;-webkit-text-fill-color:#302209}
:root body .referral-band .referral-modern-reward:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff6,0 8px 26px #ae7a2440;filter:brightness(1.06)}
@media(max-width:850px){:root body.modern-article-page .payroll-guide .guide-section-pair,:root body.modern-article-page .payroll-guide .guide-resource-grid{grid-template-columns:1fr;gap:22px}}
@media(prefers-reduced-motion:reduce){:root body .referral-band .referral-modern-reward{transition:none}:root body .referral-band .referral-modern-reward:hover{transform:none}}

/* Open editorial columns, with comparison and resources together first. */
:root body.modern-article-page .payroll-guide .guide-top-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start;margin-block:32px}
:root body.modern-article-page .payroll-guide .guide-top-grid>section{min-width:0;margin:0}
:root body.modern-article-page .payroll-guide .guide-top-grid h2{font-size:27px;line-height:1.25;margin:0 0 20px;padding:0;background:none;color:var(--ink)}
:root body.modern-article-page .payroll-guide .guide-section-pair>section,
:root body.modern-article-page .payroll-guide .guide-resource-group{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
:root body.modern-article-page .payroll-guide .guide-resource-group h3{font-size:18px;line-height:1.35;padding-bottom:12px;margin-bottom:0}
:root body.modern-article-page .payroll-guide .guide-resource-group li{border-bottom:1px solid var(--line)}
:root body.modern-article-page .payroll-guide .guide-resource-group li a{background:none;border:0;border-radius:0;box-shadow:none;padding:10px 0}
:root body.modern-article-page .payroll-guide .guide-resource-group a>span{font-size:14px;line-height:1.5}
:root body.modern-article-page .payroll-guide .guide-section-pair{gap:40px}
@media(max-width:1000px){:root body.modern-article-page .payroll-guide .guide-top-grid{grid-template-columns:1fr}}

/* A continuous article with colored section accents instead of split panels. */
:root body.modern-article-page .reading-article.payroll-guide{max-width:1080px}
:root body.modern-article-page .payroll-guide .guide-top-grid,
:root body.modern-article-page .payroll-guide .guide-section-pair{display:block;margin-block:0}
:root body.modern-article-page .payroll-guide .guide-top-grid>section,
:root body.modern-article-page .payroll-guide .guide-section-pair>section{margin-block:34px;padding:0;background:none;border:0;box-shadow:none}
:root body.modern-article-page .payroll-guide .guide-section-pair>section h2{padding:12px 18px;border-left:4px solid #32719b;background:#eaf3f9;color:#173e5b}
:root body.modern-article-page .payroll-guide .guide-section-pair>section:nth-child(even) h2{border-color:#3d7a5d;background:#edf5ef;color:#24573e}
:root body.modern-article-page .payroll-guide .guide-section-pair:nth-of-type(odd)>section h2{border-color:#8565a6;background:#f2edf7;color:#61457e}
:root body.modern-article-page .payroll-guide .guide-section-pair:nth-of-type(odd)>section:nth-child(even) h2{border-color:#b88731;background:#faf3e4;color:#77591e}

/* Four resource groups, each on its own row. */
:root body.modern-article-page .payroll-guide .guide-resource-grid{grid-template-columns:minmax(0,1fr);gap:26px}
:root body.modern-article-page .payroll-guide .guide-resource-group{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start;padding-top:20px;border-top:1px solid var(--line)}
:root body.modern-article-page .payroll-guide .guide-resource-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;min-width:0}
@media(max-width:700px){:root body.modern-article-page .payroll-guide .guide-resource-group{grid-template-columns:1fr;gap:8px}:root body.modern-article-page .payroll-guide .guide-resource-group ul{grid-template-columns:1fr}}

/* Consistent translucent navigation surfaces. */
:root[data-theme=light] body>header{background:rgba(255,255,255,.73);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);border-bottom:1px solid #ffffffa6;box-shadow:inset 0 1px 0 #fff,0 3px 16px #1632490c}
@media(max-width:760px){
 :root[data-theme] body>header{position:fixed;inset:0 0 auto;z-index:1000;width:100%;margin:0;transform:none}
 :root[data-theme] body{padding-top:var(--mobile-header-height,78px)}
 :root[data-theme] body>header #navigation.open{border-radius:0 0 18px 18px;padding:18px 24px;box-shadow:0 12px 28px #0002;backdrop-filter:blur(26px) saturate(120%);-webkit-backdrop-filter:blur(26px) saturate(120%);max-height:calc(100dvh - var(--mobile-header-height,78px));overflow-y:auto}
 :root[data-theme=light] body>header #navigation.open{background:rgba(249,251,253,.92);border:1px solid #dce4ea}
 :root:root:root:root[data-theme] body .home-hero .hero-actions .button.sales-button{background:#163b60;color:#fff;border:1px solid #315779}
 :root:root:root:root[data-theme] body .home-hero .hero-actions .button.sales-button:hover{background:#102e4b;color:#fff}
 :root:root:root:root[data-theme] body .home-hero .hero-actions .button.sales-button span{color:#fff}
}
/* Compact desktop reading without restoring the rejected split panels. */
@media(min-width:1001px){
 :root body.modern-article-page .reading-article.payroll-guide{max-width:1180px;font-size:16px;line-height:1.6}
 :root body.modern-article-page .payroll-guide .guide-top-grid>section,
 :root body.modern-article-page .payroll-guide .guide-section-pair>section,
 :root body.modern-article-page .reading-article.payroll-guide>section{margin-block:24px}
 :root body.modern-article-page .payroll-guide p{margin-block:10px}
 :root body.modern-article-page .payroll-guide .guide-section-pair h2{font-size:23px;margin-bottom:14px;padding-block:9px}
 :root body.modern-article-page .payroll-guide .guide-section-pair ul,
 :root body.modern-article-page .payroll-guide .guide-section-pair ol{columns:2;column-gap:36px;margin-block:12px}
 :root body.modern-article-page .payroll-guide .guide-section-pair li{break-inside:avoid;margin-bottom:10px;line-height:1.55}
 :root body.modern-article-page .payroll-guide .guide-resource-grid{gap:16px}
 :root body.modern-article-page .payroll-guide .guide-resource-group{padding-top:14px}
 :root body.modern-article-page .payroll-guide .guide-resource-group li a{padding-block:7px}
}

/* One viewport-pinned header across every layout and theme. */
:root[data-theme] body>#site-header{position:fixed;top:0;right:0;bottom:auto;left:0;width:100%;max-width:none;margin:0;z-index:1000;transform:none}
:root[data-theme] body{padding-top:var(--mobile-header-height,88px)}
:root[data-theme] html{scroll-padding-top:calc(var(--mobile-header-height,88px) + 20px)}
:root[data-theme=light] body>#site-header{background:rgba(255,255,255,.66);backdrop-filter:blur(29px) saturate(140%);-webkit-backdrop-filter:blur(29px) saturate(140%)}

/* Federal agencies use a consistent blue palette. */
:root[data-theme=light] body.modern-article-page .federal-agencies .agency-section-heading h2,
:root[data-theme=light] body.modern-article-page .federal-agencies .agency-section-heading p{color:#163b60}
:root[data-theme=light] body.modern-article-page .federal-agencies .federal-agency-card{background:#eaf3fc;border-color:#bad1e7;color:#163b60;box-shadow:inset 0 1px 0 #fff,0 8px 24px #163b6010}
:root[data-theme=light] body.modern-article-page .federal-agencies .federal-agency-card .agency-abbreviation{background:#d2e6f8;border-color:#9cbfe0;color:#174e7e}
:root[data-theme=light] body.modern-article-page .federal-agencies .federal-agency-card strong,
:root[data-theme=light] body.modern-article-page .federal-agencies .federal-agency-card small,
:root[data-theme=light] body.modern-article-page .federal-agencies .federal-agency-card>span:last-child{color:#234f77}

/* Keep the header in document flow so mobile browser chrome cannot expose content above it. */
:root[data-theme] body>#site-header{position:sticky;top:0;inset-inline:auto;bottom:auto;z-index:1000;width:100%;margin:0;transform:none}
:root[data-theme] body{padding-top:0;overflow-x:clip}
:root[data-theme]{scroll-padding-top:calc(var(--mobile-header-height,88px) + 20px)}
@media(max-width:760px){:root[data-theme] body>#site-header #navigation.open{top:100%;max-height:calc(100dvh - var(--mobile-header-height,78px));}}

/* Blue meeting invitation coordinated with the federal resource cards. */
:root[data-theme=light] body.modern-article-page .agency-directory .payroll-help-cta{background:#eaf3fc;border-color:#bad1e7;box-shadow:inset 0 1px 0 #fff,0 8px 24px #163b6010}
:root[data-theme=light] body.modern-article-page .agency-directory .payroll-help-cta :is(h2,p,.eyebrow),
:root[data-theme=light] body.modern-article-page .agency-directory .payroll-help-action>span{color:#163b60}
:root[data-theme=light] body.modern-article-page .agency-directory .payroll-help-action .resource-meeting-button{background:#163b60;border-color:#315779;color:#fff}
:root[data-theme=light] body.modern-article-page .agency-directory .payroll-help-action .resource-meeting-button:hover{background:#102e4b;color:#fff}
:root body .referral-band .referral-modern h2{font-weight:800}

:root[data-theme=light] body .intake-dialog .button{background:#163b60;border-color:#315779;color:#fff}
:root[data-theme=light] body .intake-dialog .button:hover{background:#102e4b;color:#fff}
:root[data-theme=light] body .intake-dialog .intake-heading h2 em{font-weight:800;color:#163b60;background:none;-webkit-text-fill-color:#163b60}
:root[data-theme=light] body .intake-dialog :is(.intake-back,.intake-close){color:#163b60}

:root[data-theme=light] body .intake-dialog .intake-field :is(input,select,textarea){background:#f0f6fc;border-color:#b4cce2;color:#163249}
:root[data-theme=light] body .intake-dialog .intake-field :is(input,select,textarea):focus{outline-color:#367bb4;border-color:#367bb4}
:root[data-theme=light] body .intake-dialog .service-options label{background:#f0f6fc;border-color:#b4cce2}
:root[data-theme=light] body .intake-dialog .service-options label:has(:checked){background:#dcecfb;border-color:#367bb4}
:root[data-theme=light] body .intake-dialog input[type=checkbox]{accent-color:#235d91}

:root body .intake-dialog .intake-field:has(input[name="businessName"]){grid-column:1/-1}
:root body .intake-dialog .intake-progress li{padding:0;border:0;background:none;flex:1}
:root body .intake-dialog .intake-progress button{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b4cce2;border-radius:9px;background:#edf5fc;color:#235d91;font:600 14px/1.3 'DM Sans',Arial,sans-serif;cursor:pointer}
:root body .intake-dialog .intake-progress li[aria-current] button{background:#163b60;color:#fff;border-color:#315779}
:root body .intake-dialog .intake-progress button:hover{box-shadow:inset 0 0 0 1px #367bb4}
:root body .intake-dialog[data-kind="sales"]{width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:30px}
:root body .intake-dialog[data-kind="sales"] .intake-field:has(input[name="businessName"]){grid-column:auto}
:root body .intake-dialog[data-kind="sales"] .intake-grid{gap:16px 24px}
:root body .intake-dialog[data-kind="sales"] .intake-actions{padding-top:18px;margin-top:18px}
:root body .home-hero .contact-option{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
:root[data-theme=light] body .home-hero .contact-request-button{background:#163b60;color:#fff;border:1px solid #315779;border-radius:10px;padding:14px 21px;font:600 14px/1.5 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer}
:root body .nav-contact-button{background:none;border:0;padding:8px 0;color:var(--green);font:600 14px/1.5 'DM Sans',Arial,sans-serif;white-space:nowrap;cursor:pointer}
:root body .nav-contact-button:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){:root body .intake-dialog[data-kind="sales"]{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:26px 20px}}

/* Roomier business inquiry, independent of the referral dialog. */
:root body .intake-dialog[data-kind="sales"]{width:min(1040px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:28px 32px}
:root body .intake-dialog[data-kind="sales"] .intake-heading h2{font-size:32px;line-height:1.15}
:root body .intake-dialog[data-kind="sales"] .intake-heading p{margin:10px 0;font-size:16px;line-height:1.5}
:root body .intake-dialog[data-kind="sales"] .intake-heading .eyebrow{margin-bottom:10px}
:root body .intake-dialog[data-kind="sales"] .intake-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
:root body .intake-dialog[data-kind="sales"] .intake-field:has(input[name="businessName"]){grid-column:auto}
:root body .intake-dialog[data-kind="sales"] .intake-progress{margin-block:18px}
:root body .intake-dialog[data-kind="sales"] .intake-step h3{margin-block:0 16px}
:root body .intake-dialog[data-kind="sales"] .service-options{grid-template-columns:repeat(3,minmax(0,1fr))}
:root body .intake-dialog[data-kind="sales"] .intake-actions{margin-top:16px;padding-top:16px}
:root body .home-hero .button.contact-request-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 21px;border-radius:10px;text-decoration:none;cursor:pointer}
@media(max-width:600px){:root body .intake-dialog[data-kind="sales"]{width:calc(100vw - 20px);padding:24px 20px}:root body .intake-dialog[data-kind="sales"] .intake-grid,:root body .intake-dialog[data-kind="sales"] .service-options{grid-template-columns:1fr}}

/* A consistent reading rhythm for the contractor guide. */
:root body.modern-article-page .reading-article.payroll-guide{max-width:1080px;line-height:1.65}
:root body.modern-article-page .payroll-guide .guide-section-pair>section:nth-child(n) h2{background:none;color:#163b60;border:0;border-bottom:1px solid #cfdae3;border-radius:0;padding:0 0 14px;margin:0 0 16px;font-size:26px;line-height:1.25}
:root body.modern-article-page .payroll-guide .guide-section-pair>section{margin-block:32px}
:root body.modern-article-page .payroll-guide .guide-section-pair ul,
:root body.modern-article-page .payroll-guide .guide-section-pair ol{columns:auto}
:root body.modern-article-page .payroll-guide .guide-section-pair li{margin-bottom:10px}
:root body.modern-article-page .payroll-guide .guide-resource-group{grid-template-columns:180px minmax(0,1fr);gap:20px;padding-top:16px}
:root body.modern-article-page .payroll-guide .guide-resource-group h3{font-size:17px;line-height:1.4;color:#163b60}
:root body.modern-article-page .payroll-guide .guide-resource-group a>span{font-size:14px;line-height:1.45}
@media(max-width:700px){:root body.modern-article-page .payroll-guide .guide-resource-group{grid-template-columns:1fr}}
:root body header .header-referral-callout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #ceb373;border-radius:10px;background:#f4e3b2;color:#604818;font:700 14px/1.4 'DM Sans',Arial,sans-serif;white-space:nowrap;cursor:pointer}
:root body header #navigation{gap:20px}
:root body .home-hero .hero-actions{flex-wrap:wrap}
:root[data-theme=light] body .home-hero .button.contact-request-button{background:#13513b;color:#fff;border-color:#28694f}
:root[data-theme=light] body .home-hero .button.contact-request-button:hover{background:#0d402d;color:#fff}
@media(min-width:761px) and (max-width:1350px){:root body header{flex-wrap:wrap}:root body header #navigation{flex-wrap:wrap;justify-content:center;gap:14px 20px}}
:root body .intake-dialog .intake-progress li.complete button{background:#dcecfb;border-color:#6b9bc3;color:#163b60;opacity:1}
:root body .intake-dialog .intake-progress li.complete button::before{content:'✓';display:inline-block;margin-right:7px;font-weight:800}
:root body .intake-dialog .intake-progress button:disabled{cursor:default}
:root body .intake-dialog .intake-success{padding:26px 0 12px}
:root body .intake-dialog .intake-success-mark{background:#dcecfb;color:#235d91;border:1px solid #9bbfdf;box-shadow:0 0 0 8px #edf5fc}
:root body .intake-dialog .intake-success .eyebrow{color:#235d91;font-weight:800}
:root body .intake-dialog .intake-next-step{display:flex;flex-direction:column;gap:8px;margin:24px auto;padding:20px;max-width:580px;border-radius:14px;border:1px solid #b4cce2;background:#edf5fc;color:#163b60;text-align:left}
:root body .intake-dialog .intake-next-step strong{display:flex;justify-content:space-between;font-size:17px}
:root body .intake-dialog .intake-next-step>span{font-size:15px;line-height:1.6}

/* Arrow-shaped progress keeps completion easy to follow. */
:root body .intake-dialog .intake-progress button{border-radius:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,12px 50%);padding:12px 23px;min-height:50px}
:root body .intake-dialog .intake-progress li:first-child button{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);border-radius:12px 0 0 12px}
:root body .intake-dialog .intake-progress li:focus-within{outline:2px solid #367bb4;outline-offset:3px}
:root[data-theme=light] body .intake-dialog .intake-progress li.complete button{background:#13513b;border-color:#28694f;color:#fff}
:root[data-theme=light] body .intake-dialog .intake-success-mark{background:#e1f0e7;color:#13513b;border-color:#9bc5ac;box-shadow:0 0 0 8px #edf6f0}
:root[data-theme=light] body .intake-dialog .intake-success .eyebrow{color:#13513b}
:root[data-theme=light] body .intake-dialog .intake-next-step{background:#edf6f0;border-color:#b3d2bf;color:#13513b}
:root[data-theme=light] body .intake-dialog .intake-success .button{background:#13513b;border-color:#28694f;color:#fff}

/* Rounded ends frame the connected progress arrows. */
:root body .intake-dialog .intake-progress li:last-child button{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%);border-radius:0 12px 12px 0}
.intake-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:10;border-radius:inherit}
.intake-confetti i{position:absolute;top:-15px;width:8px;height:13px;border-radius:2px;opacity:0;animation:intake-celebrate 2s ease-out both}
@keyframes intake-celebrate{0%{opacity:0;transform:translate(0,-15px) rotate(0)}10%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--drift),500px) rotate(var(--spin))}}
@media(prefers-reduced-motion:reduce){.intake-confetti{display:none}}

/* Dora brings a little personality to the referral invitation. */
:root body .referral-band .referral-modern{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:30px;max-width:1160px;margin-inline:auto}
:root body .referral-band .referral-dora{margin:0;min-width:0;text-align:center}
:root body .referral-band .referral-dora img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px #17364c18)}
:root body .referral-band .referral-dora figcaption{font-size:13px;line-height:1.4;color:#526575;margin-top:6px}
:root body .referral-band .referral-modern-copy{min-width:0}
@media(max-width:760px){:root body .referral-band .referral-modern{grid-template-columns:1fr;gap:18px}:root body .referral-band .referral-dora{max-width:200px;margin-inline:auto}}
:root body .referral-band .referral-dora img{border-radius:18px}

/* Balance the mascot and offer as one compact referral composition. */
:root body .referral-band .referral-modern{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:36px;max-width:1100px;padding-block:8px;align-items:center}
:root body .referral-band .referral-dora{width:100%;max-width:320px;justify-self:center}
:root body .referral-band .referral-dora img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:18px;filter:none}
:root body .referral-band .referral-dora figcaption{margin:12px 0 0;font-size:15px;font-weight:600;line-height:1.45;color:#344d62}
:root body .referral-band .referral-modern-copy{text-align:left}
:root body .referral-band .referral-modern h2{font-size:clamp(25px,2.4vw,32px);line-height:1.3;margin:0;max-width:700px}
:root body .referral-band .referral-modern .referral-closing{justify-content:flex-start;gap:12px 16px;margin-top:20px;font-size:clamp(21px,2vw,26px)}
@media(max-width:760px){
 :root body .referral-band .referral-modern{grid-template-columns:1fr;gap:22px;padding-block:0}
 :root body .referral-band .referral-dora{max-width:260px;display:grid;grid-template-columns:1fr;gap:0}
 :root body .referral-band .referral-modern-copy{text-align:center}
 :root body .referral-band .referral-modern h2{margin-inline:auto}
 :root body .referral-band .referral-modern .referral-closing{justify-content:center}
}

/* Dora's text-only referral note. */
:root body .referral-band .referral-dora-note{min-width:0;text-align:left}
:root body .referral-band .referral-dora-note .eyebrow{font-size:13px;font-weight:800;letter-spacing:.1em;color:#235d91;margin:0 0 12px}
:root body .referral-band .referral-dora-note .dora-quote{font-size:clamp(20px,2vw,24px);font-weight:700;line-height:1.45;color:#172f43;margin:0 0 12px}
:root body .referral-band .referral-dora-note .dora-title{font-size:14px;line-height:1.5;color:#526575;margin:0}
@media(max-width:760px){:root body .referral-band .referral-dora-note{text-align:center;max-width:420px;margin-inline:auto}}

/* Center the home referral invitation after removing the mascot note. */
:root body .referral-band .referral-without-mascot{grid-template-columns:1fr}
:root body .referral-band .referral-without-mascot .referral-modern-copy{text-align:center}
:root body .referral-band .referral-without-mascot h2{margin-inline:auto}
:root body .referral-band .referral-without-mascot .referral-closing{justify-content:center}