/* Service extensions share the site's typography, content rail and footer. */
.marketing-page { --service-line: #dce8eb; --service-muted: #667d84; }
.marketing-page h1,.marketing-page h2,.marketing-page h3 { text-wrap: balance; }
.marketing-page .service-hero { padding-top: 112px; }
.service-hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; padding: 62px 0 70px; }
.service-hero-copy h1 { max-width: 9em; margin-top: 26px; font-size: clamp(42px,4.6vw,64px); line-height: 1.25; letter-spacing: -.035em; }
.service-hero-copy h1 > span { display: block; }
.service-hero-copy > p { max-width: 510px; margin-top: 28px; color: var(--service-muted); font-size: 16px; line-height: 1.9; }
.service-hero-copy .actions { margin-top: 34px; }
.service-hero-copy .outline-button { gap: 15px; }
.service-hero-foot { display: flex; gap: 26px; margin-top: 30px; color: #799299; font-size: 12px; }
.service-hero-foot span + span { padding-left: 26px; border-left: 1px solid var(--service-line); }
.service-visual { position: relative; min-width: 0; padding: 38px 50px; }
.service-visual::before { content: ''; position: absolute; z-index: -1; inset: 0 -20px; border-radius: 50%; background: radial-gradient(ellipse,#dbf5f8b3, #f3fbfc80 55%,transparent 72%); }
.social-orbit { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; fill: none; stroke: #b9dfe4; stroke-width: 1; }
.social-post { position: relative; background: #ffffffee; border: 1px solid #c6e3e8; border-radius: 16px; padding: 25px; box-shadow: 0 24px 64px #35788b0c; transform: rotate(-3deg); transition: transform .4s ease; }
.social-post:hover { transform: rotate(0deg); }
.post-byline { display: flex; align-items: center; gap: 12px; }
.post-byline > span:first-child { display: grid; place-items: center; width: 40px; height: 40px; background: #ebf9fb; border: 1px solid #c6e3e8; border-radius: 10px; }
.post-byline img { width: 21px; height: 21px; }
.post-byline strong { display: block; color: #355961; font-size: 14px; font-weight: 400; }
.post-byline small { color: #8b9ea3; font-size: 10px; }
.post-photo { width: 100%; height: auto; aspect-ratio: 1.7; object-fit: cover; border-radius: 8px; margin: 22px 0; filter: saturate(.65); }
.social-post h2 { font-size: 25px; color: #244650; line-height: 1.4; }
.social-post p { color: #7a8b91; font-size: 12px; margin-top: 10px; line-height: 1.7; }
.post-topics { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 16px; color: #218d9e; font-size: 11px; }
.post-bottom { margin-top: 20px; padding-top: 15px; border-top: 1px solid #e5eff1; display: flex; gap: 20px; color: #8aa0a7; font-size: 11px; }
.orbit-badge { position: absolute; display: flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid #cce4e8; background: #fffffff2; border-radius: 10px; box-shadow: 0 8px 24px #35788b09; font-size: 13px; color: #44646d; }
.orbit-badge img { width: 20px; height: 20px; }
.badge-facebook { top: 4%; right: -3%; }.badge-youtube { left: -3%; top: 35%; }.badge-instagram { bottom: 3%; right: -3%; }
.service-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; padding: 27px 0; border-block: 1px solid var(--service-line); }
.service-strip p { font-size: 14px; color: #42656e; }
.service-strip span { margin-right: 15px; font-size: 11px; color: #4eabb8; }
.service-section { padding-block: 108px; }
.service-band { background: #f3f9fa; }
.service-heading { display: grid; grid-template-columns: 1.3fr 1fr; align-items: end; gap: 96px; margin-bottom: 52px; }
.service-heading h2,.service-story h2 { font-size: clamp(34px,3.5vw,48px); line-height: 1.3; margin-top: 16px; letter-spacing: -.03em; }
.service-heading > p,.service-story p { color: var(--service-muted); font-size: 15px; line-height: 1.9; }
.platform-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 32px; }
.platform-card { border-top: 1px solid var(--service-line); padding: 28px 20px 30px 0; transition: border-color .25s; }
.platform-card:hover { border-top-color: #25adbf; }
.platform-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.platform-top img { width: 27px; height: 27px; opacity: .8; }
.platform-top span { font-size: 11px; color: #608a95; }
.platform-card h3 { font-size: 24px; font-weight: 400; }
.platform-card h4 { margin: 9px 0 13px; color: #476972; font-size: 15px; font-weight: 400; }
.platform-card p { font-size: 14px; line-height: 1.8; color: var(--service-muted); }
.platform-domestic { display: grid; grid-template-columns: .7fr 1.3fr; gap: 55px; padding: 35px 40px; margin-top: 22px; background: #f3f9fa; border-radius: 10px; }
.platform-domestic h3 { font-size: 23px; font-weight: 300; }.platform-domestic p { font-size: 14px; line-height: 1.8; margin-top: 10px; }
.platform-domestic ul { display: grid; grid-template-columns: repeat(2,1fr); list-style: none; gap: 18px 32px; padding: 0; margin: 0; }
.platform-domestic li { color: #7c9097; font-size: 12px; }.platform-domestic b { display: block; color: #385a64; font-weight: 400; margin-bottom: 5px; font-size: 15px; }
.platform-domestic .domestic-platform-title { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; min-height: 26px; margin-bottom: 8px; }
.domestic-platform-title img { display: block; width: 22px; height: 22px; flex-shrink: 0; object-fit: contain; filter: grayscale(1) brightness(0); opacity: .85; }
.domestic-platform-pair > span { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.domestic-platform-pair > i { color: #a5b6bd; font-size: 12px; font-style: normal; }
.service-story { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.story-photo { position: relative; }.story-photo img { width: 100%; height: auto; aspect-ratio: 1.12; object-fit: cover; border-radius: 12px; filter: saturate(.58); }.story-photo figcaption { position: absolute; left: 30px; bottom: 30px; padding: 14px 22px; background: #ffffffed; color: #395e67; border-radius: 8px; font-size: 14px; }
.service-story > div > p { margin-top: 25px; }
.editorial-points { margin-top: 28px; }.editorial-points > div { display: grid; grid-template-columns: 105px 1fr; gap: 20px; padding: 17px 0; border-top: 1px solid #d8e7ea; }.editorial-points h3 { font-size: 16px; font-weight: 400; }.editorial-points p { font-size: 13px; line-height: 1.75; }
.deliverable-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; }
.deliverable { padding-top: 25px; border-top: 1px solid var(--service-line); }
.service-line-icon { width: 38px; height: 38px; stroke: #299aaa; stroke-width: 1.1; fill: none; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 26px; }
.deliverable h3 { font-size: 23px; font-weight: 400; }.deliverable p { margin-top: 15px; font-size: 14px; line-height: 1.85; color: var(--service-muted); }.deliverable small { display: block; margin-top: 18px; color: #3295a5; font-size: 12px; }
.service-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; list-style: none; padding: 0; margin: 0; counter-reset: process; }
.service-process li { border-top: 1px solid #b7dbe1; padding-top: 28px; counter-increment: process; }.service-process li::before { content: '0' counter(process); font: 32px Manrope,sans-serif; color: #67b6c2; font-weight: 300; }.service-process h3 { font-size: 22px; font-weight: 400; margin-top: 24px; }.service-process p { margin-top: 15px; font-size: 14px; color: var(--service-muted); line-height: 1.8; }
.measurement { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; margin-top: 58px; padding-top: 38px; border-top: 1px solid #d8e7ea; }.measurement h3 { font-size: 24px; font-weight: 300; }.measurement > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 25px; }.measurement p { font-size: 13px; color: #758b92; line-height: 1.7; }.measurement strong { display: block; margin-bottom: 5px; font-size: 15px; color: #315d67; font-weight: 400; }
.service-related { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-block: 32px; border-bottom: 1px solid var(--service-line); }.service-related p { max-width: 550px; font-size: 15px; }.service-related-links { display: flex; flex-wrap: wrap; gap: 25px; }.service-related a { color: #218c9e; font-size: 14px; }
.marketing-page .geo-faq-section { padding-block: 100px; }.marketing-page .geo-faq-heading h2 { font-size: 43px; }
.ad-visual { padding: 30px 14px 28px; }.ad-visual-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 10px 22px; color: #718d97; font-size: 12px; }.ad-visual-header span:first-child { color: #198ba0; }.ad-engine-row { display: flex; gap: 12px; }.ad-engine-row img { width: 24px; height: 24px; object-fit: contain; }
.ad-query { display: flex; align-items: center; gap: 13px; padding: 22px; border: 1px solid #b6dce4; border-radius: 13px; background: #fff; color: #355c69; font-size: 18px; box-shadow: 0 8px 25px #47818d09; }.ad-query svg { width: 22px; height: 22px; stroke: #3899aa; fill: none; stroke-width: 1.3; }.ad-query span:last-child { margin-left: auto; color: #95afb6; font-size: 11px; }
.ad-stem { width: 1px; height: 30px; margin: 0 auto; background: #89cad4; }.ad-result { padding: 24px 28px; margin-inline: 24px; background: #fff; border: 1px solid #d0e4e9; border-radius: 12px; }.ad-result small { color: #8b9ea4; font-size: 10px; }.ad-result h2 { font-size: 24px; color: #345c68; margin-top: 13px; }.ad-result p { color: #79939a; margin-top: 12px; font-size: 13px; }.ad-result-tags { display: flex; gap: 20px; margin-top: 20px; color: #358e9e; font-size: 11px; }
.ad-outcomes { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.ad-outcomes div { padding: 20px 10px; border-block: 1px solid #cce3e8; text-align: center; background: #f6fbfc; }.ad-outcomes b { display: block; font-size: 17px; color: #2e6674; font-weight: 400; }.ad-outcomes small { display: block; margin-top: 7px; font-size: 11px; color: #819aa2; }.ad-visual figcaption { text-align: center; color: #8b9fa6; font-size: 11px; margin-top: 23px; }
.channel-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 26px; }.channel-card { padding: 32px; border: 1px solid var(--service-line); border-radius: 10px; }.channel-card:first-child { background: #f1fafb; border-color: #b0dce4; }.channel-card .channel-scope { display: block; color: #2996a6; font-size: 12px; margin-bottom: 35px; }.channel-card h3 { font-size: 28px; font-weight: 300; }.channel-card p { font-size: 14px; color: var(--service-muted); line-height: 1.8; margin-top: 18px; }.channel-card ul { padding-left: 17px; margin: 25px 0 0; font-size: 13px; color: #56747e; line-height: 2; }.channel-card li::marker { color: #59b3c0; }
.market-tabs { display: flex; gap: 34px; margin-bottom: 35px; border-bottom: 1px solid #c9dfe5; }.market-tabs a { position: relative; display: block; padding: 15px 0; color: #718a91; font-size: 21px; }.market-tabs a[aria-selected="true"] { color: #137f91; }.market-tabs a[aria-selected="true"]::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#1599ad; }
.market-panel { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; padding-block: 20px; }.market-panel + .market-panel { margin-top: 35px; }.market-panel h3 { font-size: 33px; font-weight: 300; }.market-panel p { color: var(--service-muted); font-size: 15px; line-height: 1.9; margin-top: 20px; }.engine-badges { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }.engine-badges span { display:flex; align-items:center; gap:9px; border:1px solid #cfdee3; background:#fff; padding:10px 15px; border-radius:8px; font-size:14px; color:#456a75; }.engine-badges img { width:24px; height:24px; object-fit:contain; }.market-panel .editorial-points { margin-top: 0; }.market-panel .editorial-points p { margin-top: 0; font-size: 14px; }
.service-note { color: #7b9098; font-size: 12px; line-height: 1.8; margin-top: 25px; }
.market-panel .editorial-points h3 { font-size: 16px; font-weight: 400; }
[data-market-switch] .market-panel + .market-panel[role="tabpanel"] { margin-top: 0; }
.attribution-rail { display: grid; grid-template-columns: repeat(5,1fr); gap: 22px; margin-top: 46px; }.attribution-rail > div { position: relative; padding: 25px 20px; border-top: 1px solid #acd6df; background: #f7fbfc; }.attribution-rail b { color: #8cabb3; font: 11px Manrope,sans-serif; font-weight:400; }.attribution-rail h3 { margin-top:20px; font-size:21px; font-weight:400; }.attribution-rail p { margin-top:12px; font-size:13px; color:var(--service-muted); line-height:1.8; }.attribution-rail > div + div::before { content:'›'; position:absolute; top:-16px; left:-17px; color:#65aebb; font-size:24px; font-weight:300; }
.service-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; margin-top:46px; }.service-principles h3 { font-size:20px; font-weight:400; }.service-principles p { margin-top:13px; color:var(--service-muted); font-size:14px; line-height:1.8; }
@media (max-width:1100px) { .service-hero-grid { gap:35px; }.service-visual { padding-inline:25px; }.service-heading { gap:45px; }.service-story { gap:45px; }.platform-domestic { gap:35px; padding:30px; }.channel-card { padding:24px; }.market-panel { gap:35px; }.attribution-rail { gap:16px; }.attribution-rail > div { padding:20px 13px; }.service-process { gap:22px; }.service-hero-foot { gap:13px; }.service-hero-foot span+span { padding-left:13px; } }
@media (max-width:1000px) { .marketing-page .service-hero { padding-top:32px; }.service-hero-grid { padding-top:38px; }.service-hero-copy h1 { font-size:44px; }.service-hero-copy > p { font-size:15px; }.service-section { padding-block:80px; }.service-heading h2,.service-story h2 { font-size:36px; }.service-hero-foot { flex-wrap:wrap; }.social-post { padding:18px; }.social-post h2 { font-size:22px; }.orbit-badge { padding:9px 12px; font-size:11px; }.post-byline small { font-size:9px; }.ad-query { padding:19px 15px; font-size:15px; }.ad-result { margin-inline:10px; padding:20px; }.ad-result h2 { font-size:21px; }.ad-outcomes b { font-size:14px; }.service-process h3 { font-size:19px; } }
@media (max-width:760px) { .service-hero-grid { grid-template-columns:1fr; gap:35px; padding:35px 0 45px; }.service-hero-copy h1 { font-size:42px; max-width:10em; }.service-hero-foot { margin-top:25px; }.service-visual { max-width:520px; width:100%; margin-inline:auto; padding:35px; }.service-visual::before { inset:0; }.badge-facebook { right:0; }.badge-youtube { left:0; }.badge-instagram { right:0; }.service-strip { grid-template-columns:1fr 1fr; gap:19px; padding:23px 0; }.service-strip p { font-size:12px; }.service-strip span { margin-right:8px; }.service-section { padding-block:70px; }.service-heading { grid-template-columns:1fr; gap:22px; margin-bottom:35px; }.service-heading h2,.service-story h2 { font-size:34px; }.platform-grid { grid-template-columns:1fr 1fr; gap:0 24px; }.platform-card { padding:24px 0; }.platform-top { align-items:flex-start; flex-direction:column; gap:16px; margin-bottom:18px; }.platform-card h3 { font-size:21px; }.platform-card h4 { font-size:14px; }.platform-card p { font-size:13px; }.platform-domestic { grid-template-columns:1fr; gap:25px; padding:25px; }.platform-domestic ul { gap:22px; }.service-story { grid-template-columns:1fr; gap:35px; }.story-photo img { aspect-ratio:1.4; }.story-photo figcaption { left:20px; bottom:20px; padding:12px 16px; font-size:12px; }.deliverable-grid { grid-template-columns:1fr 1fr; gap:30px 25px; }.deliverable h3 { font-size:20px; }.deliverable p { font-size:13px; }.service-line-icon { margin-bottom:20px; }.service-process { grid-template-columns:1fr 1fr; gap:35px 25px; }.measurement { grid-template-columns:1fr; gap:26px; margin-top:38px; }.service-related { align-items:flex-start; flex-direction:column; gap:24px; }.marketing-page .geo-faq-section { padding-block:70px; }.marketing-page .geo-faq-heading h2 { font-size:34px; }.ad-visual { padding:20px 0; }.ad-query { font-size:17px; }.channel-grid { grid-template-columns:1fr; gap:20px; }.channel-card .channel-scope { margin-bottom:20px; }.channel-card h3 { font-size:26px; }.market-panel { grid-template-columns:1fr; gap:35px; }.market-tabs { gap:30px; }.market-tabs a { font-size:20px; }.market-panel h3 { font-size:29px; }.attribution-rail { grid-template-columns:1fr; gap:20px; margin-top:30px; }.attribution-rail > div { display:grid; grid-template-columns:25px 78px 1fr; align-items:start; gap:16px; padding:21px 15px; }.attribution-rail h3 { font-size:17px; margin:0; }.attribution-rail p { margin:0; }.attribution-rail > div + div::before { display:none; }.service-principles { grid-template-columns:1fr; gap:28px; margin-top:32px; } }
@media (max-width:380px) { .service-hero-copy h1 { font-size:38px; }.service-visual { padding-inline:22px; }.post-byline strong { font-size:12px; }.service-hero-foot { font-size:11px; }.service-hero-foot span+span { padding-left:8px; }.platform-grid,.deliverable-grid { grid-template-columns:1fr; }.platform-top { flex-direction:row; }.ad-visual { padding-inline:0; }.ad-query { font-size:15px; }.ad-query span:last-child { display:none; }.ad-outcomes { gap:7px; }.attribution-rail > div { grid-template-columns:19px 70px 1fr; gap:10px; } }
@media (max-width:760px) { .platform-domestic ul { grid-template-columns: 1fr; gap: 22px; }.platform-domestic li { padding-left: 31px; }.platform-domestic .domestic-platform-title { margin-left: -31px; } }
@media (prefers-reduced-motion:reduce) { .social-post,.platform-card { transition:none; }.social-post { transform:none; } }