/* Connected activation: editorial copy beside the four-card ecosystem graphic. */
.connected-activation{position:relative;overflow:visible;background:#ffffff;color:var(--ink);scroll-margin-top:0}
.connected-activation .ca-pin{padding:48px var(--gutter)}
.connected-activation .ca-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;max-width:1740px;margin:auto;width:100%}
.connected-activation .ca-heading{max-width:490px}
.connected-activation .ca-heading .eyebrow{display:flex;align-items:center;gap:22px;color:var(--blue);font-size:12px;letter-spacing:2px;margin-bottom:20px}
.connected-activation .ca-heading .eyebrow>span{display:block;height:1px;width:45px;background:var(--blue)}
.connected-activation .ca-heading h2{font-size:clamp(36px,3.8vw,61px);font-weight:500;line-height:1.05;letter-spacing:-1.8px}
.connected-activation .ca-heading-dot{color:var(--blue)}
.connected-activation .ca-heading>p:not(.eyebrow){font-size:clamp(16px,1.4vw,22px);color:var(--muted);margin-top:22px;line-height:1.45;max-width:410px}
.connected-activation .ca-graphic{position:relative;isolation:isolate;min-width:0;background-image:radial-gradient(#d5dee6 1px,transparent 1px);background-size:18px 18px;padding:15px 0}
.connected-activation .ca-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:80px;row-gap:22px;align-items:start}
.connected-activation .ca-position{position:relative;min-width:0}
.connected-activation .ca-position-1{grid-column:1;grid-row:1}.connected-activation .ca-position-2{grid-column:2;grid-row:1;transform:translateY(48px)}.connected-activation .ca-position-3{grid-column:1;grid-row:2}.connected-activation .ca-position-4{grid-column:2;grid-row:2;transform:translateY(48px)}
.connected-activation .ca-graphic{margin-bottom:48px}
.connected-activation .ca-card{border-radius:15px;background:#fff;box-shadow:0 4px 16px #14233a0a;transform:translateY(0);transition:transform 600ms cubic-bezier(.22,1,.36,1),box-shadow 600ms ease}
.connected-activation .ca-media{position:relative;overflow:hidden;height:155px;border-radius:15px 15px 7px 7px;background:#c3cbd0;filter:grayscale(65%);opacity:.65;transition:filter 650ms ease,opacity 550ms ease}
.connected-activation .ca-media>img{width:100%;height:100%;object-fit:cover;object-position:center}
.connected-activation .ca-position-1 .ca-media>img{object-position:66% center}
.connected-activation .ca-content{position:relative;margin-top:-5px;padding:14px 18px 17px;background:#ffffffed;border-radius:12px;transition:background 550ms ease}
.connected-activation .ca-number{display:block;color:#7792a7;font-size:12px;line-height:1.2;letter-spacing:1px;font-weight:700;transition:color 550ms ease}
.connected-activation .ca-card h3{font-size:26px;font-weight:500;letter-spacing:-.6px;line-height:1.1;color:#506070;margin:5px 0 10px;transition:color 550ms ease}
.connected-activation .ca-benefits{list-style:none;display:grid;gap:6px;padding:0;margin:0}
.connected-activation .ca-benefits li{display:flex;align-items:center;gap:7px;background:#f2f4f5;border:1px solid #e8ecef;border-radius:9px;padding:8px;min-height:35px;font-size:11px;line-height:1.22;color:#526271;transition:background 550ms ease,border-color 550ms ease,color 550ms ease}
.connected-activation .ca-benefits svg{width:16px;height:16px;flex-shrink:0}.connected-activation .ca-benefits circle{fill:#99afbe;transition:fill 550ms ease}.connected-activation .ca-benefits path{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.connected-activation .ca-card.is-active{transform:translateY(-10px);box-shadow:0 13px 30px -12px #14233a25}
.connected-activation .ca-card.is-active .ca-media{opacity:1;filter:grayscale(0%)}
.connected-activation .ca-card.is-active .ca-content{background:#fff}
.connected-activation .ca-card.is-active .ca-number{color:var(--blue)}
.connected-activation .ca-card.is-active h3{color:var(--ink)}
.connected-activation .ca-card.is-active .ca-benefits li{background:#f2f7ff;border-color:#dce8fa;color:#233f5b}
.connected-activation .ca-card.is-active .ca-benefits circle{fill:var(--blue)}
.connected-activation .ca-position-4 .ca-media{background:linear-gradient(145deg,#66768180,#0b1725b0),url('assets/activation-gym.webp') center/cover}
.connected-activation .ca-laptop{position:absolute;width:75%;left:12.5%;top:8%;transform:perspective(600px) rotateY(-8deg) rotateX(4deg) rotateZ(-3deg)}
.connected-activation .ca-laptop-screen{width:95%;margin:auto;padding:5px;background:#101923;border:1px solid #4e5963;border-radius:7px 7px 3px 3px;box-shadow:0 8px 16px #0004}
.connected-activation .ca-laptop-screen img{width:100%;height:auto;aspect-ratio:1197/874;object-fit:contain;background:#fff}
.connected-activation .ca-laptop-base{height:8px;width:100%;background:linear-gradient(#8b99a2,#45515b 60%,#19242d);border-radius:0 0 25px 25px;transform:skewX(-12deg)}
.connected-activation .ca-dashboard-note{position:absolute;bottom:8px;left:8px;right:8px;text-align:center;color:#f0f4f8;font-size:8px}
.connected-activation .ca-brand-card{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:140px;border-radius:23px;background:#fff;box-shadow:0 16px 45px #122b4524,0 3px 10px #122b4510;display:flex;align-items:center;justify-content:center;padding:18px;pointer-events:none}
.connected-activation .ca-brand-card img{width:100%;height:auto;object-fit:contain}
.connected-activation.ca-desktop{height:280svh}
.connected-activation.ca-desktop .ca-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:28px;padding-bottom:28px}
.connected-activation:not(.ca-enhanced) .ca-media{opacity:1;filter:none}
.connected-activation:not(.ca-enhanced) .ca-number{color:var(--blue)}
.connected-activation:not(.ca-enhanced) .ca-card h3{color:var(--ink)}
@media(min-width:1600px) and (min-height:1000px){.connected-activation .ca-media{height:185px}.connected-activation .ca-benefits li{font-size:12px;min-height:38px}.connected-activation .ca-card h3{font-size:30px}.connected-activation .ca-content{padding:16px 18px 18px}}
@media(max-width:1199px){.connected-activation .ca-inner{grid-template-columns:1fr;gap:32px}.connected-activation .ca-heading{max-width:650px}.connected-activation .ca-heading h2{font-size:43px}.connected-activation .ca-heading>p:not(.eyebrow){max-width:560px;font-size:17px}.connected-activation .ca-graphic{max-width:720px;width:100%;justify-self:center}.connected-activation .ca-media{height:220px}.connected-activation .ca-benefits li{font-size:13px;min-height:42px}.connected-activation .ca-card h3{font-size:31px}.connected-activation .ca-content{padding:18px}.connected-activation .ca-laptop{width:75%;left:12.5%;top:7%}}
@media(max-width:650px){.connected-activation .ca-pin{padding:34px 24px}.connected-activation .ca-heading h2{font-size:34px;letter-spacing:-1px}.connected-activation .ca-heading .eyebrow{font-size:10px;margin-bottom:14px}.connected-activation .ca-heading>p:not(.eyebrow){font-size:15px;margin-top:17px}.connected-activation .ca-cards{grid-template-columns:1fr;gap:24px}.connected-activation .ca-position{grid-column:1;grid-row:auto;transform:none}.connected-activation .ca-graphic{margin-bottom:0;padding-top:75px}.connected-activation .ca-brand-card{top:0;left:50%;transform:translateX(-50%);width:110px;height:60px;border-radius:14px;padding:12px 20px}.connected-activation .ca-media{height:290px}.connected-activation .ca-card h3{font-size:33px}.connected-activation .ca-benefits li{font-size:13px;min-height:44px}.connected-activation .ca-content{padding:20px 18px}.connected-activation .ca-laptop{top:16%}.connected-activation .ca-dashboard-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.connected-activation.ca-desktop{height:auto}.connected-activation.ca-desktop .ca-pin{position:static;height:auto}.connected-activation .ca-card,.connected-activation .ca-card.is-active{transform:none;transition:none}.connected-activation *{transition:none!important}.connected-activation .ca-media{opacity:1;filter:none}}

@media(min-width:1200px){.connected-activation .ca-laptop{width:58%;left:21%;top:5%}}
/* Match horizontal and vertical card gaps around the centre brand tile. */
@media(min-width:651px){
 .connected-activation .ca-cards{column-gap:22px;row-gap:22px}
 .connected-activation .ca-content{padding-left:48px;padding-right:48px}
}