.expertise-detail {
  --ex-bg: #f3f0e9;
  --ex-panel: #fff;
  --ex-ink: #111;
  --ex-muted: #65625d;
  --ex-accent: #ff5a1f;
  --ex-accent-2: #c7f13a;
  --ex-line: rgba(17, 17, 17, .22);
  background: var(--ex-bg);
  color: var(--ex-ink);
}

.expertise-detail.ex-theme-sales { --ex-bg:#111; --ex-panel:#191919; --ex-ink:#f7f4ed; --ex-muted:#a9a69f; --ex-accent:#ff5a1f; --ex-accent-2:#ffb000; --ex-line:rgba(255,255,255,.18); }
.expertise-detail.ex-theme-product { --ex-bg:#f4f0e8; --ex-panel:#fff; --ex-accent:#2e5bff; --ex-accent-2:#c7f13a; }
.expertise-detail.ex-theme-positioning { --ex-bg:#fbfaf7; --ex-panel:#fff; --ex-accent:#111; --ex-accent-2:#ff3f7f; }
.expertise-detail.ex-theme-website { --ex-bg:#e9edff; --ex-panel:#fff; --ex-accent:#2e42ff; --ex-accent-2:#ff3f7f; }
.expertise-detail.ex-theme-seo { --ex-bg:#090a0d; --ex-panel:#12141a; --ex-ink:#fff; --ex-muted:#a7a9b1; --ex-accent:#5265ff; --ex-accent-2:#c7f13a; --ex-line:rgba(255,255,255,.18); }
.expertise-detail.ex-theme-content { --ex-bg:#ffd500; --ex-panel:#fff3a5; --ex-accent:#ec2c75; --ex-accent-2:#111; }
.expertise-detail.ex-theme-cases { --ex-bg:#eee9df; --ex-panel:#faf8f2; --ex-accent:#8b1f1f; --ex-accent-2:#ffb000; }
.expertise-detail.ex-theme-analytics { --ex-bg:#080a10; --ex-panel:#10141d; --ex-ink:#f4f7ff; --ex-muted:#8e96a8; --ex-accent:#3455ff; --ex-accent-2:#00e0b8; --ex-line:rgba(255,255,255,.16); }
.expertise-detail.ex-theme-automation { --ex-bg:#ff3f7f; --ex-panel:#ffd2e1; --ex-accent:#111; --ex-accent-2:#c7f13a; }
.expertise-detail.ex-theme-gtm { --ex-bg:#ecebe7; --ex-panel:#fff; --ex-accent:#ff5a1f; --ex-accent-2:#2e5bff; }

.expertise-detail .site-header { color:var(--ex-ink); border-color:var(--ex-line); background:color-mix(in srgb, var(--ex-bg) 88%, transparent); }
.expertise-detail .site-header.is-scrolled { background:color-mix(in srgb, var(--ex-bg) 94%, transparent); }
.expertise-detail .brand-mark { border-color:var(--ex-line); }
.expertise-detail .site-nav a,.expertise-detail .brand { color:var(--ex-ink); }
.expertise-detail .nav-toggle span { background:var(--ex-ink); }
.expertise-detail main { overflow:hidden; }
.ex-progress { position:fixed; z-index:120; top:0; left:0; width:calc(var(--scroll-progress, 0) * 100%); height:4px; background:var(--ex-accent); pointer-events:none; }

.ex-breadcrumbs,
.ex-hero,
.ex-local-nav,
.ex-tool,
.ex-article,
.ex-evidence,
.ex-metrics,
.ex-cta,
.ex-related,
.ex-page-nav { width:min(1720px, calc(100% - clamp(30px, 7vw, 132px))); margin-inline:auto; }

.ex-breadcrumbs { display:flex; gap:12px; padding:26px 0 18px; color:var(--ex-muted); font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-hero { position:relative; display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(380px, .95fr); min-height:770px; border:1px solid var(--ex-line); overflow:hidden; }
.ex-hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(34px, 6vw, 100px); }
.ex-hero-copy > p,
.ex-tool-head > p,
.ex-metrics header > p,
.ex-cta p,
.ex-related header > p { color:var(--ex-accent); font-family:var(--font-mono); font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.ex-hero-copy h1 { max-width:1030px; margin-top:32px; font-size:clamp(54px,6.4vw,112px); font-weight:790; letter-spacing:-.07em; line-height:.88; overflow-wrap:anywhere; hyphens:auto; text-wrap:balance; }
.ex-hero-copy > span { max-width:760px; margin-top:34px; color:var(--ex-muted); font-size:clamp(18px, 1.55vw, 26px); line-height:1.42; }
.ex-hero-copy > div { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.expertise-detail .button { border-color:var(--ex-line); }
.expertise-detail .button-primary { background:var(--ex-accent); color:var(--ex-bg); border-color:var(--ex-accent); }
.ex-hero-media { position:relative; min-height:100%; overflow:hidden; border-left:1px solid var(--ex-line); }
.ex-hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,color-mix(in srgb,var(--ex-bg) 70%,transparent)); }
.ex-hero-media img { width:100%; height:100%; object-fit:cover; filter:saturate(.76) contrast(1.08); transition:transform .9s var(--ease); }
.ex-hero-media figcaption { position:absolute; z-index:2; right:26px; bottom:24px; padding:9px 12px; background:var(--ex-bg); color:var(--ex-ink); font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-hero-index { position:absolute; right:-.04em; bottom:-.22em; z-index:3; color:color-mix(in srgb,var(--ex-accent) 76%,transparent); font-size:clamp(190px, 27vw, 520px); font-weight:900; letter-spacing:-.11em; line-height:1; pointer-events:none; mix-blend-mode:multiply; opacity:.44; }
.ex-theme-sales .ex-hero-index,.ex-theme-seo .ex-hero-index,.ex-theme-analytics .ex-hero-index { mix-blend-mode:screen; opacity:.32; }

.ex-layout-minimal .ex-hero { grid-template-columns:1.3fr .7fr; background:var(--ex-panel); }
.ex-layout-minimal .ex-hero-media { margin:clamp(20px, 4vw, 62px); border:1px solid var(--ex-line); }
.ex-layout-pipeline .ex-hero-copy h1,.ex-layout-cockpit .ex-hero-copy h1 { text-transform:uppercase; }
.ex-layout-pipeline .ex-hero-copy h1,.ex-layout-cockpit .ex-hero-copy h1 { font-size:clamp(58px,5vw,92px); line-height:.9; letter-spacing:-.06em; }
.ex-theme-website .ex-hero-copy h1 { font-size:clamp(54px,5.6vw,98px); }
.ex-theme-automation .ex-hero-copy h1 { font-size:clamp(52px,4.55vw,80px); }
.ex-layout-editorial .ex-hero { transform:rotate(-.35deg); box-shadow:0 36px 90px rgba(17,17,17,.12); }
.ex-layout-rail .ex-hero-media { clip-path:polygon(13% 0,100% 0,100% 100%,0 100%); }
.ex-layout-constellation .ex-hero::before { content:""; position:absolute; inset:0; opacity:.22; background-image:radial-gradient(circle at center,var(--ex-accent) 1px,transparent 1px); background-size:33px 33px; }
.ex-layout-network .ex-hero { background:var(--ex-panel); border-radius:0 0 120px 0; }
.ex-layout-evidence .ex-hero-media { transform:rotate(1.2deg) translate(12px,12px); box-shadow:-28px 30px 0 var(--ex-accent); }
.ex-layout-calculator .ex-hero { background:linear-gradient(135deg,var(--ex-panel),var(--ex-bg)); }
.ex-layout-map .ex-hero::before { content:"MARKET  /  PRODUCT  /  PROOF  /  SALES  /  OPS"; position:absolute; inset:auto 0 42px; color:var(--ex-muted); font-family:var(--font-mono); font-size:clamp(12px,1.2vw,20px); word-spacing:4vw; white-space:nowrap; opacity:.45; }

.ex-local-nav { display:flex; gap:24px; padding:20px 0; overflow:auto; border-bottom:1px solid var(--ex-line); color:var(--ex-muted); font-family:var(--font-mono); font-size:10px; text-transform:uppercase; white-space:nowrap; }
.ex-local-nav a:hover { color:var(--ex-accent); }

.ex-tool { margin-top:clamp(70px, 10vw, 150px); padding:clamp(30px, 6vw, 96px); border:1px solid var(--ex-line); background:var(--ex-panel); box-shadow:0 32px 100px color-mix(in srgb,var(--ex-ink) 10%,transparent); }
.ex-tool-head { display:grid; grid-template-columns:.6fr 1.5fr .75fr; gap:clamp(24px, 5vw, 80px); align-items:start; margin-bottom:clamp(42px, 7vw, 100px); }
.ex-tool-head h2 { max-width:850px; font-size:clamp(42px, 6vw, 94px); letter-spacing:-.065em; line-height:.9; }
.ex-tool-head > span { color:var(--ex-muted); font-size:clamp(16px,1.3vw,21px); }

.ex-pipeline { display:grid; grid-template-columns:repeat(8,minmax(100px,1fr)); overflow:auto; padding:8px 0 34px; }
.ex-pipeline button { position:relative; min-height:170px; padding:22px 12px; border:0; border-top:1px solid var(--ex-line); background:transparent; color:var(--ex-muted); text-align:left; cursor:pointer; }
.ex-pipeline button::after { content:""; position:absolute; top:-5px; left:12px; width:10px; height:10px; border-radius:50%; background:var(--ex-muted); }
.ex-pipeline button i { display:block; width:0; height:4px; margin-bottom:34px; background:var(--ex-accent); transition:width .35s var(--ease); }
.ex-pipeline button span { font-family:var(--font-mono); font-size:10px; }
.ex-pipeline button strong { display:block; margin-top:10px; font-size:15px; }
.ex-pipeline button.is-active { color:var(--ex-ink); }
.ex-pipeline button.is-active i { width:80%; }
.ex-pipeline button.is-active::after { background:var(--ex-accent); box-shadow:0 0 0 8px color-mix(in srgb,var(--ex-accent) 22%,transparent); }
.ex-tool-result { display:grid; grid-template-columns:.7fr 1.5fr .7fr; gap:26px; padding:30px; border:1px solid var(--ex-line); }
.ex-tool-result span,.ex-tool-result small { color:var(--ex-muted); }
.ex-tool-result strong { font-size:clamp(21px,2.2vw,34px); line-height:1.15; }

.ex-product-pool { display:flex; flex-wrap:wrap; gap:10px; min-height:84px; padding:18px; border:1px dashed var(--ex-line); }
.ex-product-pool button { padding:14px 18px; border:1px solid var(--ex-ink); background:var(--ex-panel); color:var(--ex-ink); cursor:grab; box-shadow:4px 4px 0 var(--ex-accent); }
.ex-product-pool button.is-selected { background:var(--ex-accent); color:#fff; }
.ex-matrix { display:grid; grid-template-columns:repeat(5,1fr); margin-top:24px; border-top:1px solid var(--ex-line); border-left:1px solid var(--ex-line); }
.ex-matrix > div { min-height:230px; padding:22px; border-right:1px solid var(--ex-line); border-bottom:1px solid var(--ex-line); cursor:pointer; }
.ex-matrix span { font-family:var(--font-mono); font-size:10px; }
.ex-matrix strong { display:block; margin-top:20px; font-size:clamp(22px,2.2vw,36px); }
.ex-matrix small { display:block; margin-top:12px; color:var(--ex-muted); }
.ex-matrix button { display:block; width:100%; margin-top:14px; padding:12px; border:1px solid var(--ex-line); background:var(--ex-accent-2); color:#111; text-align:left; }
.ex-tool-note { margin-top:24px; color:var(--ex-muted); }

.ex-position-stage { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:end; padding:clamp(32px,7vw,110px); border:1px solid var(--ex-line); background:#fff; color:#111; }
.ex-position-stage [data-position-screen] { display:grid; gap:20px; max-width:1000px; }
.ex-position-stage [data-position-screen].is-hidden { opacity:.06; filter:blur(14px); transform:scale(.98); transition:opacity .35s ease,filter .35s ease,transform .35s ease; }
.ex-position-stage small { font-family:var(--font-mono); text-transform:uppercase; }
.ex-position-stage strong { font-size:clamp(38px,6vw,104px); letter-spacing:-.065em; line-height:.9; }
.ex-position-stage span { max-width:680px; font-size:clamp(17px,1.4vw,23px); }
.ex-timer { font-family:var(--font-mono); font-size:clamp(52px,8vw,130px); line-height:1; }
.ex-position-tool > .button { margin-top:20px; }
.ex-position-questions { display:grid; grid-template-columns:repeat(3,1fr) auto auto; gap:12px; align-items:center; margin-top:24px; }
.ex-position-questions label,.ex-position-questions button,.ex-position-questions output { padding:16px; border:1px solid var(--ex-line); background:transparent; color:var(--ex-ink); }

.ex-source-tabs,.ex-intent-tabs,.ex-mode-switch,.ex-market-select { display:flex; flex-wrap:wrap; gap:8px; }
.ex-source-tabs button,.ex-intent-tabs button,.ex-mode-switch button,.ex-market-select button { padding:13px 18px; border:1px solid var(--ex-line); background:transparent; color:var(--ex-ink); cursor:pointer; }
.ex-source-tabs button.is-active,.ex-intent-tabs button.is-active,.ex-mode-switch button.is-active,.ex-market-select button.is-active { background:var(--ex-accent); color:#fff; border-color:var(--ex-accent); }
.ex-journey-rail { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:48px; overflow:auto; }
.ex-journey-rail span { position:relative; min-width:150px; padding:62px 18px 20px; border-top:2px solid var(--ex-accent); font-weight:700; }
.ex-journey-rail span::before { content:""; position:absolute; top:-9px; left:18px; width:16px; height:16px; border:2px solid var(--ex-accent); border-radius:50%; background:var(--ex-panel); }
.ex-journey-rail span::after { content:attr(data-metric); display:block; margin-top:12px; color:var(--ex-muted); font-family:var(--font-mono); font-size:9px; text-transform:uppercase; }

.ex-query-cloud { display:flex; flex-wrap:wrap; gap:10px; min-height:240px; margin-top:38px; align-content:center; }
.ex-query-cloud button { padding:10px 15px; border:1px solid var(--ex-line); border-radius:999px; background:transparent; color:var(--ex-muted); cursor:pointer; transition:.25s; }
.ex-query-cloud button.is-active { transform:translateY(-5px); color:var(--ex-ink); border-color:var(--ex-accent); background:color-mix(in srgb,var(--ex-accent) 25%,transparent); }
.ex-url-tree { display:grid; grid-template-columns:auto 1fr; gap:8px 22px; max-width:850px; margin:40px auto 0; padding:28px; border:1px solid var(--ex-line); }
.ex-url-tree span { grid-row:span 2; color:var(--ex-accent); font-size:48px; }
.ex-url-tree strong { font-family:var(--font-mono); font-size:clamp(18px,2vw,30px); }
.ex-url-tree small { color:var(--ex-muted); }

.ex-content-tool form { display:flex; gap:10px; max-width:900px; }
.ex-content-tool label { flex:1; font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-content-tool input { width:100%; margin-top:8px; padding:16px; border:1px solid var(--ex-line); background:var(--ex-panel); color:var(--ex-ink); font-size:18px; }
.ex-content-network { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:44px; }
.ex-content-network article { min-height:170px; padding:22px; border:1px solid var(--ex-line); background:color-mix(in srgb,var(--ex-panel) 86%,var(--ex-accent)); animation:ex-card-in .45s var(--ease) both; }
.ex-content-network span { color:var(--ex-accent); font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-content-network strong,.ex-content-network h3 { display:block; margin-top:24px; font-size:20px; line-height:1.1; }
.ex-content-network small { display:block; margin-top:18px; color:var(--ex-muted); font-family:var(--font-mono); font-size:9px; text-transform:uppercase; }
.ex-content-pipeline { display:grid; grid-template-columns:repeat(6,1fr); margin:34px 0 0; padding:0; list-style:none; border-top:1px solid var(--ex-line); border-left:1px solid var(--ex-line); }
.ex-content-pipeline li { min-height:132px; padding:18px; border-right:1px solid var(--ex-line); border-bottom:1px solid var(--ex-line); }
.ex-content-pipeline span,.ex-content-pipeline small { display:block; color:var(--ex-muted); font-family:var(--font-mono); font-size:9px; text-transform:uppercase; }
.ex-content-pipeline strong { display:block; margin:22px 0 8px; font-size:16px; }

.ex-case-tool { display:grid; grid-template-columns:1.25fr .9fr; gap:clamp(36px,8vw,120px); }
.ex-case-tool .ex-tool-head { grid-column:1/-1; }
.ex-score-controls { display:grid; gap:14px; }
.ex-score-controls label { display:grid; grid-template-columns:1fr 2fr 44px; gap:16px; align-items:center; padding:16px 0; border-bottom:1px solid var(--ex-line); }
.ex-score-controls input { accent-color:var(--ex-accent); }
.ex-case-total { display:flex; flex-wrap:wrap; align-content:center; align-items:baseline; padding:clamp(30px,5vw,70px); border:1px solid var(--ex-line); box-shadow:18px 18px 0 var(--ex-accent); }
.ex-case-total strong,.ex-market-score strong { font-size:clamp(90px,13vw,210px); letter-spacing:-.08em; line-height:.8; }
.ex-case-total > span,.ex-market-score > span { font-size:28px; }
.ex-case-total p,.ex-market-score p { flex-basis:100%; margin-top:32px; color:var(--ex-muted); font-size:18px; }

.ex-dashboard { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:42px; }
.ex-dashboard article { min-height:220px; padding:24px; border:1px solid var(--ex-line); background:color-mix(in srgb,var(--ex-panel) 88%,var(--ex-accent)); }
.ex-dashboard span { color:var(--ex-muted); font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-dashboard strong { display:block; margin-top:42px; color:var(--ex-accent-2); font-size:clamp(38px,5vw,76px); letter-spacing:-.06em; }
.ex-dashboard small { display:block; margin-top:14px; color:var(--ex-muted); }

.ex-roi-form { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.ex-roi-form label { padding:18px; border:1px solid var(--ex-line); font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-roi-form input { width:100%; margin-top:18px; padding:12px; border:1px solid var(--ex-line); background:var(--ex-panel); color:var(--ex-ink); }
.ex-roi-result { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
.ex-roi-result div { padding:28px; border:1px solid var(--ex-line); background:var(--ex-accent-2); color:#111; }
.ex-roi-result span { font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-roi-result strong { display:block; margin-top:20px; font-size:clamp(38px,4vw,68px); line-height:1; }

.ex-market-checks { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:32px; }
.ex-market-checks label { display:flex; gap:12px; min-height:90px; align-items:center; padding:18px; border:1px solid var(--ex-line); cursor:pointer; }
.ex-market-checks input { width:20px; height:20px; accent-color:var(--ex-accent); }
.ex-market-score { display:flex; flex-wrap:wrap; align-items:baseline; max-width:900px; margin:42px auto 0; padding:40px; border:1px solid var(--ex-line); background:var(--ex-panel); }

.ex-article { margin-top:clamp(90px,13vw,190px); }
.ex-story { display:grid; grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr); gap:clamp(34px,8vw,130px); padding:clamp(60px,9vw,140px) 0; border-top:1px solid var(--ex-line); }
.ex-story:nth-child(even) { grid-template-columns:minmax(0,1.28fr) minmax(250px,.72fr); }
.ex-story:nth-child(even) header { order:2; }
.ex-story header { position:sticky; top:120px; min-width:0; align-self:start; }
.ex-story header span { color:var(--ex-accent); font-family:var(--font-mono); font-size:11px; }
.ex-story h2 { max-width:100%; margin-top:22px; font-size:clamp(42px,4vw,72px); letter-spacing:-.055em; line-height:.96; overflow-wrap:anywhere; hyphens:auto; text-wrap:balance; }
.ex-story-copy { min-width:0; max-width:920px; }
.ex-story-copy p { margin-bottom:24px; color:var(--ex-muted); font-size:clamp(18px,1.65vw,25px); line-height:1.55; }
.ex-story-copy ul { display:grid; grid-template-columns:repeat(2,1fr); margin:42px 0 0; padding:0; border-top:1px solid var(--ex-line); list-style:none; }
.ex-story-copy li { padding:18px 14px 18px 0; border-bottom:1px solid var(--ex-line); font-family:var(--font-mono); font-size:11px; text-transform:uppercase; }

.ex-evidence { display:grid; grid-template-columns:1fr 1.25fr .6fr; min-height:500px; border:1px solid var(--ex-line); background:var(--ex-panel); }
.ex-evidence figure { overflow:hidden; }
.ex-evidence img { width:100%; height:100%; object-fit:cover; }
.ex-evidence blockquote { display:flex; min-width:0; align-items:center; margin:0; padding:clamp(32px,5vw,76px); font-size:clamp(30px,3.25vw,54px); letter-spacing:-.04em; line-height:1.08; text-wrap:balance; }
.ex-evidence > div { display:flex; flex-direction:column; justify-content:flex-end; padding:30px; border-left:1px solid var(--ex-line); }
.ex-evidence > div span,.ex-evidence > div a { font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-evidence > div p { margin:10px 0 40px; color:var(--ex-muted); }

.ex-metrics { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(30px,7vw,120px); padding:clamp(90px,12vw,170px) 0; }
.ex-metrics h2 { margin-top:24px; font-size:clamp(48px,7vw,112px); letter-spacing:-.07em; line-height:.88; }
.ex-metrics > div { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--ex-line); border-left:1px solid var(--ex-line); }
.ex-metrics article { min-height:230px; padding:26px; border-right:1px solid var(--ex-line); border-bottom:1px solid var(--ex-line); }
.ex-metrics article span { color:var(--ex-accent); font-family:var(--font-mono); font-size:10px; }
.ex-metrics article strong { display:block; margin-top:50px; font-size:clamp(30px,4vw,64px); letter-spacing:-.05em; }
.ex-metrics article p { margin-top:8px; color:var(--ex-muted); }

.ex-cta { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; padding:clamp(44px,8vw,120px); background:var(--ex-accent); color:#fff; }
.ex-cta h2 { max-width:1000px; margin-top:24px; font-size:clamp(50px,7vw,112px); letter-spacing:-.07em; line-height:.88; }
.ex-cta > div > span { display:block; max-width:760px; margin-top:28px; font-size:clamp(17px,1.4vw,22px); }
.ex-cta .button-primary { background:#111; border-color:#111; color:#fff; }

.ex-related { padding:clamp(90px,12vw,170px) 0; }
.ex-related h2 { margin-top:22px; font-size:clamp(48px,6vw,100px); letter-spacing:-.065em; line-height:.9; }
.ex-related > div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:60px; border-top:1px solid var(--ex-line); border-left:1px solid var(--ex-line); }
.ex-related a { display:flex; flex-direction:column; min-height:360px; padding:28px; border-right:1px solid var(--ex-line); border-bottom:1px solid var(--ex-line); transition:.3s var(--ease); }
.ex-related a span,.ex-related a b { font-family:var(--font-mono); font-size:10px; text-transform:uppercase; }
.ex-related a h3 { margin-top:46px; font-size:clamp(28px,3vw,48px); letter-spacing:-.05em; line-height:1; }
.ex-related a b { margin-top:auto; padding-top:34px; }
.ex-related a:hover { transform:translateY(-8px); background:var(--ex-panel); box-shadow:0 28px 70px color-mix(in srgb,var(--ex-ink) 12%,transparent); }
.ex-page-nav { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ex-line); border-left:1px solid var(--ex-line); }
.ex-page-nav a { min-height:180px; padding:30px; border-right:1px solid var(--ex-line); border-bottom:1px solid var(--ex-line); }
.ex-page-nav span { color:var(--ex-accent); font-family:var(--font-mono); font-size:10px; }
.ex-page-nav strong { display:block; max-width:650px; margin-top:22px; font-size:clamp(22px,2.6vw,40px); line-height:1; }
.expertise-detail .site-footer { color:var(--ex-ink); border-color:var(--ex-line); }

@keyframes ex-card-in { from { transform:translateY(20px) scale(.98); opacity:0; } to { transform:none; opacity:1; } }

@media (max-width:1100px) {
  .ex-hero { grid-template-columns:1fr; }
  .ex-hero-copy { min-height:640px; }
  .ex-hero-media { min-height:520px; border-left:0; border-top:1px solid var(--ex-line); }
  .ex-tool-head { grid-template-columns:1fr; }
  .ex-matrix { grid-template-columns:repeat(3,1fr); }
  .ex-content-network,.ex-dashboard,.ex-market-checks { grid-template-columns:repeat(2,1fr); }
  .ex-content-pipeline { grid-template-columns:repeat(3,1fr); }
  .ex-roi-form { grid-template-columns:repeat(2,1fr); }
  .ex-case-tool { grid-template-columns:1fr; }
  .ex-case-tool .ex-tool-head { grid-column:auto; }
  .ex-evidence { grid-template-columns:1fr 1fr; }
  .ex-evidence > div { grid-column:1/-1; border-left:0; border-top:1px solid var(--ex-line); }
  .ex-metrics { grid-template-columns:1fr; }
}

@media (max-width:720px) {
  .ex-breadcrumbs,.ex-hero,.ex-local-nav,.ex-tool,.ex-article,.ex-evidence,.ex-metrics,.ex-cta,.ex-related,.ex-page-nav { width:calc(100% - 24px); }
  .ex-hero { min-height:0; }
  .ex-hero-copy { min-height:590px; padding:28px 22px; }
  .ex-hero-copy h1 { font-size:clamp(48px,15vw,76px); overflow-wrap:anywhere; hyphens:auto; }
  .ex-hero-copy > div { display:grid; }
  .ex-hero-copy .button { min-height:0; height:auto; padding:15px 18px; white-space:normal; line-height:1.25; text-align:center; }
  .ex-theme-website .ex-hero-copy h1 { font-size:clamp(44px,12vw,62px); }
  .ex-theme-automation .ex-hero-copy h1 { font-size:clamp(36px,9.6vw,52px); }
  .ex-layout-minimal .ex-hero { grid-template-columns:1fr; }
  .ex-layout-evidence .ex-hero-media,.ex-layout-editorial .ex-hero { transform:none; }
  .ex-hero-media { min-height:390px; margin:0; transform:none; clip-path:none; }
  .ex-hero-index { font-size:210px; }
  .ex-tool { padding:42px 20px; }
  .ex-tool-head h2 { font-size:46px; }
  .ex-tool-result { grid-template-columns:1fr; }
  .ex-matrix { grid-template-columns:1fr; }
  .ex-position-stage { grid-template-columns:1fr; padding:28px 18px; }
  .ex-position-questions { grid-template-columns:1fr; }
  .ex-content-tool form { display:grid; }
  .ex-content-network,.ex-dashboard,.ex-market-checks { grid-template-columns:1fr; }
  .ex-content-pipeline { grid-template-columns:1fr; }
  .ex-case-total { box-shadow:8px 8px 0 var(--ex-accent); }
  .ex-score-controls label { grid-template-columns:1fr; }
  .ex-roi-form,.ex-roi-result { grid-template-columns:1fr; }
  .ex-story,.ex-story:nth-child(even) { grid-template-columns:1fr; gap:36px; }
  .ex-story:nth-child(even) header { order:0; }
  .ex-story header { position:static; }
  .ex-story h2 { font-size:48px; }
  .ex-story-copy ul { grid-template-columns:1fr; }
  .ex-evidence { grid-template-columns:1fr; }
  .ex-evidence figure { min-height:360px; }
  .ex-evidence blockquote { min-height:360px; }
  .ex-metrics > div { grid-template-columns:1fr; }
  .ex-cta { grid-template-columns:1fr; }
  .ex-related > div,.ex-page-nav { grid-template-columns:1fr; }
  .ex-related a { min-height:270px; }
}

@media (prefers-reduced-motion:reduce) {
  .ex-content-network article { animation:none; }
}

/* Long-form method blocks added after the interactive model. */
.ex-method { width:min(1680px,calc(100% - 8vw)); margin:0 auto clamp(90px,10vw,160px); border:1px solid var(--ex-line); background:#fff; }
.ex-method > header { display:grid; grid-template-columns:.34fr 1fr; gap:5vw; padding:clamp(30px,5vw,72px); color:#fff; background:var(--ex-dark); }
.ex-method > header p { margin:0; color:var(--ex-accent); font:800 11px/1.3 var(--font-mono,monospace); letter-spacing:.09em; text-transform:uppercase; }
.ex-method > header h2 { max-width:18ch; margin:0; font-size:clamp(42px,5.6vw,86px); line-height:.93; letter-spacing:-.06em; }
.ex-method-intro { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--ex-line); }
.ex-method-intro p { margin:0; padding:clamp(26px,3.4vw,52px); background:#fff; font-size:clamp(17px,1.35vw,21px); line-height:1.62; }
.ex-method > ol { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0; padding:1px; list-style:none; background:var(--ex-line); }
.ex-method > ol li { min-height:190px; padding:28px; background:#f5f3ed; }
.ex-method > ol span,.ex-method-example > span,.ex-method-limits > span,.ex-method-result > span { color:#9c164d; font:800 10px/1.2 var(--font-mono,monospace); letter-spacing:.1em; text-transform:uppercase; }
.ex-method > ol p { margin:54px 0 0; font-size:17px; line-height:1.48; }
.ex-method-example,.ex-method-limits,.ex-method-result { display:grid; grid-template-columns:.24fr 1fr; gap:4vw; padding:clamp(28px,4vw,58px); border-top:1px solid var(--ex-line); }
.ex-method-example { background:color-mix(in srgb,var(--ex-accent) 22%,#fff); }
.ex-method-example p,.ex-method-result p { max-width:78ch; margin:0; font-size:18px; line-height:1.62; }
.ex-method-limits { color:#fff; background:var(--ex-dark); }
.ex-method-limits > span { color:var(--ex-accent); }
.ex-method-limits ul { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:0; padding:0; list-style:none; }
.ex-method-limits li { padding:20px; border:1px solid rgba(255,255,255,.22); line-height:1.5; }
.ex-method-operating { display:grid; grid-template-columns:.6fr repeat(2,1fr); gap:1px; padding:1px; border-top:1px solid var(--ex-line); background:var(--ex-line); }
.ex-method-operating > span { padding:26px; color:#9c164d; background:#fff; font:800 10px/1.2 var(--font-mono,monospace); letter-spacing:.1em; text-transform:uppercase; }
.ex-method-operating > div { min-height:250px; padding:28px; background:#fff; }
.ex-method-operating h3 { margin:0 0 46px; font-size:clamp(24px,2vw,34px); line-height:1; letter-spacing:-.045em; }
.ex-method-operating p { margin:0; color:rgba(16,16,24,.68); line-height:1.58; }
.ex-method-review { width:min(1680px,calc(100% - 8vw)); margin:calc(clamp(90px,10vw,160px) * -1) auto clamp(90px,10vw,160px); border:1px solid var(--ex-line); background:var(--ex-accent); }
.ex-method-review > header { display:grid; grid-template-columns:.3fr 1fr; gap:4vw; align-items:end; padding:clamp(28px,4vw,56px); }
.ex-method-review > header p { margin:0; font:800 10px/1.2 var(--font-mono,monospace); letter-spacing:.1em; text-transform:uppercase; }
.ex-method-review > header h2 { max-width:17ch; margin:0; font-size:clamp(38px,4.8vw,72px); line-height:.93; letter-spacing:-.055em; }
.ex-method-review > ul { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:0; padding:1px; list-style:none; background:var(--ex-line); }
.ex-method-review li { min-height:150px; padding:24px; background:#fff; line-height:1.48; }
.ex-method-review > p { max-width:80ch; margin:0; padding:clamp(28px,4vw,56px); font-size:18px; line-height:1.62; }
@media(max-width:900px){.ex-method>header,.ex-method-example,.ex-method-limits,.ex-method-result{grid-template-columns:1fr}.ex-method>ol{grid-template-columns:repeat(2,1fr)}.ex-method-limits ul{grid-template-columns:1fr}}
@media(max-width:900px){.ex-method-operating{grid-template-columns:repeat(2,1fr)}.ex-method-operating>span{grid-column:1/-1}.ex-method-review>ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ex-method,.ex-method-review{width:calc(100% - 24px)}.ex-method-intro,.ex-method>ol,.ex-method-operating,.ex-method-review>header,.ex-method-review>ul{grid-template-columns:1fr}.ex-method-operating>span{grid-column:auto}.ex-method>header h2{font-size:clamp(40px,12vw,62px)}}

/* Expertise hub: a dense map, not a repeated card list. */
.ex-hub { --hub-gap:clamp(10px,1vw,16px); padding-top:clamp(72px,9vw,150px); }
.ex-hub-head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); align-items:end; gap:28px; margin-bottom:clamp(30px,5vw,72px); }
.ex-hub-head h2 { max-width:980px; margin:10px 0 0; font-size:clamp(48px,7vw,118px); line-height:.86; letter-spacing:-.075em; }
.ex-hub-head > p:last-child { max-width:560px; margin:0 0 6px; font-size:clamp(17px,1.45vw,24px); line-height:1.45; color:#696861; }
.ex-hub-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:minmax(112px,auto); gap:var(--hub-gap); }
.ex-hub-card { --card-bg:#f5f3ed; --card-fg:#111; --card-accent:#ff357f; position:relative; isolation:isolate; display:flex; flex-direction:column; min-height:330px; padding:clamp(22px,2.4vw,42px); overflow:hidden; border:1px solid rgba(17,17,17,.48); border-radius:2px; color:var(--card-fg); background:var(--card-bg); text-decoration:none; transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease; }
.ex-hub-card::before { content:''; position:absolute; z-index:-1; width:360px; height:360px; left:calc(var(--mx,50%) - 180px); top:calc(var(--my,50%) - 180px); border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 34%,transparent),transparent 66%); opacity:0; transition:opacity .3s ease; pointer-events:none; }
.ex-hub-card:hover { z-index:2; transform:translateY(-7px); box-shadow:0 24px 60px rgba(0,0,0,.13); }
.ex-hub-card:hover::before { opacity:1; }
.ex-hub-card:nth-child(1) { grid-column:span 7; grid-row:span 2; --card-bg:#111; --card-fg:#fff; --card-accent:#ff5f00; }
.ex-hub-card:nth-child(2) { grid-column:span 5; grid-row:span 2; --card-bg:#b9ff19; --card-accent:#3154ff; }
.ex-hub-card:nth-child(3) { grid-column:span 4; --card-bg:#f9f8f4; --card-accent:#ff357f; }
.ex-hub-card:nth-child(4) { grid-column:span 8; --card-bg:#244dff; --card-fg:#fff; --card-accent:#b9ff19; }
.ex-hub-card:nth-child(5) { grid-column:span 6; grid-row:span 2; --card-bg:#0e1016; --card-fg:#fff; --card-accent:#3154ff; }
.ex-hub-card:nth-child(6) { grid-column:span 6; --card-bg:#ffd81a; --card-accent:#ff357f; }
.ex-hub-card:nth-child(7) { grid-column:span 6; --card-bg:#fff; --card-accent:#ef5b27; }
.ex-hub-card:nth-child(8) { grid-column:span 7; --card-bg:#101317; --card-fg:#f7f7f3; --card-accent:#4f65ff; }
.ex-hub-card:nth-child(9) { grid-column:span 5; --card-bg:#ff3b8e; --card-accent:#111; }
.ex-hub-card:nth-child(10) { grid-column:span 12; min-height:390px; --card-bg:#f2f0e9; --card-accent:#ff5a00; }
.ex-hub-card > span { font-family:var(--font-mono,monospace); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--card-accent); }
.ex-hub-card h3 { max-width:760px; margin:auto 0 14px; font-size:clamp(32px,4vw,70px); line-height:.94; letter-spacing:-.055em; overflow-wrap:anywhere; hyphens:auto; }
.ex-hub-card:nth-child(3) h3 { font-size:clamp(29px,2.45vw,40px); }
.ex-hub-card p { max-width:590px; margin:0; color:color-mix(in srgb,var(--card-fg) 70%,transparent); font-size:clamp(15px,1.2vw,19px); line-height:1.45; }
.ex-hub-card b { position:absolute; top:clamp(22px,2.4vw,42px); right:clamp(22px,2.4vw,42px); width:34px; height:34px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:20px; transition:transform .35s ease,color .35s ease,background .35s ease; }
.ex-hub-card:hover b { transform:rotate(45deg); color:var(--card-bg); background:var(--card-fg); }
.ex-hub-visual { position:absolute; inset:70px 28px auto auto; width:min(44%,420px); height:42%; pointer-events:none; opacity:.72; }
.ex-hub-visual i { position:absolute; display:block; border:1px solid color-mix(in srgb,var(--card-fg) 38%,transparent); font-style:normal; }
.ex-hub-card.is-pipeline .ex-hub-visual i { top:calc(var(--n) * 22%); left:calc(var(--n) * 8%); width:calc(88% - var(--n) * 13%); height:30px; }
.ex-hub-card.is-matrix .ex-hub-visual { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; transform:rotate(-4deg); }
.ex-hub-card.is-matrix .ex-hub-visual i { position:static; min-height:58px; background:rgba(255,255,255,.28); }
.ex-hub-card.is-timer .ex-hub-visual i { inset:0; border-radius:50%; animation:exHubPulse 2.4s ease-in-out infinite; }
.ex-hub-card.is-timer .ex-hub-visual::after { content:'05'; position:absolute; inset:0; display:grid; place-items:center; font:700 clamp(44px,6vw,86px)/1 var(--font-display,sans-serif); }
.ex-hub-card.is-rail .ex-hub-visual { top:36%; width:48%; height:90px; border-top:1px solid currentColor; }
.ex-hub-card.is-rail .ex-hub-visual i { top:-8px; left:calc(var(--n) * 24%); width:16px; height:16px; border-radius:50%; background:var(--card-accent); }
.ex-hub-card.is-stars .ex-hub-visual i { left:calc(var(--x) * 1%); top:calc(var(--y) * 1%); width:calc(4px + var(--s) * 2px); height:calc(4px + var(--s) * 2px); border-radius:50%; background:var(--card-accent); box-shadow:0 0 18px var(--card-accent); }
.ex-hub-card.is-content .ex-hub-visual i { left:calc(var(--n) * 13%); top:calc((var(--n) % 3) * 24%); width:76px; height:44px; background:rgba(255,255,255,.35); }
.ex-hub-card.is-evidence .ex-hub-visual i { width:72%; height:70%; right:calc(var(--n) * 8px); top:calc(var(--n) * 9px); transform:rotate(calc((var(--n) - 2) * 3deg)); background:var(--card-bg); }
.ex-hub-card.is-dashboard .ex-hub-visual { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.ex-hub-card.is-dashboard .ex-hub-visual i { position:static; background:linear-gradient(to top,var(--card-accent) var(--h),transparent var(--h)); }
.ex-hub-card.is-calculator .ex-hub-visual i { inset:auto 0 calc(var(--n) * 27%) 0; height:44px; background:rgba(255,255,255,.24); }
.ex-hub-card.is-map .ex-hub-visual { width:50%; height:62%; }
.ex-hub-card.is-map .ex-hub-visual i { left:calc(var(--x) * 1%); top:calc(var(--y) * 1%); width:calc(46px + var(--s) * 18px); height:calc(24px + var(--s) * 12px); border-radius:50%; transform:rotate(calc(var(--x) * 1deg)); }
@keyframes exHubPulse { 50% { transform:scale(.76); opacity:.22; } }

@media (max-width:900px) {
  .ex-hub-head { grid-template-columns:1fr; align-items:start; }
  .ex-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ex-hub-card:nth-child(n) { grid-column:span 1; grid-row:auto; min-height:360px; }
  .ex-hub-card:nth-child(1),.ex-hub-card:nth-child(4),.ex-hub-card:nth-child(10) { grid-column:span 2; }
  .ex-hub-visual { opacity:.48; }
}
@media (max-width:620px) {
  .ex-hub-head h2 { font-size:clamp(46px,15vw,72px); }
  .ex-hub-grid { grid-template-columns:1fr; }
  .ex-hub-card:nth-child(n) { grid-column:1; min-height:350px; }
  .ex-hub-card h3 { font-size:clamp(36px,12vw,56px); }
  .ex-hub-visual { width:52%; top:78px; right:18px; }
}