/* The Live page owns its atmosphere and screenshot stamp. */
html[data-live-visual] {
  --pd-ui-bg:#0b1213;
  --pd-ui-surface:#111e1e;
  --pd-ui-raised:#192a28;
  --pd-ui-action:#a6dfc8;
  --pd-ui-action-hover:#c2ecdb;
  --pd-ui-signal:#a6dfc8;
  --pd-ui-accent-rgb:166,223,200;
  --live-ink:#eaf4ef;
  --live-muted:#a0b6af;
  --live-mint:#a6dfc8;
  --live-edge:#a6dfc830;
  --live-red:#ff8e8a;
  --live-ease:cubic-bezier(.22,.8,.24,1);
}
html[data-live-visual] .pd-live-hero-scene {
  position:relative;isolation:isolate;overflow:clip;
  --live-motion-state:paused;
}
html[data-live-visual] .pd-live-hero-scene[data-live-running] { --live-motion-state:running; }
.pd-live-field { position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 78% 35%,#266c5547,transparent 58%),radial-gradient(ellipse at 5% 0,#1d464134,transparent 60%); }
.pd-live-field-grid { position:absolute;inset:-64px;background-image:linear-gradient(#a6dfc80b 1px,transparent 1px),linear-gradient(90deg,#a6dfc80b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 15%,#000 65%,transparent);animation:pd-live-field-drift 22s linear infinite;animation-play-state:var(--live-motion-state); }
.pd-live-field-glow { position:absolute;width:60%;height:75%;top:10%;right:-10%;border-radius:50%;background:radial-gradient(ellipse,#549c7730,transparent 68%);animation:pd-live-field-breathe 9s ease-in-out infinite;animation-play-state:var(--live-motion-state); }

/* Keep the real feed, translated copy and counters in the existing page. */
html[data-page=live][data-live-visual] .pd-live>.pd-live-hero-scene { padding:30px 0 48px; }
html[data-page=live][data-live-visual] .pd-live>.pd-live-hero-scene>.wrap {
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:38px 48px;
}
html[data-live-visual] .pd-live-hero-scene .hero-crumbs { grid-column:1/-1;margin:0; }
html[data-live-visual] .pd-live-hero-scene .hero-crumbs { grid-row:1; }
.pd-live-hero-copy { min-width:0;grid-column:1;grid-row:2; }
html[data-live-visual] .pd-live-hero-scene::before,
html[data-live-visual] .pd-live-hero-scene::after,
html[data-live-visual] .pd-live-hero-copy .pd-heading-signal { display:none!important; }
html[data-page=live][data-live-visual] .pd-live-hero-copy .hero-eyebrow { margin-bottom:22px;color:var(--live-mint);font-size:10px;letter-spacing:.12em; }
html[data-page=live][data-live-visual] .pd-live>.hero h1.pd-live-title { max-width:15ch;font-size:clamp(42px,4.7vw,66px)!important;font-weight:550!important;line-height:1.05;letter-spacing:-.055em;color:var(--live-ink);text-shadow:none; }
html[data-live-visual] .pd-live-deck { margin:25px 0 0;max-width:37ch;font:400 clamp(18px,1.7vw,23px)/1.45 var(--pd-ui-display);letter-spacing:-.025em;color:#cfdfd7;text-wrap:pretty; }
html[data-live-visual] .pd-live-deck em { font-style:normal;color:var(--live-mint); }
html[data-live-visual] .pd-live-deck .strike { position:relative;display:inline-block;color:var(--live-ink); }
html[data-live-visual] .pd-live-deck .strike::after { content:"";position:absolute;inset:53% -4% auto;height:2px;background:var(--live-red);transform:rotate(-8deg); }
html[data-page=live][data-live-visual] .pd-live>.hero .hero-lede { max-width:54ch;margin:20px 0 0;font-size:15px;line-height:1.8;color:var(--live-muted); }
html[data-page=live][data-live-visual] .pd-live>.hero .cta-row { gap:10px;margin-top:25px; }
html[data-live-visual] .pd-live-hero-copy .pd-button { min-height:46px;padding:11px 15px;font-size:12px; }
html[data-page=live][data-live-visual] .pd-live>.hero .hero-stats { grid-column:1/-1;grid-row:3;margin:4px 0 0;border-color:var(--live-edge);background:#0b151575; }
html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat { padding:22px 26px;border-inline-end-color:var(--live-edge)!important; }
html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat .num { font-size:clamp(28px,3vw,40px);font-weight:500; }
html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat .lbl { font-size:10px;letter-spacing:.055em; }
html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat .delta { color:var(--live-muted);font-size:10px; }

/* A scanning field and a captured phishing page, drawn with native vectors. */
.pd-live-observatory { position:relative;grid-column:2;grid-row:2;min-width:0;border:1px solid #91c7b14d;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#38735a2b,transparent 65%),#0d1b1c;box-shadow:0 28px 70px #030c0b50,inset 0 1px #d6f9e619; }
.pd-live-observatory::before { content:"";position:absolute;z-index:2;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,#c7f4db99,transparent); }
.pd-live-observatory-head { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--live-edge);min-height:58px; }
.pd-live-observatory-head>span { display:flex;align-items:center;gap:9px;color:#b4d5c5;font:400 9px/1.5 var(--pd-ui-mono);letter-spacing:.13em; }
.pd-live-observatory-head>span>i { width:5px;height:5px;border-radius:50%;background:var(--live-mint);box-shadow:0 0 12px #a6dfc860; }
.pd-live-motion-toggle { display:grid;place-items:center;width:34px;min-height:34px;padding:0;border:1px solid var(--live-edge);border-radius:50%;background:#b1d9c708;color:#bbd4c9;cursor:pointer;transition:background-color 180ms,border-color 180ms; }
.pd-live-motion-toggle svg { width:15px;height:15px; }
.pd-live-motion-toggle:hover { background:#a6dfc818;border-color:#a6dfc866; }
.pd-live-motion-toggle:focus-visible { outline:2px solid var(--live-mint);outline-offset:4px; }
.pd-live-motion-toggle[hidden] { display:none; }
.pd-live-signal { position:relative;isolation:isolate;width:100%;aspect-ratio:480/390;overflow:hidden;container-type:inline-size; }
.pd-live-radar-grid { position:absolute;inset:0;background-image:radial-gradient(#a6dfc830 .8px,transparent .8px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000 20%,transparent 75%); }
.pd-live-radar-sweep { position:absolute;left:17.5%;top:3.3%;width:71%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 215deg,#97e6c708 270deg,#97e6c72b 335deg,#b1f5d975 359deg,transparent 360deg);animation:pd-live-radar-turn 8s linear infinite;animation-play-state:var(--live-motion-state); }
.pd-live-radar-lines { display:block;position:relative;width:100%;height:100%; }
.pd-live-radar-rings { stroke:#a6dfc82c;stroke-width:.75; }
.pd-live-radar-globe { stroke:#a6dfc857;stroke-width:.75;fill:#a6dfc804; }
.pd-live-signal-path { stroke:#9fd7bf66;stroke-width:.8;stroke-dasharray:3 5; }
.pd-live-radar-node { color:var(--live-mint); }
.pd-live-radar-node--two { color:var(--live-red); }
.pd-live-radar-node--three { color:#e8c18b; }
.pd-live-radar-node>circle:first-child { stroke:currentColor;stroke-width:.8;fill:transparent;transform-box:fill-box;transform-origin:center;animation:pd-live-node-ping 4s ease-out infinite;animation-play-state:var(--live-motion-state); }
.pd-live-radar-node--two>circle:first-child { animation-delay:1.3s; }
.pd-live-radar-node--three>circle:first-child { animation-delay:2.7s; }
.pd-live-radar-node>circle:last-child { fill:currentColor; }
.pd-live-radar-coordinate { position:absolute;left:20px;top:19px;color:#94b6a6;font:400 8px/1.5 var(--pd-ui-mono);letter-spacing:.1em; }
.pd-live-radar-target { position:absolute;right:17px;top:35%;display:flex;align-items:center;gap:7px;color:#edb1a0;font:400 7px/1.5 var(--pd-ui-mono);letter-spacing:.08em; }
.pd-live-radar-target>i { width:4px;height:4px;background:var(--live-red);border-radius:50%; }
.pd-live-capture { position:absolute;left:7%;bottom:10%;width:62%;border:1px solid #97c9b65c;border-radius:10px;background:#1a2c27;box-shadow:0 18px 34px #020a076b,inset 0 1px #c9edd90a;transform:rotate(-5deg);animation:pd-live-capture-float 7s ease-in-out infinite;animation-play-state:var(--live-motion-state); }
.pd-live-capture-head { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--live-edge);color:#b6cabc;font:400 7px/1.4 var(--pd-ui-mono); }
.pd-live-capture-head>span:first-child { display:flex;gap:4px; }
.pd-live-capture-head i { width:4px;height:4px;border-radius:50%;background:#a6dfc866; }
.pd-live-capture-head b { font-weight:400;letter-spacing:.08em; }
.pd-live-capture-body { position:relative;padding:17px 17px 20px; }
.pd-live-capture-label { display:block;font:400 7px/1.4 var(--pd-ui-mono);letter-spacing:.08em;color:#a6c1b3; }
.pd-live-capture-body strong { display:block;margin-top:8px;color:#e0eee5;font:500 clamp(12px,3.5cqw,18px)/1.3 var(--pd-ui-display);letter-spacing:-.03em; }
.pd-live-capture-lines { display:grid;gap:6px;width:50%;margin-top:17px; }
.pd-live-capture-lines>i { height:3px;border-radius:2px;background:#a6dfc826; }
.pd-live-capture-lines>i:nth-child(2) { width:75%; }
.pd-live-capture-lines>i:nth-child(3) { width:50%; }
.pd-live-capture-stamp { position:absolute;right:-12%;bottom:13%;display:block;padding:9px 12px 7px;border:2px solid #f58a80;border-radius:3px;background:#3a2220f0;outline:1px solid #f58a8066;outline-offset:-5px;color:#ffa39a;font:700 clamp(18px,6cqw,28px)/1 var(--pd-ui-display);letter-spacing:.12em;box-shadow:0 7px 20px #030a073b;transform:rotate(-13deg);animation:pd-live-stamp-arrive 7s var(--live-ease) infinite;animation-play-state:var(--live-motion-state); }
.pd-live-observatory-foot { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;min-height:53px;padding:14px 18px;border-top:1px solid var(--live-edge);color:#c1d8c9;font:400 10px/1.5 var(--pd-ui-display); }
.pd-live-observatory-foot i { margin:0 5px;font-style:normal;color:#79a58f; }
.pd-live-observatory-foot small { color:#9cb3a7;font:400 8px/1.5 var(--pd-ui-mono); }

/* Override the legacy motion reset only for the restored card interaction. */
html[data-live-visual] .pd-live #threatCards .pd-live-scam-stamp {
  position:absolute;inset:50% auto auto 50%;z-index:8;
  width:max-content;height:auto;min-height:0;max-width:calc(100% - 40px);margin:0;padding:13px 21px 10px;
  border-radius:4px;outline:1px solid #ff91896b;outline-offset:-7px;
  box-shadow:0 12px 32px #13070666;backdrop-filter:blur(5px);pointer-events:none;
}
@layer pd-quality {
  html[data-live-visual] .pd-sig-button:not(:disabled):not([aria-disabled=true]),
  html[data-live-visual] .pd-live-hero-copy .pd-button--primary {
    background-color:var(--live-mint)!important;background-image:linear-gradient(165deg,#ffffff12,transparent 55%)!important;
    color:#10271f!important;border-color:#c2ecdb70!important;box-shadow:inset 0 1px #eafbf333,0 4px 14px #030a081f!important;
  }
  html[data-live-visual] .pd-sig-button:not(:disabled):hover,
  html[data-live-visual] .pd-live-hero-copy .pd-button--primary:hover { background-color:#c2ecdb!important; }
  html[data-live-visual] .pd-live #threatCards .pd-live-scam-stamp {
    display:flex!important;align-items:center;justify-content:center;
    border:3px solid #ff9189!important;background:#381b1bde!important;color:#ffb0a8!important;
    opacity:0!important;transform:translate(-50%,-50%) rotate(-18deg) scale(1.25)!important;
    transition:transform 360ms cubic-bezier(.18,.85,.3,1.25),opacity 220ms ease!important;
  }
  html[data-live-visual] .pd-live #threatCards .pd-live-scam-stamp span {
    font:700 clamp(28px,3.1vw,44px)/1 var(--pd-ui-display)!important;
    color:inherit!important;letter-spacing:.14em;text-shadow:none!important;
  }
  html[data-live-visual] .pd-live #threatCards .threat-card:is(:hover,:focus-within) .pd-live-scam-stamp {
    opacity:1!important;transform:translate(-50%,-50%) rotate(-12deg) scale(1)!important;
  }
  html[data-live-visual] .pd-live #threatCards .threat-card .screenshot-wrapper img { transition:filter 280ms ease,transform 500ms var(--live-ease)!important; }
  html[data-live-visual] .pd-live #threatCards .threat-card:is(:hover,:focus-within) .screenshot-wrapper img { filter:brightness(.62) saturate(.7)!important;transform:scale(1.035)!important; }
  html[data-live-visual] .pd-live #threatCards .threat-card { transition:border-color 220ms,box-shadow 300ms,transform 300ms var(--live-ease)!important; }
  html[data-live-visual] .pd-live #threatCards .threat-card:hover { transform:translateY(-3px)!important;border-color:#9bceb37a!important;box-shadow:0 18px 38px #02090742!important; }
  @media (hover:none) {
    html[data-live-visual] .pd-live #threatCards .pd-live-scam-stamp,
    html[data-live-visual] .pd-live #threatCards .threat-card:is(:hover,:focus-within) .pd-live-scam-stamp {
      border-width:2px!important;
      transform:rotate(-8deg)!important;opacity:1!important;
    }
    html[data-live-visual] .pd-live #threatCards .pd-live-scam-stamp span { font-size:20px!important; }
    html[data-live-visual] .pd-live #threatCards .threat-card:is(:hover,:focus-within) .screenshot-wrapper img { filter:none!important;transform:none!important; }
    html[data-live-visual] .pd-live #threatCards .threat-card:hover { transform:none!important; }
  }
  @media (prefers-reduced-motion:reduce) {
    html[data-live-visual] .pd-live #threatCards :is(.pd-live-scam-stamp,.threat-card,.screenshot-wrapper img) { transition:none!important; }
    html[data-live-visual] .pd-live #threatCards .threat-card:hover,
    html[data-live-visual] .pd-live #threatCards .threat-card:is(:hover,:focus-within) .screenshot-wrapper img { transform:none!important; }
  }
}
@media (hover:none) {
  html[data-live-visual] .pd-live #threatCards .pd-live-scam-stamp {
    inset:auto auto 14px 15px;padding:7px 11px 6px;outline-offset:-5px;
  }
}

@keyframes pd-live-field-drift { to { transform:translate(64px,64px); } }
@keyframes pd-live-field-breathe { 0%,100% { transform:translate(0,0) scale(1);opacity:.65; } 50% { transform:translate(-8%,4%) scale(1.1);opacity:1; } }
@keyframes pd-live-radar-turn { to { transform:rotate(360deg); } }
@keyframes pd-live-node-ping { 0% { transform:scale(.4);opacity:.9; } 70%,100% { transform:scale(1.8);opacity:0; } }
@keyframes pd-live-capture-float { 0%,100% { transform:translateY(0) rotate(-5deg); } 50% { transform:translateY(-8px) rotate(-3deg); } }
@keyframes pd-live-stamp-arrive { 0%,12% { opacity:0;transform:rotate(-20deg) scale(1.4); } 22%,85% { opacity:1;transform:rotate(-13deg) scale(1); } 95%,100% { opacity:0;transform:rotate(-13deg) scale(1); } }

@media(max-width:1100px) {
  html[data-page=live][data-live-visual] .pd-live>.pd-live-hero-scene>.wrap { gap:32px 28px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
  html[data-page=live][data-live-visual] .pd-live>.hero h1.pd-live-title { font-size:clamp(38px,5vw,56px)!important; }
  html[data-live-visual] .pd-live-deck { font-size:19px; }
  .pd-live-observatory-foot { font-size:9px; }
  .pd-live-observatory-foot small { font-size:7px; }
}
@media(max-width:767px) {
  html[data-page=live][data-live-visual] .pd-live>.pd-live-hero-scene { padding:24px 0 32px; }
  html[data-page=live][data-live-visual] .pd-live>.pd-live-hero-scene>.wrap { grid-template-columns:minmax(0,1fr);gap:26px; }
  html[data-live-visual] .pd-live-hero-scene .hero-crumbs { gap:8px;font-size:10px; }
  html[data-live-visual] .pd-live-hero-scene .hero-crumbs .live-dot { flex-basis:auto;margin-inline-start:auto;font-size:8px; }
  html[data-page=live][data-live-visual] .pd-live-hero-copy .hero-eyebrow { font-size:8px;letter-spacing:.07em;margin-bottom:18px; }
  html[data-page=live][data-live-visual] .pd-live>.hero h1.pd-live-title { max-width:15ch;font-size:clamp(37px,9.3vw,54px)!important;line-height:1.05; }
  html[data-live-visual] .pd-live-deck { font-size:19px;margin-top:20px; }
  html[data-page=live][data-live-visual] .pd-live>.hero .hero-lede { font-size:14px;line-height:1.8;margin-top:17px; }
  html[data-page=live][data-live-visual] .pd-live>.hero .cta-row { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:23px; }
  html[data-live-visual] .pd-live-hero-copy .pd-button:first-child { grid-column:1/-1; }
  html[data-live-visual] .pd-live-hero-copy .pd-button { justify-content:center;padding-inline:10px; }
  .pd-live-observatory { width:100%;max-width:470px;justify-self:center;border-radius:17px; }
  .pd-live-observatory { grid-column:1;grid-row:3; }
  .pd-live-observatory-head { padding:10px 16px;min-height:52px; }
  .pd-live-signal { aspect-ratio:480/340; }
  .pd-live-radar-lines { position:absolute;top:-8%;height:115%; }
  .pd-live-radar-sweep { top:-2%; }
  .pd-live-capture { bottom:8%; }
  .pd-live-observatory-foot { padding:12px 16px;min-height:46px; }
  html[data-page=live][data-live-visual] .pd-live>.hero .hero-stats { margin:0;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat { padding:18px 14px; }
  html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat:nth-child(-n+2) { border-bottom-color:var(--live-edge)!important; }
  html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat .num { font-size:31px; }
  html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat .lbl { font-size:9px; }
}
@media(max-width:360px) {
  html[data-live-visual] .pd-live-hero-scene .hero-crumbs .live-dot { flex-basis:100%;margin-inline-start:0; }
  .pd-live-observatory-foot { gap:5px;font-size:8px; }
  html[data-page=live][data-live-visual] .pd-live>.hero .hero-stat .num { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) {
  .pd-live-hero-scene :is(.pd-live-field-grid,.pd-live-field-glow,.pd-live-radar-sweep,.pd-live-radar-node>circle:first-child,.pd-live-capture,.pd-live-capture-stamp) { animation:none!important; }
  .pd-live-capture-stamp { opacity:1; }
  .pd-live-motion-toggle { display:none; }
}
.pd-live-hero-scene:not([data-live-ready]) .pd-live-capture-stamp { animation:none; }
@media print {
  .pd-live-field,.pd-live-observatory,.pd-live-scam-stamp { display:none!important; }
  html[data-page=live][data-live-visual] .pd-live>.pd-live-hero-scene>.wrap { display:block; }
}