:root {
  --blue: #2401f5;
  --blue-dark: #1900b8;
  --purple: #230056;
  --purple-2: #37008d;
  --aqua: #00ffcc;
  --aqua-deep: #03e7b8;
  --lime: #d1f20d;
  --ink: #121413;
  --muted: #666b73;
  --paper: #f6f6f2;
  --white: #fff;
  --line: rgba(18, 20, 19, .13);
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Arial, Helvetica, sans-serif; }
button, a { font: inherit; }
a { color: inherit; }
img { max-width: 100%; display: block; }
[data-view][hidden] { display:none !important; }

.site-header {
  position: sticky; top: 0; z-index: 50; height: 74px; padding: 0 max(24px, calc((100vw - var(--max)) / 2));
  display: flex; align-items: center; gap: 32px; color: white;
  background: rgba(18, 20, 19, .93); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.12);
}
.brand { display: inline-flex; width: 106px; flex: 0 0 auto; }
.brand img { width: 100%; height: 38px; object-fit: contain; }
.site-header nav { display: flex; gap: 24px; margin-left: auto; }
.site-header nav a { text-decoration: none; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; opacity: .72; }
.site-header nav a:hover, .site-header nav a:focus-visible { opacity: 1; color: var(--aqua); }
.view-switcher { display:flex; gap:3px; margin-left:auto; padding:3px; background:rgba(255,255,255,.09); }
.site-header nav + .view-switcher { margin-left:0; }
.view-switcher button { padding:8px 10px; cursor:pointer; color:rgba(255,255,255,.6); background:transparent; border:0; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.view-switcher button.active { color:var(--ink); background:var(--aqua); }
body[data-site-view="explorer"] .proposal-nav { display:none; }
body[data-site-view="explorer"] .view-switcher { margin-left:auto; }
.draft-pill { padding: 8px 11px; color: var(--ink); background: var(--lime); font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; transform: skew(-8deg); }

.hero { min-height: 770px; position: relative; overflow: hidden; color: var(--white); background: linear-gradient(125deg, #160036 0%, var(--purple) 32%, var(--blue) 70%, #00a8c9 130%); padding: 104px max(24px, calc((100vw - var(--max)) / 2)) 120px; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .65fr); align-items: center; gap: 80px; }
.hero::before { content:""; position:absolute; width: 520px; height: 900px; right: -140px; top: -190px; background: repeating-linear-gradient(90deg, transparent 0 44px, rgba(0,255,204,.13) 45px 81px); transform: rotate(28deg); }
.hero::after { content:""; position:absolute; width: 360px; height: 70px; left: -80px; top: 155px; background: var(--lime); transform: skew(-34deg) rotate(-16deg); opacity: .98; }
.hero-grid { position:absolute; inset:0; opacity:.12; background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 75%); }
.hero-copy, .hero-scoreboard { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 18px; color: var(--aqua); font-size: 12px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow.dark { color: var(--blue); }
.hero h1 { margin: 0; max-width: 850px; font-family: "Arial Black", Arial, sans-serif; font-size: clamp(54px, 6.2vw, 94px); line-height: .92; letter-spacing: -.055em; text-transform: uppercase; }
.hero h1 span { color: var(--aqua); }
.hero-intro { max-width: 720px; margin: 30px 0 0; font-size: clamp(18px, 2vw, 23px); line-height: 1.45; color: rgba(255,255,255,.82); }
.hero-actions { display:flex; gap:13px; flex-wrap:wrap; margin-top: 38px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height: 50px; padding: 0 20px; text-decoration:none; text-transform:uppercase; letter-spacing:.07em; font-size:12px; font-weight:900; border:1px solid rgba(255,255,255,.38); }
.button-primary { color: var(--ink); background: var(--aqua); border-color: var(--aqua); }
.button-primary::after { content:"↗"; margin-left:22px; }
.button-secondary:hover { border-color: var(--aqua); color: var(--aqua); }
.hero-scoreboard { padding: 26px 24px 20px; background: linear-gradient(145deg, rgba(35,0,86,.93), rgba(14,0,56,.9)); border: 2px solid var(--aqua); box-shadow: 14px 14px 0 rgba(0,0,0,.22); }
.scoreboard-label { padding-bottom: 14px; margin-bottom: 2px; border-bottom: 1px solid rgba(255,255,255,.2); color: var(--aqua); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.score-row { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.14); }
.score-row strong { max-width:55%; font-size:clamp(20px,2.1vw,32px); line-height:1; letter-spacing:-.04em; }
.score-row span { color: rgba(255,255,255,.68); font-size:12px; font-weight:700; text-align:right; }
.hero-scoreboard p { margin: 15px 0 0; color:rgba(255,255,255,.53); font-size:12px; line-height:1.5; }
.hero-ribbon { position:absolute; z-index:3; left:0; bottom:0; width:100%; height:48px; background:var(--aqua); color:var(--purple); display:flex; align-items:center; justify-content:space-around; overflow:hidden; font-family:"Arial Black",Arial,sans-serif; font-size:13px; letter-spacing:.2em; }
.hero-ribbon span::before { content:"/"; color:var(--lime); background:var(--blue); padding:18px 22px; margin-right:7vw; }

.section { padding: 108px max(24px, calc((100vw - var(--max)) / 2)); }
.section-heading { max-width: 760px; margin-bottom: 55px; }
.section-heading h2, .next-copy h2, .investment-card h2 { margin: 0; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(42px,5.2vw,72px); line-height:.98; text-transform:uppercase; letter-spacing:-.045em; }
.section-heading > p:last-child, .next-copy > p:last-child, .investment-card > div > p:last-child { margin:25px 0 0; max-width:700px; color:var(--muted); font-size:18px; line-height:1.55; }
.section-heading.light { color:white; }
.section-heading.light > p:last-child { color:rgba(255,255,255,.68); }

.benchmark { display:grid; grid-template-columns: 1.05fr .95fr; gap: 0 65px; }
.benchmark-visual { position:relative; align-self:start; margin-top:26px; border:1px solid var(--line); background:var(--ink); padding:10px; box-shadow:16px 16px 0 #deded6; }
.benchmark-proof { min-height:340px; display:flex; flex-direction:column; padding:28px; color:white; border:1px solid rgba(105,239,255,.45); background:linear-gradient(145deg,var(--purple),var(--blue-dark)); }
.proof-topline { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.22); }
.proof-topline img { width:132px; height:auto; }
.proof-topline span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.proof-label { margin-top:26px; color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.proof-metrics { display:grid; grid-template-columns:1.25fr .75fr; gap:1px; margin-top:12px; background:rgba(255,255,255,.18); }
.proof-metrics div { padding:22px 18px; background:rgba(13,0,48,.72); }
.proof-metrics strong { display:block; color:white; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(34px,4.5vw,58px); line-height:1; letter-spacing:-.05em; }
.proof-metrics span { display:block; margin-top:9px; color:rgba(255,255,255,.65); font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.proof-source { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-top:auto; padding-top:22px; }
.proof-source span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.proof-source strong { max-width:260px; font-size:12px; line-height:1.4; text-align:right; }
.comparison { grid-column:1/-1; margin-top:58px; display:grid; grid-template-columns:1fr 70px 1fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.comparison-column { padding:42px 34px; }
.comparison-column.network { background:white; }
.mini-label { margin:0 0 10px; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.comparison-column h3 { margin:0; font-size:26px; }
.big-stat { margin-top:25px; color:var(--blue); font-family:"Arial Black",Arial,sans-serif; font-size:58px; letter-spacing:-.055em; }
.stat-caption { max-width:380px; margin:4px 0 24px; color:var(--muted); line-height:1.45; }
.comparison-column ul { list-style:none; margin:0; padding:0; }
.comparison-column li { position:relative; padding:10px 0 10px 22px; border-top:1px solid var(--line); font-size:13px; font-weight:700; }
.comparison-column li::before { content:"/"; position:absolute; left:3px; color:var(--aqua-deep); font-weight:900; }
.versus { display:grid; place-items:center; color:white; background:var(--blue); font-size:30px; }
.truth-strip { grid-column:1/-1; display:grid; grid-template-columns:220px 1fr; gap:28px; margin-top:30px; padding:26px 30px; color:white; background:var(--ink); }
.truth-strip strong { color:var(--lime); text-transform:uppercase; letter-spacing:.06em; font-size:12px; }
.truth-strip p { margin:0; line-height:1.55; }

.model { position:relative; overflow:hidden; background:linear-gradient(145deg, var(--purple), var(--blue-dark)); }
.model::after { content:""; position:absolute; width:320px; height:320px; right:-120px; top:-100px; border:50px solid rgba(0,255,204,.13); transform:rotate(45deg); }
.role-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.role-card { min-height:410px; display:flex; flex-direction:column; padding:28px; color:white; border:1px solid rgba(255,255,255,.25); background:rgba(13,0,48,.42); }
.role-card:nth-child(2) { background:rgba(0,255,204,.08); }
.role-number { align-self:flex-end; color:var(--aqua); font-family:"Arial Black",Arial,sans-serif; font-size:46px; opacity:.55; }
.role-card h3 { max-width:310px; margin:8px 0 18px; font-size:29px; line-height:1.04; text-transform:uppercase; }
.role-card > p:not(.mini-label) { margin:0; color:rgba(255,255,255,.68); line-height:1.55; }
.role-card .mini-label { color:var(--lime); }
.name-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; }
.name-list span { padding:8px 10px; border:1px solid rgba(0,255,204,.45); color:var(--aqua); font-size:12px; font-weight:800; }
.role-card footer { margin-top:auto; padding-top:28px; border-top:1px solid rgba(255,255,255,.17); color:white; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }

.recommendation { background:var(--paper); }
.recommendation-summary { display:grid; grid-template-columns:1.05fr .95fr; color:white; background:linear-gradient(140deg,var(--purple),var(--blue-dark)); border-left:8px solid var(--lime); }
.recommendation-statement { padding:38px; }
.recommendation-statement > span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.recommendation-statement > strong { display:block; max-width:570px; margin-top:14px; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(28px,3.4vw,48px); line-height:1; text-transform:uppercase; letter-spacing:-.04em; }
.recommendation-statement p { max-width:570px; margin:20px 0 0; color:rgba(255,255,255,.67); line-height:1.55; }
.recommendation-numbers { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:1px; background:rgba(255,255,255,.16); }
.recommendation-numbers div { display:flex; flex-direction:column; justify-content:center; min-height:150px; padding:25px; background:rgba(12,0,48,.78); }
.recommendation-numbers strong { color:var(--aqua); font-family:"Arial Black",Arial,sans-serif; font-size:35px; letter-spacing:-.04em; }
.recommendation-numbers span { max-width:150px; margin-top:7px; color:rgba(255,255,255,.57); font-size:12px; line-height:1.4; text-transform:uppercase; }
.recommended-roster { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.roster-card { min-height:355px; display:flex; flex-direction:column; padding:25px; background:white; border-top:5px solid var(--blue); box-shadow:8px 8px 0 #e0e0d8; }
.roster-card.lead { color:white; background:linear-gradient(145deg,var(--blue-dark),var(--purple)); border-color:var(--aqua); }
.roster-card.confirmed { color:white; background:var(--purple); border-color:var(--lime); }
.roster-topline { display:flex; justify-content:space-between; gap:14px; padding-bottom:13px; border-bottom:1px solid var(--line); color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.lead .roster-topline, .confirmed .roster-topline { color:var(--aqua); border-color:rgba(255,255,255,.18); }
.roster-topline strong { color:var(--ink); background:var(--lime); padding:5px 6px; }
.roster-card h3 { margin:24px 0 8px; font-size:28px; line-height:1; text-transform:uppercase; }
.roster-card p { margin:0; color:var(--muted); line-height:1.45; }
.roster-card.lead p, .roster-card.confirmed p { color:rgba(255,255,255,.65); }
.roster-card ul { list-style:none; margin:22px 0 0; padding:0; }
.roster-card li { padding:9px 0; border-top:1px solid rgba(255,255,255,.15); font-size:12px; font-weight:800; }
.roster-card:not(.lead):not(.confirmed) li { border-color:var(--line); }
.roster-alternatives { display:grid; gap:6px; margin-top:24px; }
.roster-alternatives span { padding:9px 10px; color:var(--blue); background:#eeeeff; font-size:12px; font-weight:800; }
.roster-card > a, .roster-evidence { align-self:flex-start; margin-top:auto; padding-top:25px; color:var(--blue); background:transparent; border:0; cursor:pointer; font-size:12px; font-weight:900; text-transform:uppercase; }
.roster-card > a.creator-account-link { margin-top:16px; padding-top:0; color:var(--blue); }
.roster-card > a.creator-account-link.light { color:var(--aqua); }
.roster-evidence { color:var(--lime); }
.roster-proof[data-click-proof] { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.click-source-link { color:inherit; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; text-decoration:underline; text-underline-offset:2px; }
.compliance-note { display:grid; gap:7px; margin-top:auto; padding:13px; color:#3a2400; background:#ffd581; border-left:5px solid #e89100; }
.compliance-note strong { font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.compliance-note span { font-size:12px; line-height:1.4; }
.compliance-note a { color:#3a2400; font-size:12px; font-weight:900; text-transform:uppercase; }
.recommendation-flex { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:30px; background:var(--line); border:1px solid var(--line); }
.recommendation-flex article { padding:24px; background:white; }
.recommendation-flex span { display:block; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.recommendation-flex strong { display:block; margin-top:9px; font-size:18px; text-transform:uppercase; }
.recommendation-flex p { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.recommendation-flex a { color:var(--blue); font-weight:900; }
.recommendation-decision { display:grid; grid-template-columns:210px 1fr auto; gap:24px; align-items:center; margin-top:30px; padding:24px 28px; color:white; background:var(--ink); }
.recommendation-decision strong { color:var(--lime); font-size:12px; text-transform:uppercase; }
.recommendation-decision span { color:rgba(255,255,255,.68); font-size:12px; line-height:1.45; }

.creators { background:#fff; }
.explorer-return { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:-20px 0 30px; padding:14px 17px; color:white; background:var(--ink); border-left:6px solid var(--aqua); }
.explorer-return span { color:rgba(255,255,255,.64); font-size:12px; }
.explorer-return button { padding:9px 11px; cursor:pointer; color:var(--ink); background:var(--aqua); border:0; font-size:12px; font-weight:900; text-transform:uppercase; }
.explorer-methodology { margin-bottom:34px; border-top:4px solid var(--blue); }
.explorer-methodology > summary { padding:15px 2px; cursor:pointer; color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.explorer-methodology .analysis-method { margin:0; }
.explorer-methodology .audience-data-status { margin:1px 0 0; }
.analysis-method { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:-20px 0 34px; color:white; background:var(--blue); border-top:5px solid var(--aqua); }
.analysis-method div { min-height:118px; padding:18px; background:linear-gradient(145deg,var(--purple),var(--blue-dark)); }
.analysis-method span, .analysis-method small { display:block; }
.analysis-method span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.analysis-method strong { display:block; margin-top:9px; font-size:16px; }
.analysis-method small { margin-top:7px; color:rgba(255,255,255,.58); font-size:12px; line-height:1.4; }
.audience-data-status { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:-14px 0 34px; padding:18px 20px; color:white; background:var(--ink); border-left:6px solid var(--lime); }
.audience-data-status > div:first-child > span, .audience-data-status small { display:block; }
.audience-data-status > div:first-child > span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.audience-data-status > div:first-child > strong { display:block; margin-top:5px; font-size:17px; }
.audience-data-status small { margin-top:5px; color:rgba(255,255,255,.58); font-size:12px; }
.audience-data-metrics { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.audience-data-metrics span { min-width:105px; padding:10px 12px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.58); font-size:12px; text-transform:uppercase; }
.audience-data-metrics strong { display:block; margin-bottom:3px; color:var(--lime); font-size:13px; }
.builder-shell { display:grid; grid-template-columns:minmax(480px,.92fr) minmax(480px,1.08fr); gap:26px; align-items:start; }
.creator-catalogue { border-top:5px solid var(--blue); }
.catalogue-heading { display:flex; justify-content:space-between; gap:24px; padding:19px 0; border-bottom:1px solid var(--line); }
.catalogue-heading span, .squad-board-heading span { display:block; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.catalogue-heading strong { display:block; margin-top:5px; font-size:20px; }
.catalogue-heading small { max-width:250px; color:var(--muted); line-height:1.4; }
.catalogue-heading small span { display:block; margin-top:5px; color:var(--blue); font-weight:800; }
.pool-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 0; }
.filter-bar { display:flex; flex-wrap:wrap; gap:6px; }
.filter { border:1px solid var(--line); background:transparent; padding:9px 11px; color:var(--muted); cursor:pointer; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.filter.active { color:white; border-color:var(--blue); background:var(--blue); }
.sort-control { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.sort-control select { min-width:135px; padding:8px 25px 8px 9px; color:var(--ink); border:1px solid var(--line); background:white; font-weight:700; }
.creator-list, .research-list { display:grid; gap:1px; border:1px solid var(--line); background:var(--line); }
.creator-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:13px; align-items:center; min-height:102px; padding:14px; background:var(--paper); transition:background .2s ease; }
.creator-card:hover { background:#efefe8; }
.creator-card.selected { background:#e9e6ff; }
.creator-mark { position:relative; width:42px; height:42px; display:grid; place-items:center; overflow:hidden; color:white; background:var(--purple); border-bottom:6px solid var(--aqua); font-family:"Arial Black",Arial,sans-serif; }
.creator-mark img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.creator-card h3 { margin:0 0 3px; font-size:16px; }
.creator-role { margin:0; color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.catalogue-metrics { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:9px; color:var(--muted); font-size:12px; }
.catalogue-metrics strong { color:var(--ink); }
.public-channel-row { display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; margin-top:9px; padding-top:8px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.public-channel-row strong { color:var(--ink); }
.public-channel-row.loading { opacity:.65; }
.clickanalytic-row { display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; margin-top:6px; color:var(--muted); font-size:12px; }
.clickanalytic-row strong { color:var(--ink); }
.clickanalytic-row.pending { opacity:.68; }
.clickanalytic-tag { display:inline-block; padding:4px 6px; color:white; background:var(--blue); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.youtube-tag { display:inline-block; color:#fff; background:#e62117; padding:4px 6px; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.open-channel { padding:5px 7px; cursor:pointer; color:var(--blue); background:transparent; border:1px solid var(--blue); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.open-channel:hover { color:white; background:var(--blue); }
.catalogue-action { display:grid; justify-items:end; gap:8px; }
.status { padding:5px 7px; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
.status.pending { color:#684800; background:#ffe9a8; }
.status.partial { color:#003d44; background:#b8fff2; }
.status.verified { color:#213500; background:var(--lime); }
.select-creator { min-width:82px; padding:9px 10px; cursor:pointer; color:white; background:var(--purple); border:0; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.creator-card.selected .select-creator { color:#585d61; background:#d7d7d1; cursor:default; }
.catalogue-subheading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:28px; padding:14px 0; cursor:pointer; border-top:4px solid var(--aqua-deep); list-style:none; }
.catalogue-subheading::-webkit-details-marker { display:none; }
.catalogue-subheading strong::before { content:"+"; display:inline-block; margin-right:8px; color:var(--blue); }
.research-catalogue[open] .catalogue-subheading strong::before { content:"−"; }
.catalogue-subheading span { padding:5px 7px; color:#684800; background:#ffe9a8; font-size:12px; font-weight:900; text-transform:uppercase; }
.research-candidate { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:13px 14px; background:white; }
.research-candidate strong { display:block; margin-bottom:3px; font-size:13px; }
.research-candidate .research-role { display:block; color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.research-candidate small { display:block; margin-top:7px; color:var(--muted); line-height:1.35; }
.research-candidate .research-click { display:block; margin-top:8px; color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.research-candidate .research-click.pending { color:var(--muted); }
.research-candidate .research-status { align-self:start; padding:5px 7px; color:#684800; background:#ffe9a8; font-size:12px; font-weight:900; text-transform:uppercase; white-space:nowrap; }
.research-candidate.asa-note { border-left:5px solid #f3b21a; }
.research-candidate.asa-note .research-status { color:white; background:#a55c00; }
.squad-visualization { position:sticky; top:92px; padding:25px; color:white; background:linear-gradient(145deg,var(--purple),var(--blue-dark)); border-left:7px solid var(--lime); box-shadow:13px 13px 0 #deded6; }
.squad-board-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.18); }
.squad-board-heading span { color:var(--aqua); }
.squad-board-heading strong { font-size:13px; }
.budget-control label { display:flex; align-items:baseline; justify-content:space-between; gap:18px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.budget-control strong { color:white; font-family:"Arial Black",Arial,sans-serif; font-size:30px; letter-spacing:-.04em; }
.budget-control input { width:100%; margin:12px 0 4px; accent-color:var(--aqua); }
.range-labels { display:flex; justify-content:space-between; color:rgba(255,255,255,.48); font-size:12px; font-weight:800; }
.cpm-control { margin-top:16px; padding-top:15px; border-top:1px solid rgba(255,255,255,.18); }
.cpm-control-heading { display:flex; align-items:baseline; justify-content:space-between; gap:18px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.cpm-control-heading strong { color:white; font-family:"Arial Black",Arial,sans-serif; font-size:22px; letter-spacing:-.04em; }
.cpm-options { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:9px; }
.cpm-option { padding:9px 8px; cursor:pointer; color:rgba(255,255,255,.62); background:transparent; border:1px solid rgba(255,255,255,.22); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.cpm-option:hover, .cpm-option.active { color:var(--ink); border-color:var(--aqua); background:var(--aqua); }
.cpm-control small { display:block; margin-top:8px; color:rgba(255,255,255,.46); font-size:12px; line-height:1.4; }
.builder-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:18px 0 14px; background:rgba(255,255,255,.16); }
.builder-stats div { padding:12px 9px; background:rgba(16,0,65,.82); }
.builder-stats span { display:block; min-height:24px; color:rgba(255,255,255,.54); font-size:12px; line-height:1.35; text-transform:uppercase; letter-spacing:.05em; }
.builder-stats strong { display:block; margin-top:4px; color:var(--aqua); font-size:18px; }
.budget-meter { height:7px; overflow:hidden; background:rgba(255,255,255,.17); }
.budget-meter span { display:block; width:0; height:100%; background:var(--lime); transition:width .25s ease, background .25s ease; }
.budget-meter span.over { background:#ff5c79; }
.budget-message { margin:7px 0 15px; color:rgba(255,255,255,.65); font-size:12px; font-weight:800; }
.budget-message.over { color:#ff9caf; }
.role-warning { margin:0 0 15px; padding:10px 12px; color:#2e2100; background:#ffe7a1; border-left:5px solid #f3b21a; font-size:12px; font-weight:800; line-height:1.45; }
.mark-target { margin:18px 0; padding:16px; background:rgba(8,0,38,.46); border:1px solid rgba(105,239,255,.32); }
.target-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.target-heading > div:first-child > span { display:block; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.target-heading > div:first-child > strong { display:block; margin-top:5px; color:white; font-family:"Arial Black",Arial,sans-serif; font-size:29px; letter-spacing:-.04em; }
.target-toggle { display:flex; gap:3px; }
.target-option { padding:8px 7px; cursor:pointer; color:rgba(255,255,255,.62); background:transparent; border:1px solid rgba(255,255,255,.22); font-size:12px; font-weight:900; letter-spacing:.03em; text-transform:uppercase; }
.target-option:hover, .target-option.active { color:var(--ink); border-color:var(--aqua); background:var(--aqua); }
.target-formula { margin:11px 0 10px; color:rgba(255,255,255,.56); font-size:12px; line-height:1.4; }
.target-progress { height:9px; overflow:hidden; background:rgba(255,255,255,.17); }
.target-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--aqua-deep),var(--aqua)); transition:width .25s ease; }
.target-readout { display:flex; justify-content:space-between; gap:15px; margin-top:9px; color:rgba(255,255,255,.52); font-size:12px; text-transform:uppercase; }
.target-readout strong { color:var(--lime); }
.preset-group { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-bottom:18px; }
.preset { padding:9px 8px; cursor:pointer; color:rgba(255,255,255,.62); background:transparent; border:1px solid rgba(255,255,255,.22); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.preset:hover, .preset.active { color:var(--ink); border-color:var(--aqua); background:var(--aqua); }
.squad-board { display:grid; gap:8px; }
.squad-lane { display:grid; grid-template-columns:125px 1fr; min-height:92px; border:1px solid rgba(255,255,255,.17); background:rgba(8,0,38,.36); }
.squad-lane header { padding:14px 12px; border-right:1px solid rgba(255,255,255,.14); }
.squad-lane header span { display:block; color:var(--lime); font-family:"Arial Black",Arial,sans-serif; font-size:18px; opacity:.7; }
.squad-lane header strong { display:block; margin-top:6px; font-size:12px; line-height:1.3; text-transform:uppercase; }
.squad-slots { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:9px; }
.squad-tile { min-width:135px; flex:1 1 135px; display:grid; grid-template-columns:1fr auto; gap:7px; align-items:start; padding:10px; color:var(--ink); background:white; border-bottom:5px solid var(--aqua); }
.squad-tile strong { display:block; font-size:12px; }
.squad-tile span { display:block; margin-top:4px; color:var(--muted); font-size:12px; }
.remove-creator { width:24px; height:24px; display:grid; place-items:center; cursor:pointer; color:white; background:var(--purple); border:0; font-size:15px; font-weight:900; line-height:1; }
.empty-slot { color:rgba(255,255,255,.38); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.data-note { margin:16px 0 0; color:rgba(255,255,255,.42); font-size:12px; line-height:1.45; }

.channel-dialog { width:min(980px,calc(100% - 36px)); max-height:calc(100vh - 40px); padding:0; color:var(--ink); background:var(--paper); border:0; box-shadow:0 22px 70px rgba(0,0,0,.4); }
.channel-dialog::backdrop { background:rgba(8,0,38,.78); backdrop-filter:blur(4px); }
.dialog-shell { position:relative; min-height:100%; }
#channel-profile { position:relative; }
.dialog-close { position:absolute; top:13px; right:13px; z-index:3; width:38px; height:38px; display:grid; place-items:center; cursor:pointer; color:white; background:var(--purple); border:2px solid white; font-size:22px; font-weight:900; }
.profile-banner { height:170px; overflow:hidden; background:linear-gradient(120deg,var(--purple),var(--blue)); }
.profile-banner img { width:100%; height:100%; object-fit:cover; }
.profile-header { display:grid; grid-template-columns:100px 1fr; gap:20px; align-items:end; margin-top:-48px; padding:0 34px; position:relative; }
.profile-avatar { position:relative; width:100px; height:100px; display:grid; place-items:center; overflow:hidden; color:white; background:var(--purple); border:6px solid var(--paper); font-family:"Arial Black",Arial,sans-serif; font-size:28px; }
.profile-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.profile-header h2 { margin:8px 0 3px; font-size:34px; text-transform:uppercase; }
.profile-header p { margin:0; color:var(--muted); font-weight:800; }
.profile-data-split { display:flex; justify-content:space-between; gap:25px; margin:24px 34px 0; padding:13px 15px; color:white; background:var(--ink); font-size:12px; line-height:1.4; }
.profile-data-split strong { color:var(--lime); text-transform:uppercase; }
.profile-data-split span { max-width:470px; color:rgba(255,255,255,.72); text-align:right; }
.profile-audience-dashboard { margin:18px 34px 0; padding:20px; color:white; background:linear-gradient(145deg,var(--purple),var(--blue-dark)); border-left:6px solid var(--lime); }
.audience-dashboard-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.18); }
.audience-dashboard-heading span, .audience-dashboard-heading strong { display:block; }
.audience-dashboard-heading span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.audience-dashboard-heading strong { margin-top:4px; font-size:16px; }
.audience-dashboard-heading a { color:var(--lime); font-size:12px; font-weight:900; text-transform:uppercase; }
.audience-dashboard-heading .audience-source-note { color:var(--lime); font-size:12px; font-weight:900; text-align:right; text-transform:uppercase; }
.audience-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:14px; background:rgba(255,255,255,.16); }
.audience-kpis > div { min-width:0; padding:13px 11px; background:rgba(16,0,65,.84); }
.audience-kpis span, .audience-kpis small { display:block; color:rgba(255,255,255,.56); font-size:12px; line-height:1.35; text-transform:uppercase; }
.audience-kpis strong { display:block; margin:5px 0; color:var(--aqua); font-family:"Arial Black",Arial,sans-serif; font-size:22px; }
.audience-kpis .audience-kpi-proxy { box-shadow:inset 0 3px 0 var(--lime); }
.audience-kpis .audience-kpi-proxy small { color:rgba(224,255,22,.78); }
.audience-kpis .audience-kpi-missing strong { color:rgba(255,255,255,.7); font-family:Arial,sans-serif; font-size:17px; }
.format-proxy-note { display:grid; grid-template-columns:150px minmax(0,1fr); gap:18px; margin-top:12px; padding:12px 14px; color:white; background:rgba(255,255,255,.08); border:1px solid rgba(224,255,22,.4); }
.format-proxy-note > strong { color:var(--lime); font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.format-proxy-note p { margin:0; color:rgba(255,255,255,.74); font-size:12px; line-height:1.5; }
.format-proxy-note p + p { margin-top:6px; }
.format-proxy-note b { color:white; }
.format-proxy-note a { color:var(--aqua); font-weight:900; white-space:nowrap; }
.audience-chart-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:20px; }
.audience-chart-grid article { min-width:0; }
.audience-chart-title { display:flex; justify-content:space-between; gap:10px; margin-bottom:11px; padding-bottom:7px; border-bottom:1px solid rgba(255,255,255,.15); }
.audience-chart-title strong { font-size:12px; text-transform:uppercase; }
.audience-chart-title span { color:rgba(255,255,255,.5); font-size:12px; text-transform:uppercase; }
.audience-bar-row { margin-top:8px; }
.audience-bar-row > div:first-child { display:flex; justify-content:space-between; gap:12px; color:rgba(255,255,255,.7); font-size:12px; }
.audience-bar-row strong { color:white; }
.audience-bar-track { height:5px; margin-top:4px; overflow:hidden; background:rgba(255,255,255,.14); }
.audience-bar-track span { display:block; height:100%; background:linear-gradient(90deg,var(--aqua-deep),var(--aqua)); }
.audience-commercial-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin-top:20px; background:rgba(255,255,255,.14); }
.audience-commercial-strip span { min-width:0; padding:10px; background:rgba(8,0,38,.58); }
.audience-commercial-strip small, .audience-commercial-strip strong { display:block; }
.audience-commercial-strip small { color:rgba(255,255,255,.5); font-size:12px; text-transform:uppercase; }
.audience-commercial-strip strong { margin-top:4px; color:var(--lime); font-size:12px; }
.audience-verdict { display:flex; gap:18px; margin-top:16px; padding:12px; color:var(--ink); background:var(--lime); }
.audience-verdict strong { flex:0 0 auto; font-size:12px; text-transform:uppercase; }
.audience-verdict span { font-size:12px; line-height:1.4; }
.profile-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:18px 34px 0; background:var(--line); border:1px solid var(--line); }
.profile-metrics div { padding:16px; background:white; }
.profile-metrics span, .profile-metrics small { display:block; color:var(--muted); font-size:12px; text-transform:uppercase; }
.profile-metrics strong { display:block; margin:6px 0; color:var(--blue); font-family:"Arial Black",Arial,sans-serif; font-size:25px; }
.profile-player { margin:18px 34px 0; background:var(--ink); }
.profile-player-frame { position:relative; aspect-ratio:16/9; overflow:hidden; background:#000; }
.profile-player-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-file-fallback { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; color:white; background:#070709; text-decoration:none; }
.video-file-fallback::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,7,9,.06) 15%,rgba(7,7,9,.84) 100%); }
.video-file-fallback > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; transition:transform .25s ease,opacity .25s ease; }
.video-file-fallback:hover > img { opacity:.9; transform:scale(1.02); }
.video-file-play { position:relative; z-index:1; display:grid; width:68px; height:68px; place-items:center; padding-left:4px; color:white; background:#f00; border-radius:50%; box-shadow:0 12px 35px rgba(0,0,0,.38); font-size:25px; }
.video-file-copy { position:absolute; z-index:1; right:0; bottom:0; left:0; display:block; padding:24px 27px; }
.video-file-copy strong,.video-file-copy small { display:block; }
.video-file-copy strong { font-size:14px; text-transform:uppercase; }
.video-file-copy small { margin-top:5px; color:rgba(255,255,255,.68); font-size:12px; }
.profile-player-meta { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:15px 17px; color:white; }
.profile-player-meta span, .profile-player-meta small { display:block; color:rgba(255,255,255,.57); font-size:12px; text-transform:uppercase; }
.profile-player-meta strong { display:block; margin:5px 0; font-size:13px; }
.profile-player-meta a { flex:0 0 auto; color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-video-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:22px 34px 12px; }
.profile-video-heading > strong { text-transform:uppercase; }
.video-filter { display:flex; gap:3px; }
.video-filter button { padding:8px 10px; cursor:pointer; color:var(--muted); background:transparent; border:1px solid var(--line); font-size:12px; font-weight:900; text-transform:uppercase; }
.video-filter button[aria-pressed="true"] { color:white; border-color:var(--blue); background:var(--blue); }
.profile-videos { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; min-height:175px; margin:0 34px; }
.profile-video { position:relative; display:block; width:100%; padding:0; cursor:pointer; color:var(--ink); text-align:left; text-decoration:none; background:white; border:0; border-bottom:5px solid var(--aqua); }
.profile-video[aria-pressed="true"] { box-shadow:inset 0 0 0 3px var(--blue); }
.profile-video img { width:100%; aspect-ratio:16/9; display:block; object-fit:cover; background:#ddd; }
.profile-video .video-type { position:absolute; top:7px; left:7px; padding:4px 5px; color:white; background:var(--purple); font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-video strong { display:-webkit-box; min-height:42px; margin:9px 9px 4px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; line-height:1.35; }
.profile-video small { display:block; margin:0 9px 10px; color:var(--muted); font-size:12px; line-height:1.35; }
.empty-profile-videos { grid-column:1/-1; margin:0; padding:40px 20px; color:var(--muted); background:white; text-align:center; }
.profile-actions { display:flex; align-items:center; gap:18px; margin:24px 34px 0; }
.profile-add { padding:12px 16px; cursor:pointer; color:white; background:var(--purple); border:0; font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-add:disabled { color:#585d61; background:#d7d7d1; cursor:default; }
.profile-actions a { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-method { margin:14px 34px 30px; color:var(--muted); font-size:12px; line-height:1.45; }

.routes { background:var(--ink); color:white; }
.route-tabs { display:flex; gap:2px; border-bottom:1px solid rgba(255,255,255,.18); }
.route-tabs button { padding:16px 18px; border:0; color:rgba(255,255,255,.55); background:transparent; cursor:pointer; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.route-tabs button[aria-selected="true"] { color:var(--ink); background:var(--aqua); }
.route-panel { display:grid; grid-template-columns:1fr 1fr; gap:55px; min-height:390px; padding:44px; background:linear-gradient(130deg,var(--purple),var(--blue-dark)); border-bottom:5px solid var(--aqua); }
.route-panel h3 { margin:0 0 14px; font-size:34px; text-transform:uppercase; }
.route-panel .route-tag { display:inline-block; margin-bottom:16px; color:var(--lime); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.route-panel p { color:rgba(255,255,255,.7); line-height:1.55; }
.route-panel ul { list-style:none; padding:0; margin:28px 0 0; }
.route-panel li { padding:13px 0; border-top:1px solid rgba(255,255,255,.16); font-weight:800; }
.route-panel li::before { content:"/"; color:var(--lime); margin-right:12px; }
.route-stack { display:grid; gap:10px; align-content:center; }
.route-stack article { display:grid; grid-template-columns:52px 1fr; gap:15px; padding:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); }
.route-stack article span { width:48px; height:48px; display:grid; place-items:center; color:var(--purple); background:var(--aqua); font-family:"Arial Black",Arial,sans-serif; }
.route-stack article strong { display:block; margin-bottom:4px; }
.route-stack article small { color:rgba(255,255,255,.56); }

.season { background:var(--paper); }
.campaign-showreel { display:grid; grid-template-columns:330px minmax(0,1fr); gap:20px; align-items:start; }
.campaign-timeline { position:relative; display:grid; gap:8px; }
.campaign-timeline::before { content:""; position:absolute; top:17px; bottom:17px; left:17px; width:2px; background:#cbcbd2; }
.campaign-moment { position:relative; display:grid; grid-template-columns:35px 72px minmax(0,1fr); gap:11px; align-items:center; min-height:58px; padding:9px 11px 9px 0; cursor:pointer; color:var(--ink); text-align:left; background:transparent; border:1px solid transparent; }
.campaign-moment::before { content:""; z-index:1; width:13px; height:13px; margin-left:11px; background:var(--paper); border:4px solid var(--blue); transform:rotate(45deg); }
.campaign-moment:hover { background:white; border-color:var(--line); }
.campaign-moment[aria-selected="true"] { color:white; background:var(--purple); border-color:var(--purple); box-shadow:7px 7px 0 var(--aqua); }
.campaign-moment[aria-selected="true"]::before { background:var(--lime); border-color:var(--lime); }
.campaign-moment span, .campaign-moment strong, .campaign-moment small { display:block; }
.campaign-moment span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.campaign-moment[aria-selected="true"] span { color:var(--aqua); }
.campaign-moment strong { font-size:12px; line-height:1.2; text-transform:uppercase; }
.campaign-moment small { margin-top:4px; color:var(--muted); font-size:12px; line-height:1.25; }
.campaign-moment[aria-selected="true"] small { color:rgba(255,255,255,.58); }
.campaign-stage { overflow:hidden; color:white; background:linear-gradient(145deg,var(--purple),var(--blue-dark)); border-bottom:7px solid var(--aqua); }
.campaign-player { position:relative; aspect-ratio:16/8.7; background:#070709; }
.campaign-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.campaign-stage-copy { padding:27px 30px 30px; }
.campaign-stage-topline { display:flex; justify-content:space-between; gap:16px; padding-bottom:13px; border-bottom:1px solid rgba(255,255,255,.18); color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.campaign-stage-topline strong { color:var(--ink); background:var(--lime); padding:5px 7px; }
.campaign-stage h3 { margin:22px 0 8px; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(27px,3.4vw,46px); line-height:.98; letter-spacing:-.04em; text-transform:uppercase; }
#campaign-event { margin:0; color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
#campaign-idea { max-width:700px; margin:15px 0 0; color:rgba(255,255,255,.68); line-height:1.55; }
.campaign-deliverables { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }
.campaign-deliverables span { padding:8px 10px; color:white; border:1px solid rgba(0,255,204,.42); font-size:12px; font-weight:800; }
.campaign-stage-actions { display:flex; flex-wrap:wrap; gap:18px; margin-top:24px; padding-top:18px; border-top:1px solid rgba(255,255,255,.18); }
.campaign-stage-actions a { color:var(--lime); font-size:12px; font-weight:900; text-transform:uppercase; }
.campaign-source { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:15px; color:var(--muted); font-size:12px; }
.campaign-source a { color:var(--blue); font-weight:900; text-transform:uppercase; }
.timeline { display:grid; grid-template-columns:repeat(4,1fr); border-top:5px solid var(--blue); }
.timeline article { position:relative; padding:30px 24px 35px; border-right:1px solid var(--line); }
.timeline article::before { content:""; position:absolute; width:14px; height:14px; left:24px; top:-10px; background:var(--lime); border:3px solid var(--blue); transform:rotate(45deg); }
.timeline span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.timeline h3 { margin:16px 0 10px; font-size:24px; text-transform:uppercase; }
.timeline p { color:var(--muted); line-height:1.48; font-size:13px; }
.output-bar { display:flex; min-height:58px; color:white; margin-top:28px; overflow:hidden; }
.output-bar span { flex-basis:var(--size); display:flex; align-items:center; justify-content:center; padding:10px; background:var(--purple); border-right:2px solid var(--paper); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.output-bar span:nth-child(2) { background:var(--blue); }
.output-bar span:nth-child(3) { color:var(--ink); background:var(--aqua); }

.investment { background:white; }
.investment-card { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; padding:55px; color:white; background:linear-gradient(130deg,var(--blue),var(--purple)); border-left:10px solid var(--lime); }
.investment-card > div > p:last-child { color:rgba(255,255,255,.7); }
.investment-bands { display:grid; align-content:center; }
.investment-bands div { display:flex; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.investment-bands span { color:rgba(255,255,255,.66); }
.investment-bands strong { color:var(--aqua); font-size:20px; }
.investment-caveat { margin:18px 0 0; padding:16px 18px; color:var(--muted); background:#f1f1eb; border-left:6px solid var(--blue); font-size:12px; line-height:1.55; }
.guardrail-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:24px; border:1px solid var(--line); }
.guardrail-grid article { padding:25px; border-right:1px solid var(--line); }
.guardrail-grid span { color:var(--blue); font-family:"Arial Black",Arial,sans-serif; }
.guardrail-grid h3 { margin:16px 0 8px; text-transform:uppercase; }
.guardrail-grid p { margin:0; color:var(--muted); line-height:1.45; font-size:13px; }

.next-steps { display:grid; grid-template-columns:1fr 1fr; gap:80px; color:white; background:var(--purple); }
.next-copy > p:last-child { color:rgba(255,255,255,.65); }
.next-list { list-style:none; margin:0; padding:0; }
.next-list li { display:grid; grid-template-columns:46px 1fr; gap:18px; padding:20px 0; border-top:1px solid rgba(255,255,255,.18); }
.next-list li > span { width:40px; height:40px; display:grid; place-items:center; color:var(--purple); background:var(--lime); font-weight:900; }
.next-list strong { text-transform:uppercase; }
.next-list p { margin:5px 0 0; color:rgba(255,255,255,.55); font-size:13px; }

.site-footer { display:flex; align-items:center; gap:28px; min-height:105px; padding:25px max(24px, calc((100vw - var(--max)) / 2)); color:white; background:var(--ink); border-top:4px solid var(--aqua); }
.site-footer img { width:95px; }
.site-footer p { margin:0; color:rgba(255,255,255,.5); font-size:12px; }
.site-footer span { margin-left:auto; font-size:12px; font-weight:900; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1000px) {
  .site-header nav { display:none; }
  .view-switcher { margin-left:auto; }
  .hero { grid-template-columns:1fr; gap:50px; padding-top:90px; }
  .hero-scoreboard { max-width:520px; }
  .benchmark { grid-template-columns:1fr; }
  .benchmark-visual { max-width:720px; }
  .role-grid { grid-template-columns:repeat(2,1fr); }
  .recommendation-summary { grid-template-columns:1fr; }
  .recommended-roster { grid-template-columns:1fr; }
  .roster-card { min-height:300px; }
  .recommendation-decision { grid-template-columns:1fr; }
  .recommendation-decision .button { justify-self:start; }
  .analysis-method { grid-template-columns:repeat(2,1fr); }
  .audience-data-status { align-items:flex-start; flex-direction:column; }
  .audience-data-metrics { justify-content:flex-start; }
  .builder-shell { grid-template-columns:1fr; }
  .squad-visualization { position:relative; top:auto; order:-1; }
  .recommendation-flex { grid-template-columns:1fr; }
  .timeline, .guardrail-grid { grid-template-columns:repeat(2,1fr); }
  .campaign-showreel { grid-template-columns:1fr; }
  .campaign-timeline { grid-template-columns:repeat(4,1fr); gap:7px; }
  .campaign-timeline::before { display:none; }
  .campaign-moment { grid-template-columns:1fr; align-content:start; min-height:118px; padding:12px; }
  .campaign-moment::before { width:10px; height:10px; margin:0 0 5px; }
  .route-panel, .investment-card, .next-steps { grid-template-columns:1fr; }
}

@media (max-width: 650px) {
  .site-header { height:64px; }
  .draft-pill { display:none; }
  .brand { width:86px; }
  .view-switcher button { padding:7px 8px; font-size:12px; }
  .hero { min-height:auto; padding-top:82px; padding-bottom:105px; }
  .hero::after { top:110px; width:220px; height:35px; }
  .hero-intro { font-size:17px; }
  .section { padding-top:75px; padding-bottom:75px; }
  .comparison { grid-template-columns:1fr; }
  .versus { position:relative; min-height:48px; color:transparent; transform:none; font-size:22px; }
  .versus::after { content:"↓"; position:absolute; inset:0; display:grid; place-items:center; color:white; font-size:22px; }
  .truth-strip { grid-template-columns:1fr; }
  .role-grid, .timeline, .guardrail-grid { grid-template-columns:1fr; }
  .campaign-timeline { grid-template-columns:1fr 1fr; }
  .campaign-moment { min-height:118px; }
  .campaign-stage-copy { padding:22px; }
  .campaign-stage-topline { align-items:flex-start; flex-direction:column; }
  .campaign-source { align-items:flex-start; flex-direction:column; }
  .analysis-method { grid-template-columns:1fr; }
  .recommendation-statement { padding:28px 22px; }
  .recommendation-numbers { grid-template-columns:1fr 1fr; }
  .recommendation-numbers div { min-height:120px; padding:18px; }
  .recommendation-numbers strong { font-size:27px; }
  .roster-card { min-height:0; padding:22px; }
  .recommendation-decision { padding:22px; }
  .explorer-return { align-items:flex-start; flex-direction:column; }
  .audience-data-metrics { width:100%; }
  .audience-data-metrics span { flex:1 1 100px; }
  .catalogue-heading { flex-direction:column; }
  .catalogue-heading small { max-width:none; }
  .squad-visualization { padding:20px 18px; box-shadow:8px 8px 0 #deded6; }
  .squad-board-heading { align-items:flex-start; flex-direction:column; gap:7px; }
  .pool-toolbar { align-items:stretch; flex-direction:column; }
  .sort-control { justify-content:space-between; }
  .sort-control select { flex:1; min-width:0; }
  .creator-card { grid-template-columns:38px minmax(0,1fr); min-height:0; }
  .creator-mark { width:38px; height:38px; }
  .catalogue-action { grid-column:2; grid-template-columns:auto auto; justify-items:start; align-items:center; }
  .builder-stats { grid-template-columns:1fr 1fr 1fr; }
  .target-heading { align-items:flex-start; flex-direction:column; }
  .target-toggle { width:100%; }
  .target-option { flex:1; }
  .preset-group { grid-template-columns:1fr; }
  .squad-lane { grid-template-columns:1fr; }
  .squad-lane header { display:flex; align-items:center; gap:10px; padding:10px 12px; border-right:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .squad-lane header span, .squad-lane header strong { margin:0; }
  .research-candidate { grid-template-columns:1fr; }
  .channel-dialog { width:calc(100% - 18px); max-height:calc(100vh - 18px); }
  .profile-banner { height:110px; }
  .profile-header { grid-template-columns:70px 1fr; gap:12px; margin-top:-32px; padding:0 18px; }
  .profile-avatar { width:70px; height:70px; border-width:4px; }
  .profile-header h2 { font-size:22px; }
  .profile-header p { font-size:12px; }
  .profile-data-split { align-items:flex-start; flex-direction:column; gap:5px; margin:18px 18px 0; }
  .profile-data-split span { text-align:left; }
  .profile-audience-dashboard { margin:12px 18px 0; padding:16px; }
  .audience-dashboard-heading { align-items:flex-start; flex-direction:column; gap:8px; }
  .audience-kpis { grid-template-columns:1fr 1fr; }
  .format-proxy-note { grid-template-columns:1fr; gap:6px; }
  .audience-chart-grid { grid-template-columns:1fr; }
  .audience-commercial-strip { grid-template-columns:1fr 1fr; }
  .audience-verdict { flex-direction:column; gap:5px; }
  .profile-metrics { grid-template-columns:1fr; margin:12px 18px 0; }
  .profile-player { margin:12px 18px 0; }
  .profile-player-meta { align-items:flex-start; flex-direction:column; gap:10px; }
  .profile-video-heading { align-items:flex-start; flex-direction:column; margin:18px 18px 10px; }
  .video-filter { width:100%; }
  .video-filter button { flex:1; }
  .profile-videos { grid-template-columns:1fr 1fr; margin:0 18px; }
  .profile-actions { align-items:flex-start; flex-direction:column; margin:20px 18px 0; }
  .profile-method { margin:14px 18px 24px; }
  .role-card:last-child { grid-column:auto; }
  .route-tabs { overflow-x:auto; }
  .route-tabs button { white-space:nowrap; }
  .route-panel { padding:28px 22px; }
  .output-bar { flex-direction:column; }
  .output-bar span { min-height:48px; }
  .investment-card { padding:34px 24px; }
  .site-footer { align-items:flex-start; flex-wrap:wrap; }
  .site-footer span { margin-left:0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .reveal { opacity:1; transform:none; transition:none; }
}

/* Client-facing UI refinement */
:root {
  --blue:#2b00d7;
  --blue-dark:#1800a5;
  --purple:#1a064b;
  --purple-2:#2e087a;
  --aqua:#63f2cf;
  --aqua-deep:#28d9b3;
  --lime:#d7f53d;
  --ink:#111218;
  --muted:#686b75;
  --paper:#f7f8f4;
  --line:rgba(17,18,24,.1);
  --max:1180px;
}

html { scroll-padding-top:82px; }
body { background:var(--paper); font-family:"Inter",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
h1, h2, .recommendation-statement > strong, .campaign-stage h3 { font-family:"Archivo Black","Arial Black",Arial,sans-serif; }
[data-view][id] { scroll-margin-top:0; }

.site-header {
  height:68px; gap:20px; padding-inline:max(22px,calc((100vw - var(--max))/2));
  background:rgba(13,13,18,.92); border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 34px rgba(0,0,0,.13);
}
.brand { width:92px; }
.brand img { height:34px; }
.site-header nav { gap:18px; }
.site-header nav a { position:relative; padding:24px 0 22px; font-size:12px; letter-spacing:.08em; opacity:.58; transition:color .2s ease,opacity .2s ease; }
.site-header nav a::after { content:""; position:absolute; left:0; right:100%; bottom:14px; height:2px; background:var(--aqua); transition:right .22s ease; }
.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a.current { color:white; opacity:1; }
.site-header nav a.current::after { right:0; }
.view-switcher { padding:3px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(255,255,255,.05); }
.view-switcher button { padding:8px 12px; border-radius:999px; font-size:12px; }
.draft-pill { padding:7px 10px; border-radius:999px; transform:none; font-size:12px; letter-spacing:.07em; }
.scroll-progress { position:absolute; left:0; right:0; bottom:-1px; height:2px; overflow:hidden; }
.scroll-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--aqua),var(--lime)); transform:scaleX(0); transform-origin:left center; }

.hero {
  min-height:720px; grid-template-columns:minmax(0,1.48fr) minmax(320px,.58fr); gap:62px;
  padding-top:96px; padding-bottom:104px;
  background:radial-gradient(circle at 78% 10%,rgba(99,242,207,.2),transparent 30%),linear-gradient(132deg,#13032d 0%,#1d0753 38%,#2500ce 78%,#006f86 130%);
}
.hero::after { content:none; display:none; }
.hero h1 { max-width:820px; font-size:clamp(52px,6vw,86px); line-height:.94; letter-spacing:-.055em; }
.hero-intro { max-width:670px; margin-top:28px; font-size:19px; line-height:1.55; }
.eyebrow { margin-bottom:16px; font-size:12px; letter-spacing:.15em; }
.hero-actions { margin-top:34px; }
.button { min-height:48px; padding:0 21px; border-radius:999px; font-size:12px; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary:hover { box-shadow:0 10px 28px rgba(99,242,207,.22); }
.hero-scoreboard { padding:24px; border:1px solid rgba(99,242,207,.7); border-radius:20px; background:linear-gradient(150deg,rgba(31,7,81,.86),rgba(12,7,42,.91)); box-shadow:0 26px 70px rgba(0,0,0,.25); backdrop-filter:blur(16px); }
.scoreboard-label { font-size:12px; }
.score-row { padding:15px 0; }
.score-row strong { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(19px,2vw,28px); }
.score-row span { font-size:12px; line-height:1.35; }
.hero-scoreboard p { font-size:12px; }
.hero-ribbon { height:42px; font-family:"Inter",Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.16em; }
.hero-ribbon span::before { padding:15px 19px; }

.section { padding-top:96px; padding-bottom:96px; }
.section-heading { max-width:740px; margin-bottom:48px; }
.section-heading h2,.next-copy h2,.investment-card h2 { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(39px,4.8vw,64px); line-height:1.01; letter-spacing:-.045em; text-transform:none; }
.section-heading > p:last-child,.next-copy > p:last-child,.investment-card > div > p:last-child { margin-top:22px; font-size:16px; line-height:1.62; }
#recommendation .section-heading { max-width:900px; }
#recommendation .section-heading h2 { font-size:clamp(39px,4.35vw,58px); }

.recommendation { padding-top:74px; padding-bottom:78px; }
#recommendation .section-heading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); column-gap:64px; align-items:end; max-width:none; margin-bottom:30px; }
#recommendation .section-heading .eyebrow { grid-column:1; margin-bottom:10px; }
#recommendation .section-heading h2 { grid-column:1; font-size:clamp(36px,3.7vw,49px); }
#recommendation .section-heading > p:last-child { grid-column:2; grid-row:1/3; align-self:end; margin:0 0 3px; }

.benchmark { gap:0 48px; }
.benchmark-visual { margin-top:8px; padding:8px; border-radius:18px; box-shadow:0 22px 55px rgba(17,18,24,.13); }
.benchmark-proof { min-height:324px; border-radius:11px; }
.network-target-card { position:relative; align-self:start; min-height:324px; margin-top:8px; padding:30px; overflow:hidden; color:white; border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(99,242,207,.2),transparent 36%),linear-gradient(145deg,#260080,#160046); box-shadow:0 22px 55px rgba(17,18,24,.13); }
.network-target-card::after { content:""; position:absolute; right:-78px; bottom:-88px; width:210px; height:210px; border:28px solid rgba(190,255,0,.18); transform:rotate(45deg); }
.network-target-topline { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.2); }
.network-target-topline span { color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.network-target-topline strong { font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.network-target-primary { position:relative; z-index:1; margin-top:28px; }
.network-target-primary strong { display:block; color:white; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(56px,6vw,82px); line-height:.9; letter-spacing:-.06em; }
.network-target-primary span { display:block; margin-top:11px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.network-target-period { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.2); }
.network-target-period strong { color:var(--lime); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:22px; white-space:nowrap; }
.network-target-period span { max-width:210px; color:rgba(255,255,255,.7); font-size:12px; font-weight:700; line-height:1.45; }
.network-target-breakdown { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; }
.network-target-breakdown span { padding:9px 10px; color:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.16); border-radius:8px; font-size:12px; font-weight:700; line-height:1.3; }
.network-target-breakdown b { display:block; margin-bottom:2px; color:white; font-size:12px; }
.network-target-card > p { position:relative; z-index:1; margin:20px 0 0; max-width:480px; color:rgba(255,255,255,.62); font-size:12px; line-height:1.55; }
.comparison { margin-top:48px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:white; }
.comparison-column { padding:34px; }
.big-stat { display:flex; align-items:baseline; gap:12px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:52px; }
.big-stat span { color:var(--blue); font-family:Inter,Arial,sans-serif; font-size:14px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.versus { background:linear-gradient(180deg,var(--blue),var(--purple)); }
.truth-strip { margin-top:22px; border-radius:14px; }

.model { background:radial-gradient(circle at 90% 12%,rgba(99,242,207,.15),transparent 28%),linear-gradient(145deg,#18033f,var(--blue-dark)); }
.role-grid { gap:14px; }
.role-card { min-height:350px; padding:26px; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:rgba(12,4,42,.38); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.role-card:nth-child(2) { background:rgba(99,242,207,.07); }
.role-number { font-size:32px; opacity:.7; }
.role-card h3 { margin:6px 0 14px; font-size:25px; line-height:1.08; text-transform:none; }
.role-card > p:not(.mini-label) { font-size:13px; }
.name-list { margin-top:20px; }
.name-list span { padding:7px 10px; border-radius:999px; font-size:12px; }
.role-card footer { padding-top:20px; font-size:12px; }

.recommendation-summary { overflow:hidden; border:0; border-radius:22px; background:linear-gradient(140deg,#260080,#160046); box-shadow:0 24px 60px rgba(24,0,88,.15); }
.recommendation-summary::before { content:""; grid-column:1/-1; height:5px; background:linear-gradient(90deg,var(--lime),var(--aqua)); }
.recommendation-statement { padding:34px 38px 38px; }
.recommendation-statement > strong { margin-top:12px; font-size:clamp(28px,3.1vw,42px); line-height:1.02; text-transform:none; }
.recommendation-numbers { margin-top:-1px; }
.recommendation-numbers div { min-height:132px; padding:23px; }
.recommendation-numbers strong { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:31px; }
.recommendation-statement { padding:28px 32px 31px; }
.recommendation-statement > strong { font-size:clamp(26px,2.7vw,36px); }
.recommendation-statement p { margin-top:15px; font-size:13px; }
.recommendation-numbers div { min-height:108px; padding:18px 20px; }
.recommendation-numbers strong { font-size:27px; }

.lead-route-compare { display:grid; grid-template-columns:minmax(230px,.72fr) repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.lead-route-intro,.lead-route-card { padding:23px; border:1px solid var(--line); border-radius:17px; background:white; box-shadow:0 14px 38px rgba(17,18,24,.07); }
.lead-route-intro { display:flex; flex-direction:column; justify-content:center; color:white; background:linear-gradient(150deg,#17004c,#0e0829); border-color:#2c1760; }
.lead-route-intro > span,.lead-route-card header span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.lead-route-intro h3 { margin:10px 0 13px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:25px; line-height:1.04; }
.lead-route-intro p { margin:0; color:rgba(255,255,255,.62); font-size:12px; line-height:1.55; }
.lead-route-card { position:relative; overflow:hidden; }
.lead-route-card::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:4px; background:var(--blue); }
.lead-route-card.authority-led::before { background:linear-gradient(90deg,var(--lime),var(--aqua)); }
.lead-route-card header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid var(--line); }
.lead-route-card header span { color:var(--blue); }
.lead-route-card header strong { padding:5px 7px; color:#193300; background:var(--lime); border-radius:999px; font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.lead-route-identity { display:grid; grid-template-columns:48px 1fr; gap:13px; align-items:center; margin-top:17px; }
.lead-route-avatar { width:48px; height:48px; display:grid; place-items:center; color:white; background:linear-gradient(145deg,var(--blue),var(--purple)); border-radius:50%; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:13px; }
.lead-route-identity h4 { margin:0 0 5px; font-size:20px; }
.lead-route-identity p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.lead-route-card blockquote { margin:17px 0 0; padding:12px 13px; color:#201442; background:#f0edff; border-left:4px solid var(--blue); border-radius:0 9px 9px 0; font-size:12px; font-weight:800; line-height:1.45; }
.lead-route-data { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:17px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:var(--line); }
.lead-route-data div { min-height:65px; padding:10px; background:#f7f6fb; }
.lead-route-data strong,.lead-route-data span { display:block; }
.lead-route-data strong { color:var(--blue); font-size:15px; }
.lead-route-data span { margin-top:4px; color:var(--muted); font-size:12px; line-height:1.3; text-transform:uppercase; }
.lead-route-data.pending-data strong:not(:first-child) { color:#8b5900; }
.lead-route-card > a { display:inline-block; margin-top:16px; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.lead-route-next { grid-column:1/-1; display:grid; grid-template-columns:190px 1fr; gap:20px; padding:15px 19px; color:white; background:var(--blue); border-radius:12px; }
.lead-route-next strong { color:var(--lime); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.lead-route-next span { color:rgba(255,255,255,.74); font-size:12px; line-height:1.45; }

.recommendation-depth { margin-top:18px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:white; }
.recommendation-depth > summary { display:grid; grid-template-columns:210px 1fr auto; gap:22px; align-items:center; padding:19px 22px; cursor:pointer; list-style:none; }
.recommendation-depth > summary::-webkit-details-marker { display:none; }
.recommendation-depth > summary span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.recommendation-depth > summary strong { font-size:15px; }
.recommendation-depth > summary::after { content:"Explore +"; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.recommendation-depth[open] > summary { border-bottom:1px solid var(--line); }
.recommendation-depth[open] > summary::after { content:"Close −"; }
.recommendation-depth .recommended-roster { margin:20px; }
.recommendation-depth .recommendation-flex { margin:0 20px 20px; }

.recommendation-depth { overflow:visible; border:0; border-radius:0; background:transparent; }
.recommendation-depth .recommended-roster { margin:0; }
.recommendation-depth .roster-card { min-height:250px; padding:20px; }
.recommendation-depth .roster-avatar { width:50px; height:50px; margin-top:14px; }
.recommendation-depth .roster-card h3 { margin:12px 0 7px; font-size:22px; }
.recommendation-depth .roster-card p { font-size:12px; }
.recommendation-depth .roster-card > ul,
.recommendation-depth .roster-alternatives,
.recommendation-depth .compliance-note,
.recommendation-depth .roster-evidence,
.recommendation-depth .roster-card > a:not(.creator-account-link) { display:none; }
.recommendation-depth .creator-account-link { margin-top:auto !important; padding-top:16px !important; }
.roster-proof { margin-top:15px; padding:9px 10px; color:var(--blue); background:#eeeeff; border-radius:8px; font-size:12px; font-weight:800; line-height:1.35; }
.lead .roster-proof,.confirmed .roster-proof { color:white; background:rgba(255,255,255,.11); }
.lead .roster-proof.warning { color:#3a2400; background:#ffd581; }
.recommendation-additional { margin-top:16px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:white; }
.recommendation-additional > summary { padding:16px 19px; cursor:pointer; list-style:none; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.recommendation-additional > summary::-webkit-details-marker { display:none; }
.recommendation-additional > summary::after { content:"Explore +"; float:right; }
.recommendation-additional[open] > summary { border-bottom:1px solid var(--line); }
.recommendation-additional[open] > summary::after { content:"Close −"; }
.recommendation-additional .recommendation-flex { margin:0; border:0; border-radius:0; }

.recommended-roster { grid-template-columns:repeat(6,1fr); gap:14px; margin-top:24px; }
.roster-card { grid-column:span 2; min-height:330px; padding:23px; border:1px solid var(--line); border-top:4px solid var(--blue); border-radius:17px; box-shadow:0 14px 38px rgba(17,18,24,.08); transition:transform .2s ease,box-shadow .2s ease; }
.roster-card[data-proposal-profile] { cursor:pointer; }
.roster-card:nth-child(4),.roster-card:nth-child(5) { grid-column:span 2; }
.roster-card:hover { transform:translateY(-3px); box-shadow:0 22px 48px rgba(17,18,24,.12); }
.roster-card.lead { background:linear-gradient(155deg,#2a00cc,#1a0755); border-color:rgba(99,242,207,.7); }
.roster-card.confirmed { background:linear-gradient(155deg,#280065,#15003e); border-color:var(--lime); }
.roster-topline { padding-bottom:11px; }
.roster-topline strong { border-radius:999px; }
.roster-avatar { position:relative; width:58px; height:58px; display:grid; place-items:center; margin-top:20px; overflow:hidden; color:white; background:linear-gradient(145deg,var(--blue),var(--purple)); border:3px solid white; border-radius:50%; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:15px; box-shadow:0 6px 18px rgba(0,0,0,.18); }
.roster-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.roster-card h3 { margin:17px 0 8px; font-size:25px; line-height:1.08; text-transform:none; }
.roster-card p { font-size:12px; line-height:1.55; }
.roster-card ul { margin-top:17px; }
.roster-card li { padding:8px 0; font-size:12px; }
.recommendation-depth .roster-evidence { display:inline-flex; align-items:center; width:max-content; margin-top:16px; padding:8px 11px; color:var(--blue); background:#eeeeff; border:0; border-radius:999px; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.recommendation-depth .lead .roster-evidence,.recommendation-depth .confirmed .roster-evidence { color:#18004f; background:var(--aqua); }
.recommendation-depth .roster-evidence:hover { filter:brightness(.96); }
.recommendation-depth .roster-evidence:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
.roster-alternatives { margin-top:18px; }
.roster-alternatives span { border-radius:8px; }
.compliance-note { margin-top:18px; border:0; border-radius:10px; }
.recommendation-flex { margin-top:20px; overflow:hidden; border-radius:16px; }
.recommendation-flex article { padding:22px; }
.recommendation-decision { margin-top:20px; padding:21px 24px; border-radius:16px; }

.cohort-benchmark { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr); gap:28px; margin-top:20px; padding:28px; border:1px solid var(--line); border-radius:18px; background:white; box-shadow:0 16px 42px rgba(17,18,24,.07); }
.cohort-benchmark-heading > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.cohort-benchmark-heading h3 { margin:9px 0 12px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:26px; line-height:1.05; }
.cohort-benchmark-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.cohort-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:12px; }
.cohort-table { width:100%; min-width:620px; border-collapse:collapse; font-size:12px; }
.cohort-table th,.cohort-table td { padding:12px 13px; border-bottom:1px solid var(--line); text-align:right; }
.cohort-table th:first-child { text-align:left; }
.cohort-table thead th { color:var(--muted); background:#f6f5fa; font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.cohort-table thead th.cohort { color:white; background:var(--blue); }
.cohort-table thead th.benchmark { color:white; background:#17131e; }
.cohort-table .benchmark { display:table-cell; grid-template-columns:none; gap:0; }
.cohort-table thead th.cohort,.cohort-table thead th.benchmark { text-align:center; }
.cohort-table thead th span { display:block; }
.cohort-table thead th small { display:block; margin-top:5px; color:rgba(255,255,255,.7); font-size:11px; font-style:italic; font-weight:600; letter-spacing:0; line-height:1.25; text-transform:none; }
.cohort-table tbody th { color:var(--muted); font-weight:700; }
.cohort-table tbody td { font-weight:900; }
.cohort-table tbody td.cohort { color:var(--blue); background:#f1efff; }
.cohort-table tr:last-child th,.cohort-table tr:last-child td { border-bottom:0; }
.benchmark-unavailable { display:inline-block; max-width:80px; color:#9b5b00; font-size:12px; line-height:1.2; text-transform:uppercase; }
.cohort-readout { display:flex; gap:9px; align-items:flex-start; margin-top:12px; padding:13px 15px; color:white; background:#17004b; border-radius:10px; }
.cohort-readout strong { flex:none; color:var(--aqua); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.cohort-readout span { font-size:12px; line-height:1.45; }
.cohort-readout a { flex:none; margin-left:auto; color:var(--aqua); font-size:12px; font-weight:900; white-space:nowrap; text-transform:uppercase; }
.cohort-source-links { display:grid; flex:none; gap:6px; margin-left:auto; }
.cohort-source-links a { margin-left:0; }

.season { background:white; }
.campaign-showreel { display:grid; grid-template-columns:1fr; gap:16px; }
.campaign-timeline { grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.campaign-timeline::before { display:none; }
.campaign-moment { grid-template-columns:1fr; align-content:start; min-height:126px; padding:12px 10px; border-radius:12px; }
.campaign-moment::before { width:11px; height:11px; margin:0 0 8px 2px; }
.campaign-moment span { font-size:12px; }
.campaign-moment strong { font-size:12px; }
.campaign-moment small { font-size:12px; }
.campaign-moment[aria-selected="true"] { border-radius:12px; box-shadow:0 10px 24px rgba(43,0,215,.2); }
.campaign-stage { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr); align-items:stretch; overflow:hidden; border:0; border-radius:20px; box-shadow:0 24px 64px rgba(23,0,93,.16); }
.campaign-player { height:100%; min-height:440px; aspect-ratio:auto; }
.campaign-stage-copy { display:flex; flex-direction:column; justify-content:center; padding:34px; }
.campaign-stage h3 { font-size:clamp(28px,3vw,42px); text-transform:none; }
.campaign-stage-actions { margin-top:auto; }
.routes { background:#111218; }
.route-tabs { gap:7px; border:0; }
.route-tabs button { padding:13px 16px; border:1px solid rgba(255,255,255,.14); border-radius:999px; font-size:12px; }
.route-tabs button[aria-selected="true"] { border-color:var(--aqua); }
.route-panel { min-height:360px; margin-top:12px; padding:38px; border:0; border-radius:20px; background:linear-gradient(135deg,#240078,#170047); }
.route-panel h3 { font-size:31px; text-transform:none; }
.route-stack article { border-radius:10px; }
.route-stack article span { border-radius:8px; }

.investment-card { padding:45px; border:0; border-radius:20px; background:linear-gradient(135deg,var(--blue),var(--purple)); box-shadow:0 24px 60px rgba(24,0,88,.14); }
.investment-caveat { border-radius:12px; }
.guardrail-grid { overflow:hidden; border-radius:15px; }
.next-steps { background:linear-gradient(135deg,#200054,#140033); }
.next-list li > span { border-radius:50%; }
.site-footer { min-height:90px; }

@media (max-width:1100px) {
  .site-header nav { gap:12px; }
  .site-header nav a { font-size:12px; }
  .draft-pill { display:none; }
  .campaign-timeline { grid-template-columns:repeat(4,1fr); }
  .campaign-timeline::before { display:none; }
  .campaign-stage { grid-template-columns:1fr; }
  .campaign-player { min-height:0; aspect-ratio:16/9; }
}

@media (max-width:1000px) {
  .hero { grid-template-columns:1fr; gap:50px; padding-top:90px; }
  .hero-scoreboard { max-width:520px; }
  #recommendation .section-heading { grid-template-columns:1fr; gap:0; }
  #recommendation .section-heading > p:last-child { grid-column:1; grid-row:auto; margin-top:18px; }
  .recommendation-depth > summary { grid-template-columns:1fr auto; }
  .recommendation-depth > summary span { grid-column:1/-1; }
  .recommended-roster { grid-template-columns:1fr 1fr; }
  .roster-card,.roster-card:nth-child(4),.roster-card:nth-child(5) { grid-column:auto; }
  .roster-card:first-child { grid-column:1/-1; }
  .lead-route-compare { grid-template-columns:1fr 1fr; }
  .lead-route-intro { grid-column:1/-1; }
  .cohort-benchmark { grid-template-columns:1fr; }
}

@media (max-width:650px) {
  html { scroll-padding-top:66px; }
  .site-header { height:64px; padding-inline:18px; }
  .view-switcher { margin-left:auto; }
  .hero { grid-template-columns:1fr; padding-inline:24px; padding-top:82px; gap:38px; }
  .hero h1 { font-size:clamp(44px,13vw,60px); }
  .hero-intro { font-size:16px; }
  .hero-scoreboard { border-radius:16px; }
  .section { padding-inline:24px; padding-top:82px; padding-bottom:82px; }
  .section-heading { margin-bottom:36px; }
  .section-heading h2,.next-copy h2,.investment-card h2 { font-size:clamp(37px,11.2vw,50px); }
  .section-heading > p:last-child,.next-copy > p:last-child,.investment-card > div > p:last-child { font-size:15px; }
  .comparison,.recommendation-summary,.recommended-roster { border-radius:14px; }
  .truth-strip { padding:22px; }
  .role-card { min-height:0; }
  .recommended-roster { grid-template-columns:1fr; }
  .recommendation { padding-top:64px; padding-bottom:68px; }
  .recommendation-depth > summary { grid-template-columns:1fr; gap:8px; }
  .recommendation-depth > summary span { grid-column:auto; }
  .recommendation-depth > summary::after { margin-top:4px; }
  .recommendation-depth .recommended-roster { margin:14px; }
  .recommendation-depth .recommendation-flex { margin:0 14px 14px; }
  .recommendation-depth .recommended-roster { margin:0; }
  .roster-card:first-child { grid-column:auto; }
  .roster-card { min-height:0; }
  .cohort-benchmark { gap:18px; padding:20px; border-radius:14px; }
  .cohort-readout { display:grid; }
  .cohort-readout a { margin-left:0; }
  .cohort-source-links { margin-left:0; }
  .recommendation-statement { padding:27px 23px 30px; }
  .recommendation-numbers div { min-height:108px; }
  .lead-route-compare { grid-template-columns:1fr; }
  .lead-route-intro { grid-column:auto; }
  .lead-route-data { grid-template-columns:1fr; }
  .lead-route-data div { min-height:0; }
  .lead-route-next { grid-template-columns:1fr; gap:8px; }
  .campaign-timeline { grid-template-columns:1fr 1fr; }
  .campaign-moment { min-height:116px; }
  .campaign-stage { border-radius:14px; }
  .campaign-player { aspect-ratio:16/9; }
  .campaign-stage-copy { padding:23px; }
  .route-tabs { display:grid; grid-template-columns:1fr; overflow:visible; }
  .route-tabs button { white-space:normal; }
  .route-panel,.investment-card { border-radius:15px; }
}

/* Presentation-deck structure and editorial talent imagery */
.deck-slide { scroll-margin-top:74px; }
.section.deck-slide { position:relative; min-height:calc(100svh - 74px); overflow:hidden; border-bottom:1px solid rgba(18,20,19,.12); isolation:isolate; }
.section.deck-slide::before { content:attr(data-slide); position:absolute; z-index:-1; top:20px; right:max(24px,calc((100vw - var(--max))/2)); color:rgba(36,1,245,.045); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(92px,13vw,180px); line-height:1; letter-spacing:-.08em; pointer-events:none; }
.model.deck-slide::before,.routes.deck-slide::before,.next-steps.deck-slide::before,.talent-reveal.deck-slide::before { color:rgba(255,255,255,.045); }

.hero { grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); gap:56px; min-height:calc(100svh - 74px); }
.hero-copy { max-width:700px; }
.hero h1 { font-size:clamp(50px,5.25vw,78px); }
.hero-talent-stage { position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; grid-template-rows:1fr 1fr; gap:11px; min-height:530px; }
.hero-talent { position:relative; min-width:0; min-height:0; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.26); border-radius:18px; background:#0b0715; box-shadow:0 24px 65px rgba(3,0,24,.28); }
.hero-talent-lead { grid-row:1/3; }
.hero-talent img { width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.06); transition:transform .55s ease,filter .55s ease; }
.hero-talent-lead img { object-position:50% center; }
.hero-talent-lead img[src*="mark-benchmark"] { object-position:43% center; }
.hero-talent:hover img { transform:scale(1.025); filter:saturate(1) contrast(1.05); }
.hero-talent::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 36%,rgba(8,4,23,.9) 100%); }
.hero-talent figcaption { position:absolute; z-index:1; right:0; bottom:0; left:0; padding:20px; }
.hero-talent figcaption strong,.hero-talent figcaption span { display:block; }
.hero-talent figcaption strong { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:17px; }
.hero-talent figcaption span { margin-top:4px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.hero-proof-chip { position:absolute; z-index:3; right:18px; bottom:-20px; display:flex; align-items:center; gap:13px; max-width:280px; padding:15px 18px; color:var(--ink); background:var(--lime); border-radius:12px; box-shadow:0 16px 38px rgba(0,0,0,.25); }
.hero-proof-chip strong { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:25px; }
.hero-proof-chip span { font-size:12px; font-weight:900; line-height:1.35; text-transform:uppercase; }

.talent-reveal { color:white; background:radial-gradient(circle at 78% 4%,rgba(0,255,204,.12),transparent 28%),linear-gradient(140deg,#100b18,#15151b 62%,#1c0642); }
.talent-reveal .section-heading { max-width:940px; }
.talent-reveal .section-heading > p:last-child { color:rgba(255,255,255,.65); }
.talent-cast { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:12px; }
.cast-card { position:relative; grid-column:span 2; height:248px; overflow:hidden; color:white; background:#08070d; border:1px solid rgba(255,255,255,.15); border-radius:16px; text-decoration:none; box-shadow:0 20px 50px rgba(0,0,0,.22); }
.cast-card-lead { grid-column:span 5; height:350px; }
.cast-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.75) contrast(1.05); transition:transform .45s ease,filter .45s ease; }
.cast-card:hover img { transform:scale(1.035); filter:saturate(1) contrast(1.05); }
.cast-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,3,10,.02) 30%,rgba(4,3,10,.93) 100%); }
.cast-card > div { position:absolute; z-index:1; right:0; bottom:0; left:0; padding:19px; }
.cast-card strong,.cast-card small { display:block; }
.cast-card strong { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:17px; line-height:1.05; }
.cast-card-lead strong { font-size:28px; }
.cast-card small { margin-top:5px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.cast-route { position:absolute; z-index:2; top:14px; left:14px; padding:7px 9px; color:var(--ink); background:var(--lime); border-radius:999px; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.talent-thesis { display:grid; grid-template-columns:190px 1fr auto; gap:22px; align-items:center; margin-top:18px; padding:23px 26px; color:white; background:rgba(35,0,86,.82); border:1px solid rgba(0,255,204,.25); border-radius:14px; }
.talent-thesis strong { color:var(--lime); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.talent-thesis span { color:rgba(255,255,255,.74); font-size:13px; line-height:1.5; }
.talent-thesis a { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; text-decoration:none; white-space:nowrap; }
.talent-image-note { margin:14px 0 0; color:rgba(255,255,255,.4); font-size:12px; line-height:1.45; }

.lead-route-image { position:relative; height:132px; margin-top:15px; overflow:hidden; border-radius:12px; background:#0b0715; }
.lead-route-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(1.04); }
.lead-route-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(7,4,20,.78)); }
.lead-route-image span { position:absolute; z-index:1; right:12px; bottom:10px; left:12px; color:white; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }

@media (max-width:1100px) {
  .hero { grid-template-columns:1fr; }
  .hero-copy { max-width:820px; }
  .hero-talent-stage { min-height:500px; }
  .talent-cast { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .cast-card-lead { grid-column:span 3; }
  .cast-card { grid-column:span 2; }
  .cast-card:last-child { grid-column:3/5; }
}

@media (max-width:650px) {
  .deck-slide { scroll-margin-top:64px; }
  .section.deck-slide { min-height:auto; }
  .section.deck-slide::before { top:15px; right:20px; font-size:88px; }
  .hero { min-height:auto; padding-bottom:98px; }
  .hero h1 { font-size:clamp(41px,12vw,56px); }
  .hero-talent-stage { grid-template-columns:1fr 1fr; grid-template-rows:290px 175px; min-height:0; gap:8px; }
  .hero-talent-lead { grid-column:1/3; grid-row:1; }
  .hero-talent-authority,.hero-talent-live { grid-row:2; }
  .hero-talent figcaption { padding:14px; }
  .hero-talent figcaption strong { font-size:14px; }
  .hero-proof-chip { right:10px; bottom:-24px; max-width:245px; }
  .talent-cast { grid-template-columns:1fr 1fr; }
  .cast-card,.cast-card-lead,.cast-card:last-child { grid-column:auto; height:210px; }
  .cast-card-lead { grid-column:1/3; height:270px; }
  .cast-card:last-child { grid-column:1/3; }
  .cast-card-lead strong { font-size:23px; }
  .talent-thesis { grid-template-columns:1fr; gap:9px; padding:20px; }
  .lead-route-image { height:170px; }
}

/* Decision-grade commercial layer */
.decision-framework { background:linear-gradient(180deg,#f7f7f3,#efefe8); }
.season-route-switcher { overflow:hidden; background:#0d0e13; border-radius:22px; box-shadow:0 24px 70px rgba(16,10,38,.16); }
.season-route-tabs { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:8px; background:#202127; }
.season-route-tabs button { display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; gap:2px 14px; align-items:center; min-height:82px; padding:17px 20px; cursor:pointer; color:rgba(255,255,255,.55); background:#15161b; border:1px solid transparent; text-align:left; }
.season-route-tabs button > span { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; color:var(--ink); background:rgba(255,255,255,.28); border-radius:50%; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:12px; }
.season-route-tabs button > strong,.season-route-tabs button > small { display:block; }
.season-route-tabs button > strong { color:white; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:20px; line-height:1; }
.season-route-tabs button > small { color:inherit; font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.season-route-tabs button[aria-selected="true"] { color:#173a33; background:var(--aqua); border-color:var(--aqua); }
.season-route-tabs button[aria-selected="true"] > span { background:var(--lime); }
.season-route-tabs button[aria-selected="true"] > strong { color:var(--ink); }
.season-route-panel { display:grid; grid-template-columns:minmax(330px,.84fr) minmax(0,1.16fr); min-height:510px; }
.season-route-visual { position:relative; min-height:510px; overflow:hidden; }
.season-route-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 36%,rgba(5,4,12,.92)); }
.season-route-visual img { width:100%; height:100%; object-fit:cover; }
.season-route-visual span { position:absolute; z-index:1; right:26px; bottom:25px; left:26px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.season-route-copy { padding:40px; color:white; background:radial-gradient(circle at 94% 8%,rgba(0,255,204,.12),transparent 28%),linear-gradient(145deg,#230056,#17003d); }
.season-route-source { color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.season-route-copy h3 { max-width:650px; margin:16px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(29px,3.2vw,46px); line-height:1; }
.season-route-copy > p { max-width:650px; margin:16px 0 0; color:rgba(255,255,255,.67); font-size:13px; line-height:1.55; }
.season-route-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:24px; overflow:hidden; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.16); border-radius:11px; }
.season-route-summary div { min-height:88px; padding:14px; background:rgba(7,1,34,.48); }
.season-route-summary strong,.season-route-summary span { display:block; }
.season-route-summary strong { color:var(--aqua); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:20px; }
.season-route-summary span { margin-top:6px; color:rgba(255,255,255,.53); font-size:12px; line-height:1.35; text-transform:uppercase; }
.season-route-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; margin:18px 0 0; padding:0; list-style:none; }
.season-route-copy li { position:relative; padding:9px 0 9px 16px; border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.77); font-size:12px; line-height:1.4; }
.season-route-copy li::before { content:"/"; position:absolute; left:0; color:var(--aqua); font-weight:900; }
.season-route-status { display:grid; grid-template-columns:110px 1fr; gap:15px; margin-top:16px; padding:15px; background:rgba(0,0,0,.22); border-left:4px solid var(--lime); }
.season-route-status strong { color:var(--lime); font-size:12px; letter-spacing:.07em; text-transform:uppercase; }
.season-route-status span { color:rgba(255,255,255,.62); font-size:12px; line-height:1.45; }
.route-comparison-matrix { margin-top:22px; overflow:hidden; background:white; border:1px solid var(--line); border-radius:16px; }
.route-comparison-matrix > div { display:grid; grid-template-columns:180px 1fr 1fr; gap:1px; background:var(--line); }
.route-comparison-matrix > div > * { margin:0; padding:15px 18px; background:white; font-size:12px; line-height:1.45; }
.route-comparison-matrix > div > span { color:var(--blue); font-weight:900; text-transform:uppercase; }
.route-comparison-matrix .route-comparison-head > * { color:white; background:var(--purple); font-size:12px; letter-spacing:.07em; text-transform:uppercase; }
.route-comparison-matrix .route-comparison-head > strong:first-of-type { color:var(--ink); background:var(--aqua); }
.route-comparison-matrix .route-comparison-head > strong:last-child { color:var(--ink); background:var(--lime); }
.objective-board { display:grid; grid-template-columns:1.25fr repeat(3,.75fr); gap:13px; margin-top:24px; }
.objective-board article { min-height:340px; display:flex; flex-direction:column; padding:26px; background:white; border:1px solid var(--line); border-radius:18px; box-shadow:0 16px 42px rgba(17,18,24,.07); }
.objective-board article > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.objective-board article > strong { display:block; margin-top:18px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:22px; line-height:1.08; }
.objective-board article > p { margin:14px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }
.objective-board article > em { margin-top:auto; padding-top:22px; color:#845600; font-size:12px; font-style:normal; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.objective-board .objective-primary { color:white; background:radial-gradient(circle at 85% 10%,rgba(0,255,204,.18),transparent 28%),linear-gradient(145deg,var(--purple),var(--blue-dark)); border-color:transparent; }
.objective-primary > span { color:var(--aqua) !important; }
.objective-primary h3 { margin:22px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(27px,3vw,42px); line-height:1.02; }
.objective-primary > p { color:rgba(255,255,255,.68) !important; font-size:14px !important; }
.objective-primary > div { margin-top:auto; padding-top:22px; border-top:1px solid rgba(255,255,255,.18); }
.objective-primary > div strong,.objective-primary > div small { display:block; }
.objective-primary > div strong { color:var(--lime); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.objective-primary > div small { margin-top:7px; color:rgba(255,255,255,.66); font-size:12px; line-height:1.45; }
.decision-input-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:20px; overflow:hidden; background:var(--line); border:1px solid var(--line); border-radius:15px; }
.decision-input-grid article { display:grid; grid-template-columns:42px 1fr; gap:13px; padding:20px; background:white; }
.decision-input-grid article > span { width:42px; height:42px; display:grid; place-items:center; color:white; background:var(--blue); border-radius:10px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; }
.decision-input-grid strong { font-size:12px; }
.decision-input-grid p { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
.decision-data-gap { display:grid; grid-template-columns:210px 1fr; gap:24px; margin-top:18px; padding:22px 25px; color:white; background:var(--ink); border-left:6px solid var(--lime); border-radius:12px; }
.decision-data-gap strong { color:var(--lime); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.decision-data-gap span { color:rgba(255,255,255,.7); font-size:12px; line-height:1.5; }

.route-panel { grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); min-height:590px; }
.route-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:22px; overflow:hidden; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.15); border-radius:12px; }
.route-kpis div { min-height:92px; padding:14px; background:rgba(9,2,39,.52); }
.route-kpis strong,.route-kpis span { display:block; }
.route-kpis strong { color:var(--aqua); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:20px; line-height:1; }
.route-kpis span { margin-top:7px; color:rgba(255,255,255,.56); font-size:12px; line-height:1.35; text-transform:uppercase; }
.route-deliverables { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; margin-top:18px !important; }
.route-deliverables li { padding:10px 0 !important; font-size:12px; }
.route-stack-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 2px 8px; }
.route-stack-heading span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.route-stack-heading strong { color:rgba(255,255,255,.52); font-size:12px; text-transform:uppercase; }
.route-stack article { grid-template-columns:76px 1fr; padding:15px; }
.route-stack article span { width:72px; height:54px; color:var(--ink); background:var(--lime); font-size:13px; }
.route-caveat { display:grid; grid-template-columns:150px 1fr; gap:20px; margin-top:14px; padding:17px 20px; color:white; background:#08090d; border:1px solid rgba(255,255,255,.12); border-radius:12px; }
.route-caveat strong { color:var(--lime); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.route-caveat span { color:rgba(255,255,255,.62); font-size:12px; line-height:1.45; }

.delivery { background:#f2f2ed; }
.creative-mechanics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.creative-mechanics > article { padding:20px; background:white; border:1px solid var(--line); border-radius:18px; box-shadow:0 16px 42px rgba(17,18,24,.07); }
.creative-mechanics > article > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.creative-mechanics h3 { margin:18px 0 7px; font-size:19px; }
.creative-mechanics > article > p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.mechanic-screen { position:relative; min-height:215px; display:flex; flex-direction:column; justify-content:flex-end; margin-top:15px; padding:22px; overflow:hidden; color:white; background:linear-gradient(145deg,var(--blue),var(--purple)); border-radius:13px; }
.mechanic-screen::before { content:""; position:absolute; width:170px; height:260px; right:-85px; top:-40px; border:28px solid rgba(0,255,204,.18); transform:rotate(30deg); }
.mechanic-screen small,.mechanic-screen strong,.mechanic-screen p { position:relative; z-index:1; }
.mechanic-screen small { color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.08em; }
.mechanic-screen strong { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:33px; line-height:.95; }
.mechanic-screen p { margin:8px 0 0; color:rgba(255,255,255,.68); font-size:12px; }
.mini-pitch { position:relative; z-index:1; height:88px; margin-top:12px; border:1px solid rgba(255,255,255,.38); }
.mini-pitch::before { content:""; position:absolute; top:0; bottom:0; left:50%; border-left:1px solid rgba(255,255,255,.38); }
.mini-pitch i { position:absolute; width:12px; height:12px; background:var(--lime); border-radius:50%; }
.mini-pitch i:nth-child(1) { left:12%; top:18%; }.mini-pitch i:nth-child(2) { left:38%; top:55%; }.mini-pitch i:nth-child(3) { right:38%; top:25%; }.mini-pitch i:nth-child(4) { right:12%; top:62%; }.mini-pitch i:nth-child(5) { left:48%; top:38%; }
.responsibility-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:20px; overflow:hidden; background:var(--line); border:1px solid var(--line); border-radius:15px; }
.responsibility-grid article { min-height:190px; padding:22px; background:white; }
.responsibility-grid span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.responsibility-grid strong { display:block; margin-top:24px; font-size:18px; }
.responsibility-grid p { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.commercial-terms { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }
.commercial-terms div { padding:20px; color:white; background:var(--ink); border-radius:12px; }
.commercial-terms span,.commercial-terms strong { display:block; }
.commercial-terms span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.commercial-terms strong { margin-top:9px; font-size:12px; line-height:1.45; }
.talent-readiness { margin-top:20px; overflow:hidden; background:white; border:1px solid var(--line); border-radius:16px; }
.talent-readiness-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:20px 22px; color:white; background:var(--purple); }
.talent-readiness-head span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.talent-readiness-head strong { font-size:13px; }
.readiness-row { display:grid; grid-template-columns:1.3fr repeat(3,1fr); gap:1px; background:var(--line); }
.readiness-row > * { padding:12px 14px; background:white; font-size:12px; }
.readiness-row.head > * { color:var(--muted); background:#f2f1f5; font-size:12px; font-weight:900; text-transform:uppercase; }
.readiness-row .ready { color:#254000; background:#efffc2; font-weight:900; }
.readiness-row .review { color:#00493f; background:#d9fff7; font-weight:900; }
.readiness-row .pending { color:#765000; background:#fff2c8; font-weight:900; }

.measurement { color:white; background:radial-gradient(circle at 85% 5%,rgba(0,255,204,.14),transparent 25%),linear-gradient(145deg,#111218,#210052); }
.measurement .section-heading > p:last-child { color:rgba(255,255,255,.65); }
.measurement-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.measurement-grid article { min-height:300px; padding:24px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); border-radius:16px; }
.measurement-grid span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.measurement-grid h3 { margin:22px 0 16px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:27px; }
.measurement-grid ul { list-style:none; margin:0; padding:0; }
.measurement-grid li { padding:10px 0; color:rgba(255,255,255,.68); border-top:1px solid rgba(255,255,255,.13); font-size:12px; }
.reporting-rhythm { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:20px; overflow:hidden; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.15); border-radius:14px; }
.reporting-rhythm div { padding:22px; background:rgba(10,2,35,.66); }
.reporting-rhythm span { color:var(--lime); font-size:12px; font-weight:900; text-transform:uppercase; }
.reporting-rhythm strong { display:block; margin-top:8px; font-size:15px; }
.reporting-rhythm p { margin:8px 0 0; color:rgba(255,255,255,.6); font-size:12px; line-height:1.45; }
.makegood-policy { display:grid; grid-template-columns:210px 1fr; gap:22px; margin-top:18px; padding:22px 24px; color:var(--ink); background:var(--lime); border-radius:12px; }
.makegood-policy strong { font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.makegood-policy span { font-size:12px; line-height:1.5; }
.measurement.deck-slide::before { color:rgba(255,255,255,.045); }

@media (max-width:1000px) {
  .season-route-panel { grid-template-columns:1fr; }
  .season-route-visual { min-height:360px; }
  .objective-board { grid-template-columns:1fr 1fr; }
  .objective-board .objective-primary { grid-column:1/-1; min-height:300px; }
  .decision-input-grid,.responsibility-grid,.measurement-grid { grid-template-columns:1fr 1fr; }
  .route-panel { grid-template-columns:1fr; }
  .creative-mechanics { grid-template-columns:1fr 1fr; }
  .creative-mechanics > article:last-child { grid-column:1/-1; }
}

@media (max-width:650px) {
  .season-route-switcher { border-radius:15px; }
  .season-route-tabs { grid-template-columns:1fr; }
  .season-route-tabs button { min-height:70px; padding:14px; }
  .season-route-tabs button > strong { font-size:18px; }
  .season-route-panel { min-height:0; }
  .season-route-visual { min-height:235px; }
  .season-route-copy { padding:25px 21px; }
  .season-route-copy h3 { font-size:29px; }
  .season-route-summary { grid-template-columns:1fr 1fr; }
  .season-route-copy ul { grid-template-columns:1fr; }
  .season-route-status { grid-template-columns:1fr; gap:7px; }
  .route-comparison-matrix { overflow-x:auto; }
  .route-comparison-matrix > div { min-width:650px; }
  .objective-board,.decision-input-grid,.creative-mechanics,.responsibility-grid,.commercial-terms,.measurement-grid,.reporting-rhythm { grid-template-columns:1fr; }
  .objective-board .objective-primary,.creative-mechanics > article:last-child { grid-column:auto; }
  .objective-board article { min-height:0; }
  .decision-data-gap,.route-caveat,.makegood-policy { grid-template-columns:1fr; gap:8px; }
  .route-kpis { grid-template-columns:1fr 1fr; }
  .route-deliverables { grid-template-columns:1fr; }
  .route-panel { padding:24px; }
  .readiness-table { overflow-x:auto; }
  .readiness-row { min-width:660px; }
  .talent-readiness-head { display:grid; }
}

/* Two complete 2026/27 proposal routes */
body[data-campaign-route="with-mark"] [data-route-page="without-mark"],
body[data-campaign-route="without-mark"] [data-route-page="with-mark"] { display:none !important; }
body[data-campaign-route="with-mark"] .view-switcher { display:none; }
body[data-campaign-route="without-mark"][data-site-view="proposal"] .view-switcher { display:none; }
body[data-campaign-route="without-mark"][data-site-view="explorer"] .route-gateway,
body[data-site-view="explorer"] .header-route-switcher { display:none; }
body[data-site-view="explorer"] .deck-controls { display:none; }

.deck-controls { position:fixed; z-index:46; right:22px; bottom:22px; width:50px; display:grid; grid-template-columns:48px 250px 48px; justify-content:end; gap:3px; align-items:stretch; overflow:hidden; color:white; background:rgba(12,13,18,.94); border:1px solid rgba(255,255,255,.16); border-radius:14px; box-shadow:0 18px 52px rgba(0,0,0,.3); backdrop-filter:blur(16px); transition:width .24s cubic-bezier(.2,.75,.2,1),border-color .18s ease; }
.deck-controls:hover,.deck-controls:focus-within { width:352px; border-color:rgba(0,255,204,.55); }
.deck-arrow-prev,.deck-status { opacity:0; visibility:hidden; pointer-events:none; transition:opacity .16s ease .02s,visibility 0s linear .2s; }
.deck-controls:hover .deck-arrow-prev,.deck-controls:hover .deck-status,.deck-controls:focus-within .deck-arrow-prev,.deck-controls:focus-within .deck-status { opacity:1; visibility:visible; pointer-events:auto; transition-delay:.08s,0s; }
.deck-arrow { min-height:64px; display:grid; place-items:center; cursor:pointer; color:var(--ink); background:var(--aqua); border:0; font-size:20px; font-weight:900; transition:background .18s ease,opacity .18s ease; }
.deck-arrow:hover,.deck-arrow:focus-visible { background:var(--lime); }
.deck-arrow:disabled { cursor:default; color:rgba(255,255,255,.25); background:rgba(255,255,255,.07); }
.deck-status { display:grid; align-content:center; gap:5px; min-width:0; padding:10px 13px 9px; }
.deck-status > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.deck-status span { overflow:hidden; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.deck-status strong { flex:0 0 auto; color:var(--lime); font-size:12px; letter-spacing:.05em; }
.deck-status small { overflow:hidden; color:rgba(255,255,255,.82); font-size:12px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.deck-status > i { height:3px; overflow:hidden; background:rgba(255,255,255,.12); }
.deck-status > i > b { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--aqua),var(--lime)); transform:scaleX(.125); transform-origin:left center; transition:transform .24s ease; }

.header-route-switcher { display:flex; flex:0 0 auto; gap:3px; padding:3px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12); border-radius:7px; }
.header-route-switcher button { padding:8px 11px; cursor:pointer; color:rgba(255,255,255,.62); background:transparent; border:0; border-radius:4px; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.header-route-switcher button.active { color:var(--ink); background:var(--lime); }
.site-header nav + .header-route-switcher { margin-left:0; }

.route-gateway { min-height:560px; display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:62px; padding:82px max(24px,calc((100vw - var(--max))/2)); color:white; background:radial-gradient(circle at 82% 18%,rgba(0,255,204,.16),transparent 28%),linear-gradient(130deg,#0b0c11 0%,#210051 52%,#2100ad 100%); border-bottom:1px solid rgba(255,255,255,.16); }
.route-gateway-copy h1 { margin:0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(44px,5vw,70px); line-height:.94; letter-spacing:-.05em; text-transform:uppercase; }
.route-gateway-copy > p:last-child { max-width:500px; margin:24px 0 0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.55; }
.route-gateway-options { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.route-gateway-card { min-height:330px; display:flex; flex-direction:column; align-items:flex-start; padding:27px; cursor:pointer; color:white; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.18); border-radius:18px; text-align:left; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.route-gateway-card:hover,.route-gateway-card:focus-visible { transform:translateY(-4px); border-color:var(--aqua); }
.route-gateway-card.active { color:var(--ink); background:var(--aqua); border-color:var(--aqua); box-shadow:12px 12px 0 rgba(0,0,0,.22); }
.route-gateway-card > span { color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.route-gateway-card.active > span { color:var(--blue); }
.route-gateway-card > strong { margin-top:28px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:34px; line-height:1; text-transform:uppercase; }
.route-gateway-card > small { margin-top:8px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.route-gateway-card.active > small { color:var(--blue); }
.route-gateway-card > p { margin:24px 0 0; color:rgba(255,255,255,.64); font-size:12px; line-height:1.55; }
.route-gateway-card.active > p { color:rgba(18,20,19,.7); }
.route-gateway-card > em { margin-top:auto; padding-top:24px; color:var(--lime); font-size:12px; font-style:normal; font-weight:900; text-transform:uppercase; }
.route-gateway-card.active > em { color:var(--blue); }

.mark-hero-visual { position:relative; z-index:2; min-height:515px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:20px; box-shadow:18px 18px 0 rgba(0,0,0,.22); }
.mark-hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(12,4,33,.94)); }
.mark-hero-visual > img { width:100%; height:515px; object-fit:cover; object-position:43% center; transform:scale(1.035); }
.mark-hero-badge,.mark-hero-proof { position:absolute; z-index:1; left:22px; right:22px; }
.mark-hero-badge { bottom:90px; padding:17px 19px; color:white; background:rgba(22,1,61,.88); border-left:5px solid var(--aqua); backdrop-filter:blur(10px); }
.mark-hero-badge span,.mark-hero-badge strong,.mark-hero-badge small { display:block; }
.mark-hero-badge span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.mark-hero-badge strong { margin-top:5px; font-size:22px; text-transform:uppercase; }
.mark-hero-badge small { margin-top:4px; color:rgba(255,255,255,.6); }
.mark-hero-proof { bottom:21px; display:grid; grid-template-columns:70px 1fr; gap:14px; align-items:center; padding:12px 16px; color:var(--ink); background:var(--lime); }
.mark-hero-proof strong { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:25px; }
.mark-hero-proof span { font-size:12px; font-weight:900; line-height:1.35; text-transform:uppercase; }

.mark-evidence-grid { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; background:white; border:1px solid var(--line); border-radius:20px; box-shadow:0 24px 65px rgba(15,12,25,.1); }
.mark-evidence-grid figure { position:relative; min-height:430px; margin:0; overflow:hidden; }
.mark-evidence-grid figure img { width:100%; height:100%; object-fit:cover; }
.mark-evidence-grid figure.mark-evidence-watchalong { display:flex; align-items:center; justify-content:center; background:#110426; }
.mark-evidence-grid figure.mark-evidence-watchalong img { position:relative; z-index:0; width:100%; height:auto; max-height:100%; object-fit:contain; }
.mark-evidence-grid figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(10,8,16,.88)); }
.mark-evidence-grid figcaption { position:absolute; z-index:1; right:20px; bottom:18px; left:20px; color:white; font-size:12px; font-weight:800; text-transform:uppercase; }
.mark-evidence-grid > article { display:flex; flex-direction:column; justify-content:center; padding:40px; }
.mark-evidence-grid > article > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.mark-evidence-grid > article > strong { margin-top:15px; color:var(--blue); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:clamp(38px,4.8vw,64px); line-height:.95; }
.mark-evidence-grid > article > p { margin:20px 0 0; color:var(--muted); line-height:1.55; }
.non-comparable-note { margin-top:28px; padding:18px; color:white; background:var(--ink); border-left:5px solid var(--lime); }
.non-comparable-note strong,.non-comparable-note span { display:block; }
.non-comparable-note strong { color:var(--lime); font-size:12px; text-transform:uppercase; }
.non-comparable-note span { margin-top:7px; color:rgba(255,255,255,.68); font-size:12px; line-height:1.5; }
.mark-route-principles { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:18px; background:var(--line); border:1px solid var(--line); }
.mark-route-principles div { padding:21px; background:white; }
.mark-route-principles span,.mark-route-principles strong { display:block; }
.mark-route-principles span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.mark-route-principles strong { margin-top:9px; font-size:15px; }

.mark-format-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.mark-format-grid article { min-height:300px; display:flex; flex-direction:column; padding:25px; color:white; background:rgba(8,1,35,.45); border:1px solid rgba(255,255,255,.18); border-radius:17px; }
.mark-format-grid article.recommended { background:rgba(0,255,204,.1); border-color:rgba(0,255,204,.54); }
.mark-format-grid span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.mark-format-grid h3 { margin:35px 0 0; font-size:25px; text-transform:uppercase; }
.mark-format-grid p { color:rgba(255,255,255,.66); font-size:12px; line-height:1.5; }
.mark-format-grid em { margin-top:auto; color:var(--lime); font-size:12px; font-style:normal; font-weight:900; text-transform:uppercase; }
.abi-feedback { position:relative; z-index:1; display:grid; grid-template-columns:.75fr 1.25fr; gap:35px; margin-top:22px; padding:30px; color:var(--ink); background:var(--aqua); border-radius:17px; }
.abi-feedback span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.abi-feedback h3 { margin:10px 0 0; font-size:27px; line-height:1.05; text-transform:uppercase; }
.abi-feedback ul { margin:0; padding-left:18px; }
.abi-feedback li { padding:8px 0; font-size:12px; line-height:1.45; }

.mark-format-proof { position:relative; z-index:1; margin-top:22px; overflow:hidden; color:var(--ink); background:white; border:1px solid rgba(255,255,255,.2); border-radius:18px; box-shadow:0 24px 60px rgba(4,0,20,.22); }
.mark-format-proof-heading { display:grid; grid-template-columns:1fr minmax(320px,.8fr); gap:40px; align-items:end; padding:26px 30px; color:white; background:var(--ink); border-bottom:5px solid var(--aqua); }
.mark-format-proof-heading span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.mark-format-proof-heading h3 { max-width:650px; margin:8px 0 0; font-size:30px; line-height:1; text-transform:uppercase; }
.mark-format-proof-heading p { margin:0; color:rgba(255,255,255,.64); font-size:12px; line-height:1.5; }
.mark-format-proof-shell { display:grid; grid-template-columns:300px minmax(0,1fr); min-height:510px; }
.mark-format-example-tabs { display:grid; align-content:stretch; background:#efeff4; border-right:1px solid var(--line); }
.mark-format-example-tab { display:grid; grid-template-columns:34px 1fr auto; gap:11px; align-items:center; min-height:88px; padding:14px 16px; cursor:pointer; color:var(--ink); text-align:left; background:transparent; border:0; border-bottom:1px solid #d9d9e1; transition:background .18s ease,color .18s ease; }
.mark-format-example-tab:last-child { border-bottom:0; }
.mark-format-example-tab:hover,.mark-format-example-tab:focus-visible { background:#e4e4ef; }
.mark-format-example-tab.active { color:white; background:var(--blue); }
.mark-format-example-tab > span { width:30px; height:30px; display:grid; place-items:center; color:var(--blue); background:white; border-radius:50%; font-size:12px; font-weight:900; }
.mark-format-example-tab.active > span { color:var(--ink); background:var(--lime); }
.mark-format-example-tab strong,.mark-format-example-tab small { display:block; }
.mark-format-example-tab strong { font-size:12px; line-height:1.15; text-transform:uppercase; }
.mark-format-example-tab small { color:var(--muted); font-size:12px; font-weight:800; white-space:nowrap; }
.mark-format-example-tab.active small { color:rgba(255,255,255,.62); }
.mark-format-example-stage { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr); min-width:0; background:white; }
.mark-format-example-player { position:relative; min-height:410px; background:#050508; }
.mark-format-example-player iframe,.mark-format-example-player .video-file-fallback { position:absolute; inset:0; width:100%; height:100%; border:0; }
.mark-format-example-player .video-file-fallback > img { object-fit:contain; opacity:1; }
.mark-format-example-player .video-file-fallback:hover > img { opacity:1; transform:none; }
.mark-format-example-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:30px; }
.mark-format-example-topline { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:13px; border-bottom:1px solid var(--line); }
.mark-format-example-topline span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.mark-format-example-topline strong { padding:6px 8px; color:var(--ink); background:var(--lime); font-size:12px; text-transform:uppercase; }
.mark-format-example-copy h4 { margin:24px 0 0; font-size:clamp(23px,2.5vw,35px); line-height:1; letter-spacing:-.03em; text-transform:uppercase; }
.mark-format-example-copy > p { margin:17px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }
.mark-format-example-actions { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-top:auto; padding-top:25px; border-top:1px solid var(--line); }
.mark-format-example-actions span { max-width:150px; color:var(--blue); font-size:12px; font-weight:900; line-height:1.4; text-transform:uppercase; }
.mark-format-example-actions a { color:var(--blue); font-size:12px; font-weight:900; white-space:nowrap; text-transform:uppercase; }

@media (min-width:1101px) {
  .mark-format-example-tab { grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; gap:4px 13px; min-height:112px; padding:17px 20px; }
  .mark-format-example-tab > span { grid-row:1 / 3; align-self:center; }
  .mark-format-example-tab strong { align-self:end; font-size:13px; line-height:1.25; }
  .mark-format-example-tab small { grid-column:2; align-self:start; white-space:normal; line-height:1.3; }
}

.mark-matchday-line { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.mark-matchday-line article { min-height:250px; padding:22px; background:white; }
.mark-matchday-line span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.mark-matchday-line strong { display:block; margin-top:40px; font-size:19px; text-transform:uppercase; }
.mark-matchday-line p { color:var(--muted); font-size:12px; line-height:1.5; }
.fixture-evidence-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-bottom:20px; color:white; background:var(--blue); border:1px solid var(--blue); }
.fixture-evidence-kpis div { min-height:122px; padding:20px; background:linear-gradient(145deg,var(--purple),var(--blue-dark)); }
.fixture-evidence-kpis span,.fixture-evidence-kpis strong,.fixture-evidence-kpis small { display:block; }
.fixture-evidence-kpis span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.fixture-evidence-kpis strong { margin-top:12px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:29px; line-height:1; }
.fixture-evidence-kpis small { margin-top:7px; color:rgba(255,255,255,.56); font-size:12px; line-height:1.4; }
.fixture-evidence-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); overflow:hidden; background:white; border:1px solid var(--line); border-radius:18px; box-shadow:0 22px 55px rgba(21,12,45,.11); }
.fixture-ranking { padding:27px 28px 30px; }
.fixture-ranking > header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:17px; }
.fixture-ranking header span,.fixture-recommendation header > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.fixture-ranking h3,.fixture-recommendation h3 { margin:7px 0 0; font-size:24px; line-height:1; text-transform:uppercase; }
.fixture-chart-legend { display:flex; gap:12px; }
.fixture-chart-legend span { display:flex; align-items:center; gap:5px; color:var(--muted); font-size:12px; }
.fixture-chart-legend span::before { content:""; width:8px; height:8px; background:var(--aqua); }
.fixture-chart-legend .watchalong::before { background:var(--blue); }
.fixture-rank-row { display:grid; grid-template-columns:24px 135px minmax(120px,1fr) 54px; gap:10px; align-items:center; min-height:44px; border-top:1px solid var(--line); }
.fixture-rank-row > span { color:var(--blue); font-size:12px; font-weight:900; }
.fixture-rank-row > strong { min-width:0; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; text-transform:uppercase; }
.fixture-rank-row sup { color:var(--blue); font-size:12px; }
.fixture-rank-row small { display:inline-grid; place-items:center; width:20px; height:20px; margin-left:4px; color:var(--blue); background:#efeff9; border-radius:50%; font-size:12px; }
.fixture-rank-row em { color:var(--blue); font-size:12px; font-style:normal; font-weight:900; text-align:right; }
.fixture-view-bar { display:flex; height:10px; overflow:hidden; background:#efeff3; border-radius:999px; }
.fixture-view-bar i,.fixture-view-bar b { display:block; height:100%; }
.fixture-view-bar i { width:var(--preview); background:var(--aqua); }
.fixture-view-bar b { width:var(--watch); background:var(--blue); }
.fixture-recommendation { padding:27px; color:white; background:var(--ink); }
.fixture-recommendation header > span { color:var(--aqua); }
.fixture-recommendation h3 { color:white; }
.fixture-recommendation header p { margin:12px 0 0; color:rgba(255,255,255,.58); font-size:12px; line-height:1.45; }
.fixture-recommendation-list { display:grid; gap:7px; margin-top:19px; }
.fixture-recommendation-list article { display:grid; grid-template-columns:70px 1fr auto; gap:10px; align-items:center; min-height:56px; padding:11px 13px; background:rgba(255,255,255,.07); border-left:4px solid var(--aqua); }
.fixture-recommendation-list article.flex { border-color:var(--lime); background:rgba(206,255,62,.1); }
.fixture-recommendation-list span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.fixture-recommendation-list article.flex span { color:var(--lime); }
.fixture-recommendation-list strong { font-size:12px; text-transform:uppercase; }
.fixture-recommendation-list em { color:rgba(255,255,255,.52); font-size:12px; font-style:normal; text-align:right; }
.fixture-insight-strip { display:grid; grid-template-columns:210px 1fr; gap:22px; align-items:center; padding:20px 24px; color:var(--ink); background:var(--lime); }
.fixture-insight-strip strong { color:var(--blue); font-size:12px; text-transform:uppercase; }
.fixture-insight-strip span { font-size:12px; line-height:1.45; }
.fixture-context-notes { display:grid; grid-template-columns:1fr 1fr; gap:1px; color:var(--ink); background:var(--line); border:1px solid var(--line); border-top:0; }
.fixture-context-notes p { display:grid; grid-template-columns:74px 1fr; gap:14px; align-items:start; min-height:96px; margin:0; padding:19px 22px; background:white; }
.fixture-context-notes strong { color:var(--blue); font-size:12px; line-height:1.4; text-transform:uppercase; }
.fixture-context-notes span { color:var(--muted); font-size:12px; line-height:1.55; }
.mark-social-question { display:grid; grid-template-columns:270px 1fr; margin-top:18px; overflow:hidden; color:white; background:var(--ink); border-radius:16px; box-shadow:0 20px 50px rgba(21,12,45,.12); }
.mark-social-question-lead { display:flex; flex-direction:column; justify-content:center; min-height:260px; padding:28px; background:linear-gradient(145deg,var(--blue),var(--purple)); border-left:7px solid var(--lime); }
.mark-social-question-lead span { color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.mark-social-question-lead strong { display:block; margin-top:15px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:24px; line-height:1.02; text-transform:uppercase; }
.mark-social-question-lead small { margin-top:14px; color:rgba(255,255,255,.58); font-size:12px; line-height:1.5; }
.mark-social-question-body { padding:27px 29px; }
.mark-social-question-body h3 { margin:0; color:white; font-size:22px; text-transform:uppercase; }
.mark-social-question-body > p { max-width:760px; margin:12px 0 18px; color:rgba(255,255,255,.62); font-size:12px; line-height:1.55; }
.mark-social-scope { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.mark-social-scope span { min-height:39px; padding:12px 13px; color:var(--aqua); background:rgba(255,255,255,.07); border-left:3px solid var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.mark-social-ask { display:grid; grid-template-columns:150px 1fr; gap:16px; align-items:center; margin-top:14px; padding:15px 16px; color:var(--ink); background:var(--lime); }
.mark-social-ask strong { color:var(--blue); font-size:12px; text-transform:uppercase; }
.mark-social-ask span { font-size:12px; line-height:1.5; }
.ucl-upside-note { display:grid; grid-template-columns:270px 1fr; gap:26px; align-items:center; margin-top:18px; padding:23px 25px; color:white; background:linear-gradient(120deg,var(--blue),var(--purple)); border-left:7px solid var(--aqua); }
.ucl-upside-note span,.ucl-upside-note strong { display:block; }
.ucl-upside-note span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.ucl-upside-note strong { margin-top:6px; font-size:17px; text-transform:uppercase; }
.ucl-upside-note p { margin:0; color:rgba(255,255,255,.68); font-size:12px; line-height:1.55; }
.ucl-upside-note p a { color:var(--aqua); font-weight:900; white-space:nowrap; }
.fixture-full-data { margin-top:18px; border:1px solid var(--line); background:white; }
.fixture-full-data summary { padding:15px 18px; cursor:pointer; color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.fixture-table-wrap { max-height:420px; overflow:auto; border-top:1px solid var(--line); }
.fixture-table-wrap table { width:100%; border-collapse:collapse; font-size:12px; }
.fixture-table-wrap th { position:sticky; top:0; z-index:1; padding:11px 13px; color:white; text-align:left; background:var(--ink); text-transform:uppercase; }
.fixture-table-wrap td { padding:10px 13px; border-bottom:1px solid var(--line); }
.fixture-table-wrap td:first-child { color:var(--blue); font-weight:900; }
.fixture-table-wrap a { color:var(--blue); font-weight:900; }
.fixture-table-wrap td small { display:block; margin-top:3px; color:var(--muted); font-size:12px; font-weight:600; }
.fixture-data-note { display:grid; grid-template-columns:100px 1fr auto; gap:18px; align-items:center; padding:16px 18px; color:var(--muted); background:#eeeeF4; border-left:5px solid var(--blue); }
.fixture-data-note strong { color:var(--blue); font-size:12px; text-transform:uppercase; }
.fixture-data-note span { font-size:12px; line-height:1.5; }
.fixture-data-note a { color:var(--blue); font-size:12px; font-weight:900; white-space:nowrap; text-transform:uppercase; }
.mark-content-journey { display:grid; grid-template-columns:1fr 44px 1fr 44px 1fr; align-items:stretch; margin-top:22px; color:white; background:var(--ink); border-radius:16px; overflow:hidden; }
.mark-content-journey.two-step { grid-template-columns:1fr 44px 1fr; }
.mark-content-journey > div:not(.journey-arrow) { padding:24px; }
.mark-content-journey span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.mark-content-journey strong { display:block; margin-top:8px; font-size:19px; }
.mark-content-journey p { color:rgba(255,255,255,.6); font-size:12px; line-height:1.45; }
.journey-arrow { display:grid; place-items:center; color:var(--ink); background:var(--lime); font-size:21px; }

.ideal-package-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; margin-bottom:14px; color:white; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.16); border-radius:16px; }
.ideal-package-kpis article { min-height:102px; display:flex; flex-direction:column; justify-content:center; padding:18px 21px; background:rgba(255,255,255,.07); }
.ideal-package-kpis strong { color:var(--aqua); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:34px; line-height:1; }
.ideal-package-kpis span { margin-top:8px; color:rgba(255,255,255,.68); font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }

.ideal-package-flow { display:grid; grid-template-columns:1fr 34px 1fr 34px 1.15fr; align-items:stretch; overflow:hidden; border-radius:18px; background:rgba(255,255,255,.12); }
.ideal-package-flow > i { display:grid; place-items:center; color:var(--ink); background:var(--lime); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:20px; font-style:normal; }
.ideal-flow-step { min-height:226px; padding:23px; color:white; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.11); }
.ideal-flow-step > span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.ideal-flow-step > strong { display:block; margin-top:28px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:25px; line-height:1.05; text-transform:uppercase; }
.ideal-flow-step p { margin:11px 0 17px; color:rgba(255,255,255,.62); font-size:12px; line-height:1.55; }
.ideal-flow-step > b { display:inline-block; padding:8px 10px; color:var(--ink); background:var(--aqua); font-size:12px; text-transform:uppercase; }
.distribution-step { background:linear-gradient(145deg,var(--blue),var(--purple)); }
.distribution-step > div { display:flex; flex-wrap:wrap; gap:5px; }
.distribution-step em { padding:8px 9px; color:var(--ink); background:var(--lime); font-size:12px; font-style:normal; font-weight:900; text-transform:uppercase; }

.social-benchmark { margin-top:14px; overflow:hidden; color:var(--ink); background:white; border-radius:18px; }
.social-benchmark-heading { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:end; padding:21px 23px; border-bottom:1px solid var(--line); }
.social-benchmark-heading span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.social-benchmark-heading h3 { margin:6px 0 0; font-size:22px; text-transform:uppercase; }
.social-benchmark-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.social-platform-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); }
.social-platform-grid article { min-height:137px; padding:19px 21px; background:white; }
.social-platform-grid article > span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.social-platform-grid article > strong { display:block; margin-top:13px; color:var(--ink); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:29px; line-height:1; }
.social-platform-grid article p { margin:6px 0 12px; color:var(--muted); font-size:12px; }
.social-platform-grid article b { color:var(--blue); font-size:12px; text-transform:uppercase; }
.social-platform-grid article > small { display:block; margin-top:7px; color:var(--muted); font-size:11px; font-weight:700; }
.social-platform-grid article.all-platforms { color:white; background:var(--purple); }
.social-platform-grid article.all-platforms > span,.social-platform-grid article.all-platforms b { color:var(--aqua); }
.social-platform-grid article.all-platforms > strong { color:white; }
.social-platform-grid article.all-platforms p { color:rgba(255,255,255,.6); }
.social-platform-grid article.all-platforms > small { color:rgba(255,255,255,.58); }

.ideal-package-forecast { display:grid; grid-template-columns:1.35fr repeat(3,1fr); gap:1px; margin-top:14px; overflow:hidden; color:var(--ink); background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.17); border-radius:16px; }
.ideal-package-forecast > div { min-height:124px; display:flex; flex-direction:column; justify-content:center; padding:19px 21px; background:white; }
.ideal-package-forecast .forecast-title { color:white; background:rgba(255,255,255,.07); }
.forecast-title > span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.forecast-title > strong { margin-top:8px; font-size:16px; line-height:1.16; text-transform:uppercase; }
.ideal-package-forecast > div:not(.forecast-title) > strong { color:var(--blue); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:27px; line-height:1; }
.ideal-package-forecast > div > span { margin-top:8px; font-size:12px; font-weight:900; text-transform:uppercase; }
.ideal-package-forecast small { margin-top:7px; color:var(--muted); font-size:12px; line-height:1.35; }
.ideal-package-forecast .forecast-title small { color:rgba(255,255,255,.54); }
.ideal-package-forecast .forecast-total { background:var(--aqua); }
.ideal-package-forecast .forecast-total > strong { color:var(--ink) !important; }
.ideal-package-guardrail { display:grid; grid-template-columns:205px 1fr auto; gap:24px; align-items:center; margin-top:14px; padding:17px 20px; color:var(--ink); background:var(--lime); border-left:6px solid var(--blue); }
.ideal-package-guardrail strong { color:var(--blue); font-size:12px; text-transform:uppercase; }
.ideal-package-guardrail span { font-size:12px; line-height:1.55; }
.ideal-package-guardrail a { color:var(--blue); font-size:12px; font-weight:900; white-space:nowrap; text-transform:uppercase; }

.governance-flow { display:grid; grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr; align-items:stretch; }
.governance-flow article { min-height:230px; padding:23px; background:white; border:1px solid var(--line); }
.governance-flow article > span { width:40px; height:40px; display:grid; place-items:center; color:white; background:var(--blue); font-family:"Archivo Black","Arial Black",Arial,sans-serif; }
.governance-flow strong { display:block; margin-top:35px; font-size:19px; text-transform:uppercase; }
.governance-flow p { color:var(--muted); font-size:12px; line-height:1.5; }
.governance-flow > i { display:grid; place-items:center; color:white; background:var(--blue); font-style:normal; }
.approval-guardrails { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:20px; color:white; background:var(--purple); }
.approval-guardrails div { padding:22px; background:rgba(255,255,255,.07); }
.approval-guardrails span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.approval-guardrails strong { display:block; margin-top:10px; font-size:12px; line-height:1.45; }

.network-build-sequence { display:grid; grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr; align-items:stretch; overflow:hidden; border-radius:18px; background:var(--ink); }
.network-build-sequence article { min-height:230px; padding:24px; color:white; }
.network-build-sequence article > span { color:var(--aqua); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:29px; }
.network-build-sequence strong { display:block; margin-top:30px; font-size:18px; text-transform:uppercase; }
.network-build-sequence p { color:rgba(255,255,255,.62); font-size:12px; line-height:1.5; }
.network-build-sequence > i { display:grid; place-items:center; color:var(--ink); background:var(--lime); font-style:normal; }

.route2-evidence-strip { grid-column:1/-1; display:grid; grid-template-columns:1.35fr repeat(4,.72fr); gap:1px; margin-top:18px; overflow:hidden; background:var(--line); border:1px solid var(--line); border-radius:15px; }
.route2-evidence-strip > div { min-height:116px; display:flex; flex-direction:column; justify-content:center; padding:18px; background:white; }
.route2-evidence-strip .route2-evidence-title { color:white; background:var(--purple); }
.route2-evidence-strip span,.route2-evidence-strip small { display:block; }
.route2-evidence-strip > div > strong { color:var(--blue); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:23px; line-height:1; }
.route2-evidence-strip > div > span { margin-top:7px; color:var(--muted); font-size:12px; line-height:1.35; text-transform:uppercase; }
.route2-evidence-title > span { margin:0 !important; color:var(--aqua) !important; font-size:12px !important; font-weight:900; }
.route2-evidence-title > strong { margin-top:10px; color:white !important; font-size:17px !important; line-height:1.1 !important; }
.route2-evidence-title > small { margin-top:8px; color:rgba(255,255,255,.5); font-size:12px; }
.route2-evidence-strip > p { grid-column:1/-1; margin:0; padding:17px 20px; color:rgba(255,255,255,.67); background:var(--ink); font-size:12px; line-height:1.5; }

.season-budget-model { display:grid; grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr); gap:18px; padding:18px; color:white; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); border-radius:20px; }
.budget-control { padding:26px; background:rgba(6,1,29,.56); border-radius:14px; }
.budget-control > div:first-child { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.budget-control span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.budget-control strong { color:var(--lime); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:44px; line-height:1; }
.budget-control input { width:100%; margin:70px 0 15px; accent-color:var(--aqua); }
.budget-scale { display:flex; justify-content:space-between; }
.budget-scale span { color:rgba(255,255,255,.42); font-size:12px; }
.budget-output { display:grid; gap:14px; }
.budget-scenario-heading { display:grid; grid-template-columns:170px 1fr; gap:20px; align-items:center; padding:20px; color:var(--ink); background:var(--aqua); border-radius:14px; }
.budget-scenario-heading span { font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:22px; text-transform:uppercase; }
.budget-scenario-heading strong { font-size:12px; line-height:1.5; }
.budget-scenario-kpis { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; overflow:hidden; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.15); border-radius:12px; }
.budget-scenario-kpis div { min-height:98px; padding:15px; background:rgba(7,1,30,.5); }
.budget-scenario-kpis strong,.budget-scenario-kpis span { display:block; }
.budget-scenario-kpis strong { color:var(--lime); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:20px; }
.budget-scenario-kpis span { margin-top:7px; color:rgba(255,255,255,.55); font-size:12px; line-height:1.4; text-transform:uppercase; }
.budget-evidence-line { display:grid; grid-template-columns:190px 1fr; gap:18px; padding:15px 17px; color:white; background:rgba(0,0,0,.24); border-left:4px solid var(--lime); border-radius:9px; }
.budget-evidence-line strong { color:var(--lime); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.budget-evidence-line span { color:rgba(255,255,255,.62); font-size:12px; line-height:1.5; }

@media (max-width:1100px) {
  .site-header { gap:14px; }
  .site-header nav { gap:13px; }
  .draft-pill { display:none; }
  .route-gateway { grid-template-columns:1fr; gap:35px; }
  .mark-format-grid { grid-template-columns:1fr 1fr; }
  .mark-format-proof-shell { grid-template-columns:1fr; }
  .mark-format-example-tabs { grid-template-columns:repeat(4,1fr); border-right:0; border-bottom:1px solid var(--line); }
  .mark-format-example-tab { grid-template-columns:1fr; align-content:center; min-height:104px; border-right:1px solid #d9d9e1; border-bottom:0; }
  .mark-format-example-tab:last-child { border-right:0; }
  .mark-format-example-tab > span { width:26px; height:26px; }
  .mark-format-example-stage { min-height:440px; }
  .fixture-evidence-layout { grid-template-columns:1fr; }
  .fixture-recommendation-list { grid-template-columns:1fr 1fr; }
  .fixture-recommendation-list article { grid-template-columns:62px 1fr; }
  .fixture-recommendation-list em { grid-column:2; text-align:left; }
  .mark-matchday-line { grid-template-columns:repeat(3,1fr); }
  .social-platform-grid { grid-template-columns:1fr 1fr; }
  .ideal-package-forecast { grid-template-columns:1fr 1fr; }
  .route2-evidence-strip { grid-template-columns:1fr 1fr 1fr; }
  .route2-evidence-strip .route2-evidence-title { grid-column:1/-1; }
  .governance-flow,.network-build-sequence { grid-template-columns:1fr 26px 1fr; gap:0; }
  .governance-flow > :nth-child(n+4),.network-build-sequence > :nth-child(n+4) { margin-top:1px; }
  .governance-flow > i:nth-of-type(2),.network-build-sequence > i:nth-of-type(2) { display:none; }
  .season-budget-model { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .site-header { height:auto; min-height:64px; flex-wrap:wrap; padding:10px 16px; }
  .brand { width:82px; }
  .site-header nav { order:3; width:100%; margin:0; padding-top:8px; overflow-x:auto; border-top:1px solid rgba(255,255,255,.1); }
  .site-header nav a { white-space:nowrap; }
  .header-route-switcher { margin-left:auto; }
  .view-switcher { order:2; margin-left:auto; }
  .route-gateway { min-height:auto; padding:58px 20px; }
  .route-gateway-options { grid-template-columns:1fr; }
  .route-gateway-card { min-height:250px; }
  .mark-evidence-grid,.abi-feedback { grid-template-columns:1fr; }
  .mark-format-proof-heading,.mark-format-example-stage { grid-template-columns:1fr; }
  .mark-format-proof-heading { gap:14px; padding:23px; }
  .mark-format-proof-shell { min-height:0; }
  .mark-format-example-tabs { grid-template-columns:1fr; }
  .mark-format-example-tab { grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto auto; gap:2px 11px; min-height:72px; border-right:0; border-bottom:1px solid #d9d9e1; }
  .mark-format-example-tab > span { grid-row:1 / 3; align-self:center; }
  .mark-format-example-tab strong { align-self:end; }
  .mark-format-example-tab small { grid-column:2; align-self:start; white-space:normal; }
  .mark-format-example-player { min-height:0; aspect-ratio:16/9; }
  .mark-format-example-copy { padding:24px; }
  .mark-format-example-actions { align-items:flex-start; flex-direction:column; }
  .mark-evidence-grid figure { min-height:300px; }
  .mark-route-principles,.mark-format-grid,.mark-matchday-line,.approval-guardrails { grid-template-columns:1fr; }
  .fixture-evidence-kpis { grid-template-columns:1fr 1fr; }
  .fixture-ranking { padding:22px 18px; }
  .fixture-ranking > header { align-items:flex-start; flex-direction:column; }
  .fixture-rank-row { grid-template-columns:22px 105px minmax(65px,1fr) 46px; gap:7px; }
  .fixture-recommendation-list { grid-template-columns:1fr; }
  .fixture-insight-strip,.fixture-context-notes,.ucl-upside-note,.fixture-data-note { grid-template-columns:1fr; gap:8px; }
  .fixture-context-notes { gap:1px; }
  .fixture-context-notes p { grid-template-columns:1fr; gap:7px; min-height:0; }
  .mark-social-question { grid-template-columns:1fr; }
  .mark-social-question-lead { min-height:0; }
  .mark-social-scope,.mark-social-ask { grid-template-columns:1fr; }
  .fixture-data-note a { white-space:normal; }
  .mark-content-journey { grid-template-columns:1fr; }
  .mark-content-journey.two-step { grid-template-columns:1fr; }
  .journey-arrow { min-height:32px; transform:rotate(90deg); }
  .ideal-package-kpis,.social-platform-grid,.ideal-package-forecast { grid-template-columns:1fr 1fr; }
  .ideal-package-flow { grid-template-columns:1fr; }
  .ideal-package-flow > i { min-height:30px; }
  .ideal-package-guardrail,.social-benchmark-heading { grid-template-columns:1fr; gap:8px; }
  .governance-flow,.network-build-sequence { grid-template-columns:1fr; }
  .governance-flow > i,.network-build-sequence > i { min-height:30px; transform:rotate(90deg); }
  .governance-flow > i:nth-of-type(2),.network-build-sequence > i:nth-of-type(2) { display:grid; }
  .budget-scenario-heading { grid-template-columns:1fr; gap:8px; }
  .budget-scenario-kpis { grid-template-columns:1fr 1fr; }
  .route2-evidence-strip { grid-template-columns:1fr 1fr; }
  .route2-evidence-strip .route2-evidence-title { grid-column:1/-1; }
  .budget-evidence-line { grid-template-columns:1fr; gap:7px; }
  .deck-controls { right:12px; bottom:12px; left:auto; width:46px; grid-template-columns:44px minmax(220px,278px) 44px; }
  .deck-controls:hover,.deck-controls:focus-within { width:min(366px,calc(100vw - 24px)); }
  .deck-arrow { min-height:56px; }
}

@media (max-width:480px) {
  .header-route-switcher button { padding:7px 8px; font-size:12px; }
  .view-switcher button { padding:7px 8px; font-size:12px; }
  .route-gateway-copy h1 { font-size:40px; }
  .mark-hero-visual { min-height:420px; }
  .mark-hero-visual > img { height:420px; }
  .budget-scenario-kpis { grid-template-columns:1fr; }
}

/* Route 02 rebuild - client decision flow */
.route-legacy { display:none !important; }

.network-hero-title { display:flex; flex-direction:column; align-items:flex-start; max-width:680px !important; }
.network-hero-title .network-title-lead { color:var(--aqua); font-size:.4em; line-height:1; letter-spacing:.14em; }
.network-hero-title .network-title-focus { margin-top:8px; color:var(--white); font-size:1.03em; line-height:.88; letter-spacing:-.06em; }
.network-hero-title .network-title-support { max-width:610px; margin-top:22px; padding-top:18px; border-top:1px solid rgba(99,242,207,.45); color:var(--aqua); font-family:Inter,Arial,sans-serif; font-size:.36em; font-weight:700; line-height:1.16; letter-spacing:-.035em; text-transform:none; }

.network-squad-stage { grid-template-columns:minmax(170px,.82fr) minmax(280px,1.28fr); grid-template-rows:minmax(0,1fr) 34px; gap:11px 13px; min-height:420px; margin-bottom:32px; overflow:visible; }
.hero-squad-catalyst { grid-column:1; grid-row:1; }
.hero-squad-catalyst img { object-position:52% center; }
.hero-activation-network { grid-column:2; grid-row:1; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:11px; min-width:0; min-height:0; }
.hero-squad-card { min-width:0; min-height:0; border-radius:15px; }
.hero-squad-card figcaption { padding:14px; }
.hero-squad-card figcaption strong { font-size:12px; line-height:1.15; }
.hero-squad-card figcaption span { margin-top:3px; font-size:10px; }
.hero-talent-logo { background:radial-gradient(circle at 50% 34%,rgba(99,242,207,.2),transparent 34%),linear-gradient(145deg,#1d0753,#1800a8); }
.hero-talent-logo img { position:absolute; top:39%; left:50%; width:clamp(82px,7.7vw,112px); height:clamp(82px,7.7vw,112px); object-fit:cover; background:white; border:3px solid rgba(255,255,255,.84); border-radius:50%; box-shadow:0 14px 34px rgba(0,0,0,.34); transform:translate(-50%,-50%); }
.hero-talent-logo:hover img { transform:translate(-50%,-50%) scale(1.035); }
.hero-squad-personality img { object-position:center 27%; }
.hero-squad-bracket { position:relative; grid-column:1/-1; grid-row:2; height:26px; margin:0 32px; border-right:2px solid rgba(99,242,207,.68); border-bottom:2px solid rgba(99,242,207,.68); border-left:2px solid rgba(99,242,207,.68); border-radius:0 0 16px 16px; }
.hero-squad-bracket::before { content:""; position:absolute; top:-9px; left:50%; width:2px; height:10px; background:rgba(99,242,207,.68); }
.hero-squad-bracket span { position:absolute; top:7px; left:50%; padding:3px 10px; color:rgba(255,255,255,.7); background:#18075d; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; transform:translateX(-50%); }
.network-squad-stage .hero-proof-chip { right:auto; bottom:-31px; left:50%; max-width:250px; transform:translateX(-50%); }

@media (max-width:1100px) {
  .network-squad-stage { grid-template-columns:minmax(210px,.78fr) minmax(360px,1.22fr); min-height:420px; }
}

@media (max-width:650px) {
  .network-hero-title .network-title-lead { font-size:.44em; }
  .network-hero-title .network-title-focus { margin-top:6px; font-size:.94em; line-height:.91; }
  .network-hero-title .network-title-support { margin-top:17px; padding-top:14px; font-size:.43em; line-height:1.2; }
  .network-squad-stage { grid-template-columns:1fr; grid-template-rows:270px 360px 32px; min-height:0; margin-bottom:42px; }
  .hero-squad-catalyst { grid-column:1; grid-row:1; }
  .hero-activation-network { grid-column:1; grid-row:2; }
  .hero-squad-bracket { grid-column:1; grid-row:3; margin:0 18px; }
  .hero-talent-logo img { width:86px; height:86px; }
  .network-squad-stage .hero-proof-chip { bottom:-36px; }
}

.anchor-choice-band { position:relative; z-index:1; display:grid; grid-template-columns:1.15fr .8fr 30px .8fr; gap:10px; align-items:stretch; margin:-18px 0 18px; padding:10px; color:white; background:rgba(5,2,25,.43); border:1px solid rgba(255,255,255,.14); border-radius:18px; }
.anchor-choice-band > div { display:flex; flex-direction:column; justify-content:center; padding:20px; }
.anchor-choice-band > div span,.anchor-choice-band article span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.anchor-choice-band > div strong { margin-top:7px; font-size:19px; text-transform:uppercase; }
.anchor-choice-band > div p { margin:8px 0 0; color:rgba(255,255,255,.58); font-size:12px; line-height:1.5; }
.anchor-choice-band article { display:grid; grid-template-columns:72px 1fr; gap:12px; align-items:center; padding:10px; background:rgba(255,255,255,.08); border-radius:12px; }
.anchor-choice-band article img { width:72px; height:76px; object-fit:cover; border-radius:9px; }
.anchor-choice-band article strong,.anchor-choice-band article small { display:block; }
.anchor-choice-band article strong { margin-top:6px; font-size:14px; }
.anchor-choice-band article small { margin-top:5px; color:rgba(255,255,255,.52); font-size:12px; line-height:1.35; }
.anchor-choice-band > b { display:grid; place-items:center; color:var(--lime); font-size:12px; text-transform:uppercase; }
.network-model-rebuilt .role-card { min-height:305px; }
.network-core-principle { position:relative; z-index:1; display:grid; grid-template-columns:185px 1fr auto; gap:22px; align-items:center; margin-top:18px; padding:18px 20px; color:var(--ink); background:var(--lime); border-radius:13px; }
.network-core-principle strong { color:var(--blue); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.network-core-principle span { font-size:12px; line-height:1.5; }
.network-core-principle a { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }

.recommendation-rebuilt { overflow:visible !important; }
.core-roster { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:20px; }
.core-creator-card { position:relative; min-width:0; overflow:hidden; background:white; border:1px solid var(--line); border-radius:16px; box-shadow:0 14px 36px rgba(17,18,24,.07); }
.core-creator-card[data-proposal-profile] { cursor:pointer; }
.core-creator-card > img { width:100%; height:142px; object-fit:cover; filter:saturate(.84) contrast(1.03); }
.core-creator-live > img { object-position:center 38%; }
.core-creator-copy { display:flex; flex-direction:column; min-height:240px; padding:17px; }
.core-creator-copy > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.core-creator-copy h3 { margin:7px 0 7px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:18px; line-height:1.02; }
.core-creator-copy p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.core-creator-copy > div { display:grid; gap:5px; margin-top:14px; }
.core-creator-copy b { padding:7px 8px; color:#1b0b59; background:#efedff; border-radius:7px; font-size:12px; }
.core-creator-copy .roster-evidence { align-self:flex-start; margin-top:auto; padding:8px 10px; color:white; background:var(--blue); border:0; border-radius:999px; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.optional-anchor-row { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:10px; margin-top:12px; padding:12px; color:white; background:linear-gradient(140deg,#1a0645,#0e0c20); border-radius:16px; }
.optional-anchor-row > div { display:flex; flex-direction:column; justify-content:center; padding:14px; }
.optional-anchor-row > div span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.optional-anchor-row > div strong { margin-top:7px; font-size:16px; text-transform:uppercase; }
.optional-anchor-row > div p { margin:8px 0 0; color:rgba(255,255,255,.57); font-size:12px; line-height:1.5; }
.optional-anchor-row article { display:grid; grid-template-columns:68px 1fr; gap:12px; align-items:center; padding:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.09); border-radius:12px; }
.optional-anchor-row article img { width:68px; height:72px; object-fit:cover; border-radius:9px; }
.optional-anchor-row article strong,.optional-anchor-row article span { display:block; }
.optional-anchor-row article strong { font-size:14px; }
.optional-anchor-row article span { margin-top:5px; color:rgba(255,255,255,.54); font-size:12px; line-height:1.35; }
.optional-anchor-row article a,.optional-anchor-row article button { grid-column:1/-1; justify-self:start; padding:0; color:var(--aqua); background:transparent; border:0; cursor:pointer; font-size:12px; font-weight:900; text-transform:uppercase; }
.cohort-benchmark-rebuilt { display:block; margin-top:12px; padding:24px; box-shadow:none; }
.cohort-benchmark-rebuilt > *,.cohort-benchmark-rebuilt #cohort-comparison { min-width:0; max-width:100%; }
.cohort-benchmark-rebuilt #cohort-comparison { width:100%; overflow:hidden; }
.cohort-benchmark-rebuilt .cohort-table-wrap { width:100%; max-width:100%; overflow-x:auto; }
.cohort-benchmark-rebuilt .cohort-benchmark-heading { display:grid; grid-template-columns:minmax(210px,.45fr) minmax(0,1.55fr); column-gap:30px; align-items:end; margin-bottom:20px; }
.cohort-benchmark-rebuilt .cohort-benchmark-heading > span { align-self:start; }
.cohort-benchmark-rebuilt .cohort-benchmark-heading h3 { margin-top:0; font-size:25px; }
.cohort-benchmark-rebuilt .cohort-benchmark-heading p { grid-column:2; font-size:14px; line-height:1.55; }
.cohort-benchmark-rebuilt .cohort-table { table-layout:fixed; font-size:14px; }
.cohort-benchmark-rebuilt .cohort-table th:first-child { width:36%; }
.cohort-benchmark-rebuilt .cohort-table th:not(:first-child) { width:32%; }
.cohort-benchmark-rebuilt .cohort-table th,.cohort-benchmark-rebuilt .cohort-table td { padding:15px 18px; }
.cohort-benchmark-rebuilt .cohort-table thead th { font-size:13px; }
.cohort-benchmark-rebuilt .cohort-table tbody th { font-size:14px; }
.cohort-benchmark-rebuilt .cohort-table tbody td { font-size:16px; }
.cohort-benchmark-rebuilt .cohort-table td small { display:block; margin-top:4px; color:var(--muted); font-size:11px; font-weight:700; }
.cohort-assumption,.cohort-volume-check { display:grid; grid-template-columns:190px minmax(0,1fr); gap:20px; align-items:start; margin-top:12px; padding:15px 18px; border-radius:10px; }
.cohort-assumption { color:#211457; background:#eeecff; border-left:5px solid var(--blue); }
.cohort-volume-check { color:white; background:linear-gradient(135deg,#2a00b7,#17004b); border-left:5px solid var(--aqua); }
.cohort-assumption strong,.cohort-volume-check strong { font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.cohort-assumption span,.cohort-volume-check span { font-size:13px; line-height:1.55; }
.cohort-volume-check strong { color:var(--aqua); }
.cohort-volume-maths { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cohort-volume-maths > span { padding:12px 14px; color:rgba(255,255,255,.75); background:rgba(255,255,255,.075); border-radius:8px; }
.cohort-volume-maths b { display:block; margin-bottom:4px; color:white; font-size:14px; }
.cohort-benchmark-rebuilt .cohort-readout { align-items:center; padding:16px 18px; }
.cohort-benchmark-rebuilt .cohort-readout span { font-size:13px; line-height:1.5; }
.recommendation-footer-row { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; margin-top:12px; }
.recommendation-footer-row .recommendation-additional { margin:0; }
.recommendation-footer-row .recommendation-additional > p { margin:0; padding:15px 19px; color:var(--muted); font-size:12px; line-height:1.5; border-top:1px solid var(--line); }
.recommendation-actions { display:flex; gap:8px; }
.recommendation-actions .button-secondary { color:var(--blue); border-color:var(--blue); background:white; cursor:pointer; }

.campaign-framework-kpis,.package-starting-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:-20px 0 20px; overflow:hidden; color:white; background:var(--line); border:1px solid var(--line); border-radius:14px; }
.campaign-framework-kpis > div,.package-starting-kpis article { min-height:92px; display:flex; flex-direction:column; justify-content:center; padding:17px 20px; background:linear-gradient(145deg,var(--purple),var(--blue-dark)); }
.campaign-framework-kpis strong,.package-starting-kpis strong { color:var(--aqua); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:24px; }
.campaign-framework-kpis span,.package-starting-kpis span { margin-top:6px; color:rgba(255,255,255,.6); font-size:12px; font-weight:900; text-transform:uppercase; }
.campaign-video-poster { position:relative; width:100%; height:100%; min-height:440px; display:flex; align-items:flex-end; overflow:hidden; color:white; text-decoration:none; background:#09080d; }
.campaign-video-poster::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(7,3,22,.94)); }
.campaign-video-poster img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.82; transition:transform .35s ease,opacity .35s ease; }
.campaign-video-poster:hover img { transform:scale(1.025); opacity:.96; }
.campaign-video-poster span { position:relative; z-index:1; display:flex; align-items:center; gap:11px; padding:26px; font-size:12px; font-weight:900; text-transform:uppercase; }
.campaign-video-poster span b { width:40px; height:40px; display:grid; place-items:center; color:var(--ink); background:var(--aqua); border-radius:50%; }
.campaign-video-poster small { position:absolute; z-index:1; right:25px; bottom:30px; color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }

.package-starting-kpis { margin:-18px 0 16px; border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.15); }
.package-starting-kpis article { background:rgba(255,255,255,.07); }
.anchor-budget-rule { display:grid; grid-template-columns:190px 1fr; gap:20px; margin-top:16px; padding:17px 20px; color:var(--ink); background:var(--lime); border-radius:12px; }
.anchor-budget-rule strong { color:var(--blue); font-size:12px; text-transform:uppercase; }
.anchor-budget-rule span { font-size:12px; line-height:1.5; }
.package-output-note { display:grid; grid-template-columns:190px 1fr; gap:20px; margin-top:16px; padding:17px 20px; color:white; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:12px; }
.package-output-note strong { color:var(--aqua); font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.package-output-note span { color:rgba(255,255,255,.74); font-size:13px; line-height:1.5; }
.campaign-output-maths { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr); gap:8px; align-items:stretch; margin:0 0 16px; }
.campaign-output-maths article { min-width:0; padding:17px 18px; color:white; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.14); border-radius:12px; }
.campaign-output-maths article span,.campaign-output-maths article strong,.campaign-output-maths article small { display:block; }
.campaign-output-maths article span { color:var(--aqua); font-size:11px; font-weight:900; letter-spacing:.055em; text-transform:uppercase; }
.campaign-output-maths article strong { margin-top:7px; color:white; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:28px; line-height:1; }
.campaign-output-maths article small { margin-top:8px; color:rgba(255,255,255,.58); font-size:11px; line-height:1.45; }
.campaign-output-maths > i { align-self:center; color:var(--lime); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:18px; font-style:normal; }
.campaign-output-maths .campaign-output-total { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.campaign-output-maths .campaign-output-total span,.campaign-output-maths .campaign-output-total strong { color:var(--ink); }
.campaign-output-maths .campaign-output-total small { color:rgba(17,18,24,.68); }

.delivery-rebuilt { background:var(--paper); }
.delivery-rebuilt.deck-slide::before { color:rgba(36,1,245,.045); }
.delivery-reporting { display:grid; grid-template-columns:.75fr 1.25fr; gap:1px; margin-top:16px; overflow:hidden; color:white; background:var(--blue); border-radius:14px; }
.delivery-reporting-intro { padding:23px; background:var(--blue); }
.delivery-reporting-intro span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.delivery-reporting-intro strong { display:block; margin-top:9px; font-size:19px; text-transform:uppercase; }
.delivery-reporting-intro p { margin:10px 0 0; color:rgba(255,255,255,.65); font-size:12px; line-height:1.5; }
.delivery-reporting-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.17); }
.delivery-reporting-grid article { padding:16px; background:white; color:var(--ink); }
.delivery-reporting-grid article span { color:var(--blue); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:14px; }
.delivery-reporting-grid article strong { display:block; margin-top:6px; font-size:12px; text-transform:uppercase; }
.delivery-reporting-grid article p { margin:5px 0 0; color:var(--muted); font-size:12px; line-height:1.4; }

@media (max-width:1100px) {
  .anchor-choice-band { grid-template-columns:1fr 1fr; }
  .anchor-choice-band > div { grid-column:1/-1; }
  .anchor-choice-band > b { display:none; }
  .core-roster { grid-template-columns:repeat(3,1fr); }
  .core-creator-card:nth-child(4),.core-creator-card:nth-child(5) { grid-column:span 1; }
  .optional-anchor-row { grid-template-columns:1fr 1fr; }
  .optional-anchor-row > div { grid-column:1/-1; }
}

@media (max-width:760px) {
  .anchor-choice-band,.optional-anchor-row,.recommendation-footer-row,.delivery-reporting { grid-template-columns:1fr; }
  .anchor-choice-band > div,.optional-anchor-row > div { grid-column:auto; }
  .core-roster { grid-template-columns:1fr 1fr; }
  .core-creator-card:last-child { grid-column:1/-1; }
  .recommendation-actions { flex-wrap:wrap; }
  .campaign-framework-kpis,.package-starting-kpis { grid-template-columns:1fr 1fr; }
  .campaign-video-poster { min-height:0; aspect-ratio:16/9; }
  .campaign-video-poster small { display:none; }
  .network-core-principle,.anchor-budget-rule,.package-output-note { grid-template-columns:1fr; gap:8px; }
  .campaign-output-maths { grid-template-columns:1fr 1fr; }
  .campaign-output-maths > i { display:none; }
  .delivery-reporting-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:480px) {
  .core-roster { grid-template-columns:1fr; }
  .core-creator-card:last-child { grid-column:auto; }
  .core-creator-card { display:grid; grid-template-columns:112px 1fr; }
  .core-creator-card > img { width:112px; height:100%; min-height:240px; }
  .core-creator-copy { min-height:240px; padding:15px; }
  .optional-anchor-row article { grid-template-columns:58px 1fr; }
  .optional-anchor-row article img { width:58px; height:64px; }
  .campaign-framework-kpis,.package-starting-kpis,.delivery-reporting-grid { grid-template-columns:1fr; }
}

/* Creator Explorer v2 - guided shortlist, comparison and package journey */
body[data-site-view="explorer"] { background:#eeefe9; }
body[data-site-view="explorer"] .deck-controls { display:none !important; }

.explorer-rebuilt { min-height:calc(100vh - 74px); padding:0 max(24px,calc((100vw - var(--max)) / 2)) 96px; overflow:clip; background:#eeefe9; }
.explorer-masthead { position:relative; min-height:390px; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr); gap:56px; align-items:end; margin-inline:calc(0px - max(24px,calc((100vw - var(--max)) / 2))); padding:76px max(24px,calc((100vw - var(--max)) / 2)) 64px; color:white; overflow:hidden; background:linear-gradient(118deg,#16002f 0%,#260066 48%,#2401f5 115%); }
.explorer-masthead::before { content:""; position:absolute; width:560px; height:560px; right:-180px; top:-230px; border:84px solid rgba(0,255,204,.13); transform:rotate(32deg); }
.explorer-masthead::after { content:""; position:absolute; width:310px; height:42px; left:-58px; bottom:38px; background:var(--lime); transform:rotate(-11deg) skew(-28deg); opacity:.95; }
.explorer-masthead > * { position:relative; z-index:1; }
.explorer-masthead h2 { max-width:780px; margin:0; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(54px,6.3vw,88px); line-height:.91; letter-spacing:-.055em; text-transform:uppercase; }
.explorer-masthead > div:first-child > p:last-child { max-width:700px; margin:26px 0 0; color:rgba(255,255,255,.7); font-size:17px; line-height:1.55; }
.explorer-masthead-actions { justify-self:end; align-self:start; display:flex; flex-direction:column; align-items:flex-end; gap:16px; }
.explorer-masthead-actions span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.explorer-masthead-actions button { min-height:42px; padding:0 15px; color:white; cursor:pointer; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.3); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.explorer-masthead-actions button:hover { color:var(--ink); background:var(--aqua); border-color:var(--aqua); }

.explorer-journey { position:sticky; top:74px; z-index:18; display:grid; grid-template-columns:1fr 34px 1fr 34px 1fr; gap:0; align-items:stretch; margin-inline:calc(0px - max(24px,calc((100vw - var(--max)) / 2))); padding:0 max(24px,calc((100vw - var(--max)) / 2)); color:white; background:rgba(14,9,28,.97); border-bottom:1px solid rgba(255,255,255,.12); backdrop-filter:blur(16px); }
.explorer-journey > i { display:grid; place-items:center; color:rgba(255,255,255,.23); font-style:normal; }
.explorer-journey > button { min-height:84px; display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; gap:2px 10px; align-content:center; padding:15px 18px; color:rgba(255,255,255,.48); cursor:pointer; text-align:left; background:transparent; border:0; border-bottom:3px solid transparent; }
.explorer-journey > button span { grid-row:1/3; align-self:center; color:inherit; font-family:"Arial Black",Arial,sans-serif; font-size:15px; }
.explorer-journey > button strong { color:inherit; font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.explorer-journey > button small { color:inherit; font-size:12px; }
.explorer-journey > button:hover { color:white; }
.explorer-journey > button.active { color:white; border-bottom-color:var(--aqua); background:rgba(255,255,255,.055); }
.explorer-journey > button.active span { color:var(--aqua); }

.explorer-selected-tray { min-height:68px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:20px; align-items:center; margin:20px 0 0; padding:12px 14px 12px 18px; color:white; background:#17131e; border-radius:13px; box-shadow:0 12px 30px rgba(20,13,44,.12); }
.explorer-selected-tray > div:first-child span,.explorer-selected-tray > div:first-child strong { display:block; }
.explorer-selected-tray > div:first-child span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.explorer-selected-tray > div:first-child strong { margin-top:4px; font-size:12px; text-transform:uppercase; }
.explorer-tray-creators { display:flex; gap:6px; align-items:center; overflow-x:auto; scrollbar-width:none; }
.explorer-tray-creators::-webkit-scrollbar { display:none; }
.explorer-tray-creators > span { flex:0 0 auto; display:flex; gap:6px; align-items:center; padding:7px 8px 7px 10px; color:#241956; background:#f1efff; border-radius:999px; font-size:12px; font-weight:800; }
.explorer-tray-creators > span button { width:17px; height:17px; display:grid; place-items:center; padding:0; color:#241956; cursor:pointer; background:white; border:0; border-radius:50%; font-size:12px; line-height:1; }
.explorer-tray-creators em { color:rgba(255,255,255,.46); font-size:12px; }
.explorer-selected-tray > button { min-height:40px; display:flex; gap:18px; align-items:center; padding:0 13px; color:var(--ink); cursor:pointer; background:var(--aqua); border:0; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.explorer-selected-tray > button b { font-size:14px; }

.explorer-stage { padding:64px 0 0; }
.explorer-stage-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.65fr); gap:60px; align-items:end; margin-bottom:32px; }
.explorer-stage-heading span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.explorer-stage-heading h3 { max-width:730px; margin:10px 0 0; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(36px,4.2vw,58px); line-height:.96; letter-spacing:-.045em; text-transform:uppercase; }
.explorer-stage-heading > p { margin:0; color:var(--muted); font-size:14px; line-height:1.65; }

.explorer-recommended-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.recommended-explorer-card { position:relative; grid-column:span 2; min-width:0; overflow:hidden; display:flex; flex-direction:column; background:white; border:1px solid rgba(18,20,19,.1); border-radius:18px; box-shadow:0 18px 42px rgba(26,19,49,.07); transition:transform .22s ease,box-shadow .22s ease; }
.recommended-explorer-card:nth-child(4),.recommended-explorer-card:nth-child(5) { grid-column:span 3; }
.recommended-explorer-card:hover { transform:translateY(-4px); box-shadow:0 24px 50px rgba(26,19,49,.13); }
.recommended-explorer-image { position:relative; height:224px; overflow:hidden; background:#18004a; }
.recommended-explorer-card:nth-child(4) .recommended-explorer-image,.recommended-explorer-card:nth-child(5) .recommended-explorer-image { height:250px; }
.recommended-explorer-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,3,23,0) 38%,rgba(8,3,23,.88)); }
.recommended-explorer-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.recommended-explorer-card:hover .recommended-explorer-image img { transform:scale(1.025); }
.recommended-explorer-image span,.recommended-explorer-image b { position:absolute; z-index:1; bottom:14px; }
.recommended-explorer-image span { left:15px; color:white; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.recommended-explorer-image b { right:14px; padding:6px 7px; color:#16131c; background:var(--aqua); border-radius:999px; font-size:12px; text-transform:uppercase; }
.recommended-explorer-copy { flex:1; display:flex; flex-direction:column; padding:22px 22px 17px; }
.recommended-explorer-copy h4 { margin:0; font-family:"Arial Black",Arial,sans-serif; font-size:26px; line-height:1; letter-spacing:-.035em; text-transform:uppercase; }
.recommended-explorer-copy > strong { display:block; min-height:44px; margin-top:10px; color:var(--blue); font-size:12px; line-height:1.42; }
.recommended-explorer-copy > p { margin:8px 0 18px; color:var(--muted); font-size:12px; line-height:1.55; }
.recommended-explorer-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:auto; overflow:hidden; background:var(--line); border:1px solid var(--line); border-radius:9px; }
.recommended-explorer-metrics span { min-width:0; padding:10px 8px; background:#f8f8f4; }
.recommended-explorer-metrics b,.recommended-explorer-metrics small { display:block; }
.recommended-explorer-metrics b { overflow:hidden; color:#211457; font-family:"Arial Black",Arial,sans-serif; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.recommended-explorer-metrics small { margin-top:4px; color:var(--muted); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.recommended-explorer-actions { display:grid; grid-template-columns:1.35fr .85fr 1fr; border-top:1px solid var(--line); }
.recommended-explorer-actions button { min-height:46px; padding:0 8px; color:#312a3a; cursor:pointer; background:white; border:0; border-right:1px solid var(--line); font-size:12px; font-weight:900; letter-spacing:.045em; text-transform:uppercase; }
.recommended-explorer-actions button:last-child { border-right:0; }
.recommended-explorer-actions button:first-child { color:var(--blue); }
.recommended-explorer-actions button:hover { background:#f1efff; }
.recommended-explorer-actions button.selected { color:var(--ink); background:var(--aqua); }

.explorer-anchor-options { display:grid; grid-template-columns:1.2fr .9fr .9fr; gap:1px; margin-top:18px; overflow:hidden; color:white; background:rgba(255,255,255,.15); border-radius:16px; box-shadow:0 15px 35px rgba(18,10,39,.1); }
.explorer-anchor-options > div { padding:25px 27px; background:linear-gradient(140deg,#1c064a,#110e20); }
.explorer-anchor-options > div span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.explorer-anchor-options > div h3 { margin:10px 0 0; font-size:19px; line-height:1.12; text-transform:uppercase; }
.explorer-anchor-options > div p { margin:10px 0 0; color:rgba(255,255,255,.57); font-size:12px; line-height:1.5; }
.explorer-anchor-options article { display:grid; grid-template-columns:84px 1fr; grid-template-rows:1fr auto; gap:11px 14px; align-items:center; padding:14px; color:var(--ink); background:white; }
.explorer-anchor-options article img { grid-row:1/3; width:84px; height:100%; min-height:95px; object-fit:cover; border-radius:10px; }
.explorer-anchor-options article div span,.explorer-anchor-options article div strong,.explorer-anchor-options article div small { display:block; }
.explorer-anchor-options article div span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.explorer-anchor-options article div strong { margin-top:6px; font-size:14px; }
.explorer-anchor-options article div small { margin-top:5px; color:var(--muted); font-size:12px; line-height:1.35; }
.explorer-anchor-options article a,.explorer-anchor-options article button { justify-self:start; padding:0; color:var(--blue); cursor:pointer; background:transparent; border:0; font-size:12px; font-weight:900; text-decoration:none; text-transform:uppercase; }

.alternative-creators,.explorer-methodology { margin-top:16px; overflow:hidden; background:white; border:1px solid var(--line); border-radius:14px; }
.alternative-creators > summary,.explorer-methodology > summary { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 22px; cursor:pointer; list-style:none; }
.alternative-creators > summary::-webkit-details-marker,.explorer-methodology > summary::-webkit-details-marker { display:none; }
.alternative-creators > summary::after,.explorer-methodology > summary::after { content:"+"; width:26px; height:26px; display:grid; place-items:center; color:white; background:var(--blue); border-radius:50%; font-size:17px; }
.alternative-creators[open] > summary::after,.explorer-methodology[open] > summary::after { content:"−"; }
.alternative-creators > summary span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.alternative-creators > summary strong { margin-left:auto; font-size:12px; text-transform:uppercase; }
.alternative-creators-body { padding:20px; border-top:1px solid var(--line); background:#f6f6f2; }
.alternative-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:14px; }
.alternative-toolbar .filter-bar { display:flex; gap:4px; flex-wrap:wrap; }
.alternative-toolbar .filter { min-height:36px; padding:0 12px; cursor:pointer; background:white; border:1px solid var(--line); font-size:12px; font-weight:900; text-transform:uppercase; }
.alternative-toolbar .filter.active { color:white; background:var(--blue); border-color:var(--blue); }
.alternative-toolbar .sort-control { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:12px; font-weight:900; text-transform:uppercase; }
.alternative-toolbar select { min-height:36px; padding:0 30px 0 10px; background:white; border:1px solid var(--line); font-size:12px; }
.alternative-creators .creator-list { grid-template-columns:1fr 1fr; gap:10px; background:transparent; border:0; }
.alternative-creator-card { min-width:0; display:grid; grid-template-columns:145px 1fr; grid-template-rows:1fr auto; overflow:hidden; background:white; border:1px solid var(--line); border-radius:12px; }
.alternative-creator-card.selected { border-color:var(--aqua-deep); box-shadow:inset 0 0 0 2px var(--aqua); }
.alternative-creator-image { position:relative; grid-row:1/3; min-height:185px; overflow:hidden; color:white; background:var(--purple); }
.alternative-creator-image > img { width:100%; height:100%; object-fit:cover; }
.alternative-creator-image > span { height:100%; display:grid; place-items:center; font-family:"Arial Black",Arial,sans-serif; font-size:34px; }
.alternative-creator-image .status { position:absolute; left:8px; bottom:8px; max-width:calc(100% - 16px); padding:5px 6px; color:var(--ink); background:var(--aqua); border-radius:999px; font-size:12px; text-transform:uppercase; }
.alternative-creator-image .status.pending,.alternative-creator-image .status.partial { background:var(--lime); }
.alternative-creator-copy { min-width:0; padding:15px; }
.alternative-creator-copy > span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.alternative-creator-copy h3 { margin:5px 0 6px; font-size:17px; line-height:1.05; }
.alternative-creator-copy p { margin:0; color:var(--muted); font-size:12px; line-height:1.4; }
.alternative-creator-copy > div { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr; gap:4px; align-items:baseline; margin-top:10px; }
.alternative-creator-copy > div b { color:var(--blue); font-size:12px; }
.alternative-creator-copy > div small { color:var(--muted); font-size:12px; text-transform:uppercase; }
.alternative-creator-actions { display:grid; grid-template-columns:1fr 1fr 1fr; border-top:1px solid var(--line); }
.alternative-creator-actions button { min-height:38px; padding:0 6px; cursor:pointer; background:white; border:0; border-right:1px solid var(--line); color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.alternative-creator-actions button:last-child { border-right:0; }
.alternative-creator-actions button.selected { color:var(--ink); background:var(--aqua); }
.research-catalogue { margin-top:12px; background:white; border:1px solid var(--line); }
.research-catalogue > summary { min-height:54px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; cursor:pointer; }
.research-catalogue > summary span { color:var(--muted); font-size:12px; }
.research-catalogue .research-list { border-width:1px 0 0; }
.explorer-methodology > summary { font-size:12px; font-weight:900; text-transform:uppercase; }
.explorer-methodology > .analysis-method,.explorer-methodology > .audience-data-status,.explorer-methodology > .youtube-refresh-line { margin-left:20px; margin-right:20px; }
.explorer-methodology > .analysis-method { margin-top:0; padding-top:18px; border-top:1px solid var(--line); }
.explorer-methodology > .youtube-refresh-line { margin-bottom:20px; }

.compare-picker { display:flex; gap:8px; align-items:stretch; padding:10px; overflow-x:auto; background:#17131e; border-radius:14px; scrollbar-width:none; }
.compare-picker::-webkit-scrollbar { display:none; }
.compare-picker > div { flex:0 0 150px; display:flex; flex-direction:column; justify-content:center; padding:0 10px; color:white; }
.compare-picker > div span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.compare-picker > div strong { margin-top:5px; font-size:12px; }
.compare-picker > button { flex:1 0 140px; min-width:140px; display:grid; grid-template-columns:38px 1fr 22px; gap:8px; align-items:center; padding:8px; color:white; cursor:pointer; text-align:left; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:9px; }
.compare-picker > button img { width:38px; height:38px; object-fit:cover; border-radius:7px; }
.compare-picker-mark { width:38px; height:38px; display:grid; place-items:center; color:white; background:var(--purple); border-radius:7px; font-family:"Arial Black",Arial,sans-serif; font-size:12px; font-style:normal; }
.compare-picker > button span,.compare-picker > button small { display:block; min-width:0; }
.compare-picker > button span { overflow:hidden; font-size:12px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.compare-picker > button small { margin-top:3px; color:rgba(255,255,255,.48); font-size:12px; }
.compare-picker > button b { width:20px; height:20px; display:grid; place-items:center; color:var(--ink); background:rgba(255,255,255,.75); border-radius:50%; }
.compare-picker > button.active { color:var(--ink); background:var(--aqua); border-color:var(--aqua); }
.compare-picker > button.active small { color:rgba(18,20,19,.6); }
.compare-picker > button:disabled { cursor:not-allowed; opacity:.28; }
.creator-comparison { margin-top:14px; }
.comparison-columns { display:grid; gap:12px; }
.comparison-columns-1 { grid-template-columns:minmax(0,1fr); max-width:430px; }
.comparison-columns-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.comparison-columns-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.comparison-creator { min-width:0; overflow:hidden; background:white; border:1px solid var(--line); border-radius:15px; box-shadow:0 16px 36px rgba(26,19,49,.06); }
.comparison-creator > header { position:relative; height:180px; display:flex; flex-direction:column; justify-content:flex-end; padding:18px; overflow:hidden; color:white; }
.comparison-creator > header::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 18%,rgba(10,4,24,.9)); }
.comparison-creator > header img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.comparison-creator > header span,.comparison-creator > header h4,.comparison-creator > header button { position:relative; z-index:1; }
.comparison-creator > header span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.comparison-creator > header h4 { margin:5px 34px 0 0; font-family:"Arial Black",Arial,sans-serif; font-size:25px; line-height:1; text-transform:uppercase; }
.comparison-creator > header button { position:absolute; right:13px; top:13px; width:28px; height:28px; display:grid; place-items:center; color:white; cursor:pointer; background:rgba(8,4,20,.65); border:1px solid rgba(255,255,255,.4); border-radius:50%; font-size:18px; }
.comparison-verdict { min-height:69px; margin:0; padding:17px 18px; color:#211457; font-size:12px; font-weight:800; line-height:1.45; border-bottom:1px solid var(--line); }
.comparison-metrics { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:1px; background:var(--line); }
.comparison-metrics div { padding:12px 16px; background:#f8f8f5; }
.comparison-metrics span,.comparison-metrics strong { display:block; }
.comparison-metrics span { color:var(--muted); font-size:12px; font-weight:900; text-transform:uppercase; }
.comparison-metrics strong { margin-top:5px; color:var(--blue); font-family:"Arial Black",Arial,sans-serif; font-size:18px; }
.comparison-best,.comparison-risk { margin:16px 18px 0; }
.comparison-best > span,.comparison-risk > span { display:block; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.comparison-best b { display:inline-block; margin:7px 4px 0 0; padding:6px 7px; background:#efedff; border-radius:5px; font-size:12px; }
.comparison-risk { min-height:88px; padding-top:15px; border-top:1px solid var(--line); }
.comparison-risk p { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
.comparison-card-actions { display:grid; grid-template-columns:1fr 1fr; margin-top:16px; border-top:1px solid var(--line); }
.comparison-card-actions button { min-height:44px; color:var(--blue); cursor:pointer; background:white; border:0; border-right:1px solid var(--line); font-size:12px; font-weight:900; text-transform:uppercase; }
.comparison-card-actions button:last-child { border-right:0; }
.comparison-card-actions button.selected { color:var(--ink); background:var(--aqua); }
.comparison-overlap { display:grid; grid-template-columns:180px 1fr; gap:22px; margin-top:12px; padding:18px 20px; color:white; background:#22144b; border-left:5px solid var(--lime); border-radius:9px; }
.comparison-overlap strong { color:var(--lime); font-size:12px; text-transform:uppercase; }
.comparison-overlap span { color:rgba(255,255,255,.69); font-size:12px; line-height:1.5; }
.comparison-empty { min-height:290px; display:grid; place-content:center; gap:8px; text-align:center; background:white; border:1px dashed var(--line); border-radius:14px; }
.comparison-empty strong { font-size:18px; text-transform:uppercase; }
.comparison-empty span { color:var(--muted); font-size:12px; }

.package-presets { display:flex; gap:5px; margin-bottom:12px; }
.package-presets button { min-height:40px; padding:0 15px; color:#312a3a; cursor:pointer; background:white; border:1px solid var(--line); font-size:12px; font-weight:900; text-transform:uppercase; }
.package-presets button.active { color:white; background:var(--blue); border-color:var(--blue); }
.package-composer { display:grid; grid-template-columns:minmax(0,1.23fr) minmax(330px,.77fr); gap:12px; align-items:start; }
.package-roster { overflow:hidden; background:white; border:1px solid var(--line); border-radius:15px; }
.package-roster > header { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 20px; color:white; background:linear-gradient(120deg,#24115d,#2200b7); }
.package-roster > header span,.package-roster > header strong { display:block; }
.package-roster > header span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.package-roster > header strong { margin-top:6px; font-size:15px; text-transform:uppercase; }
.package-roster > header > b { padding:8px 10px; color:var(--ink); background:var(--lime); border-radius:999px; font-size:12px; text-transform:uppercase; }
.package-roster .squad-board { display:grid; gap:1px; padding:0; background:var(--line); }
.package-roster .squad-lane { min-height:0; display:grid; grid-template-columns:150px 1fr; gap:1px; padding:0; background:var(--line); border:0; }
.package-roster .squad-lane > header { display:flex; flex-direction:column; justify-content:center; padding:17px; color:white; background:#17131e; }
.package-roster .squad-lane > header span { color:var(--aqua); font-family:"Arial Black",Arial,sans-serif; font-size:15px; }
.package-roster .squad-lane > header strong { margin-top:7px; font-size:12px; line-height:1.35; text-transform:uppercase; }
.package-roster .squad-slots { min-width:0; display:grid; gap:1px; padding:0; background:var(--line); }
.package-roster .squad-tile { min-width:0; display:grid; grid-template-columns:54px 1fr 26px; gap:12px; align-items:center; padding:10px 12px; color:var(--ink); background:white; border:0; }
.squad-tile-image { width:54px; height:54px; display:grid !important; place-items:center; margin:0 !important; overflow:hidden; color:white !important; background:var(--purple); border-radius:8px; font-family:"Arial Black",Arial,sans-serif; }
.squad-tile-image img { width:100%; height:100%; object-fit:cover; }
.package-roster .squad-tile div { min-width:0; }
.package-roster .squad-tile div small { display:block; color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.package-roster .squad-tile div strong { display:block; margin-top:4px; font-size:12px; }
.package-roster .squad-tile div span { display:block; margin-top:5px; color:var(--muted); font-size:12px; }
.package-roster .squad-tile .squad-role-rationale { display:block; max-width:760px; margin-top:5px; color:#4f4f59; font-size:11px; font-style:normal; line-height:1.35; }
.package-roster .remove-creator { width:25px; height:25px; display:grid; place-items:center; padding:0; color:#5d5762; cursor:pointer; background:#f1f1ec; border:0; border-radius:50%; font-size:16px; }
.package-roster .remove-creator:hover { color:white; background:#df3345; }
.package-roster .empty-slot { min-height:75px; display:flex; align-items:center; padding:0 18px; color:var(--muted); background:#fafaf7; font-size:12px; font-style:italic; }
.package-dashboard { position:sticky; top:177px; overflow:hidden; padding:22px; color:white; background:linear-gradient(145deg,#1f074c,#141020); border:1px solid rgba(255,255,255,.1); border-radius:15px; box-shadow:0 18px 44px rgba(26,19,49,.16); }
.package-budget-control label { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.package-budget-control label span { color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.package-budget-control label strong { font-family:"Arial Black",Arial,sans-serif; font-size:31px; }
.package-budget-control input { width:100%; margin:18px 0 6px; accent-color:var(--aqua); }
.package-budget-control > div { display:flex; justify-content:space-between; color:rgba(255,255,255,.42); font-size:12px; }
.package-dashboard .builder-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:20px; padding:1px; background:rgba(255,255,255,.12); }
.package-dashboard .builder-stats > div { min-width:0; padding:13px 12px; background:rgba(255,255,255,.06); }
.package-dashboard .builder-stats > div:last-child { grid-column:1/-1; }
.package-dashboard .builder-stats span,.package-dashboard .builder-stats strong { display:block; }
.package-dashboard .builder-stats span { color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.package-dashboard .builder-stats strong { margin-top:6px; color:white; font-family:"Arial Black",Arial,sans-serif; font-size:23px; }
.package-dashboard .budget-meter { height:7px; margin-top:18px; overflow:hidden; background:rgba(255,255,255,.12); border-radius:999px; }
.package-dashboard .budget-meter span { height:100%; display:block; background:var(--aqua); border-radius:999px; transition:width .25s ease; }
.package-dashboard .budget-meter span.over { background:#ff5266; }
.package-dashboard .budget-message { margin:8px 0 0; color:rgba(255,255,255,.58); font-size:12px; }
.package-dashboard .budget-message.over { color:#ff9aa5; }
.package-health { margin-top:19px; padding:16px; color:var(--ink); background:var(--lime); border-radius:9px; }
.package-health span,.package-health strong { display:block; }
.package-health span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.package-health strong { margin-top:7px; font-size:12px; line-height:1.45; }
.package-dashboard .role-warning { margin:10px 0 0; padding:12px; color:#ffe2e6; background:rgba(255,82,102,.15); border-left:3px solid #ff5266; font-size:12px; line-height:1.45; }
.package-assumptions { margin-top:13px; border-top:1px solid rgba(255,255,255,.13); }
.package-assumptions summary { padding-top:14px; cursor:pointer; color:var(--aqua); font-size:12px; font-weight:900; text-transform:uppercase; }
.package-assumptions .cpm-control { margin-top:13px; padding:13px; color:var(--ink); background:white; }
.package-assumptions .cpm-control-heading { display:flex; justify-content:space-between; }
.package-assumptions .cpm-options { display:flex; gap:4px; margin-top:10px; }
.package-assumptions .cpm-option { flex:1; min-height:34px; cursor:pointer; border:1px solid var(--line); background:#f5f5f1; font-size:12px; }
.package-assumptions .cpm-option.active { color:white; background:var(--blue); }
.package-assumptions small { display:block; margin-top:9px; color:var(--muted); font-size:12px; line-height:1.4; }
.package-note { display:grid; grid-template-columns:170px 1fr; gap:24px; margin-top:12px; padding:18px 20px; color:white; background:#17131e; border-left:5px solid var(--aqua); border-radius:9px; }
.package-note strong { color:var(--aqua); font-size:12px; text-transform:uppercase; }
.package-note span { color:rgba(255,255,255,.64); font-size:12px; line-height:1.5; }
.explorer-stage-actions { display:flex; justify-content:space-between; gap:12px; margin-top:26px; }
.explorer-stage-actions .button { cursor:pointer; }
.explorer-stage-actions .button-secondary { color:var(--blue); background:white; border-color:var(--blue); }

/* Editorial creator profile */
.channel-dialog { width:min(1120px,calc(100% - 40px)); max-height:calc(100vh - 30px); overflow:auto; background:#f2f2ed; border-radius:18px; }
.dialog-shell { overflow:hidden; background:#f2f2ed; }
.dialog-close { position:absolute; z-index:10; right:16px; top:16px; width:38px; height:38px; display:grid; place-items:center; padding:0; color:white; cursor:pointer; background:rgba(10,4,24,.68); border:1px solid rgba(255,255,255,.5); border-radius:50%; font-size:22px; backdrop-filter:blur(8px); }
.profile-editorial-hero { position:relative; min-height:430px; display:flex; align-items:flex-end; overflow:hidden; color:white; background:#120038; }
.profile-editorial-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.profile-editorial-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,2,17,.08) 10%,rgba(5,2,17,.28) 48%,rgba(5,2,17,.96)); }
.profile-editorial-overlay { position:relative; z-index:1; width:100%; padding:46px 44px 36px; }
.profile-editorial-overlay > span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.profile-editorial-overlay h2 { max-width:800px; margin:8px 0 0; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(42px,5.5vw,70px); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; }
.profile-editorial-overlay > strong { display:block; max-width:730px; margin-top:13px; font-size:15px; line-height:1.4; }
.profile-editorial-overlay > p { margin:9px 0 0; color:rgba(255,255,255,.58); font-size:12px; }
.profile-editorial-overlay > div { display:flex; gap:7px; flex-wrap:wrap; margin-top:20px; }
.profile-editorial-overlay > div button,.profile-editorial-overlay > div a { min-height:40px; display:inline-flex; align-items:center; padding:0 13px; color:white; cursor:pointer; text-decoration:none; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.32); font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-editorial-overlay > div button:hover,.profile-editorial-overlay > div a:hover { border-color:var(--aqua); }
.profile-editorial-overlay > div button.selected { color:var(--ink); background:var(--aqua); border-color:var(--aqua); }
.profile-decision-story { display:grid; grid-template-columns:1.25fr .75fr 1fr 1fr; gap:1px; margin:1px; background:var(--line); }
.profile-decision-story article { min-height:175px; padding:25px; background:white; }
.profile-decision-story article > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.profile-decision-story article > strong { display:block; margin-top:12px; color:#211457; font-size:12px; line-height:1.55; }
.profile-decision-story article > p { margin:12px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.profile-decision-story article > div { display:flex; flex-wrap:wrap; gap:5px; margin-top:13px; }
.profile-decision-story article > div b { padding:7px 8px; color:#211457; background:#efedff; border-radius:5px; font-size:12px; }
.profile-decision-story .profile-watchout { border-top:4px solid var(--lime); }
.profile-decision-story .profile-commercial { color:white; background:#211457; }
.profile-decision-story .profile-commercial > span { color:var(--aqua); }
.profile-decision-story .profile-commercial > strong { color:white; font-family:"Arial Black",Arial,sans-serif; font-size:25px; }
.profile-decision-story .profile-commercial > p { color:rgba(255,255,255,.61); }
.profile-decision-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:18px 22px 0; padding:1px; overflow:hidden; color:white; background:rgba(255,255,255,.16); border-radius:12px; }
.profile-decision-kpis > div { padding:20px; background:linear-gradient(140deg,#240064,#151126); }
.profile-decision-kpis span,.profile-decision-kpis strong,.profile-decision-kpis small { display:block; }
.profile-decision-kpis span { color:rgba(255,255,255,.52); font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-decision-kpis strong { margin-top:9px; color:var(--aqua); font-family:"Arial Black",Arial,sans-serif; font-size:28px; }
.profile-decision-kpis small { margin-top:6px; color:rgba(255,255,255,.42); font-size:12px; }
.profile-featured-content { display:grid; grid-template-columns:1.3fr .7fr; gap:1px; margin:16px 22px 0; overflow:hidden; background:var(--line); border:1px solid var(--line); border-radius:12px; }
.profile-player-frame { min-height:330px; background:#0d0b13; }
.profile-player-frame iframe,.profile-player-frame > a { width:100%; height:100%; min-height:330px; border:0; }
.profile-featured-content > div:last-child { padding:30px; background:white; }
.profile-featured-content > div:last-child > span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-featured-content > div:last-child h3 { margin:10px 0 0; font-size:22px; line-height:1.1; }
.profile-featured-content > div:last-child p { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.profile-featured-content > div:last-child > strong { display:block; margin-top:22px; color:var(--blue); font-size:12px; text-transform:uppercase; }
.profile-featured-content > div:last-child a { display:inline-block; margin-top:18px; color:var(--blue); font-size:12px; font-weight:900; text-decoration:none; text-transform:uppercase; }
.profile-detailed-evidence { margin:16px 22px 24px; overflow:hidden; background:white; border:1px solid var(--line); border-radius:12px; }
.profile-detailed-evidence > summary { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 20px; cursor:pointer; list-style:none; }
.profile-detailed-evidence > summary::-webkit-details-marker { display:none; }
.profile-detailed-evidence > summary span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.profile-detailed-evidence > summary strong { font-size:12px; text-transform:uppercase; }
.profile-detailed-evidence > summary::after { content:"+"; width:26px; height:26px; display:grid; place-items:center; color:white; background:var(--blue); border-radius:50%; font-size:17px; }
.profile-detailed-evidence[open] > summary::after { content:"−"; }
.profile-detailed-evidence > .profile-data-split { margin:0; padding:20px 24px; border-top:1px solid var(--line); }
.profile-detailed-evidence > .profile-audience-dashboard { margin:14px 22px 0; }
.profile-detailed-evidence > .profile-metrics,.profile-detailed-evidence > .profile-video-heading,.profile-detailed-evidence > .profile-videos,.profile-detailed-evidence > .profile-method { margin-left:22px; margin-right:22px; }
.profile-detailed-evidence > .profile-method { margin-bottom:22px; }
.simon-profile-hero > img { object-position:center 34%; }
.simon-assumption-banner { display:grid; grid-template-columns:260px minmax(0,1fr); gap:22px; margin:18px 22px 0; padding:18px 20px; color:#201050; background:var(--lime); border-radius:12px; }
.simon-assumption-banner strong { font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
.simon-assumption-banner span { font-size:13px; line-height:1.55; }
.simon-profile-evidence { margin:18px 22px 24px; overflow:hidden; background:white; border:1px solid var(--line); border-radius:12px; }
.simon-profile-evidence > header { display:grid; grid-template-columns:190px minmax(0,.65fr) minmax(0,1fr); gap:22px; align-items:start; padding:24px; border-bottom:1px solid var(--line); }
.simon-profile-evidence > header > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.simon-profile-evidence > header h3 { margin:0; font-family:"Arial Black",Arial,sans-serif; font-size:25px; line-height:1.08; }
.simon-profile-evidence > header p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.simon-raw-metrics { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:var(--line); }
.simon-raw-metrics article { min-height:120px; padding:18px; background:#f8f7fb; }
.simon-raw-metrics span,.simon-raw-metrics strong,.simon-raw-metrics small { display:block; }
.simon-raw-metrics span { color:var(--muted); font-size:11px; font-weight:900; text-transform:uppercase; }
.simon-raw-metrics strong { margin-top:10px; color:var(--blue); font-family:"Arial Black",Arial,sans-serif; font-size:23px; }
.simon-raw-metrics small { margin-top:6px; color:var(--muted); font-size:11px; line-height:1.35; }
.simon-post-sample { padding:24px; }
.simon-post-sample > strong { color:var(--blue); font-size:12px; text-transform:uppercase; }
.simon-post-sample > span { margin-left:9px; color:var(--muted); font-size:12px; }
.simon-post-sample > div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px; }
.simon-post-sample a { display:grid; gap:5px; padding:14px; color:var(--ink); text-decoration:none; background:#f3f1ff; border:1px solid #ded9ff; border-radius:8px; }
.simon-post-sample a:hover { border-color:var(--blue); }
.simon-post-sample a b { color:var(--blue); font-size:11px; text-transform:uppercase; }
.simon-post-sample a span { font-size:17px; font-weight:900; }
.simon-post-sample a small { color:var(--muted); font-size:11px; line-height:1.4; }
.simon-profile-loading { min-height:420px; display:grid; place-content:center; padding:40px; text-align:center; }
.simon-profile-loading strong { font-size:24px; }
.simon-profile-loading p { color:var(--muted); }

@media (max-width:1100px) {
  .explorer-masthead { grid-template-columns:1fr; gap:28px; }
  .explorer-masthead-actions { justify-self:start; align-self:auto; align-items:flex-start; }
  .explorer-stage-heading { grid-template-columns:1fr .72fr; gap:36px; }
  .explorer-recommended-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .recommended-explorer-card,.recommended-explorer-card:nth-child(4),.recommended-explorer-card:nth-child(5) { grid-column:span 1; }
  .recommended-explorer-card:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1.15fr; }
  .recommended-explorer-card:last-child .recommended-explorer-image { height:100%; min-height:300px; }
  .recommended-explorer-card:last-child .recommended-explorer-actions { grid-column:2; }
  .explorer-anchor-options { grid-template-columns:1fr 1fr; }
  .explorer-anchor-options > div { grid-column:1/-1; }
  .comparison-columns-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .comparison-columns-3 .comparison-creator:last-child { grid-column:1/-1; }
  .package-composer { grid-template-columns:1fr; }
  .package-dashboard { position:static; }
  .profile-decision-story { grid-template-columns:1fr 1fr; }
  .simon-raw-metrics { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:760px) {
  .explorer-rebuilt { min-height:0; padding:0 16px 64px; }
  .explorer-masthead { min-height:430px; margin:0 -16px; padding:56px 20px 50px; }
  .explorer-masthead h2 { font-size:clamp(43px,13vw,62px); }
  .explorer-masthead > div:first-child > p:last-child { font-size:14px; }
  .explorer-masthead-actions { flex-direction:row; align-items:center; justify-content:space-between; width:100%; }
  .explorer-journey { top:99px; grid-template-columns:repeat(3,1fr); margin:0 -16px; padding:0 8px; }
  .explorer-journey > i { display:none; }
  .explorer-journey > button { min-height:72px; grid-template-columns:1fr; grid-template-rows:auto auto; gap:4px; padding:10px 5px; text-align:center; }
  .explorer-journey > button span { grid-row:auto; font-size:12px; }
  .explorer-journey > button strong { font-size:12px; }
  .explorer-journey > button small { display:none; }
  .explorer-selected-tray { grid-template-columns:1fr auto; gap:10px; margin-top:12px; }
  .explorer-tray-creators { grid-column:1/-1; grid-row:2; }
  .explorer-selected-tray > button { grid-column:2; grid-row:1; }
  .explorer-stage { padding-top:45px; }
  .explorer-stage-heading { grid-template-columns:1fr; gap:18px; margin-bottom:23px; }
  .explorer-stage-heading h3 { font-size:38px; }
  .explorer-stage-heading > p { font-size:12px; }
  .explorer-recommended-grid { grid-template-columns:1fr; }
  .recommended-explorer-card:last-child { grid-column:auto; display:flex; }
  .recommended-explorer-card:last-child .recommended-explorer-image { height:224px; min-height:0; }
  .recommended-explorer-card:last-child .recommended-explorer-actions { grid-column:auto; }
  .recommended-explorer-card:nth-child(4) .recommended-explorer-image,.recommended-explorer-card:nth-child(5) .recommended-explorer-image { height:224px; }
  .recommended-explorer-copy h4 { font-size:24px; }
  .recommended-explorer-copy > strong { min-height:0; }
  .explorer-anchor-options { grid-template-columns:1fr; }
  .explorer-anchor-options > div { grid-column:auto; }
  .alternative-creators > summary { display:grid; grid-template-columns:1fr 28px; padding:14px 16px; }
  .alternative-creators > summary strong { grid-column:1; margin:5px 0 0; }
  .alternative-creators > summary::after { grid-column:2; grid-row:1/3; }
  .alternative-toolbar { align-items:flex-start; flex-direction:column; }
  .alternative-creators .creator-list { grid-template-columns:1fr; }
  .compare-picker { margin:0 -4px; }
  .compare-picker > div { flex-basis:120px; }
  .compare-picker > button { flex-basis:130px; min-width:130px; grid-template-columns:34px 1fr 20px; }
  .comparison-columns-2,.comparison-columns-3 { grid-template-columns:1fr; }
  .comparison-columns-3 .comparison-creator:last-child { grid-column:auto; }
  .comparison-overlap { grid-template-columns:1fr; gap:7px; }
  .package-presets { overflow-x:auto; scrollbar-width:none; }
  .package-presets button { flex:0 0 auto; }
  .package-roster .squad-lane { grid-template-columns:92px 1fr; }
  .package-roster .squad-tile { grid-template-columns:45px 1fr 25px; gap:9px; }
  .squad-tile-image { width:45px; height:45px; }
  .package-note { grid-template-columns:1fr; gap:7px; }
  .explorer-stage-actions { flex-direction:column-reverse; }
  .explorer-stage-actions .button { width:100%; }
  .channel-dialog { width:100%; max-width:none; max-height:100vh; height:100vh; margin:0; border-radius:0; }
  .profile-editorial-hero { min-height:430px; }
  .profile-editorial-overlay { padding:90px 20px 28px; }
  .profile-editorial-overlay h2 { font-size:43px; }
  .profile-editorial-overlay > strong { font-size:12px; }
  .profile-editorial-overlay > div button,.profile-editorial-overlay > div a { min-height:38px; }
  .profile-decision-story { grid-template-columns:1fr; }
  .profile-decision-story article { min-height:0; padding:21px; }
  .profile-decision-kpis { grid-template-columns:1fr 1fr; margin:12px; }
  .profile-decision-kpis > div { padding:15px; }
  .profile-decision-kpis strong { font-size:23px; }
  .cohort-benchmark-rebuilt { padding:18px; }
  .cohort-benchmark-rebuilt .cohort-benchmark-heading { display:block; }
  .cohort-benchmark-rebuilt .cohort-benchmark-heading h3 { margin-top:8px; }
  .cohort-benchmark-rebuilt .cohort-benchmark-heading p { margin-top:10px; }
  .cohort-assumption,.cohort-volume-check { grid-template-columns:1fr; gap:8px; }
  .cohort-volume-maths { grid-template-columns:1fr; }
  .simon-assumption-banner { grid-template-columns:1fr; gap:8px; margin:12px; }
  .simon-profile-evidence { margin:12px; }
  .simon-profile-evidence > header { grid-template-columns:1fr; gap:9px; }
  .simon-raw-metrics { grid-template-columns:1fr 1fr; }
  .simon-post-sample > div { grid-template-columns:1fr; }
  .profile-featured-content { grid-template-columns:1fr; margin:12px; }
  .profile-player-frame,.profile-player-frame iframe,.profile-player-frame > a { min-height:0; aspect-ratio:16/9; }
  .profile-featured-content > div:last-child { padding:22px; }
  .profile-detailed-evidence { margin:12px; }
  .profile-detailed-evidence > summary { min-height:74px; padding:0 15px; }
  .profile-detailed-evidence > summary strong { display:none; }
  .profile-detailed-evidence > .profile-audience-dashboard { margin:12px 12px 0; }
  .profile-detailed-evidence > .profile-metrics,.profile-detailed-evidence > .profile-video-heading,.profile-detailed-evidence > .profile-videos,.profile-detailed-evidence > .profile-method { margin-left:12px; margin-right:12px; }
}

@media (max-width:480px) {
  .explorer-masthead { min-height:395px; }
  .explorer-masthead-actions span { max-width:145px; line-height:1.3; }
  .explorer-masthead-actions button { padding:0 10px; }
  .explorer-selected-tray > div:first-child strong { font-size:12px; }
  .explorer-selected-tray > button { padding:0 9px; }
  .recommended-explorer-metrics b { font-size:12px; }
  .recommended-explorer-actions { grid-template-columns:1.2fr .8fr 1fr; }
  .explorer-anchor-options article { grid-template-columns:72px 1fr; }
  .explorer-anchor-options article img { width:72px; }
  .alternative-creators-body { padding:12px; }
  .alternative-creator-card { grid-template-columns:105px 1fr; }
  .alternative-creator-image { min-height:210px; }
  .alternative-creator-copy > div { grid-template-columns:auto 1fr; }
  .package-roster .squad-lane { grid-template-columns:1fr; }
  .package-roster .squad-lane > header { min-height:54px; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px; }
  .package-roster .squad-lane > header strong { margin:0; }
  .package-dashboard { padding:18px; }
  .profile-editorial-hero { min-height:400px; }
  .profile-editorial-overlay h2 { font-size:37px; }
  .profile-editorial-overlay > div { display:grid; grid-template-columns:1fr 1fr; }
  .profile-editorial-overlay > div a { grid-column:1/-1; justify-content:center; }
}

/* Creator Explorer v2.1 - clearer suggested package journey */
.explorer-howto { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:16px; overflow:hidden; background:var(--line); border:1px solid var(--line); border-radius:13px; }
.explorer-howto article { min-height:92px; display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:center; padding:16px 18px; background:white; }
.explorer-howto article > span { width:32px; height:32px; display:grid; place-items:center; color:white; background:var(--blue); border-radius:50%; font-family:"Arial Black",Arial,sans-serif; font-size:12px; }
.explorer-howto strong,.explorer-howto p { display:block; }
.explorer-howto strong { color:#211457; font-size:12px; text-transform:uppercase; }
.explorer-howto p { margin:5px 0 0; color:var(--muted); font-size:12px; line-height:1.4; }

.suggested-package { display:grid; grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr); gap:1px; overflow:hidden; background:rgba(255,255,255,.14); border-radius:18px; box-shadow:0 22px 58px rgba(25,14,52,.12); }
.suggested-package-case { position:relative; min-height:650px; display:flex; flex-direction:column; padding:38px; color:white; overflow:hidden; background:linear-gradient(145deg,#19003f 0%,#25008a 68%,#2401f5 135%); }
.suggested-package-case::after { content:""; position:absolute; width:270px; height:270px; right:-145px; top:-118px; border:42px solid rgba(0,255,204,.13); transform:rotate(35deg); }
.suggested-package-case > * { position:relative; z-index:1; }
.suggested-package-badge { align-self:flex-start; padding:7px 9px; color:var(--ink); background:var(--lime); border-radius:999px; font-size:12px; font-weight:900; letter-spacing:.055em; text-transform:uppercase; }
.suggested-package-case h4 { margin:28px 0 0; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(35px,4vw,52px); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; }
.suggested-package-case > p { max-width:450px; margin:18px 0 0; color:rgba(255,255,255,.65); font-size:12px; line-height:1.58; }
.suggested-package-kpis { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:26px; padding:1px; background:rgba(255,255,255,.16); }
.suggested-package-kpis > div { min-width:0; padding:15px; background:rgba(255,255,255,.07); }
.suggested-package-kpis strong,.suggested-package-kpis span { display:block; }
.suggested-package-kpis strong { color:var(--aqua); font-family:"Arial Black",Arial,sans-serif; font-size:23px; }
.suggested-package-kpis span { margin-top:6px; color:rgba(255,255,255,.47); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.suggested-package-coverage { display:flex; flex-wrap:wrap; gap:5px; margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,.16); }
.suggested-package-coverage > span { width:100%; margin-bottom:3px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.suggested-package-coverage b { padding:7px 8px; color:white; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.13); border-radius:5px; font-size:12px; }
.suggested-package-reset { min-height:46px; display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding:0 15px; color:white; cursor:pointer; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.28); font-size:12px; font-weight:900; text-align:left; text-transform:uppercase; }
.suggested-package-reset b { font-size:14px; }
.suggested-package-reset.active { color:var(--ink); background:var(--aqua); border-color:var(--aqua); }

.suggested-package .explorer-recommended-grid { display:grid; grid-template-columns:1fr; gap:1px; background:var(--line); }
.suggested-package-person { min-width:0; display:grid; grid-template-columns:116px minmax(0,1fr) 170px 120px; gap:0; align-items:center; min-height:129px; color:var(--ink); background:white; border-left:5px solid transparent; transition:background .18s ease,border-color .18s ease; }
.suggested-package-person.selected { border-left-color:var(--aqua); }
.suggested-package-person:hover { background:#f9f8ff; }
.suggested-person-image { position:relative; align-self:stretch; min-height:128px; overflow:hidden; background:var(--purple); }
.suggested-person-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(10,4,24,.72)); }
.suggested-person-image img { width:100%; height:100%; object-fit:cover; }
.suggested-person-image > span { position:absolute; z-index:1; left:9px; bottom:8px; color:var(--aqua); font-family:"Arial Black",Arial,sans-serif; font-size:12px; }
.suggested-person-copy { min-width:0; padding:16px 18px; }
.suggested-person-copy > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.suggested-person-copy h4 { margin:6px 0 0; font-size:18px; line-height:1; text-transform:uppercase; }
.suggested-person-copy p { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.4; }
.suggested-person-proof { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:1px; background:var(--line); }
.suggested-person-proof > span { min-width:0; padding:11px 9px; background:#f6f6f2; }
.suggested-person-proof b,.suggested-person-proof small { display:block; }
.suggested-person-proof b { overflow:hidden; color:#211457; font-family:"Arial Black",Arial,sans-serif; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.suggested-person-proof small { margin-top:4px; color:var(--muted); font-size:12px; font-weight:900; text-transform:uppercase; }
.suggested-person-actions { align-self:stretch; display:grid; grid-template-rows:1fr 1fr; border-left:1px solid var(--line); }
.suggested-person-actions button { padding:0 8px; color:var(--blue); cursor:pointer; background:white; border:0; border-bottom:1px solid var(--line); font-size:12px; font-weight:900; text-transform:uppercase; }
.suggested-person-actions button:last-child { border-bottom:0; }
.suggested-person-actions button:hover { background:#efedff; }
.suggested-person-actions button.selected { color:var(--ink); background:var(--aqua); }
.suggested-package-actions { align-items:center; margin-top:14px; padding:14px 16px; background:white; border:1px solid var(--line); border-radius:11px; }
.suggested-package-actions > span { color:var(--muted); font-size:12px; }

.additional-talent-shell { margin-top:18px; padding:22px; background:#f6f6f2; border:1px solid var(--line); border-radius:15px; }
.additional-talent-shell > header { display:grid; grid-template-columns:1fr .7fr; gap:40px; align-items:end; margin-bottom:18px; }
.additional-talent-shell > header span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.additional-talent-shell > header h4 { margin:7px 0 0; font-family:"Arial Black",Arial,sans-serif; font-size:29px; line-height:1; text-transform:uppercase; }
.additional-talent-shell > header p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.additional-talent-shell .creator-list { grid-template-columns:1fr 1fr; gap:10px; background:transparent; border:0; }
.additional-talent-shell .alternative-toolbar { padding-top:14px; border-top:1px solid var(--line); }
.additional-talent-shell .filter { min-height:36px; padding:0 12px; cursor:pointer; background:white; border:1px solid var(--line); font-size:12px; font-weight:900; text-transform:uppercase; }
.additional-talent-shell .filter.active { color:white; background:var(--blue); border-color:var(--blue); }
.additional-talent-shell .sort-control { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:12px; font-weight:900; text-transform:uppercase; }
.additional-talent-shell select { min-height:36px; padding:0 28px 0 9px; background:white; border:1px solid var(--line); }

.embedded-comparison { margin-top:16px; overflow:hidden; background:white; border:1px solid var(--line); border-radius:14px; }
.embedded-comparison > summary { min-height:76px; display:flex; align-items:center; padding:0 22px; cursor:pointer; list-style:none; }
.embedded-comparison > summary::-webkit-details-marker { display:none; }
.embedded-comparison > summary div { display:flex; flex-direction:column; gap:6px; }
.embedded-comparison > summary span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.embedded-comparison > summary strong { font-size:12px; text-transform:uppercase; }
.embedded-comparison > summary::after { content:"+"; width:28px; height:28px; display:grid; place-items:center; margin-left:auto; color:white; background:var(--blue); border-radius:50%; font-size:18px; }
.embedded-comparison[open] > summary::after { content:"−"; }
.embedded-comparison-body { padding:18px; border-top:1px solid var(--line); background:#eeefe9; }

@media (max-width:1100px) {
  .suggested-package { grid-template-columns:1fr; }
  .suggested-package-case { min-height:0; }
  .suggested-package-reset { margin-top:24px; }
  .suggested-package-person { grid-template-columns:108px minmax(0,1fr) 160px 118px; }
}

@media (max-width:760px) {
  .explorer-howto { grid-template-columns:1fr; }
  .explorer-howto article { min-height:72px; }
  .suggested-package-case { padding:27px 23px; }
  .suggested-package-case h4 { font-size:39px; }
  .suggested-package-person { grid-template-columns:92px minmax(0,1fr); grid-template-rows:auto auto; min-height:0; border-left-width:4px; }
  .suggested-person-image { grid-row:1/3; min-height:160px; }
  .suggested-person-copy { align-self:end; padding:15px; }
  .suggested-person-copy h4 { font-size:16px; }
  .suggested-person-copy p { font-size:12px; }
  .suggested-person-proof { display:none; }
  .suggested-person-actions { align-self:auto; grid-column:2; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr; min-height:43px; border-top:1px solid var(--line); border-left:0; }
  .suggested-person-actions button { border-right:1px solid var(--line); border-bottom:0; font-size:12px; }
  .suggested-person-actions button:last-child { border-right:0; }
  .suggested-package-actions { flex-direction:column; align-items:stretch; }
  .suggested-package-actions > span { text-align:center; }
  .additional-talent-shell { padding:14px; }
  .additional-talent-shell > header { grid-template-columns:1fr; gap:10px; }
  .additional-talent-shell > header h4 { font-size:25px; }
  .additional-talent-shell .alternative-toolbar { align-items:flex-start; flex-direction:column; }
  .additional-talent-shell .creator-list { grid-template-columns:1fr; }
  .embedded-comparison-body { padding:10px; }
}

@media (max-width:480px) {
  .suggested-package-kpis { grid-template-columns:1fr 1fr; }
  .suggested-package-person { grid-template-columns:84px minmax(0,1fr); }
  .suggested-person-image { min-height:170px; }
  .suggested-person-copy { padding:13px; }
  .suggested-person-copy p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .additional-talent-shell .alternative-creator-card { grid-template-columns:98px 1fr; }
}

/* Visual wider creator list */
.research-catalogue .research-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:12px; background:#eeefe9; border-top:1px solid var(--line); }
.research-catalogue .research-candidate { min-width:0; display:grid; grid-template-columns:92px minmax(0,1fr); gap:0; align-items:stretch; min-height:174px; padding:0; overflow:hidden; background:white; border:1px solid var(--line); border-radius:11px; box-shadow:0 8px 22px rgba(23,16,43,.04); }
.research-candidate-media { min-height:174px; display:block; overflow:hidden; color:white; background:var(--purple); text-decoration:none; }
.research-candidate-media img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.research-candidate-media:hover img { transform:scale(1.04); }
.research-candidate-fallback { display:grid; place-items:center; font-family:"Arial Black",Arial,sans-serif; font-size:23px; }
.research-candidate-copy { min-width:0; display:flex; flex-direction:column; padding:13px; }
.research-candidate-title { display:flex; gap:8px; align-items:flex-start; justify-content:space-between; }
.research-candidate-title > div { min-width:0; }
.research-catalogue .research-candidate strong { display:block; margin:0; font-size:13px; line-height:1.08; }
.research-catalogue .research-candidate .research-role { display:block; margin-top:5px; color:var(--blue); font-size:12px; font-weight:900; line-height:1.3; letter-spacing:.05em; text-transform:uppercase; }
.research-catalogue .research-candidate .research-status { flex:0 0 auto; max-width:83px; padding:5px 6px; color:#684800; background:#ffe9a8; font-size:12px; font-weight:900; line-height:1.25; text-align:center; text-transform:uppercase; white-space:normal; }
.research-catalogue .research-candidate > .research-candidate-copy > small { display:-webkit-box; min-height:40px; margin-top:9px; overflow:hidden; color:var(--muted); -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:12px; line-height:1.38; }
.research-catalogue .research-candidate .research-click { display:block; margin-top:8px; color:var(--blue); font-size:12px; font-weight:900; line-height:1.35; text-transform:uppercase; }
.research-profile-link { align-self:flex-start; margin-top:auto; padding-top:9px; color:var(--blue); font-size:12px; font-weight:900; text-decoration:none; text-transform:uppercase; }
.research-profile-link:hover { text-decoration:underline; }
.research-catalogue .research-candidate.asa-note { border-left:5px solid #f3b21a; }

@media (max-width:1100px) {
  .research-catalogue .research-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
  .research-catalogue .research-list { grid-template-columns:1fr; padding:8px; }
  .research-catalogue .research-candidate { grid-template-columns:88px minmax(0,1fr); min-height:160px; }
  .research-candidate-media { min-height:160px; }
}

/* Squad Builder campaign bridge */
.squadbuilder-bridge { position:relative; z-index:1; display:grid; grid-template-columns:minmax(300px,.82fr) minmax(0,1.58fr); gap:1px; margin:-20px 0 18px; overflow:hidden; color:white; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.16); border-radius:18px; box-shadow:0 18px 42px rgba(4,0,30,.18); }
.squadbuilder-bridge-copy { padding:25px 27px; color:var(--ink); background:var(--lime); }
.squadbuilder-bridge-copy > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.squadbuilder-bridge-copy h3 { margin:8px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:25px; line-height:1.02; }
.squadbuilder-bridge-copy p { margin:13px 0 0; max-width:480px; font-size:12px; line-height:1.55; }
.squadbuilder-bridge-copy a { display:inline-flex; margin-top:18px; padding:9px 12px; color:white; background:var(--blue); border-radius:999px; font-size:12px; font-weight:900; text-decoration:none; text-transform:uppercase; }
.squadbuilder-bridge-copy a:hover { color:var(--ink); background:var(--aqua); }
.squadbuilder-bridge-steps { display:grid; grid-template-columns:1fr 24px 1fr 24px 1fr; gap:0; align-items:stretch; padding:13px; background:rgba(6,2,33,.58); }
.squadbuilder-bridge-steps article { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); border-radius:12px; }
.squadbuilder-bridge-steps article b { color:var(--aqua); font-size:12px; }
.squadbuilder-bridge-steps article strong { margin-top:12px; font-size:12px; line-height:1.15; text-transform:uppercase; }
.squadbuilder-bridge-steps article span { margin-top:8px; color:rgba(255,255,255,.58); font-size:12px; line-height:1.45; }
.squadbuilder-bridge-steps > i { display:grid; place-items:center; color:var(--lime); font-size:14px; font-style:normal; }
.network-model-rebuilt .anchor-choice-band { margin:0 0 18px; }
.catalyst-example { position:relative; z-index:1; display:grid; grid-template-columns:210px 1fr; gap:22px; align-items:center; margin:0 0 18px; padding:17px 20px; color:var(--ink); background:var(--aqua); border-left:6px solid var(--lime); border-radius:13px; }
.catalyst-example strong { color:var(--blue); font-size:12px; text-transform:uppercase; }
.catalyst-example span { font-size:12px; line-height:1.55; }
.activation-pool-heading { display:grid; grid-template-columns:210px 1fr; gap:24px; align-items:center; margin-top:14px; padding:17px 20px; color:white; background:var(--ink); border-left:6px solid var(--aqua); }
.activation-pool-heading span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.activation-pool-heading strong { font-size:13px; line-height:1.4; }
.catalyst-row { margin-top:18px; border:1px solid rgba(99,242,207,.32); }

@media (max-width:1100px) {
  .squadbuilder-bridge { grid-template-columns:1fr; }
}

@media (min-width:761px) and (max-width:1360px) {
  .site-header { gap:10px; }
  .brand { width:86px; }
  .site-header nav { gap:12px; }
  .site-header nav a,.header-route-switcher button,.view-switcher button,.draft-pill { white-space:nowrap; }
  .site-header nav a { letter-spacing:.05em; }
  .header-route-switcher button { padding-inline:8px; }
  .view-switcher button { padding-inline:9px; }
  .draft-pill { padding-inline:8px; }
}

@media (max-width:760px) {
  .squadbuilder-bridge { margin-top:-12px; }
  .squadbuilder-bridge-copy { padding:23px; }
  .squadbuilder-bridge-steps { grid-template-columns:1fr; gap:0; }
  .squadbuilder-bridge-steps > i { min-height:28px; transform:rotate(90deg); }
  .catalyst-example,.activation-pool-heading { grid-template-columns:1fr; gap:8px; }
}

/* Simplified Route 02 campaign mechanic */
.campaign-mechanic { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.08fr) 42px minmax(0,1fr) 42px minmax(0,.88fr); gap:1px; margin-top:-16px; overflow:hidden; color:var(--ink); background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.18); border-radius:20px; box-shadow:0 22px 56px rgba(4,0,30,.22); }
.campaign-mechanic-step { min-width:0; min-height:320px; display:flex; flex-direction:column; justify-content:center; padding:30px; background:white; }
.campaign-mechanic-step > span { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.campaign-mechanic-step h3 { margin:12px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:29px; line-height:1; }
.campaign-mechanic-step > p { margin:13px 0 0; color:var(--muted); font-size:14px; line-height:1.55; }
.campaign-mechanic-lead { background:#f1efff; }
.campaign-catalyst-lineup { position:relative; height:158px; margin:18px -18px -30px; overflow:hidden; isolation:isolate; }
.campaign-catalyst-lineup::before { content:""; position:absolute; width:180px; height:180px; left:50%; bottom:-86px; z-index:-1; background:var(--aqua); border-radius:50%; transform:translateX(-50%); box-shadow:-118px -18px 0 -56px var(--lime),118px -10px 0 -62px rgba(36,1,245,.18); }
.campaign-catalyst-lineup::after { content:""; position:absolute; inset:auto 12px 0; height:3px; background:linear-gradient(90deg,var(--aqua),var(--lime),var(--blue)); border-radius:999px; }
.campaign-catalyst-lineup > img { position:absolute; bottom:-4px; width:auto; object-fit:contain; filter:drop-shadow(0 13px 15px rgba(20,5,58,.25)); }
.campaign-catalyst-lineup > img.is-ben { height:134px; left:-6px; z-index:1; }
.campaign-catalyst-lineup > img.is-simon { height:160px; left:50%; z-index:3; transform:translateX(-50%); }
.campaign-catalyst-lineup > img.is-rio { height:140px; right:-7px; z-index:2; }
.campaign-catalyst-role { position:absolute; left:50%; bottom:12px; z-index:5; min-width:148px; padding:8px 13px; color:white; background:rgba(24,5,73,.92); border:1px solid rgba(255,255,255,.34); border-radius:999px; box-shadow:0 9px 24px rgba(20,5,58,.28); text-align:center; transform:translateX(-50%); backdrop-filter:blur(7px); }
.campaign-catalyst-role strong,.campaign-catalyst-role span { display:block; }
.campaign-catalyst-role strong { font-size:11px; letter-spacing:.045em; text-transform:uppercase; }
.campaign-catalyst-role span { margin-top:2px; color:var(--aqua); font-size:9px; font-weight:800; text-transform:uppercase; }
.campaign-mechanic-arrow { display:grid; place-items:center; color:white; background:linear-gradient(180deg,var(--blue),var(--purple)); font-size:23px; font-style:normal; }
.campaign-role-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:23px; }
.campaign-role-tags b { padding:7px 9px; color:var(--blue); background:#efedff; border-radius:999px; font-size:12px; }
.campaign-mechanic-product { background:var(--lime); }
.campaign-mechanic-product > p { color:#343626; }
.campaign-mechanic-product a { align-self:flex-start; margin-top:24px; padding:11px 14px; color:white; background:var(--blue); border-radius:999px; font-size:12px; font-weight:900; text-decoration:none; text-transform:uppercase; }
.campaign-mechanic-product a:hover { color:var(--ink); background:var(--aqua); }
.campaign-mechanic-example { position:relative; z-index:1; display:grid; grid-template-columns:170px minmax(0,1fr) auto; gap:20px; align-items:center; margin-top:16px; padding:18px 20px; color:white; background:rgba(5,2,25,.46); border:1px solid rgba(255,255,255,.15); border-radius:13px; }
.campaign-mechanic-example strong { color:var(--aqua); font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.campaign-mechanic-example span { font-size:13px; line-height:1.5; }
.campaign-mechanic-example a { color:var(--lime); font-size:12px; font-weight:900; text-transform:uppercase; white-space:nowrap; }

@media (max-width:1000px) {
  .campaign-mechanic { grid-template-columns:1fr; }
  .campaign-mechanic-step { min-height:0; }
  .campaign-mechanic-arrow { position:relative; min-height:42px; color:transparent; }
  .campaign-mechanic-arrow::after { content:"↓"; position:absolute; inset:0; display:grid; place-items:center; color:white; font-size:21px; }
}

@media (max-width:760px) {
  .campaign-mechanic { margin-top:-8px; border-radius:15px; }
  .campaign-mechanic-step { padding:24px; }
  .campaign-catalyst-lineup { height:188px; margin:20px -12px -24px; }
  .campaign-catalyst-lineup > img.is-ben { height:162px; left:2%; }
  .campaign-catalyst-lineup > img.is-simon { height:190px; }
  .campaign-catalyst-lineup > img.is-rio { height:166px; right:2%; }
  .campaign-mechanic-example { grid-template-columns:1fr; gap:8px; }
}

/* Recommended squad and bespoke substitutes bench */
.recommendation-squad { margin-top:20px; border-color:rgba(36,1,245,.16); box-shadow:0 20px 54px rgba(25,8,70,.1); }
.recommendation-squad .squad-tile { grid-template-columns:54px minmax(0,1fr) auto; }
.recommendation-squad .recommendation-catalyst-lane .squad-tile { background:#f0eeff; }
.recommendation-squad .recommendation-catalyst-lane > header { background:linear-gradient(145deg,var(--blue),var(--purple)); }
.recommendation-squad .recommendation-squad-tile { transform-origin:center; }
.recommendation-squad .recommendation-squad-tile.is-swapping { animation:squad-member-swap .62s cubic-bezier(.2,.8,.2,1); }
@keyframes squad-member-swap {
  0% { opacity:.25; transform:translateX(18px) scale(.97); }
  58% { opacity:1; transform:translateX(-3px) scale(1.01); }
  100% { opacity:1; transform:translateX(0) scale(1); }
}
.squad-tile-action { align-self:center; padding:7px 9px; color:var(--blue); cursor:pointer; background:transparent; border:1px solid rgba(36,1,245,.28); border-radius:999px; font-size:12px; font-weight:900; line-height:1.2; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.squad-tile-action:hover { color:white; background:var(--blue); }
.working-squad-summary { margin-top:16px; padding:22px; color:white; background:linear-gradient(125deg,#111218 0%,#161126 62%,#2401a8 100%); border:1px solid rgba(36,1,245,.16); border-top:5px solid var(--aqua); border-radius:16px; box-shadow:0 18px 44px rgba(18,0,82,.14); }
.working-squad-summary-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; }
.working-squad-summary-heading > div > span { display:block; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.working-squad-summary-heading > div > strong { display:block; max-width:760px; margin-top:6px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:23px; line-height:1.08; }
.working-squad-summary-heading > div > small { display:block; margin-top:7px; color:rgba(255,255,255,.66); font-size:12px; line-height:1.45; }
.working-squad-summary-heading > button { min-height:36px; padding:8px 13px; color:var(--ink); cursor:pointer; background:var(--lime); border:0; border-radius:999px; font-size:11px; font-weight:900; text-transform:uppercase; }
.working-squad-summary-heading > button:hover:not(:disabled) { color:white; background:var(--blue); }
.working-squad-summary-heading > button:disabled { color:rgba(255,255,255,.65); cursor:default; background:rgba(255,255,255,.11); }
.working-squad-output-equation,.working-squad-delivery-equation { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr); gap:7px; align-items:stretch; margin-top:17px; }
.working-squad-output-equation > div,.working-squad-delivery-equation > div { min-width:0; padding:14px 15px; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.14); border-radius:10px; }
.working-squad-output-equation span,.working-squad-output-equation strong,.working-squad-output-equation small,.working-squad-delivery-equation span,.working-squad-delivery-equation strong,.working-squad-delivery-equation small { display:block; }
.working-squad-output-equation span,.working-squad-delivery-equation span { color:var(--aqua); font-size:10px; font-weight:900; letter-spacing:.055em; line-height:1.3; text-transform:uppercase; }
.working-squad-output-equation strong,.working-squad-delivery-equation strong { margin-top:7px; color:white; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:22px; line-height:1; }
.working-squad-output-equation small,.working-squad-delivery-equation small { margin-top:7px; color:rgba(255,255,255,.58); font-size:11px; line-height:1.45; }
.working-squad-output-equation > i,.working-squad-delivery-equation > i { align-self:center; color:var(--lime); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:17px; font-style:normal; }
.working-squad-output-equation .working-squad-output-total,.working-squad-delivery-equation .working-squad-delivery-total { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.working-squad-output-equation .working-squad-output-total span,.working-squad-output-equation .working-squad-output-total strong,.working-squad-delivery-equation .working-squad-delivery-total span,.working-squad-delivery-equation .working-squad-delivery-total strong { color:var(--ink); }
.working-squad-output-equation .working-squad-output-total small,.working-squad-delivery-equation .working-squad-delivery-total small { color:rgba(17,18,24,.68); }
.working-squad-delivery-equation { margin-top:8px; }
.working-squad-delivery-equation { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr); }
.working-squad-delivery-equation > div { background:rgba(36,1,245,.2); }
.working-squad-delivery-equation strong { color:var(--lime); font-size:20px; }
.working-squad-delivery-equation .working-squad-delivery-total strong { font-size:28px; }
.working-squad-summary > p { margin:13px 0 0; color:rgba(255,255,255,.62); font-size:12px; line-height:1.55; }
.working-squad-summary > p strong { color:var(--aqua); }

.squad-substitutes { margin-top:22px; padding:26px; overflow:hidden; color:white; background:linear-gradient(135deg,#1d0753,#1800a8); border-radius:18px; box-shadow:0 22px 56px rgba(18,0,82,.18); }
.squad-substitutes > header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:end; }
.squad-substitutes > header span { color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.squad-substitutes > header h3 { margin:9px 0 0; max-width:680px; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:30px; line-height:1; }
.squad-substitutes > header p { max-width:760px; margin:11px 0 0; color:rgba(255,255,255,.66); font-size:13px; line-height:1.55; }
.substitute-rule { display:grid; grid-template-columns:1fr 22px 1fr 22px 1fr; gap:8px; align-items:center; margin-top:22px; padding:12px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:12px; }
.substitute-rule > div { min-height:48px; display:grid; grid-template-columns:28px 1fr; gap:9px; align-items:center; }
.substitute-rule b { width:28px; height:28px; display:grid; place-items:center; color:var(--ink); background:var(--aqua); border-radius:50%; font-size:12px; }
.substitute-rule span { color:white; font-size:12px; font-weight:800; line-height:1.3; }
.substitute-rule i { color:var(--lime); font-size:17px; font-style:normal; text-align:center; }
.substitute-tabs-label { margin:20px 0 8px; color:var(--aqua); font-size:12px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.substitute-tabs { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
.substitute-tabs::-webkit-scrollbar { display:none; }
.substitute-tabs button { flex:0 0 auto; min-width:150px; min-height:55px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; padding:8px 12px; color:rgba(255,255,255,.72); cursor:pointer; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:9px; text-align:left; }
.substitute-tabs button small { color:inherit; font-size:10px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.substitute-tabs button strong { color:white; font-size:12px; line-height:1.15; }
.substitute-tabs button.active { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.substitute-tabs button.active strong { color:var(--ink); }
.substitute-context { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; margin:16px 0 10px; padding:10px 12px; color:var(--ink); background:var(--aqua); border-radius:9px; }
.substitute-context > span { font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.substitute-context > strong { font-size:13px; }
.substitute-context > em { color:rgba(17,18,24,.62); font-size:11px; font-style:normal; font-weight:800; }
.substitute-viewport { overflow:hidden; }
.substitute-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(300px,42%); gap:12px; overflow-x:auto; padding-bottom:4px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.substitute-track.is-single { grid-auto-columns:minmax(300px,100%); }
.substitute-track::-webkit-scrollbar { display:none; }
.substitute-card { min-width:0; display:grid; grid-template-rows:150px 1fr auto; overflow:hidden; color:var(--ink); background:white; border-radius:13px; scroll-snap-align:start; }
.substitute-card-media { height:150px; display:grid; place-items:center; overflow:hidden; color:white; background:linear-gradient(135deg,var(--purple),var(--blue)); font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:34px; }
.substitute-card-media img { width:100%; height:100%; object-fit:cover; }
.substitute-card-media.is-logo { background:linear-gradient(135deg,#171420,#2a2356); }
.substitute-card-media.is-logo img { width:112px; height:112px; padding:4px; object-fit:contain; background:white; border:2px solid rgba(255,255,255,.7); border-radius:50%; box-shadow:0 12px 28px rgba(0,0,0,.3); }
.substitute-card-media.is-logo.is-portrait img { padding:0; object-fit:cover; background:transparent; border-width:3px; }
.substitute-card-copy { padding:17px 18px 13px; }
.substitute-card-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; }
.substitute-card-heading > div > span { color:var(--blue); font-size:12px; font-weight:900; text-transform:uppercase; }
.substitute-card-heading > button { min-height:32px; padding:7px 10px; color:var(--ink); cursor:pointer; background:var(--lime); border:0; border-radius:999px; font-size:10px; font-weight:900; line-height:1.15; text-transform:uppercase; white-space:nowrap; }
.substitute-card-heading > button:hover { color:white; background:var(--blue); }
.substitute-card-copy h4 { margin:7px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:20px; line-height:1; }
.substitute-card-copy p { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.substitute-audience-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:13px; overflow:hidden; background:var(--line); border:1px solid var(--line); border-radius:7px; }
.substitute-audience-proof span { min-width:0; padding:8px 7px; color:var(--muted); background:#f7f7f3; font-size:10px; line-height:1.25; text-align:center; text-transform:uppercase; }
.substitute-audience-proof strong { display:block; margin-bottom:2px; color:var(--blue); font-size:13px; }
.substitute-audience-proof.pending { display:block; }
.substitute-audience-proof.pending span { display:block; text-align:left; }
.substitute-card-copy small { display:inline-block; margin-top:13px; padding:6px 7px; color:#5d4300; background:#ffebad; border-radius:4px; font-size:12px; font-weight:900; text-transform:uppercase; }
.substitute-card-copy small.status-verified { color:#064c38; background:#c8f8e8; }
.substitute-card-copy small.status-warning { color:#6b3500; background:#ffe0a8; }
.substitute-card-copy small.status-review { color:#581c70; background:#f0d8ff; }
.substitute-card-actions { min-height:46px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:#f4f3ff; border-top:1px solid var(--line); }
.substitute-card-actions.action-count-1 { grid-template-columns:1fr; }
.substitute-card-actions > button,.substitute-card-actions > a,.substitute-card-actions > em { min-width:0; min-height:46px; display:flex; align-items:center; justify-content:center; padding:0 10px; color:var(--blue); cursor:pointer; background:transparent; border:0; font-family:inherit; font-size:11px; font-style:normal; font-weight:900; text-align:center; text-decoration:none; text-transform:uppercase; }
.substitute-card-actions > * + * { border-left:1px solid var(--line); }
.substitute-card-actions > button:hover,.substitute-card-actions > a:hover { color:white; background:var(--blue); }
.substitute-decision-note { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; margin-top:13px; padding:12px 14px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.13); border-radius:10px; }
.substitute-decision-note strong { color:var(--lime); font-size:11px; text-transform:uppercase; white-space:nowrap; }
.substitute-decision-note span { color:rgba(255,255,255,.72); font-size:12px; line-height:1.5; }
.recommendation-footer-row > strong { max-width:720px; font-size:13px; line-height:1.5; }

@media (max-width:760px) {
  .recommendation-squad .squad-tile { grid-template-columns:46px minmax(0,1fr); }
  .recommendation-squad .squad-tile-action { grid-column:2; justify-self:start; margin-top:2px; }
  .working-squad-summary { margin-top:13px; padding:18px; border-radius:14px; }
  .working-squad-summary-heading { grid-template-columns:1fr; gap:12px; }
  .working-squad-summary-heading > button { justify-self:start; }
  .working-squad-output-equation,.working-squad-delivery-equation { grid-template-columns:1fr 1fr; }
  .working-squad-output-equation > i,.working-squad-delivery-equation > i { display:none; }
  .squad-substitutes { padding:21px; border-radius:14px; }
  .squad-substitutes > header { grid-template-columns:1fr; gap:15px; }
  .squad-substitutes > header h3 { font-size:25px; }
  .substitute-rule { grid-template-columns:1fr; gap:5px; }
  .substitute-rule > div { min-height:40px; }
  .substitute-rule i { transform:rotate(90deg); }
  .substitute-tabs button { min-width:142px; }
  .substitute-context { grid-template-columns:1fr; gap:3px; }
  .substitute-context > em { margin-top:2px; }
  .campaign-output-maths,.working-squad-output-equation,.working-squad-delivery-equation { grid-template-columns:1fr; }
  .substitute-track { grid-auto-columns:88%; }
  .substitute-card { grid-template-rows:135px 1fr auto; }
  .substitute-card-media { height:135px; }
  .substitute-card-heading { grid-template-columns:1fr; gap:10px; }
  .substitute-card-heading > button { justify-self:start; }
  .substitute-decision-note { grid-template-columns:1fr; gap:5px; }
}

@media (prefers-reduced-motion:reduce) {
  .recommendation-squad .recommendation-squad-tile.is-swapping { animation:none; }
}

/* Decision-ready comparison, evidence status and activation journey */
.confidence-tag { display:inline-flex; align-items:center; justify-content:center; min-height:21px; padding:4px 7px; border-radius:999px; font-size:10px; font-style:normal; font-weight:900; letter-spacing:.05em; line-height:1; text-transform:uppercase; vertical-align:middle; }
.confidence-tag.verified { color:#063f34; background:var(--aqua); }
.confidence-tag.modelled { color:#171912; background:var(--lime); }
.confidence-tag.pending { color:#684800; background:#ffe7a2; }

.route-gateway { align-content:center; }
.route-decision-panel { grid-column:1/-1; display:grid; grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr); margin-top:8px; overflow:hidden; color:var(--ink); background:white; border:1px solid rgba(255,255,255,.34); border-radius:20px; box-shadow:0 28px 70px rgba(0,0,0,.22); }
.route-decision-recommendation { padding:29px 30px; color:white; background:linear-gradient(145deg,#18004f,#2401c8); }
.route-decision-recommendation > span { color:var(--aqua); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.route-decision-recommendation h2 { margin:18px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:27px; line-height:1.02; text-transform:uppercase; }
.route-decision-recommendation p { margin:17px 0 0; color:rgba(255,255,255,.68); font-size:13px; line-height:1.55; }
.route-decision-table { align-self:stretch; }
.route-decision-row { display:grid; grid-template-columns:150px 1fr 1fr; gap:1px; background:var(--line); }
.route-decision-row > * { min-width:0; margin:0; padding:12px 15px; background:white; font-size:12px; line-height:1.4; }
.route-decision-row > span { color:var(--muted); font-weight:900; text-transform:uppercase; }
.route-decision-row > p { color:#3c3c45; }
.route-decision-row > p .confidence-tag { margin-right:5px; }
.route-decision-head > * { min-height:44px; display:flex; align-items:center; color:white; background:var(--ink); font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
.route-decision-head > strong { color:var(--aqua); }
.route-decision-footer { grid-column:1/-1; display:grid; grid-template-columns:1.45fr .75fr; gap:1px; background:var(--line); border-top:1px solid var(--line); }
.evidence-confidence-key { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:14px 18px; background:#f5f4f8; }
.evidence-confidence-key > span { margin-right:5px; color:var(--blue); font-size:11px; font-weight:900; text-transform:uppercase; }
.evidence-confidence-key small { margin-right:7px; color:var(--muted); font-size:11px; }
.route-decision-ask { display:flex; flex-direction:column; justify-content:center; gap:5px; padding:14px 18px; color:white; background:var(--ink); }
.route-decision-ask span { color:var(--aqua); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.route-decision-ask strong { font-size:12px; line-height:1.4; }

.mark-evidence-grid > article > span .confidence-tag,.network-target-topline .confidence-tag,.ideal-package-forecast .confidence-tag { margin-right:6px; }
.fixture-evidence-kpis small .confidence-tag { margin:0 4px 3px 0; }

.fixture-activation-story { margin-top:20px; overflow:hidden; color:var(--ink); background:white; border:1px solid rgba(255,255,255,.18); border-radius:18px; box-shadow:0 24px 60px rgba(7,0,28,.26); }
.fixture-activation-story > header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:22px 24px; color:white; background:linear-gradient(110deg,var(--purple),var(--blue)); }
.fixture-activation-story > header span { color:var(--aqua); font-size:11px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.fixture-activation-story > header h3 { margin:8px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:24px; line-height:1.05; text-transform:uppercase; }
.fixture-activation-flow { display:grid; grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr; align-items:stretch; background:var(--line); }
.fixture-activation-flow > article { min-width:0; min-height:265px; padding:20px; background:white; }
.fixture-activation-flow > article > span { color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.fixture-activation-flow > article h4 { margin:18px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:17px; line-height:1.05; text-transform:uppercase; }
.fixture-activation-flow > article p { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.fixture-activation-flow > i { display:grid; place-items:center; color:white; background:var(--blue); font-size:16px; font-style:normal; }
.activation-person { display:grid; grid-template-columns:44px 1fr; gap:10px; align-items:center; margin-top:18px; }
.activation-person img { width:44px; height:44px; object-fit:cover; border:2px solid var(--aqua); border-radius:50%; }
.activation-person strong { font-size:12px; text-transform:uppercase; }
.activation-mini-pitch { position:relative; height:62px; margin-top:18px; overflow:hidden; background:linear-gradient(90deg,#17835a,#1e9d6c); border:2px solid #d5fff1; border-radius:7px; }
.activation-mini-pitch::before { content:""; position:absolute; top:0; bottom:0; left:50%; border-left:1px solid rgba(255,255,255,.75); }
.activation-mini-pitch::after { content:""; position:absolute; top:18px; left:calc(50% - 13px); width:26px; height:26px; border:1px solid rgba(255,255,255,.75); border-radius:50%; }
.activation-mini-pitch b { position:absolute; z-index:1; width:9px; height:9px; background:var(--lime); border:2px solid white; border-radius:50%; }
.activation-mini-pitch b:nth-child(1) { top:25px; left:8%; }
.activation-mini-pitch b:nth-child(2) { top:9px; left:29%; }
.activation-mini-pitch b:nth-child(3) { right:29%; bottom:9px; }
.activation-mini-pitch b:nth-child(4) { top:10px; right:10%; }
.activation-mini-pitch b:nth-child(5) { right:11%; bottom:9px; }
.activation-output-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:18px; }
.activation-output-chips b { padding:7px 8px; color:white; background:var(--blue); border-radius:999px; font-size:9px; text-transform:uppercase; }
.fixture-activation-story > footer { display:grid; grid-template-columns:190px 1fr; gap:20px; padding:16px 20px; color:white; background:var(--ink); }
.fixture-activation-story > footer strong { color:var(--lime); font-size:11px; text-transform:uppercase; }
.fixture-activation-story > footer span { color:rgba(255,255,255,.7); font-size:12px; line-height:1.5; }

.squad-competition-strip { display:grid; grid-template-columns:minmax(250px,.78fr) minmax(0,1.55fr); gap:22px; margin-top:18px; padding:23px; color:var(--ink); background:var(--lime); border-radius:17px; box-shadow:0 22px 54px rgba(7,0,28,.2); }
.squad-competition-strip > div > span { color:var(--blue); font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.squad-competition-strip h3 { margin:9px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:24px; line-height:1.02; text-transform:uppercase; }
.squad-competition-strip p { margin:12px 0 0; color:rgba(17,18,24,.7); font-size:13px; line-height:1.5; }
.squad-competition-strip ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:0; padding:0; overflow:hidden; list-style:none; background:rgba(17,18,24,.15); border:1px solid rgba(17,18,24,.16); border-radius:11px; }
.squad-competition-strip li { min-width:0; padding:14px; background:rgba(255,255,255,.62); }
.squad-competition-strip li b,.squad-competition-strip li strong,.squad-competition-strip li span { display:block; }
.squad-competition-strip li b { color:var(--blue); font-size:10px; }
.squad-competition-strip li strong { margin-top:8px; font-size:13px; text-transform:uppercase; }
.squad-competition-strip li span { margin-top:7px; color:rgba(17,18,24,.65); font-size:11px; line-height:1.4; }
.squad-competition-strip > small { grid-column:1/-1; color:rgba(17,18,24,.65); font-size:11px; font-weight:800; }

.test-learn-gate { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:18px; overflow:hidden; color:var(--ink); background:rgba(93,244,203,.35); border:1px solid rgba(93,244,203,.55); border-radius:15px; }
.test-learn-gate > div { min-width:0; padding:18px; background:white; }
.test-learn-gate span { color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.test-learn-gate strong { display:block; margin-top:8px; font-size:15px; text-transform:uppercase; }
.test-learn-gate p { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }

.talent-readiness-snapshot { margin-top:18px; overflow:hidden; background:white; border:1px solid var(--line); border-radius:16px; box-shadow:0 20px 50px rgba(15,12,25,.08); }
.talent-readiness-snapshot > header { display:grid; grid-template-columns:1fr minmax(260px,.55fr); gap:24px; align-items:end; padding:21px 23px; color:white; background:linear-gradient(120deg,var(--purple),var(--blue)); }
.talent-readiness-snapshot > header span { color:var(--aqua); font-size:11px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.talent-readiness-snapshot > header h3 { margin:8px 0 0; font-family:"Archivo Black","Arial Black",Arial,sans-serif; font-size:23px; line-height:1.05; text-transform:uppercase; }
.talent-readiness-snapshot > header p { margin:0; color:rgba(255,255,255,.67); font-size:12px; line-height:1.5; }
.readiness-row.readiness-five { grid-template-columns:1.15fr repeat(4,1fr); }
.readiness-row.readiness-five > * { min-height:45px; display:flex; align-items:center; }
.talent-readiness-snapshot > footer { border-top:1px solid var(--line); }
.talent-readiness-snapshot > footer .evidence-confidence-key { padding:12px 16px; }

@media (max-width:1100px) {
  .route-decision-panel { grid-template-columns:1fr; }
  .route-decision-footer { grid-template-columns:1fr; }
  .fixture-activation-flow { grid-template-columns:1fr 22px 1fr; }
  .fixture-activation-flow > i:nth-of-type(2) { display:none; }
  .fixture-activation-flow > article:nth-of-type(3) { grid-column:1; grid-row:2; border-top:1px solid var(--line); }
  .fixture-activation-flow > i:nth-of-type(3) { grid-column:2; grid-row:2; border-top:1px solid rgba(255,255,255,.2); }
  .fixture-activation-flow > article:nth-of-type(4) { grid-column:3; grid-row:2; border-top:1px solid var(--line); }
  .fixture-activation-flow > article { min-height:230px; }
}

@media (max-width:760px) {
  .route-decision-panel { margin-top:0; border-radius:15px; }
  .route-decision-recommendation { padding:24px 21px; }
  .route-decision-recommendation h2 { font-size:24px; }
  .route-decision-table { overflow:visible; }
  .route-decision-row { min-width:0; grid-template-columns:1fr 1fr; }
  .route-decision-row > span { grid-column:1/-1; padding-top:10px; padding-bottom:8px; }
  .route-decision-head > span { display:none; }
  .route-decision-head > strong { grid-column:auto; min-height:42px; }
  .evidence-confidence-key { align-items:flex-start; }
  .fixture-activation-story > header,.talent-readiness-snapshot > header { grid-template-columns:1fr; display:grid; gap:10px; }
  .fixture-activation-flow { grid-template-columns:1fr; }
  .fixture-activation-flow > article:nth-of-type(n),.fixture-activation-flow > i:nth-of-type(n) { grid-column:auto; grid-row:auto; }
  .fixture-activation-flow > i:nth-of-type(2) { display:grid; }
  .fixture-activation-flow > i { min-height:28px; transform:none; }
  .fixture-activation-flow > article { min-height:0; }
  .fixture-activation-story > footer { grid-template-columns:1fr; gap:7px; }
  .squad-competition-strip { grid-template-columns:1fr; padding:20px; }
  .squad-competition-strip ol { grid-template-columns:1fr 1fr; }
  .test-learn-gate { grid-template-columns:1fr; }
  .readiness-table-five { overflow-x:auto; }
  .readiness-row.readiness-five { min-width:820px; }
}

/* Final legibility and mobile interaction audit */
.campaign-catalyst-role span,
.activation-output-chips b { font-size:12px; }
.hero-squad-card figcaption span,
.hero-squad-bracket span,
.substitute-tabs button small,
.substitute-context > span,
.substitute-context > em,
.substitute-audience-proof span,
.substitute-card-actions > button,
.substitute-card-actions > a,
.substitute-card-actions > em,
.substitute-decision-note strong,
.confidence-tag,
.route-decision-recommendation > span,
.route-decision-head > *,
.evidence-confidence-key > span,
.evidence-confidence-key small,
.route-decision-ask span,
.fixture-activation-story > header span,
.fixture-activation-flow > article > span,
.fixture-activation-story > footer strong,
.talent-readiness-snapshot > header span,
.campaign-catalyst-role strong,
.cohort-benchmark-rebuilt .cohort-table td small,
.social-platform-grid article > small { font-size:12px; }

@media (max-width:760px) {
  .brand,
  .header-route-switcher button,
  .view-switcher button,
  .squad-tile-action,
  .campaign-mechanic-product a,
  .mark-format-example-actions a,
  .campaign-stage-actions a { min-height:44px; }

  .brand { display:flex; align-items:center; }
  .header-route-switcher button,
  .view-switcher button { padding:10px 11px; }
  .squad-tile-action,
  .campaign-mechanic-product a,
  .mark-format-example-actions a,
  .campaign-stage-actions a { display:inline-flex; align-items:center; padding:10px 13px; }

  .confidence-tag { min-height:24px; padding:5px 8px; }
  .route-decision-recommendation > span,
  .route-decision-head > *,
  .evidence-confidence-key > span,
  .evidence-confidence-key small,
  .route-decision-ask span,
  .fixture-activation-story > header span,
  .fixture-activation-flow > article > span,
  .activation-output-chips b,
  .talent-readiness-snapshot > header span,
  .hero-squad-card figcaption span,
  .hero-squad-bracket span,
  .campaign-catalyst-role span,
  .substitute-tabs button small,
  .substitute-context > span,
  .substitute-context > em,
  .substitute-audience-proof span,
  .substitute-card-actions > button,
  .substitute-card-actions > a,
  .substitute-card-actions > em,
  .campaign-catalyst-role strong,
  .fixture-activation-story > footer strong,
  .substitute-decision-note strong,
  .cohort-table td small,
  .cohort-benchmark-rebuilt .cohort-table td small { font-size:12px; }

  .cohort-source-links a,
  .creator-account-link,
  .campaign-source a,
  .fixture-data-note a,
  .fixture-table-wrap a,
  .ucl-upside-note p a,
  .ideal-package-guardrail a { min-height:44px; display:flex; align-items:center; }

  .budget-control input,
  .package-budget-control input { min-height:44px; }
}

@media (max-width:760px) {
  .fixture-rank-row > strong { overflow:visible; line-height:1.2; text-overflow:clip; white-space:normal; }
  .working-squad-summary-heading > button { min-height:40px; }
  .substitute-card-heading > button { min-height:40px; padding:9px 12px; font-size:11px; }
  .substitute-audience-proof span { padding:8px 3px; font-size:11px; overflow-wrap:anywhere; }
}