/* Clearer hero contrast; the brand red becomes a single drawn underline. */
.home-hero h1 .hero-accent{color:#fff;position:relative;display:inline-block;padding-bottom:.12em}
.hero-accent::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--accent);transform-origin:left center}
@media(prefers-reduced-motion:no-preference){.hero-accent::after{animation:hero-underline 1.1s .25s ease-out both}@keyframes hero-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
.header-inner{gap:26px}
.main-nav{gap:22px}
.main-nav .nav-contact{white-space:nowrap}
/* Service offers use the same full content width as the site. */
.service-page .container{max-width:1440px}
.service-offer{background:#fff;padding:28px 0 32px}
.service-breadcrumb{display:flex;gap:12px;font-size:15px;color:#5b646c;margin-bottom:30px}
.service-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.service-offer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.service-offer-intro h1{font-size:48px;line-height:1.08;letter-spacing:-.6px;max-width:600px}
.service-offer-intro>p{font-size:22px;line-height:1.45;margin-top:23px;max-width:590px}
.service-offer-price{display:flex;flex-direction:column;gap:8px;margin-top:28px}
.service-offer-price strong{font-size:27px;color:#b52b1c;line-height:1.2}
.service-offer-price span{font-size:15px;max-width:540px;color:#57616a}
.service-offer-intro .actions{margin-top:27px;gap:24px;align-items:center}
.service-offer-intro .text-link{font-size:17px;text-decoration:underline;text-underline-offset:4px}
.service-offer-scope{border-left:2px solid var(--accent);padding:6px 0 6px 34px}
.service-offer-scope h2{font-size:27px;display:flex;gap:14px;align-items:center;margin-bottom:24px}
.service-offer-scope h2 svg{color:var(--accent)}
.service-offer-scope ul{display:grid;gap:16px;padding:0;list-style:none}
.service-offer-scope li{display:flex;gap:12px;align-items:flex-start;font-size:18px;line-height:1.4}
.service-offer-scope li svg{flex-shrink:0;margin-top:3px;color:#4c5963}
.service-scope-terms{margin-top:34px;border-top:1px solid #dce0e2;padding-top:19px;font-size:15px}
.service-scope-terms summary{cursor:pointer;font-weight:600;width:fit-content;min-height:32px}
.service-scope-terms p{max-width:1040px;line-height:1.55;margin-top:10px;color:#53606a}
/* One visual section per service, clearly separated from the offer. */
.service-page .service-editorial{background:#f0efed;padding-block:54px 48px}
.service-page .service-editorial-lead{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}
.service-page .service-editorial-copy{max-width:none;padding-top:0}
.service-page .service-editorial-copy h2{font-size:36px;max-width:470px;margin-bottom:20px}
.service-page .service-editorial-copy>p{font-size:20px;max-width:470px}
.service-page .service-editorial-icon{margin-bottom:20px;width:32px;height:32px}
.service-page .service-detail-points h3{font-size:23px;margin-bottom:8px}
.service-page .service-detail-points p{font-size:17px;line-height:1.45}
.service-page .service-detail-points{gap:26px}
.service-page .service-marketing-work{margin-top:44px;padding-top:30px;border-top:1px solid #cbd0d3}
.service-page .service-marketing-work>h3{font-size:27px;margin-bottom:24px}
.service-page .service-marketing-work .service-detail-points{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:26px}
.service-page .service-marketing-work .service-detail-points>div{display:flex;gap:18px}
.service-page .service-care-boundaries .service-detail-points{grid-template-columns:1fr 1fr 1fr;gap:36px}
.service-page .service-points-logo,.service-page .service-points-email,.service-page .service-points-development{margin-top:40px}
.service-page .service-engineer img{aspect-ratio:1.7;object-fit:cover;width:100%}
.service-page .service-hosting-scope,.service-page .service-development-brief,.service-page .service-email-planning,.service-page .service-social-editorial{background:#fff;padding:30px 34px}
.service-page .service-social-editorial .service-detail-points{gap:22px}
.service-page .service-get-ready{padding-top:32px;padding-bottom:36px}
.service-page .service-get-ready details{border-top:0}
.service-page .service-get-ready summary{font-size:25px;padding-top:0}
.service-page .service-get-ready .service-preparation-content{padding-bottom:0}
.service-page .service-truck-cta,.service-page .service-truck-content{min-height:290px}
.service-page .service-truck-content{padding-block:46px 55px}
.service-page .service-truck-content h2{font-size:36px}
.service-page .service-truck-content p{font-size:19px;margin-block:18px 24px}
.service-page .faq-section .narrow{max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
.service-page .faq-section h2{font-size:32px;max-width:390px;margin:0}
.service-page .faq-item h3{font-size:20px}
.service-page .faq-item h3 button{min-height:70px}
.service-page .faq-answer p{font-size:17px}
.service-page .related-links{background:#f0efed;color:var(--ink);padding-block:32px}
.service-page .related-links h2{font-size:26px}
.service-page .related-links .button{color:var(--ink);border-color:#859099;background:transparent;font-size:16px}
@media(min-width:1024px) and (max-width:1279px){.header-inner{gap:20px}.wordmark{width:205px}.main-nav{gap:16px;font-size:15px}.main-nav .button{padding-inline:18px;font-size:15px}.main-nav .nav-client{font-size:15px;gap:5px}}
@media(max-width:1023px){.main-nav{gap:0}.service-offer-grid{gap:38px}.service-offer-intro h1{font-size:40px}.service-offer-intro>p{font-size:20px}.service-offer-scope{padding-left:25px}.service-page .service-editorial-lead{gap:36px;grid-template-columns:1fr 1.2fr}.service-page .service-editorial-copy h2{font-size:32px}.service-page .service-editorial-copy>p{font-size:18px}.service-page .faq-section .narrow{gap:36px}.service-page .service-marketing-work .service-detail-points{column-gap:36px}}
@media(max-width:767px){.hero-accent::after{height:3px}.service-offer{padding:22px 0 24px}.service-breadcrumb{font-size:14px;margin-bottom:26px}.service-offer-grid{grid-template-columns:1fr;gap:32px}.service-offer-intro h1{font-size:37px;letter-spacing:-.5px}.service-offer-intro>p{font-size:20px;margin-top:19px}.service-offer-price{margin-top:23px}.service-offer-price strong{font-size:24px}.service-offer-intro .actions{gap:22px;margin-top:23px}.service-offer-scope{border-left:0;border-top:2px solid var(--accent);padding:23px 0 0}.service-offer-scope h2{font-size:25px;margin-bottom:20px}.service-offer-scope li{font-size:17px}.service-offer-scope ul{gap:13px}.service-scope-terms{margin-top:25px}.service-page .service-editorial{padding-block:35px}.service-page .service-editorial-lead{grid-template-columns:1fr;gap:28px}.service-page .service-editorial-copy h2{font-size:30px;max-width:none}.service-page .service-editorial-copy>p{max-width:none}.service-page .service-marketing-work{margin-top:30px;padding-top:26px}.service-page .service-marketing-work .service-detail-points,.service-page .service-care-boundaries .service-detail-points{grid-template-columns:1fr}.service-page .service-hosting-scope,.service-page .service-development-brief,.service-page .service-email-planning,.service-page .service-social-editorial{padding:25px 22px}.service-page .service-get-ready{padding-block:28px}.service-page .service-get-ready summary{font-size:23px}.service-page .service-truck-content h2{font-size:30px}.service-page .service-truck-content p{font-size:18px}.service-page .service-truck-content{padding-block:36px 49px}.service-page .faq-section .narrow{grid-template-columns:1fr;gap:22px}.service-page .faq-section h2{font-size:29px;max-width:none}.service-page .related-links h2{font-size:25px}}

.service-page .service-copy-points{margin-top:30px;gap:24px}
.service-page .service-copy-points h3{font-size:21px}
.service-page .service-copy-points p{font-size:17px}
.service-page .service-copy-points>div{gap:16px}
.service-page .service-copy-points .td-icon{width:25px;height:25px}
.service-page .service-editorial-lead.with-chart{align-items:start}
.service-page .service-editorial--branding .service-editorial-lead{align-items:start}
.service-page .service-editorial--branding .service-editorial-copy{padding-top:16px}
@media(max-width:767px){.service-page .service-copy-points{margin-top:24px;gap:22px}}