/* Decision-led editorial system: shared by the native pages and home document. */
.site-nav a[aria-current=page]{color:var(--accent)}
.ex-section{padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--line)}
.ex-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:end;margin-bottom:40px}
.ex-heading h2{font-size:clamp(34px,4.8vw,64px);font-weight:700;line-height:1.02;letter-spacing:-.05em;margin:14px 0 0;max-width:17ch}
.ex-heading>p,.ex-heading>div>p:not(.brand-eyebrow){max-width:54ch;font-size:17px;line-height:1.75;color:var(--ink-2);margin:20px 0 0}
.ex-tiles{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}
.ex-tile{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:clamp(22px,3vw,36px);overflow:hidden;position:relative;transition:box-shadow .3s,transform .3s}
.ex-tile:hover{box-shadow:0 16px 40px #15130d09;transform:translateY(-3px)}
.ex-tile-wide{grid-row:span 2}.ex-tile-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;letter-spacing:.04em;color:var(--ink-2);flex-wrap:wrap}
.ex-pill{border:1px solid currentColor;border-radius:30px;padding:5px 9px;font-size:10px}
.ex-tile h3{font-size:clamp(26px,3vw,39px);letter-spacing:-.04em;line-height:1.08;margin:26px 0 24px;font-weight:650}
.ex-tile p{font-size:14px;line-height:1.75;color:var(--ink-2);margin:20px 0}
.ex-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:650;line-height:1.5;border-bottom:1px solid;padding:5px 0;color:var(--accent)}
.ex-concepts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 28px}.ex-concepts>div{min-width:0;display:flex;flex-direction:column;background:#ebe6dc;border-radius:10px;overflow:hidden}.ex-concepts img{width:100%;height:215px;object-fit:cover}.ex-concepts span{padding:14px;font-size:11px;font-weight:550}.ex-concept-type{justify-content:space-between;background:#d6dcc6!important}.ex-concept-type strong{font-size:clamp(24px,3vw,38px);line-height:1.02;letter-spacing:-.06em;padding:8px 18px}.ex-small{font-size:9px!important;letter-spacing:.1em}
.ex-signal-row{display:grid;grid-template-columns:80px 1fr 90px;gap:15px;align-items:center;border-top:1px solid var(--line);padding:15px 0;font-size:11px}.ex-signal-row i{height:24px;background:radial-gradient(circle,var(--accent) 1px,transparent 1.5px) 0 0/6px 6px;mask-image:linear-gradient(90deg,#000,transparent)}
.ex-tile-indigo{background:#2926d5;color:#fff;border-color:#2926d5}.ex-tile-indigo p,.ex-tile-indigo .ex-tile-top{color:#deddfb}.ex-tile-indigo .ex-link{color:#fff}
.ex-friction{display:flex;align-items:center;gap:8px;margin:35px 0;font-size:11px}.ex-friction span,.ex-friction strong{border:1px solid #ffffff65;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;width:65px;flex-shrink:0}.ex-friction strong{background:#d4f1c0;color:#15130d;border:0}.ex-friction i{height:1px;background:#ffffff65;flex:1}
.ex-local-orbits{height:160px;position:relative;display:flex;align-items:center;justify-content:center;gap:22px}.ex-local-orbits i{position:absolute;left:50%;top:50%;margin:-71px 0 0 -71px;border:1px solid #2a28f070;width:142px;height:142px;border-radius:50%;transform:translateX(-38px)}.ex-local-orbits i:nth-child(2){width:142px;transform:translateX(38px);opacity:.42}.ex-local-orbits i:nth-child(3){display:none}.ex-local-orbits span,.ex-local-orbits strong{position:relative;padding:8px;font-size:12px}.ex-local-orbits strong{background:var(--accent);color:white;border-radius:100%;padding:20px}
.ex-grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ex-note{border-top:1px solid var(--line);padding:28px 0}.ex-note .ex-number{font-size:12px;color:var(--accent)}.ex-note h3{font-size:25px;letter-spacing:-.04em;line-height:1.16;margin:20px 0 14px}.ex-note p{color:var(--ink-2);font-size:15px;line-height:1.8}.ex-note ul{padding-left:18px;line-height:1.9;color:var(--ink-2);font-size:14px}
.ex-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--card)}.ex-flow>div{padding:28px;border-right:1px solid var(--line)}.ex-flow>div:last-child{border:0}.ex-flow span{font-size:11px;color:var(--accent)}.ex-flow h3{font-size:24px;letter-spacing:-.03em;margin:22px 0 14px}.ex-flow p{font-size:14px;color:var(--ink-2);line-height:1.8}.ex-flow small{display:block;border-top:1px solid var(--line);padding-top:15px;margin-top:25px;line-height:1.6;color:var(--ink-2)}
.ex-evidence{background:var(--card);border:1px solid var(--line);border-radius:18px;text-align:center;padding:35px 20px}.ex-evidence-orbits{position:relative;height:250px;width:320px;max-width:100%;margin:auto}.ex-evidence-orbits i{position:absolute;width:225px;height:225px;left:10px;top:12px;border:1px solid #15130d;border-radius:50%;background:radial-gradient(circle,#15130d 1px,transparent 1.3px) 0 0/6px 6px}.ex-evidence-orbits i+ i{left:80px;border-color:var(--accent);background:radial-gradient(circle,var(--accent) 1px,transparent 1.3px) 3px 3px/6px 6px;animation:ex-converge 8s ease-in-out infinite alternate}.ex-evidence-labels{display:flex;justify-content:center;gap:20px;font-size:11px;margin:12px 0 28px}.ex-evidence-labels span:last-child{color:var(--accent)}.ex-evidence strong{font-size:29px;letter-spacing:-.04em}.ex-evidence p{font-size:14px;line-height:1.8;color:var(--ink-2)}.ex-evidence small{font-size:10px;color:var(--ink-2)}
.ex-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ex-reading h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;line-height:1.05;margin:16px 0 24px}.ex-reading p{font-size:16px;line-height:1.85;color:var(--ink-2)}.ex-reading ul{padding-left:20px;color:var(--ink-2);line-height:1.9}
.ex-status{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--accent);padding:8px 12px;border:1px solid #2a28f030;border-radius:30px;background:#2a28f008}
.ex-faq details{border-top:1px solid var(--line);padding:23px 0}.ex-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:600;letter-spacing:-.02em}.ex-faq summary::-webkit-details-marker{display:none}.ex-faq summary span{color:var(--accent);font-size:24px}.ex-faq details[open] summary span{transform:rotate(45deg)}.ex-faq p{font-size:15px;color:var(--ink-2);line-height:1.8;max-width:76ch;margin:18px 0 0}
.ex-cta{background:#dfe2d2}.ex-cta .ex-heading{margin-bottom:0}.ex-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;justify-self:end}.ex-cta a.btn{color:#fff;background:var(--accent)}
.ex-case{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:40px;padding:50px 0;border-top:1px solid var(--line);scroll-margin-top:90px}.ex-case h2{font-size:36px;line-height:1.07;letter-spacing:-.04em;margin:18px 0}.ex-case h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 15px;color:var(--accent)}.ex-case p,.ex-case li{font-size:15px;line-height:1.8;color:var(--ink-2)}.ex-case ul{padding-left:17px}.ex-case a{margin-top:20px}
.ex-regions{background:#171628;color:#f7f4ed;overflow:hidden}.ex-regions .ex-heading p{color:#bcbacd}.ex-regions .brand-eyebrow{color:#aaa7f8}.ex-region-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.ex-globe{position:relative;aspect-ratio:1.2;max-width:650px;width:100%;background:radial-gradient(circle at 50% 50%,#6562ff22,transparent 66%)}.ex-globe svg{width:100%;height:100%;overflow:visible}.ex-globe .globe-grid{fill:none;stroke:#b5b2ff20;stroke-width:1}.ex-globe .globe-land{fill:url(#region-dots)}.ex-globe .globe-route{fill:none;stroke:#a9a6ff;stroke-width:1.4;stroke-dasharray:5 8;animation:ex-travel 18s linear infinite}.ex-map-point{fill:#bcb9ff}.ex-map-halo{fill:none;stroke:#a9ffcb;stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:ex-pulse 3s ease-out infinite}.ex-map-point.is-active{fill:#c8ffd7;r:6}.ex-globe-caption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#aaa7c5}
.ex-region-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.ex-region-buttons button{font:inherit;font-size:12px;border:1px solid #ffffff30;background:transparent;color:#eeeafc;padding:10px 13px;border-radius:30px;cursor:pointer}.ex-region-buttons button[aria-pressed=true]{background:#d5f0c3;color:#171628;border-color:#d5f0c3}.ex-region-detail h3{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:12px 0 22px}.ex-region-detail p{font-size:15px;line-height:1.8;color:#bcbacd}.ex-region-detail dl{margin:25px 0}.ex-region-detail dl>div{border-top:1px solid #ffffff20;padding:17px 0}.ex-region-detail dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#b6b3ff;margin-bottom:8px}.ex-region-detail dd{margin:0;font-size:14px;line-height:1.7}.ex-regions .ex-link{color:#d5f0c3}.ex-region-disclosure{font-size:11px;color:#bcbacd;border-top:1px solid #ffffff20;margin-top:40px;padding-top:20px;line-height:1.8}
.ex-workbench{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;scroll-margin-top:100px}.ex-tool-tabs{display:flex;border-bottom:1px solid var(--line);background:#e6e2d7}.ex-tool-tabs button{flex:1;border:0;padding:22px 15px;background:transparent;font:inherit;cursor:pointer;font-size:14px;color:var(--ink-2)}.ex-tool-tabs button[aria-pressed=true]{background:var(--accent);color:white}.ex-tool-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px}.ex-tool-form{display:grid;gap:20px}.ex-tool-form label{display:grid;gap:8px;font-size:12px;font-weight:600}.ex-tool-form input,.ex-tool-form select,.ex-tool-form textarea{width:100%;background:#fffdf7;border:1px solid var(--line);padding:12px;border-radius:7px;font:inherit;font-size:14px;color:var(--ink);font-weight:400}.ex-tool-form textarea{min-height:95px;resize:vertical}.ex-tool-output{background:#eeeee5;border-radius:12px;padding:26px;align-self:start}.ex-tool-output h3{font-size:26px;letter-spacing:-.04em;margin:15px 0}.ex-tool-output pre{font-family:inherit;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2)}.ex-tool-output .btn{cursor:pointer;border:0}.ex-tool-note{font-size:12px;line-height:1.7;color:var(--ink-2)}
.ex-section :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #857bff;outline-offset:4px}.ex-section[id]{scroll-margin-top:80px}
@keyframes ex-travel{to{stroke-dashoffset:-260}}@keyframes ex-converge{to{transform:translateX(-22px)}}@keyframes ex-pulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(2);opacity:0}}
@media(max-width:900px){.ex-grid-three{grid-template-columns:1fr}.ex-flow{grid-template-columns:1fr 1fr}.ex-flow>div{border-bottom:1px solid var(--line)}.ex-split{gap:30px}.ex-region-layout{gap:20px}.ex-friction span,.ex-friction strong{width:48px;font-size:9px}.ex-case{grid-template-columns:1fr 1fr}.ex-case>div:first-child{grid-column:1/-1}.ex-case h2{max-width:18ch}.ex-heading{gap:24px}}
@media(max-width:650px){.ex-heading,.ex-tiles,.ex-split,.ex-region-layout,.ex-tool-body{grid-template-columns:1fr}.ex-heading h2{max-width:18ch}.ex-tile-wide{grid-row:auto}.ex-actions{justify-self:start}.ex-flow{grid-template-columns:1fr}.ex-flow>div{border-right:0}.ex-case{grid-template-columns:1fr;gap:22px}.ex-concepts img{height:180px}.ex-globe{max-width:450px;margin:auto}.ex-region-detail h3{font-size:34px}.ex-tool-body{padding:20px}.ex-tool-tabs button{font-size:12px;padding:18px 8px}.ex-evidence-orbits{transform:scale(.9)}.ex-tile h3{font-size:31px}.ex-friction span,.ex-friction strong{width:60px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.ex-section *,.ex-tile{animation:none!important;transition:none!important}.ex-tile:hover{transform:none}}

/* Progressive enhancement for the regional map. The authored SVG remains as a fallback. */
.ex-globe-shell{aspect-ratio:1;display:grid;place-items:stretch;max-width:590px;margin-inline:auto;background:radial-gradient(circle at 50% 48%,#8581ff38,transparent 67%);isolation:isolate}
.ex-globe-shell>*{grid-area:1/1}
.ex-globe-fallback{display:grid;place-items:center;opacity:1;transition:opacity .65s ease}
.ex-globe-fallback svg{align-self:center}
.ex-globe-frame{position:relative;z-index:2;width:100%;height:100%;border:0;background:transparent;opacity:0;transition:opacity .75s ease}
.ex-globe-loading{position:relative;z-index:3;align-self:center;justify-self:center;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #ffffff24;border-radius:999px;background:#171628cc;color:#aaa7c5;font-size:9px;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;transition:opacity .35s}
.ex-globe-loading span{width:6px;height:6px;border-radius:50%;background:#aaa7f8;box-shadow:0 0 0 0 #aaa7f855;animation:ex-globe-loading 1.6s ease-out infinite}
.ex-globe-shell.is-cobe-ready .ex-globe-fallback{opacity:0}
.ex-globe-shell.is-cobe-ready .ex-globe-frame{opacity:1}
.ex-globe-shell.is-cobe-ready .ex-globe-loading{opacity:0}
@keyframes ex-globe-loading{70%,100%{box-shadow:0 0 0 12px #aaa7f800}}

/* Like-for-like message test with illustrative segment-level results. */
.ex-message-test{display:grid;gap:18px;margin-bottom:24px}
.ex-ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ex-ad-card{min-width:0}
.ex-ad-visual{position:relative;min-height:225px;border-radius:12px;overflow:hidden;background:#d5cdbc}
.ex-ad-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ex-ad-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,#11100bea 100%)}
.ex-ad-visual>span{position:absolute;z-index:1;left:13px;top:13px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f7f3e9;color:#15130d;font-size:11px;font-weight:700}
.ex-ad-visual>strong{position:absolute;z-index:1;left:16px;right:16px;bottom:16px;color:#fff;font-size:clamp(19px,2.1vw,27px);line-height:1.04;letter-spacing:-.04em}
.ex-ad-card>small{display:block;padding:9px 2px 0;color:var(--ink-2);font-size:10px}
.ex-segment-results{display:grid;gap:7px}
.ex-segment-result{display:grid;grid-template-columns:minmax(118px,1fr) 68px 68px;gap:7px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fffdf8}
.ex-segment-result>strong{font-size:10px;line-height:1.25}
.ex-segment-result span{display:flex;align-items:center;justify-content:space-between;gap:4px;border-radius:6px;background:#e9e5da;padding:7px;font-size:8px}
.ex-segment-result span b{font-size:13px}
.ex-segment-result span.is-winner{background:#15130d;color:#fff}
.ex-result-note{font-size:11px!important;margin:0!important;line-height:1.65!important}

/* Connected-data method visual. */
.data-section{background:#f4f0e6}
.data-heading{margin-bottom:48px}
.data-connection-map{display:grid;grid-template-columns:minmax(240px,1fr) minmax(100px,220px) minmax(300px,1fr);align-items:center;min-height:510px;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:clamp(24px,4vw,52px);overflow:hidden}
.data-sources{display:grid;gap:10px;position:relative;z-index:2}
.data-source{display:flex;align-items:center;gap:13px;min-height:58px;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:#fff;box-shadow:0 8px 20px #15130d08}
.data-source>span:last-child{display:grid;gap:3px}.data-source strong{font-size:12px}.data-source small{font-size:9px;color:var(--ink-2)}
.data-source-mark{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;font-size:14px;font-weight:750}
.mark-shopify{background:#95bf47;color:#fff;transform:rotate(-2deg)}
.mark-analytics{display:flex;align-items:end;justify-content:center;gap:2px;background:#fff3e7}.mark-analytics i{width:5px;border-radius:5px;background:#f2a600}.mark-analytics i:nth-child(1){height:9px}.mark-analytics i:nth-child(2){height:16px}.mark-analytics i:nth-child(3){height:24px;background:#e8710a}
.mark-google-ads{background:#f5f8ff}.mark-google-ads i{position:absolute;width:7px;height:24px;border-radius:8px;transform:rotate(31deg)}.mark-google-ads i:first-child{background:#4285f4;left:10px}.mark-google-ads i:nth-child(2){background:#34a853;right:9px;transform:rotate(-31deg)}.mark-google-ads b{position:absolute;width:8px;height:8px;border-radius:50%;background:#fbbc04;right:7px;bottom:5px}
.mark-linkedin{background:#0a66c2;color:#fff;font-family:Arial,sans-serif}.mark-meta{background:#eff5ff;color:#0866ff;font-size:30px;font-family:Arial,sans-serif;font-weight:400}
.mark-first-party{background:#eeebe2}.mark-first-party i{position:absolute;width:18px;height:8px;border:1px solid #15130d;border-radius:50%}.mark-first-party i:first-child{top:7px}.mark-first-party i:nth-child(2){top:13px;border-top-color:transparent}.mark-first-party i:nth-child(3){top:19px;border-top-color:transparent}
.data-flow-lines{height:430px}.data-flow-lines svg{width:100%;height:100%;overflow:visible}.data-flow-lines path,.data-flow-lines circle{fill:none;stroke:#2a28f0;stroke-width:1;vector-effect:non-scaling-stroke}.data-flow-lines path{stroke-dasharray:3 6;animation:data-flow 9s linear infinite}.data-flow-lines path:nth-child(2n){animation-delay:-3s}.data-flow-lines circle{fill:#f6f2e8;stroke-dasharray:none}.data-flow-lines .data-flow-out{stroke-dasharray:none}
.data-model-hub{position:relative;z-index:1;padding:34px 12px 34px 36px}.data-model-hub h3{font-size:clamp(30px,4vw,48px);line-height:1.03;letter-spacing:-.05em;margin:16px 0 24px}.data-model-hub>p:last-child{font-size:13px;line-height:1.75;color:var(--ink-2);max-width:42ch}
.data-hub-orbits{position:absolute;z-index:-1;width:330px;height:330px;left:-82px;top:50%;transform:translateY(-50%);opacity:.16}.data-hub-orbits i{position:absolute;inset:18px;border:1px solid var(--accent);border-radius:50%}.data-hub-orbits i:nth-child(2){inset:55px}.data-hub-orbits span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:26px}
.data-availability{font-size:10px;line-height:1.7;color:var(--ink-2);margin:18px 0 0}
.model-stack li:nth-child(3) .model-layer{border-left-color:#2a28f0}.model-stack li:nth-child(3) .layer-number{color:#2a28f0}
@keyframes data-flow{to{stroke-dashoffset:-90}}
@media(max-width:800px){.data-connection-map{grid-template-columns:1fr;gap:24px}.data-flow-lines{display:none}.data-model-hub{padding:30px 10px}.data-hub-orbits{left:50%;transform:translate(-50%,-50%)}}
@media(max-width:650px){.ex-ad-visual{min-height:190px}.ex-segment-result{grid-template-columns:1fr 62px 62px}}
@media(max-width:430px){.ex-ad-grid{grid-template-columns:1fr}.ex-ad-visual{min-height:220px}.ex-segment-result{grid-template-columns:1fr 58px 58px}.data-connection-map{padding:18px}.data-source small{display:none}}