/* Media Spearhead · Industry category "world" pages (2026-09-29). Needs gads-2026.css + industries-2026.css. */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── HERO ─────────────────────────────── */
.wd-hero h1 { font-size: clamp(2.3rem, 3.9vw, 3.2rem); }
.wd-hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: center; }
.wd-crumb { display: inline-flex; gap: 8px; margin-bottom: 18px; font-family: var(--font-heading); font-size: .8rem; font-weight: 600; color: #9AA8BC; text-decoration: none; }
.wd-crumb:hover { color: #6ACDE0; }
.wd-kicker { display: flex; color: #6ACDE0; }
.wd-hero h1 { margin-top: 14px; }
.wd-hero h1 .gx-grad { display: inline; }
.wd-facts { display: grid !important; grid-template-columns: repeat(3, auto); justify-content: start; gap: 18px 34px !important; }
.wd-facts li { flex-direction: column; align-items: flex-start !important; gap: 4px !important; }
.wd-facts b { font-size: 1.4rem !important; }

.wd-feed { position: relative; padding: 110px 0 30px; }
.wd-feed-art { position: absolute !important; top: -40px; right: 10px; width: 300px !important; opacity: .6 !important; stroke-width: 1.4 !important; pointer-events: none; filter: drop-shadow(0 0 18px rgba(106,205,224,.25)); }
.wd-feed-card { position: relative; padding: 18px; border-radius: 22px; background: rgba(14,23,40,.84); border: 1px solid rgba(238,241,246,.12); box-shadow: 0 40px 100px rgba(0,0,0,.5); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.wd-feed-h { display: flex; justify-content: space-between; align-items: center; margin: 0 4px 12px; }
.wd-feed-h em { font-style: normal; font-family: var(--font-mono); font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; color: #9AA8BC; }
.wd-leads { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.wd-lead { display: none; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: rgba(238,241,246,.04); border: 1px solid rgba(238,241,246,.08); }
.wd-lead.on { display: flex; }
.wd-lead.is-new { animation: wdIn .6s cubic-bezier(.16,1,.3,1) both; border-color: rgba(106,205,224,.4); background: rgba(106,205,224,.07); }
@keyframes wdIn { from { opacity: 0; transform: translateY(-14px) scale(.98); } to { opacity: 1; transform: none; } }
.wd-lead-ic { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: rgba(106,205,224,.1); color: #6ACDE0; }
.wd-lead-ic .ix-ico { width: 20px; height: 20px; }
.wd-lead-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.wd-lead-t b { font-family: var(--font-heading); font-size: .88rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wd-lead-t em { font-style: normal; font-size: .7rem; color: #9AA8BC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wd-lead-s { flex: 0 0 auto; padding: 4px 9px; border-radius: 99px; font-family: var(--font-mono); font-size: .56rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.wd-s--booked { background: rgba(60,201,168,.16); color: #3CC9A8; }
.wd-s--quote { background: rgba(106,205,224,.14); color: #6ACDE0; }
.wd-s--called { background: rgba(242,184,75,.14); color: #F2B84B; }
.wd-s--new { background: rgba(238,241,246,.1); color: #EEF1F6; }
.wd-feed-f { display: flex; justify-content: space-between; gap: 10px; margin: 14px 4px 0; padding-top: 12px; border-top: 1px solid rgba(238,241,246,.08); font-size: .72rem; color: #9AA8BC; }
.wd-feed-f b { font-family: var(--font-heading); font-size: .9rem; color: #fff; }
.wd-cap { position: static !important; margin: 14px 0 0 !important; max-width: none !important; text-align: left !important; }

/* ── CARDS (headings are h3 here) ──────── */
.wd-cards .ix-card h3 { margin: 0; font-family: var(--font-heading); font-size: .98rem; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; }

/* ── CLICK COST RANGES ────────────────── */
.wd-costs { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: center; }
.wd-costs-copy h2 { font-family: var(--font-heading); font-size: clamp(1.9rem, 3.4vw, 2.6rem); font-weight: 800; line-height: 1.1; letter-spacing: -.035em; color: #fff !important; margin: 16px 0 18px; }
.wd-costs-copy p { margin: 0 0 14px; font-size: 1rem; line-height: 1.7; color: #C4D0DD; }
.wd-rng { --nw: 190px; padding: 24px 24px 16px; border-radius: 24px; background: rgba(238,241,246,.025); border: 1px solid rgba(238,241,246,.08); }
.wd-rng-axis { position: relative; height: 18px; margin-left: var(--nw); }
.wd-rng-axis span { position: absolute; top: 0; left: calc(var(--x) * 1%); }
.wd-rng-axis em { display: block; transform: translateX(-50%); font-family: var(--font-mono); font-size: .58rem; font-style: normal; color: #9AA8BC; }
.wd-rng-rows { list-style: none; margin: 0; padding: 0; }
.wd-rr { display: grid; grid-template-columns: var(--nw) minmax(0, 1fr); align-items: center; min-height: 32px; border-top: 1px solid rgba(238,241,246,.06); }
.wd-rr-n { padding-right: 12px; font-family: var(--font-heading); font-size: .78rem; font-weight: 600; color: #C4D0DD; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wd-rr-n:hover { color: #6ACDE0; }
.wd-rr-t { position: relative; height: 32px; }
.wd-rng-rows { position: relative; }
.wd-rr-t i { position: absolute; top: 11px; left: calc(var(--b) * 1%); width: calc((var(--t) - var(--b)) * 1%); height: 10px; border-radius: 99px; background: linear-gradient(90deg, #19728A, #34A3BC 50%, #6ACDE0); transform: scaleX(0); transform-origin: left; }
.wd-rng.in .wd-rr-t i { animation: wdGrow .8s cubic-bezier(.16,1,.3,1) forwards; animation-delay: calc(var(--i) * 45ms); }
@keyframes wdGrow { to { transform: scaleX(1); } }
.wd-rr-t b { position: absolute; top: -3px; font-family: var(--font-mono); font-size: .56rem; font-weight: 500; color: #9AA8BC; white-space: nowrap; font-style: normal; }
.wd-rr-t b:first-child { right: calc(100% + 6px); }
.wd-rr-t b:last-child { left: calc(100% + 6px); color: #EEF1F6; }
.wd-rr:hover .wd-rr-t i { filter: brightness(1.3); }

/* ── CALCULATOR ───────────────────────── */
.wd-calc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; border-radius: 26px; overflow: hidden; border: 1px solid var(--gx-line); box-shadow: var(--gx-shadow); }
.wd-calc-in { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-content: start; padding: 30px; background: var(--gx-card); }
.wd-f { display: flex; flex-direction: column; gap: 8px; }
.wd-f--full { grid-column: 1 / -1; }
.wd-f > span:first-child { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--font-mono); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gx-dim); }
.wd-f output { font-family: var(--font-heading); font-size: 1.1rem; font-weight: 800; letter-spacing: -.01em; text-transform: none; color: var(--gx-ink); }
html body .wd-calc select#wd-c-ind { height: 50px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--gx-line) !important; background: var(--gx-bg2) !important; color: var(--gx-ink) !important; font-family: var(--font-heading); font-size: .95rem; font-weight: 700; }
.wd-num { display: flex; align-items: center; gap: 6px; height: 50px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--gx-line); background: var(--gx-bg2); }
.wd-num:focus-within { border-color: var(--gx-accent); }
.wd-num i { font-style: normal; font-family: var(--font-heading); font-weight: 700; color: var(--gx-dim); }
html[data-theme] body .wd-num input, html body .wd-num input#wd-c-cpc, html body .wd-num input#wd-c-cvr, html body .wd-num input#wd-c-close, html body .wd-num input#wd-c-val { flex: 1; min-width: 0; width: 100%; padding: 0; border: 0 !important; background: transparent !important; color: var(--gx-ink) !important; font-family: var(--font-heading); font-size: 1.05rem; font-weight: 800; outline: 0; -moz-appearance: textfield; }
.wd-num input::-webkit-inner-spin-button, .wd-num input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
html body .wd-calc input[type="range"]#wd-c-bud { width: 100%; height: 8px; border-radius: 99px; -webkit-appearance: none; appearance: none; background: linear-gradient(90deg, #19728A, #34A3BC var(--p, 13%), var(--gx-bg2) var(--p, 13%)) !important; border: 1px solid var(--gx-line) !important; outline: 0; }
.wd-calc input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 3px solid #19728A; box-shadow: 0 4px 12px rgba(11,18,32,.25); cursor: pointer; }
.wd-calc input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 3px solid #19728A; cursor: pointer; }
.wd-calc-hint { grid-column: 1 / -1; margin: 0; font-size: .8rem; line-height: 1.55; color: var(--gx-dim); }
.wd-calc-out { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 30px; background: #0B1220; color: #C4D0DD; }
.wd-calc-out::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 100% 0%, rgba(52,163,188,.28), transparent 70%); pointer-events: none; }
.wd-calc-out > * { position: relative; }
.wd-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wd-flow div { position: relative; padding: 14px 14px 12px; border-radius: 14px; background: rgba(238,241,246,.05); border: 1px solid rgba(238,241,246,.08); }
.wd-flow div:not(:last-child)::after { content: ''; position: absolute; right: -8px; top: 50%; width: 8px; height: 2px; background: #34A3BC; }
.wd-flow span { display: block; font-family: var(--font-mono); font-size: .56rem; letter-spacing: .12em; text-transform: uppercase; color: #9AA8BC; }
.wd-flow b { display: block; margin-top: 4px; font-family: var(--font-heading); font-size: 1.7rem; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.wd-flow div:last-child { background: rgba(60,201,168,.1); border-color: rgba(60,201,168,.35); }
.wd-flow div:last-child b { color: #3CC9A8; }
.wd-out { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; margin: 0; }
.wd-out div { padding: 10px 0; border-top: 1px solid rgba(238,241,246,.08); }
.wd-out dt { font-size: .74rem; color: #9AA8BC; }
.wd-out dd { margin: 2px 0 0; font-family: var(--font-heading); font-size: 1.15rem; font-weight: 800; color: #fff; }
.wd-roi { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 16px 18px; border-radius: 16px; background: linear-gradient(135deg, rgba(25,114,138,.35), rgba(60,201,168,.18)); border: 1px solid rgba(106,205,224,.3); }
.wd-roi span { width: 100%; font-family: var(--font-mono); font-size: .58rem; letter-spacing: .12em; text-transform: uppercase; color: #C4D0DD; }
.wd-roi b { font-family: var(--font-heading); font-size: 2.4rem; font-weight: 800; letter-spacing: -.04em; color: #fff; }
.wd-roi em { font-style: normal; font-size: .76rem; color: #C4D0DD; }
.wd-calc-out .gx-btn { align-self: flex-start; }
.wd-calc-note { margin: 0; font-size: .72rem; line-height: 1.5; color: #9AA8BC; }

/* ── CAPABILITIES ─────────────────────── */
.wd-caps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.wd-caps li { padding: 26px 24px; border-radius: 20px; background: var(--gx-card); border: 1px solid var(--gx-line); box-shadow: var(--gx-shadow); }
.wd-cap-k { font-family: var(--font-mono); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gx-accent); }
.wd-caps h3 { margin: 12px 0 8px; font-family: var(--font-heading); font-size: 1.15rem; font-weight: 800; letter-spacing: -.02em; color: var(--gx-ink); }
.wd-caps p { margin: 0; font-size: .9rem; line-height: 1.6; color: var(--gx-body); }
.wd-stack { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 12px; margin-top: 30px; }
.wd-stack span { font-family: var(--font-mono); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gx-dim); margin-right: 6px; }
.wd-stack b { padding: 9px 16px; border-radius: 99px; background: var(--gx-card); border: 1px solid var(--gx-line); font-family: var(--font-heading); font-size: .82rem; color: var(--gx-ink); }

/* ── DEMAND CALENDAR ──────────────────── */
.wd-cal { padding: 22px 24px; border-radius: 24px; background: var(--gx-card); border: 1px solid var(--gx-line); box-shadow: var(--gx-shadow); overflow-x: auto; }
.wd-cal-r { display: grid; grid-template-columns: 230px repeat(12, minmax(34px, 1fr)); gap: 5px; align-items: center; min-width: 720px; }
.wd-cal-r + .wd-cal-r { margin-top: 6px; }
.wd-cal-h span { font-family: var(--font-mono); font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; color: var(--gx-dim); text-align: center; }
.wd-cal-n { display: flex; flex-direction: column; padding-right: 10px; }
.wd-cal-n b { font-family: var(--font-heading); font-size: .92rem; color: var(--gx-ink); }
.wd-cal-n em { font-style: normal; font-size: .72rem; color: var(--gx-dim); }
.wd-cal i { display: block; height: 34px; border-radius: 8px; }
.wd-cal .l1 { background: color-mix(in srgb, #34A3BC 12%, transparent); }
.wd-cal .l2 { background: color-mix(in srgb, #34A3BC 38%, transparent); }
.wd-cal .l3 { background: linear-gradient(135deg, #19728A, #3CC9A8); }
.wd-cal.in .wd-cal-r:not(.wd-cal-h) i { animation: wdPop .5s cubic-bezier(.16,1,.3,1) both; }
@keyframes wdPop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
.wd-cal-key { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 18px; font-size: .74rem; color: var(--gx-dim); min-width: 0; }
.wd-cal-key span { display: inline-flex; align-items: center; gap: 7px; }
.wd-cal-key i { width: 16px; height: 12px; border-radius: 4px; }
.wd-cal-key em { font-style: normal; margin-left: auto; }

/* ── LAUNCH ───────────────────────────── */
.wd-launch { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; position: relative; }
.wd-launch li { position: relative; padding: 24px 22px; border-radius: 20px; background: var(--gx-card); border: 1px solid var(--gx-line); box-shadow: var(--gx-shadow); }
.wd-launch li:last-child { background: #0B1220; border-color: rgba(106,205,224,.3); color: #C4D0DD; }
.wd-day { display: inline-block; padding: 5px 10px; border-radius: 8px; background: color-mix(in srgb, #34A3BC 14%, transparent); font-family: var(--font-mono); font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--gx-accent); }
.wd-launch li:last-child .wd-day { background: #3CC9A8; color: #0B1220; }
.wd-launch h3 { margin: 14px 0 8px; font-family: var(--font-heading); font-size: 1.12rem; font-weight: 800; color: var(--gx-ink); }
.wd-launch li:last-child h3 { color: #fff !important; }
.wd-launch p { margin: 0; font-size: .88rem; line-height: 1.6; color: var(--gx-body); }
.wd-launch li:last-child p { color: #C4D0DD; }

/* ── OTHER WORLDS ─────────────────────── */
.wd-worlds { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.wd-w { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 16px; min-height: 150px; border-radius: 18px; background: var(--gx-card); border: 1px solid var(--gx-line); text-decoration: none; overflow: hidden; }
.wd-w .ix-art { position: static; width: 80px; margin-bottom: auto; opacity: .9; }
.wd-w b { margin-top: 14px; font-family: var(--font-heading); font-size: .86rem; line-height: 1.25; color: var(--gx-ink); }
.wd-w span { font-size: .7rem; color: var(--gx-dim); }
.wd-w:hover { border-color: rgba(52,163,188,.5); }
.wd-w:hover .ix-art { transform: translateY(-3px); }
.wd-other-all { margin: 22px 0 0; text-align: center; }

/* ── RESPONSIVE ───────────────────────── */
@media (max-width: 1100px) {
    .wd-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .wd-feed { max-width: 620px; }
    .wd-costs { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .wd-calc { grid-template-columns: minmax(0, 1fr); }
    .wd-caps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wd-launch { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wd-worlds { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .wd-hero h1 { font-size: 2.3rem; }
    .wd-facts { gap: 14px 20px !important; }
    .wd-facts b { font-size: 1.15rem !important; }
    .wd-feed { padding: 80px 0 10px; }
    .wd-feed-art { width: 200px !important; right: 6px; top: -10px; }
    .wd-feed-card { padding: 12px; }
    .wd-lead { padding: 10px; gap: 10px; }
    .wd-lead-ic { width: 32px; height: 32px; }
    .wd-feed-f span:last-child { display: none; }
    .wd-rng { --nw: 104px; padding: 18px 12px 12px; }
    .wd-rr-n { font-size: .7rem; }
    .wd-rr-t b:first-child { display: none; }
    .wd-calc-in, .wd-calc-out { padding: 20px 16px; }
    .wd-calc-in { gap: 12px; }
    .wd-flow b { font-size: 1.3rem; }
    .wd-roi b { font-size: 1.9rem; }
    .wd-caps, .wd-launch { grid-template-columns: minmax(0, 1fr); }
    .wd-cal { padding: 16px 12px; margin: 0 -4px; }
    .wd-cal-r { grid-template-columns: 128px repeat(12, 26px); gap: 3px; min-width: 0; width: max-content; }
    .wd-cal i { height: 28px; border-radius: 6px; }
    .wd-cal-n b { font-size: .8rem; } .wd-cal-n em { font-size: .64rem; }
    .wd-cal-key em { margin-left: 0; width: 100%; }
    .wd-worlds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    .wd-lead.is-new, .wd-cal.in .wd-cal-r i { animation: none; }
    .wd-rr-t i { transform: none; animation: none !important; }
}

/* split heads inside dark sections keep light ink in both themes */
html body .gx-dark .gx-split-head h2 { color: #fff !important; }
html body .gx-dark .gx-split-head > p { color: #C4D0DD !important; }