/* Four continuous surfaces make the services easy to scan. */
.service-panel{position:relative;min-width:0;padding:26px;border:1px solid var(--panel-line);border-radius:18px;background:var(--panel-background);box-shadow:0 10px 28px #3f23530a;scroll-margin-top:24px}
.panel-content{--panel-line:#e2beb9;--panel-accent:#9d4b33;--panel-soft:#fff8f1;--muted:#76606d;--panel-background:radial-gradient(ellipse at 0 0,#fff8e8e8,transparent 60%),linear-gradient(125deg,#fff1e4,#fbe5de 54%,#f4dce6)}
.panel-meta{--panel-line:#a9c7e8;--panel-accent:#276aa1;--panel-soft:#f4faff;--muted:#526982;--panel-background:radial-gradient(ellipse at 100% 0,#f5fbff,transparent 56%),linear-gradient(125deg,#edf6ff,#dbeafa 58%,#cbdff4)}
.panel-ai,.panel-meta.is-automation-only{--panel-line:#c2a1e0;--panel-accent:#7c42a4;--panel-soft:#fcf7ff;--muted:#6d557f;--panel-background:radial-gradient(ellipse at 95% 0,#fde9f84d,transparent 52%),linear-gradient(135deg,#f3eaff,#e8d8fa 53%,#dcc4f1)}
#feed>.service-panel{margin:30px 0 0}
#feed>.panel-content{margin-top:22px}
.service-panel[hidden]{display:none}
#feed>.google-ads-section{margin-top:30px;border-radius:18px}

/* Content stays together: the viral row and the podcast row share one surface. */
#content-section>.feed-group{margin:0;padding:0;border-top:0}
#content-section>.feed-group>.chapter-heading{margin:0 0 20px;padding:0 0 22px;border-top:0}
#content-section[data-filter="all"]>[data-group="podcast"]{margin-top:27px;padding-top:24px;border-top:1px solid #dfbdb7}
#content-section .group-heading .eyebrow{color:#a75b43}
#content-section .group-counter,#content-section .metrics-source{color:#85666c}
#content-section .group-promise{color:#8d4f50}
#content-section .group-promise em{color:#aa4e6c}
#content-section .post-card{border-color:#ead5cf;box-shadow:0 5px 18px #8d493408}

/* Blue carries from the Meta heading through proof, map and creative. */
#feed>.panel-meta>.chapter-heading{margin:0 0 24px;padding:0 0 22px;border-top:0}
.service-panel>.service-heading:before{display:none}
.panel-content>.feed-group>.service-heading:before{display:none}
.panel-meta .campaign-overview{background:linear-gradient(120deg,#ffffffb8,var(--panel-soft));border-color:var(--panel-line);box-shadow:none}
.panel-meta .campaign-overview .eyebrow,.panel-meta .lead-step-number{color:var(--panel-accent)}
.panel-meta .lead-step-icon{color:var(--panel-accent);border-color:var(--panel-line);background:var(--panel-soft)}
.panel-meta .campaign-overview .lead-process{border-top-color:var(--panel-line)}
.panel-meta .overview-demo{border-color:var(--panel-line);background:#ffffffe0}
.panel-meta .overview-demo [data-icon]{color:var(--panel-accent)}
.panel-meta .campaign-method{border-left-color:#5291c5;background:linear-gradient(100deg,#ffffff8c,#ffffff30)}
.panel-meta .campaign-method .eyebrow,.panel-meta .group-heading .eyebrow{color:var(--panel-accent)}
.panel-meta .campaign-method h4{color:#244d73}
.panel-meta .campaign-method>p{color:#526982}
.panel-meta .campaign-language-note{border-color:#b3cee8;background:#f7fbff94}
.panel-meta .campaign-language-note strong{color:#2b6595}
.panel-meta .lead-comparison{background:radial-gradient(ellipse at 100% 0,#468dd94d,transparent 65%),linear-gradient(120deg,#172b4c,#244877 65%,#315d8d);box-shadow:0 10px 26px #23477613}
.panel-meta .lead-comparison .agency-offer a:hover{color:#d4edff}
.panel-meta .post-card{border-color:#bcd4eb}

/* A single violet panel follows the lead from reception to the human call. */
#ai-section>#ai-chapter{margin:0 0 3px;padding:0 0 22px;border-top:0}
#feed>#lead-bridge{height:76px;margin:0}
#feed>#lead-bridge svg{height:76px}
#feed>#lead-bridge>span{top:24px}
#feed>#lead-bridge:not([hidden])+#ai-section{margin-top:0}
#ai-section>#lead-agent{margin-bottom:24px}
#ai-section>#lead-conversation{margin:0;padding:0;border-bottom:0}
#ai-section .agent-handoff{background:linear-gradient(120deg,#fff9,#f3eaff77);border-color:#c3a9dc;box-shadow:none}
#ai-section .handoff-card{background:#fffc}
#ai-section .human-call{background:#fbf7ffc4}

@media(max-width:680px){
 .service-panel{padding:20px 14px;border-radius:15px}
 #feed>.service-panel{margin-top:24px}
 #feed>.panel-content{margin-top:18px}
 #feed>.google-ads-section{margin-top:24px;border-radius:15px}
 #content-section>.feed-group>.chapter-heading,#feed>.panel-meta>.chapter-heading{padding-bottom:18px;margin-bottom:18px}
 #content-section[data-filter="all"]>[data-group="podcast"]{margin-top:24px;padding-top:21px}
 .panel-meta .campaign-overview.qualification-section{padding:17px 14px}
 .panel-meta .lead-comparison.results-section{padding:22px 16px}
 #ai-section>#ai-chapter{padding-bottom:18px}
 #ai-section>#lead-agent{margin-bottom:20px}
}
@media(max-width:370px){.service-panel{padding-left:11px;padding-right:11px}}
@media(forced-colors:active){.service-panel{background:Canvas;border-color:CanvasText;box-shadow:none}}

/* Pricing follows the services, before the personal skill-set section. */
.pricing-invite{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 30px;margin:36px 0 0;border:1px solid #a47bce;border-radius:14px;background:radial-gradient(ellipse at 95% 0,#a877db44,transparent 65%),linear-gradient(120deg,#342048,#59387b);color:#fff}
.pricing-invite+.expertise-section,.google-addon+.expertise-section{margin-top:42px;padding-top:48px}
.pricing-invite .eyebrow{font-size:8px;letter-spacing:1.4px;color:#d5bde9;margin:0 0 10px}
.pricing-invite h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px;color:#fff}
.pricing-invite h2 br{display:none}.pricing-invite h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#d8bae9}
.pricing-invite>div>p:last-child{font-size:11px;line-height:1.8;color:#e4d6ee;margin:0}
.pricing-invite>a{display:flex;align-items:center;justify-content:space-between;gap:17px;min-height:46px;padding:12px 17px;border-radius:8px;background:#f5ebff;color:#40215c;font-size:11px;font-weight:650;flex-shrink:0}
.pricing-invite>a>span{font-size:19px;font-weight:400}.pricing-invite>a:hover{background:#fff}.pricing-invite>a:focus-visible{outline:2px solid #f4e5ff;outline-offset:4px}
@media(max-width:1100px){.pricing-invite{gap:22px;padding:25px}.pricing-invite h2 br{display:block}}
@media(max-width:680px){.pricing-invite{flex-direction:column;align-items:stretch;gap:22px;padding:24px 22px;margin-top:28px}.pricing-invite+.expertise-section,.google-addon+.expertise-section{margin-top:32px;padding-top:32px}.pricing-invite h2{font-size:28px}.pricing-invite>a{width:100%}.pricing-invite>div>p:last-child{font-size:11px}}
@media(forced-colors:active){.pricing-invite{background:Canvas;border-color:CanvasText;color:CanvasText}.pricing-invite h2,.pricing-invite h2 em,.pricing-invite .eyebrow,.pricing-invite>div>p:last-child{color:CanvasText}.pricing-invite>a{background:ButtonFace;color:ButtonText}}

/* A personal signature for the story, without another call to action. */
.personal-story .story-portrait{display:block;width:108px;height:108px;object-fit:cover;border:3px solid #f6edff;border-radius:50%;outline:1px solid #b791db;box-shadow:0 7px 22px #63428526;margin:24px auto 0}
.pricing-invite h2{font-size:36px;letter-spacing:-1.1px}
.pricing-invite h2 em{font-size:.75em;white-space:nowrap}
.pricing-invite>div>p:last-child>strong{font-weight:600;color:#eee1f8}
@media(max-width:680px){.personal-story .story-portrait{width:90px;height:90px;margin:20px 0 0}.pricing-invite h2{font-size:31px}}