/* Use the same responsive title token as One connected activation platform. */
.consumer-journey .cj-heading h2,
.tv-reference .trial-panel-copy h2,
.connected-data-system .capture .editorial h2{font-size:var(--section-heading-size)!important}

/* Subtle liquid glass, retaining existing card geometry and content spacing. */
.right-audience .ra-card,
.right-audience .ra-dwell{
 position:relative;overflow:hidden;isolation:isolate;
 background:linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.07) 100%);
 backdrop-filter:blur(18px) saturate(115%);
 -webkit-backdrop-filter:blur(18px) saturate(115%);
 border:0;border-radius:18px;
 box-shadow:0 10px 30px rgba(0,10,25,.14),inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.22);
 color:#fff;
}
.right-audience .ra-card::before,
.right-audience .ra-dwell::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 55%)}
.right-audience .ra-card>*,
.right-audience .ra-dwell>*{position:relative;z-index:1}
.right-audience .ra-card p,
.right-audience .ra-dwell p{color:#e1eaf5}
.right-audience .ra-dwell-label{color:#d0def0}
.right-audience .ra-card .ra-icon,
.right-audience .ra-dwell .ra-icon{background:rgba(255,255,255,.10);color:#53c7f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.right-audience .ra-progress{background:rgba(210,230,253,.18)}

/* Keep the paired sample and profile tile closely grouped and centred. */
.cj-connected-flow .cj-dispense-visual{gap:7px}

/* Carry the audience liquid-glass treatment into the four Data Outputs cards. */
.connected-data-system .output-cards>article{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.07) 100%);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);border:1px solid rgba(255,255,255,.22);border-radius:18px;box-shadow:0 10px 30px rgba(0,10,25,.14),inset 0 1px 0 rgba(255,255,255,.22);color:#fff}
.connected-data-system .output-cards>article::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 55%)}
.connected-data-system .output-cards>article>*{position:relative;z-index:1}
.connected-data-system .output-cards>article p{color:#e1eaf5}
.connected-data-system .output-cards>article>.icon{color:#53c7f5}

/* Continue the dark story directly from Data Outputs into Selected case studies. */
.connected-data-system{background:linear-gradient(to bottom,transparent 70%,#03111d 100%),radial-gradient(ellipse at 47% 45%,#063758 0%,#03111d 58%,#020d16 100%)}
.activation-cases{background:#03111d;margin-top:0}
@media(min-width:1024px){.connected-data-system>.outputs{padding-top:var(--outputs-top-spacing,70px)}}

/* White conversation section and the established dark atmospheric footer. */
.final.final-conversation{background:#fff;color:#071a31;margin-top:0}
.final-conversation .conversation-copy h2{color:#071a31}
.final-conversation .conversation-copy .eyebrow{color:#71869a}
.final-conversation .conversation-copy>p:not(.eyebrow){color:#64778a}
.final-conversation .conversation-copy .pill.black{background:#071a31;border-color:#071a31;color:#fff}
.final-conversation .conversation-copy .pill.black:hover{background:#15354e}
.final-conversation .conversation-note-link{color:#627c96}
.conversation-footer{background:radial-gradient(ellipse at 88% 45%,#1b124b99 0%,transparent 65%),radial-gradient(ellipse at 33% 60%,#0b35544d 0%,transparent 58%),linear-gradient(110deg,#03090f 0%,#070e20 55%,#100d2c 100%);color:#c5d5e2}
.conversation-footer p,.conversation-footer a,.conversation-footer button{color:#bdcddf}
.conversation-footer h3{color:#fff}
.conversation-footer a:hover,.conversation-footer button:hover{color:#53c7f5}
.conversation-copyright{border-color:#ffffff1a;color:#92a9c1}
/* Case photography forms the outer edge; logos and copy retain white panels. */
.activation-cases .activation-case{padding:0;border:0}
.activation-cases .activation-case-photo{display:block;width:100%;border:0;border-radius:18px 18px 0 0}
.activation-cases .activation-case-body{background:#fff}

/* Mirror the Data Outputs columns while retaining their existing widths and gap. */
@media(min-width:651px){
 .connected-data-system .outputs{grid-template-columns:minmax(0,1fr) 34%}
 .connected-data-system .outputs .output-cards{grid-column:1;grid-row:1}
 .connected-data-system .outputs .editorial{grid-column:2;grid-row:1}
}

/* Match the site's main gutter and 1400px content width in the data composition. */
@media(min-width:1024px){
 .connected-data-system{--data-width:calc(100% - var(--gutter) - var(--gutter));--data-inset:var(--gutter);padding-left:var(--gutter);padding-right:var(--gutter)}
 .connected-data-system .capture .editorial{padding-left:0}
 .connected-data-system>.outputs{padding-left:0;padding-right:0}
}

/* White footer, separated from the conversation by a quiet divider. */
.conversation-footer{background:#fff;color:#64778a;border-top:1px solid #e5ebf0}
.conversation-footer p,.conversation-footer a,.conversation-footer button{color:#64778a}
.conversation-footer h3{color:#233b50}
.conversation-footer a:hover,.conversation-footer button:hover{color:#1887d5}
.conversation-copyright{border-color:#e5ebf0;color:#8b9aa8}
/* Full-bleed intent photograph, fading from the copy into the visible image. */
.right-audience .ra-intent{background:linear-gradient(90deg,#031323 0%,#031323f5 30%,#031323d9 48%,#03132380 68%,#0313231a 88%,transparent 100%),url('assets/audience-intent.webp') center/cover no-repeat,#031323}
/* Restore breathing room after removing the case-study subtitle. */
.activation-cases #activation-cases-heading{margin-bottom:34px}

/* Intentional three-line hero support copy. */
.hero .hero-support-line{display:block}
@media(min-width:651px){.hero .hero-support-line{white-space:nowrap}}
/* The primary activation calls to action share the subtle glass surface. */
.hero .actions .pill,.hero>header>.pill{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#ffffff29,#ffffff12);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);border:1px solid #ffffff38;box-shadow:0 10px 30px #000a1924,inset 0 1px 0 #ffffff38;color:#fff}
.hero .actions .pill::before,.hero>header>.pill::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff1a,transparent 55%);z-index:-1}
.hero .actions .pill:hover,.hero>header>.pill:hover{background:linear-gradient(145deg,#ffffff35,#ffffff1c)}
.hero .actions .pill>*,.hero>header>.pill>*{position:relative;z-index:1}
/* Fixed copy lines within the existing audience-card geometry. */
.right-audience .ra-copy-line{display:block}
.right-audience .ra-health{container-type:inline-size}
.right-audience .ra-health p{font-size:min(clamp(12px,.85vw,15px),7.8cqw)}
.right-audience .ra-health .ra-copy-line,.right-audience .ra-regular .ra-copy-line{white-space:nowrap}
@media(max-width:650px){.right-audience .ra-health p{font-size:15px}}

/* Lighter system typography on the glass activation buttons. */
.hero .actions .pill,.hero>header>.pill{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:400;letter-spacing:-.15px;-webkit-font-smoothing:antialiased}
/* A little more space before the network exploration action. */
.network-showcase .ns-copy>.pill{margin-top:12px}

/* More separation between the final output card and the editorial column. */
@media(min-width:651px){.connected-data-system .outputs{column-gap:44px}}

/* Output descriptions match the High frequency card's supporting type scale. */
.connected-data-system .output-cards>article>p{font-size:clamp(12px,.85vw,15px)}
@media(max-width:900px){.connected-data-system .output-cards>article>p{font-size:14px}}
@media(max-width:650px){.connected-data-system .output-cards>article>p{font-size:15px}}

/* Begin the retail crop around the colourful hydration products. */
.solutions-reference .solution-cards article>.retail-readiness-products{object-fit:cover;object-position:75% center}

/* Audience body copy exactly matches the existing Flexible Solutions descriptions. */
.right-audience .ra-collage :is(.ra-card,.ra-dwell,.ra-intent)>p{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.45;letter-spacing:normal;white-space:normal;text-wrap:pretty}
.right-audience .ra-collage .ra-intent>p{max-width:none}

/* Slightly stronger supporting copy within the five audience cards. */
.right-audience .ra-collage :is(.ra-card,.ra-dwell,.ra-intent)>p{font-weight:500}

/* Fine grey glass separators, without a progress indicator. */
.right-audience .ra-collage :is(.ra-card,.ra-dwell,.ra-intent)>h3::after{content:'';display:block;height:1px;width:100%;margin-top:10px;background:linear-gradient(90deg,rgba(210,219,229,.36),rgba(255,255,255,.22) 48%,rgba(173,187,203,.18));box-shadow:0 1px 0 rgba(255,255,255,.08);border-radius:1px;pointer-events:none}

/* Shift the dwell description only; leave its statistic and typography untouched. */
.right-audience .ra-collage .ra-dwell>p{transform:translateY(var(--ra-dwell-copy-offset,0px))}