/* /takedown-anatomy — scoped to .tka (tka- prefix). Shares design tokens with pd-tools-fighting.css. */
html[data-page="takedown-anatomy"] {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--tka-top, 72px) + 70px);
  background: #0b1117;
}
html[data-page="takedown-anatomy"] body { margin: 0; background: #0b1117; color: #aebbb7; font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
html[data-page="takedown-anatomy"] .pd-skip { position: fixed; left: 16px; top: 10px; z-index: 200; padding: 10px 14px; border-radius: 10px; background: #3ee6b5; color: #062019; font: 600 14px/1 Inter, system-ui, sans-serif; text-decoration: none; transform: translateY(-160%); transition: transform .2s; }
html[data-page="takedown-anatomy"] .pd-skip:focus { transform: none; outline: 2px solid #eef4f2; outline-offset: 2px; }

.tka {
  --a: #3ee6b5; --a-rgb: 62, 230, 181; --warn: #ff8a6b; --warn-rgb: 255, 138, 107;
  --s1: #0f171e; --ln: rgba(170, 205, 215, .11); --ln2: rgba(170, 205, 215, .2);
  --tx: #eef4f2; --tx2: #aebbb7; --mut: #7e8f8a;
  --disp: "Space Grotesk", Inter, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ease: cubic-bezier(.2, .7, .2, 1);
  display: block; position: relative; overflow-x: clip; padding: 0 0 72px;
  color: var(--tx2); font-family: Inter, system-ui, sans-serif;
}
.tka *, .tka *::before, .tka *::after { box-sizing: border-box; }
:where(.tka) a { text-decoration: none; }
:where(.tka) :where(h1, h2, h3, p, dl, dt, dd, ol, ul, figure) { margin: 0; padding: 0; }
.tka-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.tka-ico { width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tka-gly { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- hero ---------- */
.tka-hero { position: relative; padding: 56px 0 40px; isolation: isolate; }
.tka-hero-bg {
  position: absolute; inset: -40px 0 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(620px 400px at 80% 40%, rgba(var(--a-rgb), .1), transparent 70%),
    radial-gradient(520px 320px at 6% 8%, rgba(111, 211, 240, .06), transparent 70%),
    linear-gradient(rgba(170, 205, 215, .045) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(90deg, rgba(170, 205, 215, .045) 1px, transparent 1px) 0 0 / 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 35%, #000 35%, transparent 80%);
  mask-image: radial-gradient(ellipse 85% 75% at 50% 35%, #000 35%, transparent 80%);
}
.tka-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 48px; align-items: center; }
.tka-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 28px; padding: 6px 13px 6px 11px; border: 1px solid rgba(var(--a-rgb), .28); border-radius: 999px; background: rgba(var(--a-rgb), .06); color: #bff5e3; font: 500 12px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.tka-dot { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--a); box-shadow: 0 0 10px var(--a); }
.tka-dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid var(--a); animation: tka-ping 2.2s var(--ease) infinite; }
.tka-h1 { color: #f3f8f6; font: 600 clamp(2.6rem, 5.6vw, 4.6rem)/1.04 var(--disp); letter-spacing: -.04em; text-wrap: balance; }
.tka-h1 em { font-style: normal; background: linear-gradient(92deg, var(--a) 0%, #9ee9ff 45%, var(--a) 90%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: tka-shimmer 7s ease-in-out infinite; }
.tka-lead { max-width: 36rem; margin-top: 26px; color: var(--tx2); font-size: 1.12rem; line-height: 1.65; }
.tka-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.tka-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 18px;
  border: 1px solid var(--ln2); border-radius: 12px; background: rgba(255, 255, 255, .02);
  color: #d5e2de; font: 600 14.5px/1 Inter, system-ui, sans-serif; cursor: pointer;
  transition: background .2s, border-color .2s, color .2s, transform .15s, box-shadow .2s;
}
.tka-btn .tka-ico { width: 16px; height: 16px; transition: transform .25s var(--ease); }
.tka-btn:hover { border-color: rgba(var(--a-rgb), .5); color: #effff9; background: rgba(var(--a-rgb), .08); }
.tka-btn:hover .tka-ico { transform: translateX(3px); }
.tka-btn:active { transform: scale(.97); }
.tka-btn--go { border-color: var(--a); background: var(--a); color: #062019; box-shadow: 0 10px 26px -14px rgba(var(--a-rgb), .9); }
.tka-btn--go:hover { background: #74efc9; border-color: #74efc9; color: #062019; }
.tka-audio { margin-top: 22px; max-width: 30rem; }
.tka-audio .pd-audio-player { margin: 0 !important; }

/* takedown simulator */
.tka-hero-art { display: flex; justify-content: center; }
.tka-sim {
  position: relative; width: 100%; max-width: 470px; padding: 0 0 18px;
  border: 1px solid var(--ln2); border-radius: 18px; overflow: hidden;
  background: linear-gradient(180deg, rgba(20, 31, 40, .96), rgba(11, 17, 23, .98));
  box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .9), 0 0 0 1px rgba(var(--a-rgb), .05), 0 0 60px -30px rgba(var(--a-rgb), .5);
}
.tka-sim-head { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--ln); background: rgba(255, 255, 255, .015); }
.tka-sim-dots { display: inline-flex; gap: 6px; }
.tka-sim-dots i { width: 9px; height: 9px; border-radius: 50%; background: #2a3a42; }
.tka-sim-file { color: var(--mut); font: 500 12px/1 var(--mono); }
.tka-sim-tag { margin-left: auto; padding: 4px 8px; border: 1px solid var(--ln2); border-radius: 6px; color: var(--mut); font: 600 10px/1 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.tka-sim-domain { display: flex; align-items: center; gap: 10px; margin: 18px 18px 8px; padding: 12px 14px; border: 1px solid rgba(var(--warn-rgb), .35); border-radius: 12px; background: rgba(var(--warn-rgb), .06); color: #ffd9cf; font: 500 14px/1.2 var(--mono); transition: border-color .4s, background .4s, color .4s; }
.tka-sim-domain b { color: var(--warn); font-weight: 500; }
.tka-sim-warn { display: grid; place-items: center; width: 20px; height: 20px; flex: none; border-radius: 50%; background: var(--warn); color: #1b0b07; font: 800 12px/1 Inter, system-ui, sans-serif; }
.tka-sim-state { margin-left: auto; color: var(--warn); font: 700 11px/1 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.tka-sim-state::after { content: "Live"; }
.tka-sim[data-step="5"] .tka-sim-domain { border-color: rgba(var(--a-rgb), .45); background: rgba(var(--a-rgb), .07); color: #a9b8b3; text-decoration: line-through; text-decoration-color: rgba(var(--a-rgb), .7); }
.tka-sim[data-step="5"] .tka-sim-warn { background: var(--a); }
.tka-sim[data-step="5"] .tka-sim-state { color: var(--a); text-decoration: none; }
.tka-sim[data-step="5"] .tka-sim-state::after { content: "Offline"; }
.tka-sim-steps { position: relative; list-style: none; margin: 10px 18px 0 !important; }
.tka-sim-steps::before { content: ""; position: absolute; left: 9px; top: 14px; bottom: 14px; width: 1px; background: var(--ln2); }
.tka-sim-steps li { position: relative; display: grid; grid-template-columns: 20px auto 1fr; align-items: center; gap: 12px; padding: 9px 0; opacity: .38; transition: opacity .45s ease; }
.tka-sim-dot { position: relative; z-index: 1; width: 19px; height: 19px; border: 1px solid var(--ln2); border-radius: 50%; background: #0d151b; transition: border-color .4s, background .4s, box-shadow .4s; }
.tka-sim-l { color: var(--tx); font: 600 14px/1.2 Inter, system-ui, sans-serif; }
.tka-sim-s { color: var(--mut); font: 400 12px/1.3 var(--mono); text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tka-sim[data-step="1"] li:nth-child(-n+1), .tka-sim[data-step="2"] li:nth-child(-n+2), .tka-sim[data-step="3"] li:nth-child(-n+3),
.tka-sim[data-step="4"] li:nth-child(-n+4), .tka-sim[data-step="5"] li { opacity: 1; }
.tka-sim[data-step="1"] li:nth-child(-n+1) .tka-sim-dot, .tka-sim[data-step="2"] li:nth-child(-n+2) .tka-sim-dot, .tka-sim[data-step="3"] li:nth-child(-n+3) .tka-sim-dot,
.tka-sim[data-step="4"] li:nth-child(-n+4) .tka-sim-dot, .tka-sim[data-step="5"] li .tka-sim-dot {
  border-color: var(--a); background: radial-gradient(circle, var(--a) 0 4px, #0d1a18 5px); box-shadow: 0 0 14px -2px rgba(var(--a-rgb), .8);
}
.tka-sim-bar { height: 3px; margin: 14px 18px 0; border-radius: 3px; background: rgba(170, 205, 215, .1); overflow: hidden; }
.tka-sim-bar span { display: block; height: 100%; width: calc(var(--sim-p, 1) * 100%); border-radius: 3px; background: linear-gradient(90deg, rgba(var(--a-rgb), .5), var(--a)); box-shadow: 0 0 10px rgba(var(--a-rgb), .7); transition: width .6s var(--ease); }

/* KPIs */
.tka-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 52px !important; border: 1px solid var(--ln); border-radius: 16px; background: rgba(15, 23, 30, .7); overflow: hidden; }
.tka-kpi { display: flex; flex-direction: column; padding: 22px 24px; border-right: 1px solid var(--ln); }
.tka-kpi:last-child { border-right: 0; }
.tka-kpi dd { order: -1; color: #f3f8f6; font: 600 2.2rem/1.05 var(--disp); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.tka-kpi dd small { font-size: .55em; letter-spacing: 0; color: var(--tx2); }
.tka-kpi dt { margin-top: 6px; color: var(--mut); font-size: .88rem; line-height: 1.4; }

/* ---------- sticky nav ---------- */
.tka-nav { position: sticky; top: var(--tka-top, 72px); z-index: 40; margin-top: 40px; border-top: 1px solid var(--ln); border-bottom: 1px solid var(--ln); background: #0b1117; box-shadow: 0 10px 24px -18px rgba(0, 0, 0, .9); }
.tka-nav-list { display: flex; gap: 4px; padding: 9px 0; overflow-x: auto; scrollbar-width: none; }
.tka-nav-list::-webkit-scrollbar { display: none; }
.tka-navlink { flex: none; display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border: 1px solid transparent; border-radius: 9px; color: #b7c5c1; font: 500 13.5px/1 Inter, system-ui, sans-serif; white-space: nowrap; transition: color .2s, background .2s, border-color .2s; }
.tka-navlink:hover { color: #effff9; background: rgba(255, 255, 255, .035); }
.tka-navlink.is-active { color: #e9fff7; border-color: rgba(var(--a-rgb), .4); background: rgba(var(--a-rgb), .1); }

/* ---------- sections ---------- */
.tka-sec { padding: 88px 0 0; }
.tka-head { max-width: 46rem; margin-bottom: 34px; }
.tka-kicker { margin-bottom: 12px !important; color: var(--a); font: 500 12px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.tka-h2 { color: var(--tx); font: 600 clamp(1.7rem, 3vw, 2.4rem)/1.12 var(--disp); letter-spacing: -.03em; text-wrap: balance; }
.tka-sub { margin-top: 12px !important; color: var(--tx2); font-size: 1.04rem; line-height: 1.62; }
.tka-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.tka-split--top { align-items: start; }
.tka-prose p { color: var(--tx2); font-size: 1.02rem; line-height: 1.72; }
.tka-prose p + p { margin-top: 14px; }

/* process timeline */
.tka-steps { position: relative; list-style: none; display: grid; gap: 18px; max-width: 920px; }
.tka-steps-rail { position: absolute; left: 27px; top: 28px; bottom: 28px; width: 2px; border-radius: 2px; background: rgba(170, 205, 215, .1); overflow: hidden; }
.tka-steps-fill { position: absolute; left: 0; top: 0; width: 100%; height: calc(var(--tka-p, 1) * 100%); border-radius: 2px; background: linear-gradient(180deg, rgba(var(--a-rgb), .4), var(--a)); box-shadow: 0 0 12px rgba(var(--a-rgb), .7); }
.tka-step { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 22px; align-items: start; }
.tka-step-node { position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--ln2); border-radius: 16px; background: #0d151b; color: var(--mut); transition: color .4s, border-color .4s, box-shadow .4s, background .4s; }
.tka-step.is-on .tka-step-node { color: var(--a); border-color: rgba(var(--a-rgb), .55); background: #0d1a18; box-shadow: 0 0 0 6px #0b1117, 0 0 26px -6px rgba(var(--a-rgb), .8); }
.tka-step-card { padding: 22px 24px; border: 1px solid var(--ln); border-radius: 16px; background: linear-gradient(180deg, rgba(20, 31, 40, .9), rgba(13, 20, 27, .92)); transition: border-color .3s, transform .3s var(--ease); }
.tka-step.is-on .tka-step-card { border-color: rgba(var(--a-rgb), .22); }
.tka-step-card:hover { border-color: rgba(var(--a-rgb), .38); transform: translateX(4px); }
.tka-step-n { color: var(--a); font: 500 11.5px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.tka-step-t { margin-top: 8px !important; color: var(--tx); font: 600 1.35rem/1.2 var(--disp); letter-spacing: -.02em; }
.tka-step-p { margin-top: 10px !important; color: var(--tx2); font-size: 1rem; line-height: 1.66; max-width: 46rem; }
.tka-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.tka-pills--row { gap: 10px; margin-top: 28px; }
.tka-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 6px 11px; border: 1px solid var(--ln2); border-radius: 8px; background: rgba(255, 255, 255, .02); color: #d5e2de; font: 500 13px/1.2 Inter, system-ui, sans-serif; transition: border-color .2s, background .2s, color .2s; }
.tka-pill .tka-ico { width: 12px; height: 12px; color: var(--mut); transition: transform .2s var(--ease), color .2s; }
.tka-pill:hover { border-color: rgba(var(--a-rgb), .5); background: rgba(var(--a-rgb), .09); color: #effff9; }
.tka-pill:hover .tka-ico { color: var(--a); transform: translate(2px, -2px); }
.tka-pill--go { border-color: rgba(var(--a-rgb), .45); background: rgba(var(--a-rgb), .1); color: #d4fbee; }

/* speed race */
.tka-race { display: grid; gap: 14px; margin-top: 30px; padding: 22px; border: 1px solid var(--ln); border-radius: 16px; background: rgba(15, 23, 30, .7); }
.tka-race-row { display: grid; grid-template-columns: 56px minmax(0, 1fr) 72px; align-items: center; gap: 14px; }
.tka-race-l { color: var(--mut); font: 500 12px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.tka-race-v { color: var(--tx); font: 600 14px/1 var(--disp); text-align: right; }
.tka-race-track { height: 12px; border-radius: 12px; background: rgba(170, 205, 215, .07); overflow: hidden; }
.tka-race-bar { display: block; height: 100%; border-radius: 12px; transform-origin: left; }
.tka-race-bar--old { width: 100%; background: linear-gradient(90deg, rgba(var(--warn-rgb), .35), var(--warn)); }
.tka-race-bar--new { width: 4%; min-width: 14px; background: var(--a); box-shadow: 0 0 14px rgba(var(--a-rgb), .8); }
.tka-anim .tka-race .tka-race-bar { transform: scaleX(0); transition: transform 1.6s var(--ease) .2s; }
.tka-anim .tka-race.is-in .tka-race-bar { transform: none; }
.tka-figure { position: relative; border: 1px solid var(--ln2); border-radius: 18px; overflow: hidden; background: var(--s1); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9); }
.tka-figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.tka-figure figcaption { position: absolute; left: 12px; bottom: 12px; padding: 4px 8px; border-radius: 6px; background: rgba(11, 17, 23, .8); color: var(--mut); font: 500 11px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }

/* sources list */
.tka-list { list-style: none; display: grid; gap: 0; border-top: 1px solid var(--ln); }
.tka-list-item { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--ln); }
.tka-list-ico { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(var(--a-rgb), .28); border-radius: 13px; background: radial-gradient(circle at 30% 20%, rgba(var(--a-rgb), .16), rgba(var(--a-rgb), .03)); color: var(--a); }
.tka-list-item h3 { color: var(--tx); font: 600 1.05rem/1.3 Inter, system-ui, sans-serif; }
.tka-list-item p { margin-top: 6px !important; color: var(--tx2); font-size: .96rem; line-height: 1.6; }
.tka-inline { display: inline-flex; align-items: center; gap: 4px; color: var(--a); font-weight: 500; }
.tka-inline:hover { text-decoration: underline; text-underline-offset: 3px; }

/* card grids — column counts chosen so rows are always full */
.tka-grid { display: grid; gap: 16px; }
.tka-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tka-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tka-card {
  position: relative; display: flex; flex-direction: column; gap: 10px; padding: 22px;
  border: 1px solid var(--ln); border-radius: 16px; background: linear-gradient(180deg, rgba(20, 31, 40, .9), rgba(13, 20, 27, .92));
  transition: transform .3s var(--ease), border-color .25s, box-shadow .3s;
}
.tka-card:hover { transform: translateY(-4px); border-color: rgba(var(--a-rgb), .34); box-shadow: 0 22px 44px -26px rgba(0, 0, 0, .95); }
.tka-card-ico { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 6px; border: 1px solid rgba(var(--a-rgb), .28); border-radius: 12px; background: radial-gradient(circle at 30% 20%, rgba(var(--a-rgb), .16), rgba(var(--a-rgb), .03)); color: var(--a); }
.tka-card-t { color: var(--tx); font: 600 1.08rem/1.3 var(--disp); letter-spacing: -.01em; }
.tka-card-p { flex: 1; color: var(--tx2); font-size: .95rem; line-height: 1.6; }
.tka-card .tka-pills { margin-top: 6px; }
.tka-card--warn .tka-card-ico { border-color: rgba(var(--warn-rgb), .3); background: radial-gradient(circle at 30% 20%, rgba(var(--warn-rgb), .16), rgba(var(--warn-rgb), .03)); color: var(--warn); }
.tka-card--warn:hover { border-color: rgba(var(--warn-rgb), .34); }
.tka-card--link { color: inherit; }
.tka-card-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: var(--a); font: 600 14px/1 Inter, system-ui, sans-serif; }
.tka-card-cta .tka-ico { transition: transform .25s var(--ease); }
.tka-card--link:hover .tka-card-cta .tka-ico { transform: translateX(3px); }
.tka-card--link:focus-visible, .tka-rel:focus-visible, .tka-btn:focus-visible, .tka-pill:focus-visible, .tka-navlink:focus-visible { outline: 2px solid var(--a); outline-offset: 3px; }

/* registrars */
.tka-vs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.tka-vs-col { padding: 24px; border: 1px solid var(--ln); border-radius: 16px; background: linear-gradient(180deg, rgba(20, 31, 40, .9), rgba(13, 20, 27, .92)); }
.tka-vs-col--good { border-color: rgba(var(--a-rgb), .22); }
.tka-vs-col--bad { border-color: rgba(var(--warn-rgb), .22); }
.tka-vs-k { display: flex; align-items: center; gap: 10px; color: var(--tx); font: 600 1.15rem/1.2 var(--disp); }
.tka-vs-k span { width: 10px; height: 10px; border-radius: 50%; background: var(--a); box-shadow: 0 0 12px var(--a); }
.tka-vs-col--bad .tka-vs-k span { background: var(--warn); box-shadow: 0 0 12px var(--warn); }
.tka-vs-col ul { list-style: none; margin-top: 16px !important; }
.tka-vs-col li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--ln); }
.tka-vs-col li b { color: var(--tx); font-weight: 600; }
.tka-vs-col li span { color: var(--mut); font-size: .9rem; text-align: right; }
.tka-vs-note { margin-top: 14px !important; color: var(--tx2); font-size: .92rem; }

/* numbers */
.tka-nums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.tka-num { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--ln); border-radius: 16px; background: linear-gradient(180deg, rgba(20, 31, 40, .9), rgba(13, 20, 27, .92)); }
.tka-num dd { order: -1; color: #f3f8f6; font: 600 2.4rem/1.05 var(--disp); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.tka-num:nth-child(4n+1) dd { color: var(--a); }
.tka-num dt { margin-top: 8px; color: var(--tx2); font-size: .92rem; line-height: 1.45; }

/* related */
.tka-rel { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--ln); border-radius: 16px; background: rgba(15, 23, 30, .85); color: inherit; transition: transform .3s var(--ease), border-color .25s, box-shadow .3s; }
.tka-rel:hover { transform: translateY(-4px); border-color: rgba(var(--a-rgb), .34); box-shadow: 0 22px 44px -26px rgba(0, 0, 0, .95); }
.tka-rel-img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #0a1018; }
.tka-rel-img img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .88; transition: transform .6s var(--ease), opacity .3s; }
.tka-rel:hover .tka-rel-img img { transform: scale(1.05); opacity: 1; }
.tka-rel-body { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px 18px; }
.tka-rel-tag { align-self: flex-start; padding: 4px 8px; border: 1px solid rgba(var(--a-rgb), .3); border-radius: 6px; background: rgba(var(--a-rgb), .07); color: #7ff0cb; font: 600 10.5px/1 Inter, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.tka-rel-t { color: var(--tx); font: 600 1rem/1.4 var(--disp); }
.tka-note { max-width: 52rem; margin-top: 32px !important; color: var(--mut); font-size: .86rem; line-height: 1.6; }
.tka-note a { color: #9fb3ad; text-decoration: underline; text-underline-offset: 3px; }
.tka-note a:hover { color: var(--a); }

/* motion */
.tka-anim .tka-in { opacity: 0; transform: translateY(14px); animation: tka-rise .7s var(--ease) forwards; animation-delay: calc(var(--d) * 80ms + 60ms); }
.tka-anim .tka-reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .7s var(--ease); transition-delay: calc(var(--i, 0) * 60ms); }
.tka-anim .tka-reveal.is-in { opacity: 1; transform: none; }
@keyframes tka-ping { 0% { transform: scale(.6); opacity: .9; } 80%, 100% { transform: scale(1.9); opacity: 0; } }
@keyframes tka-shimmer { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes tka-rise { to { opacity: 1; transform: none; } }

/* ---------- responsive ---------- */
@media (max-width: 1100px) {
  .tka-grid--4, .tka-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .tka-hero-grid, .tka-split { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .tka-grid--3 { grid-template-columns: minmax(0, 1fr); }
  .tka-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tka-kpi:nth-child(2) { border-right: 0; }
  .tka-kpi:nth-child(-n+2) { border-bottom: 1px solid var(--ln); }
}
@media (max-width: 720px) {
  .tka-vs { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .tka-wrap { padding: 0 16px; }
  .tka-hero { padding: 32px 0 24px; }
  .tka-eyebrow { font-size: 11px; letter-spacing: .04em; }
  .tka-h1 { font-size: clamp(2.3rem, 11vw, 2.9rem); }
  .tka-lead { font-size: 1.02rem; }
  .tka-btn { min-height: 44px; padding: 0 15px; font-size: 14px; }
  .tka-sim-s { display: none; }
  .tka-kpi { padding: 16px; }
  .tka-kpi dd { font-size: 1.7rem; }
  .tka-sec { padding-top: 64px; }
  .tka-grid--4 { grid-template-columns: minmax(0, 1fr); }
  .tka-nums { gap: 10px; }
  .tka-num { padding: 16px; }
  .tka-num dd { font-size: 1.8rem; }
  .tka-step { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
  .tka-step-node { width: 44px; height: 44px; border-radius: 13px; }
  .tka-steps-rail { left: 21px; }
  .tka-step-card { padding: 18px; }
  .tka-vs-col li { flex-direction: column; gap: 2px; }
  .tka-vs-col li span { text-align: left; }
}
@media (hover: none) {
  .tka-card:hover, .tka-rel:hover, .tka-step-card:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-page="takedown-anatomy"] { scroll-behavior: auto; }
  .tka *, .tka *::before, .tka *::after { animation: none !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
  .tka .tka-in, .tka .tka-reveal, .tka .tka-race-bar { opacity: 1 !important; transform: none !important; }
}
@media print {
  .tka-nav, .tka-hero-art, .tka-audio, .tka-cta { display: none !important; }
  .tka-card, .tka-step, .tka-num { break-inside: avoid; }
}

/* process: sticky intro column + timeline */
.tka-proc { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 56px; align-items: start; }
.tka-proc-side { position: sticky; top: calc(var(--tka-top, 72px) + 84px); }
.tka-proc-side .tka-figure { margin-top: 4px; }
.tka-proc .tka-steps { max-width: none; }
@media (max-width: 980px) {
  .tka-proc { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .tka-proc-side { position: static; }
  .tka-proc-side .tka-figure { display: none; }
}