/* Interactive homepage scenes. This file owns only the components below. */
html[data-home-scenes] {
  --scene-ease: cubic-bezier(.22,.8,.24,1);
  --scene-spring: cubic-bezier(.18,.9,.26,1.16);
  --scene-ink: #edf5ef;
  --scene-muted: #9cafac;
  --scene-mint: #a8e8cd;
}
:is(.pd-process-section,.pd-channel-section,.pd-live-stream,.pd-response-panel) {
  font-family: var(--pd-ui-display);
  color: var(--scene-ink);
}
:is(.pd-process-section,.pd-channel-section) { padding-block: 100px; }
:is(.pd-process-section,.pd-channel-section) * { min-width: 0; }
.pd-scene-eyebrow { display:flex; align-items:center; gap:9px; margin:0; color:#a0b9b0; font:400 10px/1.6 var(--pd-ui-mono); letter-spacing:.13em; text-transform:uppercase; }
.pd-scene-section-head { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr); align-items:end; gap:64px; margin-bottom:40px; }
.pd-scene-section-head h2,.pd-channels-intro h2 { margin:19px 0 0; font:500 clamp(34px,4vw,56px)/1.09 var(--pd-ui-display); letter-spacing:-.045em; text-wrap:balance; }
.pd-scene-section-head h2 em,.pd-channels-intro h2 em { color:var(--scene-mint); font-style:normal; }
.pd-scene-intro { margin:0; max-width:45ch; color:#afc0bc; font:400 15px/1.8 var(--pd-ui-display); text-wrap:pretty; }
.pd-step-short { display:none; }
.pd-scene-link { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:46px; color:var(--scene-ink); font:500 13px/1.5 var(--pd-ui-display); text-decoration:none; }
.pd-arrow-island { display:grid; place-items:center; width:34px; height:34px; flex:none; border-radius:50%; background:#c4eed312; box-shadow:inset 0 0 0 1px #c4eed31a; transition:transform 400ms var(--scene-spring),background-color 300ms var(--scene-ease); }
.pd-arrow-island svg { width:17px; height:17px; }
.pd-scene-link:hover .pd-arrow-island { transform:translateX(4px); background:#a8e8cd28; }
.pd-scene-link:active .pd-arrow-island { transform:translateX(2px) scale(.95); }
.pd-motion-control { position:relative; display:grid; place-items:center; flex:none; width:38px; height:38px; min-height:38px; padding:0; border:1px solid #c4eed326; border-radius:50%; background:#0d1a19; color:#b4d9cb; transition:transform 260ms var(--scene-spring),background-color 260ms var(--scene-ease); }
.pd-motion-control svg { width:15px; height:15px; pointer-events:none; }
.pd-motion-control:hover { background:#b6f1d71b; transform:scale(1.06); }
.pd-motion-control:active { transform:scale(.96); }
.pd-motion-control[hidden] { display:none; }
html[data-home-scenes] .pd-services-toggle[hidden] { display:none!important; }

/* Evidence pipeline: an inset console, four stages and a physical document. */
.pd-process-console { padding:7px; border:1px solid #a4d6bf30; border-radius:30px; background:linear-gradient(140deg,#223b34 0%,#152a26 24%,#10221f 85%); box-shadow:0 30px 90px #030b0a40,inset 0 1px #d4ffec12; }
.pd-process-core { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); border:1px solid #b1e8d018; border-radius:23px; background:#0b1619; overflow:hidden; }
.pd-process-controls { display:flex; flex-direction:column; padding:26px 28px 24px; border-inline-end:1px solid #b5dfce16; background:linear-gradient(155deg,#122121,#0b1619 65%); }
.pd-process-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 20px; min-height:38px; }
.pd-process-toolbar .pd-scene-eyebrow { font-size:9px; color:#8fa69c; }
.pd-process-steps { display:grid; gap:6px; margin:0 -12px; }
.pd-process-step { position:relative; isolation:isolate; display:flex; align-items:center; gap:18px; width:100%; min-height:91px; padding:17px 16px; border:0; border-radius:12px; color:#9eafa9; background:transparent; text-align:start; font-family:var(--pd-ui-display); overflow:hidden; transition:color 350ms var(--scene-ease),background-color 350ms var(--scene-ease); }
.pd-step-index { display:grid; place-items:center; flex:none; width:40px; height:40px; border:1px solid #9ab5a72d; border-radius:50%; font:400 12px/1 var(--pd-ui-mono); color:#89a296; transition:color 350ms var(--scene-ease),border-color 350ms var(--scene-ease),background-color 350ms var(--scene-ease); }
.pd-step-copy { display:block; flex:1; }
.pd-step-copy strong { display:block; font-size:18px; font-weight:500; line-height:1.3; }
.pd-step-copy small { display:block; margin-top:5px; font-size:12px; font-weight:400; line-height:1.5; color:#8ba098; }
.pd-step-arrow { display:grid; place-items:center; width:23px; height:23px; color:#a5e6ca; opacity:0; transform:translateX(-7px); transition:transform 400ms var(--scene-ease),opacity 300ms var(--scene-ease); }
.pd-step-arrow svg { width:20px; height:20px; }
.pd-process-step:hover { color:#e3eee5; background:#91cfb609; }
.pd-process-step[aria-selected=true] { color:#e5f8ed; background:#8cd7b711; }
.pd-process-step[aria-selected=true] .pd-step-index { color:#0e241c; background:#b9ead2; border-color:#b9ead2; }
.pd-process-step[aria-selected=true] .pd-step-copy small { color:#bad1c5; }
.pd-process-step[aria-selected=true] .pd-step-arrow { opacity:1; transform:translateX(0); }
.pd-step-progress { position:absolute; inset:auto 16px 0; height:1px; background:#ade5c9; opacity:.65; transform:scaleX(0); transform-origin:left; pointer-events:none; }
.pd-process-controls>.pd-scene-link { margin-top:auto; padding:23px 0 0; border-top:1px solid #96b8a91b; }
.pd-process-steps+.pd-scene-link { margin-top:24px; }
.pd-process-display { position:relative; isolation:isolate; display:flex; flex-direction:column; background:radial-gradient(ellipse at 50% 42%,#1d4b3d42,transparent 68%),#0c181a; overflow:hidden; }
.pd-process-display-head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:59px; padding:16px 24px; border-bottom:1px solid #a3d5bd10; color:#829c90; font:400 9px/1.5 var(--pd-ui-mono); }
.pd-process-display-head>span:first-child { display:flex; align-items:center; gap:7px; letter-spacing:.13em; color:#b3c7b9; }
.pd-process-display-head i { width:5px; height:5px; border-radius:50%; background:#b4ead0; }
.pd-process-panels { flex:1; }
.pd-process-panel { position:relative; }
.pd-process-panel[hidden],.pd-channel-panel[hidden] { display:none!important; }
.pd-scene-enhanced [role=tabpanel]:focus-visible { outline:2px solid var(--scene-mint); outline-offset:-4px; }
.pd-process-caption { position:relative; padding:16px 32px 28px; border-top:1px solid #a2d5bf12; }
.pd-process-caption p { max-width:52ch; color:#b8ccc0; font:400 14px/1.75 var(--pd-ui-display); }
.pd-process-tags { display:flex; flex-wrap:wrap; gap:7px 18px; margin-top:18px; color:#7f9e8e; font:400 9px/1.4 var(--pd-ui-mono); }
.pd-process-tags span { display:flex; align-items:center; gap:6px; }
.pd-process-tags span::before { content:""; width:3px; height:3px; background:#a3d9bd70; border-radius:50%; }
.pd-process-metrics { display:grid; grid-template-columns:1fr 1fr 1.6fr; gap:32px; align-items:center; padding:27px 32px 24px; }
.pd-process-metrics>div { border-inline-end:1px solid #b0d8bf26; }
.pd-process-metrics strong { display:block; color:#d8f2e3; font:500 clamp(28px,2.8vw,38px)/1.1 var(--pd-ui-display); letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.pd-process-metrics>div>span { display:block; margin-top:7px; font-size:12px; color:#acc2b6; }
.pd-process-metrics>p { display:flex; align-items:center; justify-content:flex-start; gap:15px; }
.pd-process-metrics b { display:block; margin-bottom:5px; font-size:14px; font-weight:500; color:#d1ebdc; }
.pd-process-metrics small { display:block; max-width:34ch; font:400 11px/1.65 var(--pd-ui-display); color:#9cb8a8; }
.pd-coverage-icon { display:grid; place-items:center; flex:none; width:38px; height:38px; border:1px solid #a5dfbf30; border-radius:50%; color:#b1e6c9; }
.pd-coverage-icon svg { width:18px; height:18px; }
.pd-stage-art { position:relative; isolation:isolate; container-type:inline-size; width:100%; aspect-ratio:640/340; min-height:275px; overflow:hidden; font-family:var(--pd-ui-mono); perspective:1000px; }
.pd-radar-grid { position:absolute; inset:0; opacity:.45; background-image:linear-gradient(#abd2bb0b 1px,transparent 1px),linear-gradient(90deg,#abd2bb0b 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%); }
.pd-art-coordinate { position:absolute; bottom:15px; left:24px; color:#6e8e7c; font:400 8px/1 var(--pd-ui-mono); letter-spacing:.13em; }
.pd-art-overline { display:flex; justify-content:space-between; align-items:center; gap:8px; color:#a8d8bc; font:400 8px/1.5 var(--pd-ui-mono); letter-spacing:.14em; }
.pd-art-overline>i { display:inline-block; flex:none; width:5px; height:5px; border-radius:50%; background:#e9b77c; }
.pd-discovery-orbits { position:absolute; top:50%; left:50%; width:77%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; border:1px solid #a5ddb916; }
.pd-discovery-orbits>i { position:absolute; inset:13%; border:1px solid #acddbf21; border-radius:50%; }
.pd-discovery-orbits>i:nth-child(2) { inset:26%; border-style:dashed; }
.pd-discovery-orbits>i:nth-child(3) { inset:38%; }
.pd-radar-sweep { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 80deg,transparent 0deg,#a6e2bc00 240deg,#a6e2bc18 310deg,#a6e2bc38 359deg,transparent 360deg); animation:pd-scene-radar 9s cubic-bezier(.36,.3,.64,.7) infinite paused; }
.pd-source-chip { position:absolute; display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid #a9dabb25; border-radius:7px; background:#132a22; color:#a5bcae; font:400 clamp(8px,1.5cqw,11px)/1.4 var(--pd-ui-mono); box-shadow:inset 0 1px #c6f5cf0a; }
.pd-source-chip>span { color:#729681; font-size:8px; }
.pd-source-chip--one { left:9%; top:14%; transform:rotate(-5deg); }
.pd-source-chip--two { right:6%; top:25%; transform:rotate(6deg); }
.pd-source-chip--three { right:14%; bottom:15%; transform:rotate(-3deg); }
.pd-signal-dot { position:absolute; width:6px; height:6px; border-radius:50%; background:#c1efc9; box-shadow:0 0 0 5px #bbf7c50a,0 0 18px #bbf7c557; animation:pd-scene-pulse 3s var(--scene-ease) infinite paused; }
.pd-signal-dot--a { left:18%; top:61%; }
.pd-signal-dot--b { left:55%; top:12%; animation-delay:.9s; }
.pd-signal-dot--c { right:13%; bottom:33%; animation-delay:1.8s; }
.pd-suspect-ticket { position:absolute; left:23%; top:35%; width:55%; padding:6% 5% 4%; background:linear-gradient(125deg,#294436,#162c22 80%); border:1px solid #b0d5b74d; border-radius:14px; box-shadow:0 26px 55px #020d0870,inset 0 1px #e4ffdf19; transform:translateZ(35px) rotate(-3deg); }
.pd-suspect-ticket .pd-art-overline { justify-content:flex-start; }
.pd-suspect-ticket strong { display:block; margin:16px 0 20px; color:#ecf4dc; font:500 clamp(18px,4cqw,28px)/1.1 var(--pd-ui-display); letter-spacing:-.03em; }
.pd-ticket-meta { display:flex; align-items:center; justify-content:space-between; padding-top:11px; border-top:1px solid #bce6b720; font-size:8px; color:#9ab394; }
.pd-ticket-meta svg { width:14px; height:14px; }
.pd-evidence-stack { position:absolute; top:19%; left:24%; width:52%; height:60%; transform-style:preserve-3d; }
.pd-evidence-sheet { position:absolute; inset:0; border:1px solid #b6dec434; border-radius:10px; box-shadow:0 20px 40px #03120c35; }
.pd-evidence-sheet--back { transform:translate(26px,-17px) rotate(11deg); background:#234334; padding:13px 16px; color:#b7d5bc; font-size:7px; }
.pd-evidence-sheet--back>i { display:block; width:50%; height:5px; margin-top:12px; background:#b5d8bc15; }
.pd-evidence-sheet--middle { transform:translate(-30px,1px) rotate(-12deg); background:#172f25; padding:13px 16px; color:#a4ceb4; font-size:8px; }
.pd-evidence-sheet--middle code { display:block; margin-top:12px; color:#739c82; font-size:9px; line-height:1.7; }
.pd-evidence-sheet--front { display:flex; flex-direction:column; background:#12291f; transform:rotate(-3deg) translateZ(30px); overflow:hidden; }
.pd-art-browserbar { display:flex; align-items:center; gap:4px; min-height:29px; padding:8px 12px; border-bottom:1px solid #a5d9b61e; }
.pd-art-browserbar>span { width:4px; height:4px; border-radius:50%; background:#688b70; }
.pd-art-browserbar b { margin:auto; padding-inline-end:21px; color:#8fbc9b; font-size:7px; font-weight:400; }
.pd-art-capture { position:relative; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; overflow:hidden; }
.pd-capture-symbol { color:#9bceab; font:400 33px/.8 var(--pd-ui-display); }
.pd-art-capture>i { width:52%; height:6px; background:#93c6a31a; border-radius:2px; }
.pd-art-capture>i:nth-of-type(2) { width:37%; }
.pd-art-capture>b { width:27%; height:13px; margin-top:3px; background:#91c9a24d; border-radius:3px; }
.pd-scan-beam { position:absolute; inset:-4px 0 auto; height:2px; background:#bdf0c6; box-shadow:0 -15px 28px 11px #c1ffc223,0 2px 12px #beffc299; transform:translateY(10px); animation:pd-scene-scan 3.4s cubic-bezier(.3,.15,.45,1) infinite paused; }
.pd-art-sheet-foot { display:flex; justify-content:space-between; align-items:center; padding:8px 10px; border-top:1px solid #a7cdb51a; font-size:6px; letter-spacing:.08em; color:#7c9e85; }
.pd-art-sheet-foot>span { display:flex; align-items:center; gap:5px; color:#b0d6b2; }
.pd-art-sheet-foot svg { width:9px; height:9px; }
.pd-evidence-tag { position:absolute; display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #c2edc942; border-radius:6px; color:#c3e8cc; background:#274637; font-size:9px; box-shadow:0 10px 30px #03130a50; }
.pd-evidence-tag svg { width:12px; height:12px; }
.pd-evidence-tag--one { top:13%; left:10%; transform:rotate(-4deg); }
.pd-evidence-tag--two { right:8%; bottom:17%; transform:rotate(4deg); }
.pd-dispatch-lines { position:absolute; inset:0; width:100%; height:100%; stroke:#a5ddb433; stroke-width:1; }
.pd-dispatch-lines .pd-dispatch-flow { stroke:#c6f4d2; stroke-width:2; stroke-dasharray:6 180; animation:pd-scene-dispatch 3s cubic-bezier(.4,.3,.6,.7) infinite paused; }
.pd-dispatch-document { position:absolute; top:11%; left:9%; width:46%; padding:4% 4%; border:1px solid #b3d8b846; border-radius:12px; background:linear-gradient(140deg,#2b4633,#142e21); box-shadow:0 20px 42px #03150a50; transform:rotate(-4deg); }
.pd-dispatch-document strong { display:block; margin:14px 0 13px; color:#dff3df; font:500 clamp(18px,3.8cqw,26px)/1.15 var(--pd-ui-display); letter-spacing:-.025em; }
.pd-dispatch-document code { display:block; font:400 clamp(7px,1.4cqw,9px)/1.9 var(--pd-ui-mono); color:#86ad90; white-space:nowrap; }
.pd-dispatch-status { display:flex; align-items:center; gap:7px; margin-top:15px; color:#c2e4bb; font:400 9px/1.4 var(--pd-ui-display); }
.pd-dispatch-status svg { width:13px; height:13px; }
.pd-recipient { position:absolute; right:4%; display:flex; align-items:center; justify-content:space-between; gap:7px; width:27%; min-height:42px; padding:10px 12px; border:1px solid #a5d2b232; border-radius:7px; background:#193326; color:#c2d9c2; font:400 clamp(7px,1.65cqw,11px)/1.5 var(--pd-ui-display); }
.pd-recipient>span { color:#749d80; font:400 7px var(--pd-ui-mono); }
.pd-recipient svg { width:10px; height:10px; flex:none; color:#a5d7ae; }
.pd-recipient--one { top:12%; }.pd-recipient--two { top:44%; }.pd-recipient--three { top:76%; }
.pd-record-orbit { position:absolute; top:50%; left:50%; width:67%; aspect-ratio:1; border:1px solid #c0e4bd16; border-radius:50%; outline:1px dashed #c0e4bd12; outline-offset:24px; transform:translate(-50%,-50%); }
.pd-record-document { position:absolute; width:70%; top:15%; left:15%; padding:5% 5% 0; border:1px solid #b5e2ba4d; border-radius:13px; background:linear-gradient(140deg,#2b4636,#173326); box-shadow:0 25px 44px #00150a50; transform:rotate(-2deg); }
.pd-record-document .pd-art-overline { justify-content:flex-start; color:#abd0ad; }
.pd-record-document .pd-art-overline i { background:#c4e6ac; }
.pd-record-document strong { display:block; margin:14px 0 18px; font:500 clamp(21px,4.5cqw,30px)/1.1 var(--pd-ui-display); letter-spacing:-.03em; color:#e9f7df; }
.pd-record-document ul { display:grid; gap:9px; margin:0 0 17px; padding:0; list-style:none; color:#a8c2a9; font:400 clamp(8px,1.8cqw,12px)/1.5 var(--pd-ui-display); }
.pd-record-document li { display:flex; align-items:center; gap:9px; }
.pd-record-document li svg { width:11px; height:11px; color:#bce4af; }
.pd-record-permalink { display:flex; align-items:center; gap:7px; margin:0 -8.4%; padding:11px 8.4%; border-top:1px solid #b8e0af26; font:400 clamp(7px,1.5cqw,10px)/1.5 var(--pd-ui-mono); color:#b4d6aa; background:#051d071b; border-radius:0 0 12px 12px; }
.pd-record-seal { position:absolute; right:10%; top:9%; display:grid; place-items:center; width:65px; aspect-ratio:1; border-radius:50%; background:linear-gradient(130deg,#d0eac3,#a5cda1); color:#284e31; box-shadow:0 10px 28px #03160940,inset 0 0 0 4px #cce8c5,inset 0 0 0 5px #66916c55; transform:rotate(9deg); }
.pd-record-seal svg { width:28px; height:28px; }
.pd-record-tag { position:absolute; right:15%; bottom:7%; font:400 8px/1 var(--pd-ui-mono); color:#8eb093; }

/* Channel examples are interactive illustrations, never actionable scam links. */
.pd-channel-section { position:relative; }
.pd-channels-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:70px; }
.pd-channels-intro h2 { margin-top:18px; font-size:clamp(34px,3.8vw,54px); }
.pd-channels-intro .pd-scene-intro { margin-top:23px; max-width:42ch; }
.pd-channel-tabs { display:grid; gap:4px; margin-top:30px; }
.pd-channel-tab { position:relative; display:flex; align-items:center; width:100%; gap:16px; padding:17px 18px; min-height:82px; border:1px solid transparent; border-radius:13px; background:transparent; color:#8fa49b; text-align:start; transition:color 350ms var(--scene-ease),background-color 350ms var(--scene-ease),border-color 350ms var(--scene-ease); overflow:hidden; }
.pd-channel-icon { display:grid; place-items:center; width:37px; height:37px; flex:none; border:1px solid #9fcbb621; border-radius:11px; color:#a8c2b7; background:#a2d5bd06; transition:background-color 350ms var(--scene-ease),color 350ms var(--scene-ease); }
.pd-channel-icon svg { width:19px; height:19px; }
.pd-channel-tab>span:nth-child(2) { flex:1; }
.pd-channel-tab strong { display:block; color:inherit; font:500 17px/1.35 var(--pd-ui-display); }
.pd-channel-tab small { display:block; margin-top:4px; font:400 12px/1.5 var(--pd-ui-display); opacity:.8; }
.pd-channel-tab-arrow { width:19px; height:19px; color:#b5e9cd; opacity:0; transform:translateX(-6px); transition:opacity 300ms var(--scene-ease),transform 400ms var(--scene-ease); }
.pd-channel-tab-arrow svg { display:block; width:100%; height:100%; }
.pd-channel-tab:hover { background:#b9eccd05; color:#d1e3d7; }
.pd-channel-tab[aria-selected=true] { color:#e0f1e3; border-color:#badfc227; background:linear-gradient(100deg,#24443888,#17332b22); }
.pd-channel-tab[aria-selected=true] .pd-channel-icon { background:#bde8cb; color:#193b2c; }
.pd-channel-tab[aria-selected=true] .pd-channel-tab-arrow { opacity:1; transform:translateX(0); }
.pd-channel-control-line { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 8px 0 18px; color:#7f998d; font:400 10px/1.6 var(--pd-ui-mono); }
.pd-channel-control-line .pd-motion-control { width:32px; height:32px; min-height:32px; }
/* Constrain the oversized pointer glow to its panel, including RTL layouts. */
.pd-channels-stage { position:relative; isolation:isolate; overflow:clip; padding:7px; border:1px solid #abcbb52b; border-radius:29px; background:linear-gradient(150deg,#2c3c33,#17231e 50%); box-shadow:0 30px 70px #020d0750,inset 0 1px #edffe511; transform:perspective(1200px) rotateX(var(--scene-tilt-x,0deg)) rotateY(var(--scene-tilt-y,0deg)); transition:transform 650ms var(--scene-ease); }
.pd-channels-stage[data-scene-pointer] { transition:none; }
.pd-channel-panel { position:relative; overflow:hidden; background:radial-gradient(ellipse at 60% 25%,#48564020,transparent 65%),#101b17; border:1px solid #daeac311; border-radius:22px; }
.pd-channel-art { position:relative; isolation:isolate; container-type:inline-size; width:100%; aspect-ratio:600/430; min-height:350px; overflow:hidden; font-family:var(--pd-ui-display); }
.pd-browser-shadow { position:absolute; inset:12% 11% 13% 12%; background:#9ac8ab0a; border:1px solid #bfe1c41b; border-radius:13px; transform:rotate(5deg); }
.pd-channel-window { position:absolute; inset:8% 8% 12%; background:#1d2922; border:1px solid #c1d6bd38; border-radius:12px; box-shadow:0 22px 42px #030b0760,inset 0 1px #efffe00a; overflow:hidden; transform:rotate(-2.5deg) translateZ(15px); }
.pd-mock-browser { display:flex; align-items:center; gap:5px; padding:12px 15px; border-bottom:1px solid #bbd3bc1a; background:#25332a; }
.pd-mock-browser>span { width:5px; height:5px; border-radius:50%; background:#73846c; }
.pd-mock-browser>span:first-child { background:#ac8570; }
.pd-mock-browser b { flex:1; margin-inline-start:16px; font:400 8px var(--pd-ui-mono); color:#95a78c; letter-spacing:.035em; }
.pd-mock-browser>i { font-style:normal; color:#a8bb9c; font-size:13px; }
.pd-mock-search { display:flex; align-items:center; gap:16px; margin:18px 20px; padding:9px 12px; border:1px solid #b7c9a627; border-radius:22px; color:#d0dac6; }
.pd-mock-search>span { font-size:17px; font-weight:500; color:#c6d6b7; }
.pd-mock-search>b { flex:1; font:400 clamp(10px,2.25cqw,13px)/1.5 var(--pd-ui-display); }
.pd-mock-search svg { width:15px; height:15px; color:#94a584; }
.pd-mock-result { position:relative; margin:0 20px; padding:4px 3px 15px; }
.pd-mock-sponsored { display:flex; align-items:center; justify-content:space-between; font:400 8px/1.3 var(--pd-ui-display); color:#b9c4ae; }
.pd-mock-sponsored>i { font-style:normal; font-size:14px; }
.pd-mock-account { display:flex; align-items:center; gap:9px; margin-top:10px; }
.pd-mock-avatar { display:grid; place-items:center; width:28px; height:28px; flex:none; border-radius:8px; background:#4c5f45; border:1px solid #b8d79d20; color:#d5e4c2; font:500 12px/1 var(--pd-ui-display); }
.pd-mock-account b { display:block; font:500 11px/1.4 var(--pd-ui-display); color:#c4cfbb; }
.pd-mock-account code { display:block; margin-top:3px; font:400 clamp(8px,1.85cqw,11px)/1.3 var(--pd-ui-mono); color:#e4c39f; }
.pd-mock-account mark { background:#c6995933; color:#f6d09b; border-radius:2px; padding:1px 3px; }
.pd-mock-result>strong { display:block; margin-top:14px; color:#bad9b2; font:500 clamp(12px,2.8cqw,17px)/1.4 var(--pd-ui-display); letter-spacing:-.015em; }
.pd-mock-result>p { margin-top:7px; color:#9cac92; font:400 clamp(9px,2.1cqw,12px)/1.6 var(--pd-ui-display); }
.pd-mock-result--ghost { padding-top:14px; border-top:1px solid #a8bc9e16; opacity:.45; }
.pd-mock-result--ghost>i { display:block; height:5px; width:45%; margin-bottom:8px; border-radius:3px; background:#b6cba221; }
.pd-mock-result--ghost>i:nth-child(2) { width:74%; }.pd-mock-result--ghost>i:nth-child(3) { width:63%; }
.pd-trap-bracket { position:absolute; inset:-6px -9px; border:1px solid #d9ad7657; border-radius:7px; background:#dbac6805; pointer-events:none; animation:pd-trap-alert 3.8s var(--scene-ease) infinite paused; }
.pd-mock-result>.pd-trap-bracket { inset:29px -9px auto; height:47px; }
.pd-trap-bracket::before,.pd-trap-bracket::after { content:""; position:absolute; width:9px; height:9px; border-color:#dfb27e; border-style:solid; }
.pd-trap-bracket::before { top:-1px; left:-1px; border-width:1px 0 0 1px; border-radius:5px 0 0; }
.pd-trap-bracket::after { bottom:-1px; right:-1px; border-width:0 1px 1px 0; border-radius:0 0 5px; }
.pd-trap-callout { position:absolute; display:flex; align-items:center; gap:13px; width:85%; min-height:64px; left:7.5%; bottom:3%; padding:14px 16px; border:1px solid #dfc09157; border-radius:11px; background:linear-gradient(120deg,#403d29,#272b20 90%); box-shadow:0 15px 32px #070d054f,inset 0 1px #fff0d510; transform:rotate(1deg); }
.pd-trap-callout>span { display:grid; place-items:center; width:27px; height:27px; flex:none; border:1px solid #ccae7445; border-radius:50%; color:#e4c38c; font:400 9px var(--pd-ui-mono); }
.pd-trap-callout>div { flex:1; }
.pd-trap-callout b { display:block; color:#e9dfc4; font:500 clamp(10px,2.35cqw,14px)/1.35 var(--pd-ui-display); }
.pd-trap-callout small { display:block; margin-top:4px; color:#bdb99d; font:400 clamp(8px,1.9cqw,11px)/1.4 var(--pd-ui-display); }
.pd-trap-callout>svg { width:16px; height:16px; flex:none; color:#d0c391; }
.pd-channel-crosshair { position:absolute; top:17%; right:6%; width:16px; height:16px; border:1px solid #b6d5aa40; border-radius:50%; opacity:.7; }
.pd-channel-crosshair::before,.pd-channel-crosshair::after { content:""; position:absolute; background:#c3dbaf50; }
.pd-channel-crosshair::before { top:7px; left:-5px; width:24px; height:1px; }.pd-channel-crosshair::after { left:7px; top:-5px; height:24px; width:1px; }
.pd-mock-social-title { display:flex; align-items:center; gap:12px; margin:0 20px; padding:16px 0; color:#c3d1b9; font-size:12px; border-bottom:1px solid #b7cba71a; }
.pd-mock-social-title svg { width:19px; height:19px; }
.pd-mock-social-title small { margin-inline-start:auto; font:400 8px var(--pd-ui-mono); color:#9bac90; }
.pd-mock-post { position:relative; display:flex; gap:11px; margin:0 20px; padding:16px 0; }
.pd-mock-post b { color:#cbd7bf; font:500 clamp(9px,2.1cqw,12px)/1.6 var(--pd-ui-display); }
.pd-mock-post b>span { color:#85967b; font:400 clamp(7px,1.65cqw,10px)/1.3 var(--pd-ui-display); }
.pd-mock-post p { margin-top:4px; color:#b1bea5; font:400 clamp(10px,2.3cqw,13px)/1.55 var(--pd-ui-display); }
.pd-mock-post small { display:block; margin-top:10px; font-size:8px; color:#74876c; }
.pd-mock-post--trap { padding-block:13px; border-top:1px solid #b1c5a41a; }
.pd-mock-post--trap code { display:block; margin-top:10px; font:400 clamp(8px,1.7cqw,10px)/1.5 var(--pd-ui-mono); color:#e1bd8b; }
.pd-mock-post--trap>.pd-trap-bracket { inset:3px -10px -3px; }
.pd-mock-avatar--real { background:#53774f; }
.pd-mock-dm-profile { display:flex; align-items:center; gap:13px; padding:18px 20px 12px; }
.pd-mock-dm-profile .pd-mock-avatar { position:relative; width:36px; height:36px; border-radius:11px; background:#4a6248; font-size:17px; }
.pd-mock-dm-profile .pd-mock-avatar>span { position:absolute; bottom:-1px; right:-1px; width:9px; height:9px; border:2px solid #1d2922; border-radius:50%; background:#a8c68e; }
.pd-mock-dm-profile b { display:block; color:#ccd7c2; font-size:13px; }
.pd-mock-dm-profile small { display:block; margin-top:5px; color:#81947a; font-size:8px; }
.pd-mock-dm { position:relative; margin:9px 22px; padding:13px; background:#b5ca9a08; border-radius:7px; }
.pd-mock-dm>b { font-size:10px; font-weight:500; color:#cfdbc5; }.pd-mock-dm>b>span { color:#82977b; font-size:8px; margin-inline-start:8px; }
.pd-mock-dm p { margin-top:8px; color:#acbda1; font:400 clamp(9px,2.1cqw,12px)/1.65 var(--pd-ui-display); }
.pd-mock-verify { display:inline-flex; align-items:center; gap:16px; padding:9px 12px; margin-top:12px; background:#6b805b; border:1px solid #b9d29842; border-radius:5px; color:#e4efd9; font:500 10px/1.3 var(--pd-ui-display); }
.pd-mock-verify svg { width:12px; height:12px; }
.pd-mock-dm code { display:block; margin-top:9px; color:#d5bb8b; font:400 8px/1.3 var(--pd-ui-mono); }
.pd-channel-explainer { padding:23px 28px 28px; border-top:1px solid #b6d1ac15; }
.pd-channel-risk { display:flex; align-items:center; gap:8px; margin-bottom:10px; font:400 10px/1.5 var(--pd-ui-mono); color:#e2bd8c; }
.pd-channel-risk i { width:5px; height:5px; border:1px solid #dfbb8c; transform:rotate(45deg); }
.pd-channel-explainer p { color:#b1c1ac; font:400 14px/1.75 var(--pd-ui-display); text-wrap:pretty; }
.pd-channel-rule { display:flex; align-items:center; gap:20px; margin-top:42px; padding-block:24px; border-block:1px solid #b0c8b51e; }
.pd-rule-symbol { display:grid; place-items:center; width:30px; height:30px; border:1px solid #c4b38c44; border-radius:50%; font:400 14px var(--pd-ui-mono); color:#cfc19b; flex:none; }
.pd-channel-rule>p { max-width:69ch; flex:1; color:#a6b5aa; font:400 12px/1.75 var(--pd-ui-display); }
.pd-channel-rule>.pd-scene-link { max-width:32%; margin-inline-start:auto; flex-shrink:0; font-size:12px; }

/* A readable moving feed. Real domains still link to their local dossiers. */
.pd-live-stream { margin-block:64px; padding:0 0 7px; border:1px solid #a9d3bf29; border-radius:24px; background:linear-gradient(120deg,#1c3029,#10201d 70%); overflow:hidden; box-shadow:inset 0 1px #e4ffe70a; }
.pd-live-stream-head { display:flex; align-items:center; gap:19px; padding:24px 30px; }
.pd-live-stream-head h2 { margin-top:5px; font:500 clamp(22px,2.1vw,29px)/1.15 var(--pd-ui-display); letter-spacing:-.035em; }
.pd-live-stream-head .pd-scene-eyebrow { font-size:8px; color:#a8c7b4; }
.pd-live-indicator { display:inline-block; width:4px; height:4px; border-radius:50%; background:#c1efc9; }
.pd-live-radar { position:relative; display:block; width:58px; height:58px; flex:none; border:1px solid #bbebbd35; border-radius:50%; background:radial-gradient(circle at center,#badfbd10 2px,transparent 3px); overflow:hidden; }
.pd-live-radar::before { content:""; position:absolute; inset:11px; border:1px solid #b6e2be30; border-radius:50%; }
.pd-live-radar::after { content:""; position:absolute; inset:22px; border:1px solid #b6e2be30; border-radius:50%; }
.pd-live-radar>i { position:absolute; inset:0; background:conic-gradient(transparent 170deg,#b5e6bc44 345deg,transparent 346deg); border-radius:50%; animation:pd-scene-radar 7s cubic-bezier(.4,.36,.6,.64) infinite paused; }
.pd-live-radar>b { position:absolute; left:17px; top:17px; width:4px; height:4px; border-radius:50%; background:#caf2bf; box-shadow:0 0 9px #c7ffb6aa; }
.pd-live-stream-actions { display:flex; align-items:center; gap:20px; margin-inline-start:auto; }
.pd-live-stream-actions .pd-scene-link { font-size:12px; }
.pd-live-stream-actions .pd-arrow-island { background:#bee7c51a; }
.pd-live-stream-window { position:relative; margin-inline:7px; overflow-x:auto; scrollbar-width:none; border:1px solid #a8d6b61a; border-radius:15px; background:#0b1916; direction:ltr; }
.pd-live-stream-window::-webkit-scrollbar { display:none; }
.pd-live-stream-window:focus-within { outline-offset:-3px; }
.pd-live-stream-track { display:flex; align-items:stretch; width:max-content; min-width:100%; }
.pd-live-stream .pd-activity-item { display:grid; grid-template-columns:6px minmax(0,1fr) auto; grid-template-rows:18px 1fr; column-gap:8px; row-gap:13px; width:320px; min-height:112px; padding:23px 26px; border-inline-end:1px solid #bdd8c318; white-space:normal; background:transparent; color:#c5d8cc; font:400 10px/1.4 var(--pd-ui-display); text-decoration:none; transition:background-color 300ms var(--scene-ease); }
.pd-live-stream .pd-activity-item:last-child { border:0; }
.pd-live-stream .pd-activity-item[hidden] { display:none; }
.pd-live-stream .pd-activity-item:hover { background:#c7edce0c; }
.pd-live-stream .a-dot { width:5px; height:5px; align-self:center; border-radius:50%; background:#e0b77d; box-shadow:0 0 9px #ecbc7a28; }
.pd-live-stream .a-dot.kill { background:#a6d7ad; }
.pd-live-stream .a-type { align-self:center; color:#c6b99b; font:400 8px var(--pd-ui-mono); letter-spacing:.05em; text-transform:uppercase; }
.pd-live-stream .a-domain { grid-column:1/-1; grid-row:2; align-self:center; color:#d7e9db; font:500 15px/1.4 var(--pd-ui-mono); letter-spacing:-.025em; overflow-wrap:anywhere; }
.pd-live-stream .a-time { grid-column:3; grid-row:1; color:#88a18e; font:400 9px/1.4 var(--pd-ui-mono); white-space:nowrap; align-self:center; }
.pd-live-stream .a-time:not(:last-child) { display:none; }
.pd-live-stream .pd-activity-item:focus-visible { position:relative; outline:2px solid #bcebd0; outline-offset:-4px; background:#c7edce10; }
.pd-live-stream .pd-activity-pending { width:100%; grid-template-columns:8px 1fr; align-items:center; }
.pd-live-stream .pd-activity-pending .a-domain { grid-column:2; grid-row:1/-1; font-size:13px; color:#8da99a; }

/* Emergency response: both destinations have their own clear action. */
.pd-response-panel.final-call-to-action { position:relative; isolation:isolate; margin-top:64px; padding:42px; border:1px solid #b9ddc238; border-radius:28px; background:radial-gradient(ellipse at 80% 100%,#426c3b2b,transparent 65%),linear-gradient(135deg,#172b24,#101d18 70%); box-shadow:inset 0 0 0 6px #b4d6bb04,inset 0 1px #d6ffe312,0 24px 64px #03110a30; }
.pd-response-panel .fcta-grid { display:grid; grid-template-columns:140px minmax(0,1fr); align-items:start; gap:36px; }
.pd-response-panel .pd-seal-poster { display:block; margin:7px 0 0; padding:5px; border:1px solid #c3dbbc21; border-radius:15px; background:#d5ebc70a; transition:transform 450ms var(--scene-spring); }
.pd-response-panel .pd-seal-poster:hover { transform:rotate(-3deg) translateY(-3px); }
.pd-response-panel .pd-seal-poster img { display:block; width:100%; max-width:none; border-radius:10px; }
.pd-response-panel .fcta-body { min-width:0; }
.pd-response-panel .final-title { margin:13px 0 19px; max-width:26ch; font:500 clamp(26px,2.8vw,38px)/1.12 var(--pd-ui-display); letter-spacing:-.035em; color:#e5f3e6; }
.pd-response-panel .final-text { max-width:75ch; margin:0; color:#b8c9bb; font:400 14px/1.85 var(--pd-ui-display); }
.pd-response-panel .final-text strong { color:#d6e8d8; font-weight:500; }
.pd-response-panel .report-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:29px; }
.pd-response-panel .report-button { display:flex; align-items:center; gap:13px; position:relative; min-height:82px; padding:13px 14px 13px 18px; margin:0; border:1px solid #cef4c95c; border-radius:100px; background:linear-gradient(115deg,#bfe9c8,#8bd1ad); box-shadow:0 8px 24px #020c0924,inset 0 1px #ecffe982; text-align:start; color:#133425; text-decoration:none; transition:transform 400ms var(--scene-spring),box-shadow 350ms var(--scene-ease),background-color 300ms var(--scene-ease); }
.pd-response-panel .chainabuse-button { background:linear-gradient(115deg,#e5efdc,#ccdcca); color:#263e2d; border-color:#e4f0da9c; }
.pd-response-panel .pd-response-icon { display:grid; place-items:center; width:36px; height:36px; flex:none; border-radius:50%; box-shadow:inset 0 0 0 1px #183e2a20; }
.pd-response-icon svg { width:21px; height:21px; }
.pd-response-copy { min-width:0; flex:1; }
.pd-response-copy small { display:block; margin-bottom:4px; color:inherit; opacity:.73; font:400 10px/1.3 var(--pd-ui-display); }
.pd-response-copy strong { display:block; color:inherit; font:600 14px/1.35 var(--pd-ui-display); letter-spacing:-.01em; }
.pd-response-arrow { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:50%; background:#183c2611; box-shadow:inset 0 0 0 1px #214d2918; transition:transform 450ms var(--scene-spring),background-color 300ms var(--scene-ease); }
.pd-response-arrow svg { width:19px; height:19px; }
.pd-response-panel .report-button:hover { transform:translateY(-3px); box-shadow:0 13px 32px #9bd3aa18,inset 0 1px #f4fff1bb; }
.pd-response-panel .report-button:hover .pd-response-arrow { background:#1739211c; transform:translate(var(--magnet-x,2px),var(--magnet-y,-2px)) rotate(-6deg); }
.pd-response-panel .report-button:active { transform:translateY(0) scale(.98); }
.pd-response-warning { max-width:80ch; margin:23px 0 0; padding-inline-start:13px; border-inline-start:2px solid #c5b98d52; color:#abb69d; font:400 11px/1.8 var(--pd-ui-display); }

/* Pointer light and depth: keep the pointer itself native and hit areas stable. */
.pd-scene-light { position:absolute; z-index:1; width:440px; height:440px; top:0; left:0; border-radius:50%; pointer-events:none; background:radial-gradient(circle,#c6f4ce0b,transparent 66%); opacity:0; transform:translate3d(calc(var(--scene-pointer-x,0px) - 220px),calc(var(--scene-pointer-y,0px) - 220px),0); transition:opacity 600ms var(--scene-ease); }
[data-scene-pointer]>.pd-scene-light { opacity:1; }
.pd-process-display>.pd-process-panels { transform:perspective(1200px) rotateX(var(--scene-tilt-x,0deg)) rotateY(var(--scene-tilt-y,0deg)); transition:transform 600ms var(--scene-ease); transform-origin:50% 45%; }
.pd-process-display[data-scene-pointer]>.pd-process-panels { transition:none; }
html[data-home-scenes] .pd-home-hero { overflow:hidden; }
html[data-home-scenes] .pd-home-hero::after { opacity:.65; transform:translate3d(var(--hero-grid-x,0px),var(--hero-grid-y,0px),0); transition:transform 1100ms var(--scene-ease); }
html[data-home-scenes] .pd-home-hero::before { background:radial-gradient(ellipse 600px 430px at 79% 42%,#72daa91b,transparent 75%); }
html[data-home-scenes] .pd-home-workflow { transform:perspective(1100px) rotateX(var(--scene-tilt-x,0deg)) rotateY(var(--scene-tilt-y,0deg)); transition:transform 700ms var(--scene-ease),box-shadow 500ms var(--scene-ease); }
html[data-home-scenes] .pd-home-workflow[data-scene-pointer] { transition:box-shadow 500ms var(--scene-ease); box-shadow:0 35px 75px #020d0966,inset 0 1px #d6ffe533,0 0 38px #93dbb510; }
html[data-home-scenes] .pd-evidence-map { transform:translate3d(var(--hero-map-x,0px),var(--hero-map-y,0px),0); transition:transform 650ms var(--scene-ease); }
html[data-home-scenes] .pd-home-workflow[data-scene-pointer] .pd-evidence-map { transition:none; }
.pd-hero-tracker { position:absolute; inset:0; pointer-events:none; overflow:hidden; border-radius:inherit; opacity:0; transition:opacity 400ms var(--scene-ease); }
.pd-hero-tracker>span { position:absolute; top:0; left:0; width:25px; height:25px; border:1px solid #c4f4cf60; border-radius:50%; transform:translate3d(calc(var(--scene-pointer-x,0px) - 12px),calc(var(--scene-pointer-y,0px) - 12px),0); }
.pd-hero-tracker>span::before,.pd-hero-tracker>span::after { content:""; position:absolute; background:#c4f4cf60; }
.pd-hero-tracker>span::before { left:-6px; right:-6px; height:1px; top:11px; }.pd-hero-tracker>span::after { top:-6px; bottom:-6px; width:1px; left:11px; }
html[data-home-scenes] .pd-home-workflow[data-scene-pointer] .pd-hero-tracker { opacity:.8; }

[data-scene-running] :is(.pd-radar-sweep,.pd-signal-dot,.pd-scan-beam,.pd-dispatch-flow,.pd-trap-bracket),.pd-live-stream[data-scene-running] .pd-live-radar>i { animation-play-state:running; }
@keyframes pd-scene-radar { to { transform:rotate(360deg); } }
@keyframes pd-scene-pulse { 0%,100% { opacity:.35; transform:scale(.75); } 45% { opacity:1; transform:scale(1.2); } }
@keyframes pd-scene-scan { 0% { transform:translateY(-4px); opacity:0; } 15% { opacity:1; } 80% { opacity:1; } 100% { transform:translateY(200px); opacity:0; } }
@keyframes pd-scene-dispatch { to { stroke-dashoffset:-186; } }
@keyframes pd-trap-alert { 0%,100% { opacity:.45; } 40% { opacity:1; } }

@media(min-width:1600px) { .pd-scene-section-head h2,.pd-channels-intro h2 { font-size:58px; } }
@media(max-width:1100px) {
  .pd-scene-section-head { gap:35px; grid-template-columns:1.6fr 1fr; }
  .pd-process-controls { padding:23px 20px; }
  .pd-step-copy strong { font-size:16px; }
  .pd-process-step { gap:12px; padding-inline:12px; min-height:88px; }
  .pd-process-metrics { gap:23px; padding-inline:24px; grid-template-columns:1fr 1fr 1.4fr; }
  .pd-process-metrics>p { gap:10px; }
  .pd-process-metrics b { font-size:12px; }
  .pd-process-caption { padding-inline:23px; }
  .pd-channels-layout { gap:35px; }
  .pd-channel-art { min-height:345px; }
  .pd-channel-window { inset:7% 6% 13%; }
  .pd-response-panel.final-call-to-action { padding:32px; }
  .pd-response-panel .fcta-grid { grid-template-columns:100px minmax(0,1fr); gap:26px; }
  .pd-response-panel .report-button { gap:10px; padding-inline:14px 12px; }
  .pd-response-panel .pd-response-icon { display:none; }
}
/* Floating actions should not cover diagrams or an open navigation menu. */
@media(max-width:1100px) {
  html[data-home-scenes]:has(#pd-menu-toggle[aria-expanded="true"]) :is(.pd-floating-action,#back-to-top),
  html[data-scene-reading] .pd-floating-action:not(:focus-within),
  html[data-scene-reading] #back-to-top:not(:focus) { opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
}
@media(max-width:850px) {
  .pd-scene-section-head { grid-template-columns:1fr; gap:20px; }
  .pd-scene-intro { max-width:65ch; }
  .pd-process-core { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
  .pd-process-display-head { padding-inline:16px; font-size:8px; }
  .pd-process-display-head>span:first-child { letter-spacing:.04em; }
  .pd-step-copy small { font-size:11px; }
  .pd-stage-art { min-height:260px; }
  .pd-process-caption p { font-size:13px; }
  .pd-process-tags { font-size:8px; gap:7px 10px; }
  .pd-step-index { width:31px; height:31px; font-size:10px; }
  .pd-step-arrow { width:16px; }
  .pd-process-toolbar .pd-scene-eyebrow { font-size:8px; }
  .pd-process-metrics { grid-template-columns:1fr 1fr; }
  .pd-process-metrics>div:nth-child(2) { border:0; }
  .pd-process-metrics>p { grid-column:1/-1; border-top:1px solid #b0d8bf20; padding-top:20px; }
  .pd-process-metrics small { max-width:none; font-size:11px; }
  .pd-channels-layout { grid-template-columns:1fr; gap:24px; }
  .pd-channels-intro h2 { font-size:44px; }
  .pd-channels-intro .pd-scene-intro { max-width:60ch; }
  .pd-channel-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .pd-channel-tab { align-items:flex-start; gap:11px; padding:15px 12px; min-height:90px; }
  .pd-channel-icon { width:30px; height:30px; border-radius:9px; }
  .pd-channel-icon svg { width:16px; height:16px; }
  .pd-channel-tab strong { font-size:14px; }
  .pd-channel-tab small { font-size:10px; }
  .pd-channel-tab-arrow { display:none; }
  .pd-channel-control-line { padding:18px 4px 0; }
  .pd-channels-stage { max-width:650px; width:100%; margin-inline:auto; }
  .pd-channel-art { min-height:370px; }
  .pd-channel-rule { flex-wrap:wrap; gap:16px; }
  .pd-channel-rule>.pd-scene-link { max-width:none; margin-inline-start:46px; }
}
@media(max-width:600px) {
  :is(.pd-process-section,.pd-channel-section) { padding-block:54px; }
  .pd-scene-section-head { gap:18px; margin-bottom:27px; }
  .pd-scene-section-head h2,.pd-channels-intro h2 { font-size:clamp(31px,8.5vw,44px); line-height:1.1; letter-spacing:-.045em; }
  .pd-scene-section-head h2 br,.pd-channels-intro h2 br { display:none; }
  .pd-scene-eyebrow { font-size:9px; letter-spacing:.1em; }
  .pd-scene-intro { font-size:14px; line-height:1.75; }
  .pd-process-console { padding:5px; border-radius:23px; }
  .pd-process-core { display:flex; flex-direction:column; border-radius:18px; }
  .pd-process-controls { padding:17px 14px 14px; border-inline-end:0; border-bottom:1px solid #b5dfce16; }
  .pd-process-toolbar { margin-bottom:12px; min-height:32px; }
  .pd-process-toolbar .pd-scene-eyebrow { font-size:8px; }
  .pd-process-toolbar .pd-motion-control { width:32px; height:32px; min-height:32px; }
  .pd-process-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:0; }
  .pd-process-step { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; min-height:90px; padding:12px 9px 14px; gap:10px; border-radius:10px; }
  .pd-step-copy { flex:none; }
  .pd-step-copy strong { font-size:11px; font-weight:500; line-height:1.35; overflow-wrap:anywhere; }
  .pd-step-full { display:none; }.pd-step-short { display:inline; }
  .pd-step-copy small,.pd-step-arrow { display:none; }
  .pd-step-index { width:28px; height:28px; font-size:9px; }
  .pd-step-progress { inset-inline:9px; }
  .pd-process-controls>.pd-scene-link { margin-top:10px; padding:10px 3px 0; min-height:42px; font-size:11px; }
  .pd-process-controls>.pd-scene-link .pd-arrow-island { width:27px; height:27px; }
  .pd-process-display-head { min-height:44px; padding:12px 15px; }
  .pd-stage-art { min-height:245px; }
  .pd-process-caption { padding:16px 18px 23px; min-height:156px; }
  .pd-process-caption p { font-size:13px; line-height:1.7; }
  .pd-process-tags { gap:7px 12px; margin-top:15px; font-size:8px; }
  .pd-process-metrics { padding:21px 16px 17px; gap:21px 18px; }
  .pd-process-metrics strong { font-size:31px; }
  .pd-process-metrics>div>span { font-size:10px; }
  .pd-process-metrics>p { padding-top:18px; gap:12px; }
  .pd-coverage-icon { width:32px; height:32px; }
  .pd-process-metrics b { font-size:13px; }
  .pd-process-metrics small { font-size:10px; }
  .pd-source-chip { padding:8px 9px; gap:7px; }
  .pd-source-chip--one { top:16%; left:5%; }.pd-source-chip--two { right:4%; top:27%; }.pd-source-chip--three { right:10%; bottom:15%; }
  .pd-suspect-ticket { width:64%; left:18%; top:37%; padding:6% 5% 4%; }
  .pd-suspect-ticket strong { font-size:22px; margin:13px 0 16px; }
  .pd-art-overline { font-size:7px; }
  .pd-evidence-stack { left:23%; width:55%; height:59%; top:21%; }
  .pd-evidence-sheet--back { transform:translate(18px,-12px) rotate(11deg); }.pd-evidence-sheet--middle { transform:translate(-20px,1px) rotate(-12deg); }
  .pd-evidence-tag { padding:7px 9px; font-size:8px; }
  .pd-dispatch-document { left:6%; top:14%; width:50%; padding:5%; }
  .pd-dispatch-document strong { font-size:20px; }
  .pd-dispatch-document code { font-size:6px; }.pd-dispatch-document .pd-art-overline { font-size:6px; }
  .pd-dispatch-status { font-size:8px; }
  .pd-recipient { right:3%; width:30%; padding:9px 7px; font-size:9px; gap:5px; min-height:37px; }
  .pd-recipient>span { display:none; }
  .pd-recipient--one { top:15%; }.pd-recipient--two { top:44%; }.pd-recipient--three { top:73%; }
  .pd-record-document { width:78%; left:11%; top:17%; padding:6% 6% 0; }
  .pd-record-document strong { font-size:24px; margin-top:13px; }
  .pd-record-document ul { font-size:10px; gap:8px; }
  .pd-record-permalink { font-size:8px; }
  .pd-record-seal { right:6%; top:11%; width:50px; }.pd-record-seal svg { width:22px; }
  .pd-record-tag { font-size:7px; bottom:8%; }
  .pd-art-coordinate { font-size:6px; left:16px; bottom:13px; }
  .pd-channels-layout { gap:21px; }
  .pd-channels-intro .pd-scene-intro { margin-top:18px; }
  .pd-channel-tabs { margin-top:23px; gap:5px; }
  .pd-channel-tab { display:flex; flex-direction:column; min-height:97px; padding:12px 10px; gap:9px; border-radius:11px; }
  .pd-channel-tab strong { font-size:11px; line-height:1.4; }
  .pd-channel-tab small { display:none; }
  .pd-channel-icon { width:29px; height:29px; }
  .pd-channel-control-line { font-size:9px; padding-top:13px; }
  .pd-channels-stage { padding:5px; border-radius:23px; transform:none!important; }
  .pd-channel-panel { border-radius:18px; }
  .pd-channel-art { min-height:340px; aspect-ratio:auto; }
  .pd-channel-window { inset:7% 6% 14%; transform:rotate(-2deg); }
  .pd-mock-browser { padding:11px 12px; }
  .pd-mock-browser b { font-size:7px; margin-inline-start:11px; }
  .pd-mock-search { margin:15px 15px; padding:8px 10px; gap:10px; }
  .pd-mock-result { margin-inline:16px; }
  .pd-mock-account code { font-size:8px; }
  .pd-mock-account b { font-size:10px; }
  .pd-mock-result>strong { font-size:12px; margin-top:12px; }
  .pd-mock-result>p { font-size:10px; }
  .pd-mock-result--ghost { padding-top:12px; }
  .pd-mock-social-title { margin-inline:15px; padding-block:13px; font-size:11px; }
  .pd-mock-post { margin-inline:16px; gap:9px; padding-block:13px; }
  .pd-mock-post b { font-size:9px; }.pd-mock-post b>span { font-size:7px; }
  .pd-mock-post p { font-size:11px; }.pd-mock-post--trap code { font-size:8px; }
  .pd-mock-dm-profile { padding:16px 16px 10px; }
  .pd-mock-dm-profile b { font-size:12px; }.pd-mock-dm-profile small { font-size:7px; }
  .pd-mock-dm { margin:5px 17px; padding:11px; }
  .pd-mock-dm p { font-size:10px; }.pd-mock-verify { font-size:9px; padding:8px 10px; }
  .pd-trap-callout { gap:10px; padding:12px 13px; width:88%; left:6%; bottom:3%; min-height:63px; }
  .pd-trap-callout b { font-size:11px; }.pd-trap-callout small { font-size:9px; }.pd-trap-callout>span { width:24px; height:24px; font-size:8px; }
  .pd-trap-callout>svg { display:none; }
  .pd-channel-explainer { padding:20px 18px 24px; min-height:132px; }
  .pd-channel-explainer p { font-size:13px; line-height:1.7; }
  .pd-channel-risk { font-size:9px; }
  .pd-channel-rule { margin-top:27px; gap:13px; padding-block:20px; align-items:flex-start; }
  .pd-channel-rule>p { flex:1 1 calc(100% - 39px); font-size:11px; }
  .pd-rule-symbol { width:26px; height:26px; font-size:12px; }
  .pd-channel-rule>.pd-scene-link { margin-inline-start:39px; max-width:calc(100% - 39px); font-size:11px; gap:14px; }
  .pd-channel-rule>.pd-scene-link>span:first-child { min-width:0; overflow-wrap:anywhere; }
  .pd-live-stream { margin-block:40px; border-radius:20px; }
  .pd-live-stream-head { padding:21px 20px 17px; gap:14px; flex-wrap:wrap; }
  .pd-live-radar { width:45px; height:45px; }.pd-live-radar::before { inset:9px; }.pd-live-radar::after { inset:18px; }
  .pd-live-stream-head h2 { font-size:25px; }
  .pd-live-stream-head .pd-scene-eyebrow { font-size:7px; }
  .pd-live-stream-actions { width:100%; flex-direction:row-reverse; justify-content:space-between; margin-top:2px; gap:12px; }
  .pd-live-stream-actions .pd-scene-link { font-size:11px; gap:13px; }
  .pd-live-stream-actions .pd-motion-control { width:32px; height:32px; min-height:32px; }
  .pd-live-stream-window { margin-inline:5px; border-radius:13px; }
  .pd-live-stream .pd-activity-item { width:270px; min-height:112px; padding:22px; }
  .pd-live-stream .a-domain { font-size:14px; }
  .pd-response-panel.final-call-to-action { margin-top:42px; padding:25px 20px; border-radius:23px; }
  .pd-response-panel .fcta-grid { grid-template-columns:1fr; gap:20px; }
  .pd-response-panel .pd-seal-poster { width:76px; margin:0; padding:3px; border-radius:10px; }
  .pd-response-panel .pd-seal-poster img { border-radius:7px; }
  .pd-response-panel .final-title { font-size:30px; margin:13px 0 17px; max-width:25ch; }
  .pd-response-panel .final-text { font-size:13px; line-height:1.85; }
  .pd-response-panel .report-buttons { grid-template-columns:1fr; gap:12px; margin-top:23px; }
  .pd-response-panel .report-button { min-height:80px; padding:13px 13px 13px 17px; gap:12px; }
  .pd-response-panel .pd-response-icon { display:grid; width:34px; height:34px; }
  .pd-response-copy strong { font-size:14px; }
  .pd-response-copy small { font-size:10px; }
  .pd-response-arrow { width:34px; height:34px; }
  .pd-response-warning { margin-top:22px; font-size:10px; }
  html[data-home-scenes] .pd-home-workflow { transform:none!important; }
  .pd-process-display>.pd-process-panels { transform:none!important; }
  .pd-scene-light,.pd-hero-tracker { display:none; }
}
@media(max-width:359px) {
  .pd-process-step { padding-inline:6px; }.pd-step-copy strong { font-size:10px; }
  .pd-process-display-head { font-size:7px; gap:8px; }.pd-process-display-head>span:first-child { gap:5px; }
  .pd-stage-art { min-height:230px; }
  .pd-suspect-ticket strong { font-size:20px; }
  .pd-record-document strong { font-size:22px; }.pd-record-document ul { font-size:9px; }
  .pd-dispatch-document strong { font-size:18px; }.pd-dispatch-document code { font-size:5.5px; }.pd-recipient { font-size:8px; }
  .pd-response-panel .pd-response-icon { display:none; }
  .pd-response-panel .final-title { font-size:27px; }
  .pd-channel-art { min-height:330px; }
  .pd-trap-callout b { font-size:10px; }.pd-trap-callout small { font-size:8px; }
  .pd-mock-dm-profile small { font-size:6px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.pd-process-section,.pd-channel-section,.pd-live-stream,.pd-response-panel) *,html[data-home-scenes] .pd-home-workflow,html[data-home-scenes] .pd-evidence-map { animation:none!important; transition:none!important; }
  .pd-channels-stage,.pd-process-display>.pd-process-panels,html[data-home-scenes] .pd-home-workflow,html[data-home-scenes] .pd-evidence-map { transform:none!important; }
  .pd-scene-light,.pd-hero-tracker { display:none!important; }
}
@media print {
  .pd-process-panel[hidden],.pd-channel-panel[hidden] { display:block!important; }
  .pd-motion-control,.pd-stage-art,.pd-channel-art,.pd-scene-light,.pd-hero-tracker { display:none!important; }
  .pd-process-core,.pd-channels-layout { display:block; }
  .pd-process-panel,.pd-channel-panel { break-inside:avoid; }
  .pd-live-stream-window { overflow:visible; }
  .pd-live-stream-track { flex-wrap:wrap; width:100%; transform:none!important; }
  .pd-live-stream [aria-hidden=true] { display:none; }
}