/* Product stories: editorial hierarchy with task-specific product illustrations. */
.uc-main { --uc-soft:#e5ebe0; }
.uc-main h1,.uc-main h2,.uc-main h3 { font-family:var(--sans); font-weight:450; }
.uc-main h1 em,.uc-main h2 em { font-style:normal; color:#718472; }
.uc-main h1 { font-size:clamp(48px,5.8vw,83px); line-height:1.04; letter-spacing:-.055em; }
.uc-main h2 { font-size:clamp(34px,4vw,56px); line-height:1.12; letter-spacing:-.045em; }
.uc-main h3 { font-size:24px; line-height:1.25; letter-spacing:-.025em; }
.uc-hero { display:grid; grid-template-columns:1.18fr 1fr; gap:7%; padding:88px var(--gutter) 64px; align-items:end; }
.uc-eyebrow { font-size:12px; font-weight:500; color:#57705c; margin-bottom:26px; }
.uc-hero-copy { padding-bottom:3px; max-width:490px; }
.uc-hero-copy .uc-lead { font-size:24px; line-height:1.4; color:var(--ink); letter-spacing:-.025em; margin:0 0 17px; }
.uc-hero-copy > p { font-size:16px; line-height:1.75; color:var(--ink-2); }
.uc-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:27px; }
.uc-text-link { font-size:12px; display:inline-flex; gap:15px; align-items:center; text-decoration:none; }
.uc-main .v3-button { padding:16px 20px; font-size:13px; }
.uc-main .v3-button span { margin-left:20px; }
.uc-hero-figure { padding:0 var(--gutter); margin:0; }
.uc-stage { padding:40px; background:#e0e8db; border:1px solid #d5dfd0; border-radius:5px; }
.uc-stage--attribution { background:#e1e7df; }
.uc-stage--abm { background:#e9ebdf; }
.uc-stage--agentic-gtm { background:#dce5df; }
.uc-hero-figure figcaption { font-size:11px; color:#6c766c; padding:13px 0 0; line-height:1.6; }
.uc-app { background:#fafbf8; border:1px solid #cbd3c8; border-radius:3px; box-shadow:0 16px 40px #233d2610; color:#26332a; min-width:0; }
.uc-appbar { display:flex; align-items:center; gap:11px; padding:15px 22px; border-bottom:1px solid #dce2d8; font-size:12px; }
.uc-appbar > .uc-pill { margin-left:auto; }
.uc-pill { font-size:10px; line-height:1.5; background:#eaf0e4; border:1px solid #d8e1d0; color:#52674e; padding:4px 8px; border-radius:3px; white-space:nowrap; }
.uc-appbody { padding:29px; min-width:0; }
.uc-overline { display:block; font-size:10px; color:#657562; line-height:1.5; margin-bottom:12px; }
.uc-scenetop { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-bottom:26px; }
.uc-main .uc-app h2 { font-size:30px; line-height:1.16; letter-spacing:-.035em; }
.uc-main .uc-app h3 { font-size:26px; letter-spacing:-.035em; margin-bottom:16px; }
.uc-dashboard { display:grid; grid-template-columns:1.5fr 1fr; gap:24px; }
.uc-decision,.uc-rulebox,.uc-sidecards>div,.uc-audience-preview { border:1px solid #dce2d8; padding:24px; background:#fff; }
.uc-platform { display:flex; align-items:center; flex-wrap:wrap; gap:9px; font-size:11px; margin-bottom:25px; }
.uc-platform > span { margin-left:auto; color:#72806f; font-size:10px; }
.uc-decision > p { font-size:13px; line-height:1.8; color:#64705f; max-width:470px; margin-bottom:23px; }
.uc-rows > div { display:flex; justify-content:space-between; align-items:baseline; gap:22px; border-top:1px solid #e3e7df; padding:13px 0; font-size:12px; line-height:1.5; }
.uc-rows > div > span { color:#73806d; flex-shrink:0; }
.uc-rows strong { font-weight:500; text-align:right; max-width:68%; }
.uc-static-action { display:flex; justify-content:space-between; align-items:center; gap:20px; width:fit-content; padding:10px 15px; background:#284c36; color:#fff; font-size:11px; margin-top:15px; }
.uc-sidecards { display:grid; gap:16px; }
.uc-metric > span { display:block; font-size:11px; line-height:1.5; color:#6d7a67; }
.uc-metric > strong { display:block; font-size:38px; font-weight:450; line-height:1.18; letter-spacing:-.04em; margin:9px 0 5px; }
.uc-metric > small { font-size:10px; color:#7c8776; line-height:1.5; display:block; }
.uc-track { display:flex; height:6px; background:#e5ebde; margin:20px 0 10px; }
.uc-track i { display:block; background:#5e8060; }
.uc-next p { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #e3e7df; padding:12px 0 0; margin-top:12px; font-size:12px; }
.uc-muted { font-size:11px; color:#70806a; line-height:1.7; margin-top:18px; }
.uc-results { display:grid; grid-template-columns:.85fr 1.8fr; gap:25px; }
.uc-spend { padding:26px; background:#eff3e9; }
.uc-spend .uc-rows { margin-top:27px; }
.uc-outcomes { border:1px solid #dce2d8; padding:26px; background:#fff; }
.uc-kpis { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.uc-evidence { display:flex; justify-content:space-between; gap:15px; border-top:1px solid #e3e7df; padding-top:18px; margin-top:26px; font-size:10px; color:#6f7e66; }
.uc-evidence strong { color:#344c33; margin-left:6px; font-weight:500; }
.uc-counts { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:25px; border-top:1px solid #e2e7dc; padding-top:20px; }
.uc-counts strong { font-size:26px; }
.uc-handoff { display:grid; grid-template-columns:1fr 1.15fr 1fr; }
.uc-handoff > div { padding:25px; min-width:0; }
.uc-brief { background:#eff2ea; }
.uc-plan { background:#fff; border-block:1px solid #e2e7dc; }
.uc-draft { background:#e3ebdb; }
.uc-handoff p { color:#65755f; font-size:12px; line-height:1.85; }
.uc-handoff .uc-rows > div { font-size:11px; gap:12px; }
.uc-handoff .uc-app h3 { font-size:23px; }
.uc-file { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:12px; border:1px solid #d8e0d0; background:#f8faf4; margin:22px 0; font-size:11px; }
.uc-file small { font-size:9px; color:#798970; }
.uc-section { padding:90px var(--gutter); border-bottom:1px solid var(--rule); }
.uc-section-head { display:grid; grid-template-columns:1.2fr 1fr; gap:10%; align-items:center; margin-bottom:50px; }
.uc-section-head > p { font-size:17px; color:var(--ink-2); line-height:1.8; max-width:470px; }
.uc-features { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.uc-features article { border-top:1px solid var(--rule); padding-top:25px; }
.uc-features p { font-size:14px; line-height:1.85; color:var(--ink-2); margin-top:16px; }
.uc-footnote { font-size:11px; line-height:1.7; color:#75806f; margin-top:28px; }
.uc-explore { background:#eff2eb; }
.uc-explorer { display:grid; grid-template-columns:.85fr 1.25fr; gap:7%; align-items:start; }
.uc-tabs { position:sticky; top:110px; }
.uc-tab { background:transparent; color:#6c7a66; width:100%; border:0; border-top:1px solid #cbd5c6; padding:26px 0; display:grid; grid-template-columns:22px 1fr 20px; gap:15px; text-align:left; font-family:var(--sans); cursor:pointer; }
.uc-tabnum { font-size:10px; padding-top:6px; }
.uc-tab strong { display:block; font-size:24px; font-weight:450; letter-spacing:-.035em; line-height:1.25; }
.uc-tabcopy { display:block; font-size:14px; line-height:1.8; margin-top:16px; }
.uc-enhanced .uc-tab[aria-selected="false"] .uc-tabcopy { display:none; }
.uc-tab[aria-selected="true"] { color:var(--forest); border-top-color:var(--forest); }
.uc-tab[aria-selected="true"] .uc-tabcopy { color:#63715d; }
.uc-tabarrow { opacity:0; }
.uc-tab[aria-selected="true"] .uc-tabarrow { opacity:1; }
.uc-tab:focus-visible,.uc-panel:focus-visible { outline:2px solid #5d7e58; outline-offset:5px; }
.uc-panels { min-width:0; }
.uc-panel + .uc-panel { margin-top:25px; }
.uc-panel[hidden] { display:none; }
.uc-enhanced .uc-panel { margin-top:0; animation:uc-appear .22s ease; }
.uc-panel .uc-app { box-shadow:none; }
.uc-panel .uc-appbody { min-height:390px; padding:30px; }
.uc-visual-note { font-size:10px; color:#788471; margin-top:12px; }
.uc-scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); margin:28px 0; }
.uc-scenario-grid > div { border:1px solid #e0e6d8; padding:18px 12px; }
.uc-scenario-grid > .uc-selected { background:#edf3e5; border-top:2px solid #537348; }
.uc-scenario-grid span,.uc-scenario-grid small { font-size:10px; display:block; color:#6c7a61; }
.uc-scenario-grid strong { display:block; font-size:36px; line-height:1.5; font-weight:450; letter-spacing:-.03em; }
.uc-scenario-grid small { font-size:9px; }
.uc-log { list-style:none; padding:0; margin:28px 0 0; }
.uc-log li { display:grid; grid-template-columns:80px 1fr; gap:22px; border-top:1px solid #dfe5d9; padding:20px 0; font-size:12px; line-height:1.65; }
.uc-log li > span { color:#708165; }
.uc-log strong { font-weight:450; }
.uc-reporthead { display:flex; justify-content:space-between; gap:15px; font-size:10px; color:#7b8871; }
.uc-reportstats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:25px 0; padding-block:18px; border-block:1px solid #dfe5d9; }
.uc-reportstats .uc-metric strong { font-size:26px; }
.uc-report-copy strong { display:block; font-size:12px; font-weight:500; margin:18px 0 6px; }
.uc-report-copy p { font-size:12px; color:#78836e; line-height:1.7; }
.uc-export { display:flex; gap:8px; margin-top:24px; }
.uc-export span { padding:7px 10px; border:1px solid #d5dfca; font-size:10px; color:#637653; }
.uc-funnel { margin:30px 0; }
.uc-funnel > div { position:relative; display:flex; justify-content:space-between; gap:20px; font-size:12px; padding:18px 15px; margin-bottom:10px; isolation:isolate; }
.uc-funnel > div::before { content:''; background:#e8efdf; position:absolute; inset:0 auto 0 0; width:var(--bar); z-index:-1; }
.uc-callout { font-size:12px; line-height:1.8; background:#edf2e7; padding:18px; margin-top:22px; color:#5e7353; }
.uc-message { display:flex; gap:13px; align-items:start; margin-bottom:25px; }
.uc-message > img { flex-shrink:0; }
.uc-avatar { background:#e2e8d9; width:28px; height:28px; display:grid; place-items:center; font-size:12px; flex-shrink:0; }
.uc-message strong { font-size:12px; font-weight:500; }
.uc-message small { font-size:9px; margin-left:8px; color:#86917c; font-weight:400; }
.uc-message p { font-size:12px; line-height:1.85; margin-top:7px; color:#637458; }
.uc-threadline { border-top:1px solid #dfe5d9; font-size:10px; color:#819173; padding-top:12px; margin:5px 0 25px; }
.uc-workflow { background:#183e2e; color:#f1f5ec; }
.uc-workflow h2 { max-width:750px; }
.uc-workflow ol { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:35px; margin:45px 0 0; }
.uc-workflow li { border-top:1px solid #739076; padding-top:19px; }
.uc-workflow li > span { display:block; font-size:10px; color:#a9bf9e; margin-bottom:28px; }
.uc-workflow h3 { font-size:21px; }
.uc-workflow p { font-size:13px; line-height:1.85; color:#baceb8; margin-top:14px; }
.uc-related { padding:40px var(--gutter); display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid var(--rule); }
.uc-related > span { font-size:12px; color:var(--ink-2); }
.uc-related > div { display:flex; flex-wrap:wrap; gap:35px; }
.uc-related a { font-size:13px; text-decoration:none; display:flex; gap:16px; }
.uc-endcap { background:#e0e9d7; padding-block:75px; }
@keyframes uc-appear { from { opacity:.55; transform:translateY(5px); } to {opacity:1;transform:none;} }
@media (prefers-reduced-motion:reduce) { .uc-enhanced .uc-panel { animation:none; } html {scroll-behavior:auto;} }
@media(min-width:1600px) { .uc-hero {padding-top:105px;} .uc-stage {padding:50px;} }
@media(max-width:1050px) { .uc-hero {gap:5%;} .uc-stage {padding:24px;} .uc-appbody {padding:22px;} .uc-scenetop {align-items:start;} .uc-scenetop > .uc-pill {display:none;} .uc-handoff > div {padding:18px;} .uc-handoff .uc-rows > div {flex-direction:column;gap:4px;} .uc-handoff .uc-rows strong {text-align:left;max-width:100%;} .uc-features {gap:25px;} }
@media(max-width:800px) { .uc-hero {grid-template-columns:1fr;gap:28px;padding-top:55px;} .uc-hero-copy {max-width:650px;} .uc-hero h1 {font-size:clamp(44px,7vw,65px);} .uc-hero-copy .uc-lead {font-size:22px;} .uc-section-head {grid-template-columns:1fr;gap:25px;} .uc-section-head > p {max-width:600px;} .uc-dashboard,.uc-results {grid-template-columns:1fr;} .uc-sidecards {grid-template-columns:1fr 1fr;} .uc-appbody {padding:22px;} .uc-handoff {grid-template-columns:1fr;} .uc-handoff > div {padding:25px;} .uc-handoff .uc-rows > div {flex-direction:row;} .uc-handoff .uc-rows strong {text-align:right;} .uc-explorer {grid-template-columns:1fr;gap:30px;} .uc-tabs {position:static;} .uc-tab {padding:21px 0;} .uc-workflow ol {grid-template-columns:1fr 1fr;} .uc-related {align-items:start;flex-direction:column;} }
@media(max-width:600px) { .uc-hero {padding:42px 24px 35px;} .uc-eyebrow {margin-bottom:23px;} .uc-main h1 {font-size:45px;} .uc-hero-copy > p {font-size:15px;} .uc-hero-figure {padding:0 14px;} .uc-stage {padding:12px;} .uc-appbar {padding:12px 14px;font-size:10px;} .uc-appbar .uc-pill {font-size:8px;padding:3px 5px;} .uc-appbody {padding:18px;} .uc-main .uc-app h2 {font-size:25px;} .uc-main .uc-app h3 {font-size:23px;} .uc-decision,.uc-rulebox,.uc-audience-preview,.uc-outcomes,.uc-spend {padding:18px;} .uc-sidecards {grid-template-columns:1fr;} .uc-sidecards > div {padding:18px;} .uc-scenetop {padding-bottom:22px;} .uc-rows > div {gap:12px;font-size:11px;} .uc-rows > div > span {flex-shrink:1;} .uc-metric > strong {font-size:32px;} .uc-kpis {gap:24px 15px;} .uc-evidence {flex-direction:column;gap:8px;} .uc-hero-figure figcaption {padding-inline:10px;font-size:10px;} .uc-section {padding:55px 24px;} .uc-main h2 {font-size:35px;} .uc-section-head {margin-bottom:32px;} .uc-section-head > p {font-size:15px;} .uc-features {grid-template-columns:1fr;gap:28px;} .uc-features article {padding-top:20px;} .uc-panel .uc-appbody {padding:20px;min-height:0;} .uc-panel .uc-appbar .uc-pill {display:none;} .uc-scenario-grid > div {padding:14px 8px;} .uc-scenario-grid strong {font-size:29px;} .uc-scenario-grid small {font-size:8px;line-height:1.6;} .uc-log li {grid-template-columns:64px 1fr;gap:13px;} .uc-reportstats .uc-metric strong {font-size:23px;} .uc-reportstats .uc-metric > span {font-size:9px;} .uc-export {flex-wrap:wrap;} .uc-workflow ol {gap:28px 23px;} .uc-workflow h3 {font-size:20px;} .uc-workflow p {font-size:12px;} .uc-related {padding:30px 24px;} .uc-related > div {flex-direction:column;gap:20px;} .uc-endcap {padding:45px 24px;} }

/* A shared strategy gives the channel-specific work its context. */
.uc-program { display:grid; grid-template-columns:1.7fr .8fr .65fr; gap:28px; align-items:center; padding:25px; background:#edf2e7; border:1px solid #dce5d4; margin-bottom:24px; }
.uc-program > div:first-child p { font-size:15px; line-height:1.7; max-width:430px; color:#52674a; }
.uc-program .uc-metric strong { font-size:33px; }
.uc-channel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.uc-channel { background:#fff; border:1px solid #dce2d8; padding:23px; display:flex; flex-direction:column; }
.uc-main .uc-channel h3 { font-size:23px; }
.uc-channel > p { color:#73816a; font-size:12px; line-height:1.8; margin-bottom:24px; }
.uc-channel-foot { border-top:1px solid #e1e7da; padding-top:15px; display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:auto; }
.uc-channel-foot > span { font-size:10px; color:#7b8872; }
.uc-channel-foot > strong { font-size:19px; font-weight:450; letter-spacing:-.025em; }
.uc-allocation-bar { display:flex; gap:3px; height:9px; margin:25px 0; }
.uc-allocation-bar i:nth-child(1) {width:60%;background:#305b40;}.uc-allocation-bar i:nth-child(2) {width:30%;background:#92ad7f;}.uc-allocation-bar i:nth-child(3) {width:10%;background:#d1ddc1;}
.uc-account-work {margin:26px 0;}.uc-account-work > div {display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid #dce4d5;}.uc-account-work strong {display:block;font-size:12px;font-weight:500;}.uc-account-work small {display:block;font-size:10px;color:#7c8a72;margin-top:7px;line-height:1.5;}.uc-account-work .uc-pill {margin-left:auto;}
@media(max-width:800px){.uc-program {grid-template-columns:1fr 1fr;gap:25px;}.uc-program > div:first-child {grid-column:1/-1;}.uc-channel-grid {grid-template-columns:1fr;}.uc-channel {padding:22px;}.uc-channel .uc-platform {margin-bottom:20px;}.uc-channel > p {margin-bottom:20px;}}
@media(max-width:600px){.uc-program {padding:18px;}.uc-program .uc-metric strong {font-size:28px;}.uc-program > div:first-child p {font-size:13px;}.uc-account-work .uc-pill {display:none;}}