/* ============================================================
   PD POLISH — design refinement layer (2026-05-11)
   Goal: terminal-noir cybersec aesthetic, polished & cohesive.
   Loaded LAST. Only overrides aesthetic surface, no layout shifts.
   ============================================================ */
:root{
  --pdp-bg-0:#06080c;--pdp-bg-1:#0a0f15;--pdp-bg-2:#0e141c;--pdp-bg-3:#131b25;
  --pdp-line:rgba(148,163,184,.14);--pdp-line-2:rgba(148,163,184,.22);
  --pdp-glass:rgba(15,22,32,.62);--pdp-glass-2:rgba(20,28,40,.72);
  --pdp-text:#e6edf5;--pdp-text-mute:#94a3b8;--pdp-text-dim:rgba(148,163,184,.6);
  --pdp-green:#22c55e;--pdp-green-2:#16a34a;--pdp-green-glow:rgba(34,197,94,.45);
  --pdp-cyan:#38bdf8;--pdp-red:#ef4444;--pdp-red-glow:rgba(239,68,68,.4);
  --pdp-amber:#f59e0b;--pdp-violet:#a78bfa;
  --pdp-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --pdp-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pdp-shadow-sm:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px rgba(0,0,0,.4);
  --pdp-shadow-md:0 8px 24px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.04) inset;
  --pdp-shadow-lg:0 24px 60px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.05) inset;
  --pdp-shadow-glow-g:0 0 0 1px rgba(34,197,94,.25),0 12px 32px rgba(34,197,94,.18);
  --pdp-shadow-glow-r:0 0 0 1px rgba(239,68,68,.3),0 12px 32px rgba(239,68,68,.2);
  --pdp-r-sm:6px;--pdp-r-md:10px;--pdp-r-lg:16px;--pdp-r-xl:22px;
  --pdp-ease:cubic-bezier(.2,0,0,1);--pdp-spring:cubic-bezier(.2,.9,.3,1.2);
}
body{font-family:var(--pdp-sans);font-feature-settings:"ss01","cv11","cv02","cv05";letter-spacing:-.005em}
.threat-type,.time-info,.domain-info,.pd-stat-num,.pd-stat-value,.pd-mono,code,kbd,pre,.terminal-body,.pd-search-form input,.pd-scan-form input{font-family:var(--pdp-mono);font-feature-settings:"calt","ss01","ss02"}
.main-heading,.gradient-text,.section-title{font-family:var(--pdp-mono)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.05!important}
.main-heading::after,.gradient-text::after{content:"";display:block;margin:14px auto 0;width:56px;height:2px;background:linear-gradient(90deg,transparent,var(--pdp-green) 50%,transparent);opacity:.55}
.autorix-text,.pd-section-eyebrow,.pd-eyebrow{font-family:var(--pdp-mono)!important;font-size:.72rem!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--pdp-green)!important;display:inline-flex;align-items:center;gap:8px}
.autorix-text::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pdp-green);box-shadow:0 0 12px var(--pdp-green-glow)}
#hero-heading,.home-banner-text h1{font-family:var(--pdp-mono)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.02!important}
.btn,.pd-btn,a.btn-primary,button.btn-primary,a.api-cta,a.banner-cta,.home-banner-text .btn{font-family:var(--pdp-mono)!important;font-weight:700!important;font-size:.82rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:12px 22px!important;border-radius:var(--pdp-r-md)!important;border:1px solid transparent!important;transition:transform .18s var(--pdp-spring),box-shadow .25s var(--pdp-ease),background .25s,border-color .25s!important;display:inline-flex!important;align-items:center;gap:10px;white-space:nowrap}
.btn-primary,.pd-btn-primary,.home-banner-text .btn.btn-success,a.api-cta.api-cta-primary{background:linear-gradient(180deg,var(--pdp-green) 0%,var(--pdp-green-2) 100%)!important;color:#06120b!important;border-color:rgba(255,255,255,.08)!important;box-shadow:var(--pdp-shadow-glow-g)!important}
.btn-primary:hover,.pd-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 0 0 1px var(--pdp-green),0 18px 40px rgba(34,197,94,.32)!important}
.btn-outline-light,.btn-outline-secondary,.pd-btn-ghost,.btn-outline-success{background:transparent!important;color:var(--pdp-text)!important;border-color:var(--pdp-line-2)!important}
.btn-outline-light:hover,.pd-btn-ghost:hover{border-color:var(--pdp-green)!important;color:var(--pdp-green)!important;background:rgba(34,197,94,.06)!important}
.btn-danger,.pd-btn-danger{background:linear-gradient(180deg,var(--pdp-red),#b91c1c)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;box-shadow:var(--pdp-shadow-glow-r)!important}
.pd-flag-card,.pd-dir-col,.tip-card,.detection-card,.scam-card,.api-detail-card,.pd-hacker-card,.section-2 .card,.api-stat-card{background:linear-gradient(180deg,var(--pdp-glass) 0%,var(--pdp-glass-2) 100%)!important;border:1px solid var(--pdp-line)!important;border-radius:var(--pdp-r-lg)!important;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);box-shadow:var(--pdp-shadow-md);transition:transform .25s var(--pdp-spring),border-color .25s,box-shadow .25s}
.pd-flag-card:hover,.pd-dir-col:hover,.tip-card:hover,.detection-card:hover,.scam-card:hover,.api-detail-card:hover{transform:translateY(-3px);border-color:rgba(34,197,94,.4)!important;box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(34,197,94,.25)}
.pd-flagship-section .pd-flag-card{padding:22px 22px 20px!important}
.pd-flag-card h3,.pd-flag-card .pd-flag-title{font-family:var(--pdp-mono)!important;font-weight:700!important;letter-spacing:-.015em!important;font-size:1.05rem!important}
.pd-stat-num,.pd-stat-value,.pd-dash-num,.api-stat-value,.battle-stat-num,.battle-stat-value,.partners-stat-num{font-family:var(--pdp-mono)!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.03em!important;background:linear-gradient(180deg,#fff 0%,#cbd5e1 70%)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 36px rgba(34,197,94,.15)}
.pd-stat-label,.api-stat-label,.battle-stat-label,.partners-stat-label{font-family:var(--pdp-mono)!important;font-size:.68rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--pdp-text-mute)!important}
.pd-dash-section .pd-dash-grid{border:1px solid var(--pdp-line)!important;border-radius:var(--pdp-r-lg)!important;background:var(--pdp-glass)!important;backdrop-filter:blur(6px)}
.threat-type,.pd-chip,.badge{font-family:var(--pdp-mono)!important;font-weight:700!important;letter-spacing:.08em!important;font-size:.64rem!important;text-transform:uppercase!important;padding:3px 9px!important;border-radius:999px!important;border-width:1px!important;border-style:solid!important}
.pd-search-form,.pd-scan-form{border:1px solid var(--pdp-line-2)!important;background:var(--pdp-glass)!important;border-radius:14px!important;backdrop-filter:blur(10px);transition:border-color .2s,box-shadow .25s}
.pd-search-form:focus-within,.pd-scan-form:focus-within{border-color:var(--pdp-green)!important;box-shadow:0 0 0 4px rgba(34,197,94,.12),0 12px 32px rgba(0,0,0,.4)}
.pd-search-form input,.pd-scan-form input{color:var(--pdp-text)!important;background:transparent!important;letter-spacing:-.005em}
.pd-search-form input::placeholder,.pd-scan-form input::placeholder{color:var(--pdp-text-dim)}
.detection-card{padding:18px 20px 16px!important;border-radius:var(--pdp-r-lg)!important}
.detection-card::before{width:2px!important;background:linear-gradient(180deg,var(--pdp-green) 0%,transparent 100%)!important;opacity:.85!important}
.detection-card .domain-info{font-size:.98rem!important;font-weight:600!important;color:var(--pdp-text)!important}
.detection-card .time-info{font-size:.68rem!important;letter-spacing:.04em!important;color:var(--pdp-text-dim)!important}
.detection-card .detection-meta{font-size:.72rem!important;color:var(--pdp-text-mute)!important;margin-top:8px}
.scam-tabs-container .scam-tab,.scam-tab-btn{font-family:var(--pdp-mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-size:.74rem!important;font-weight:700!important;padding:10px 14px!important;border-radius:999px!important;border:1px solid var(--pdp-line)!important;background:var(--pdp-glass)!important;color:var(--pdp-text-mute)!important;transition:all .2s var(--pdp-ease)!important}
.scam-tabs-container .scam-tab.active,.scam-tab-btn.active{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.5)!important;color:var(--pdp-red)!important;box-shadow:0 0 0 1px rgba(239,68,68,.3),0 6px 18px rgba(239,68,68,.18)}
.faq-accordion-section .accordion-item{background:var(--pdp-glass)!important;border:1px solid var(--pdp-line)!important;border-radius:var(--pdp-r-md)!important;margin-bottom:10px!important;overflow:hidden}
.faq-accordion-section .accordion-button{font-family:var(--pdp-mono)!important;font-weight:700!important;font-size:.94rem!important;letter-spacing:-.01em!important;background:transparent!important;color:var(--pdp-text)!important;padding:18px 22px!important}
.faq-accordion-section .accordion-button:not(.collapsed){background:rgba(34,197,94,.06)!important;color:var(--pdp-green)!important;box-shadow:none!important}
.faq-accordion-section .accordion-button::after{filter:brightness(0) saturate(100%) invert(74%) sepia(57%) saturate(503%) hue-rotate(85deg) brightness(95%)}
.faq-accordion-section .accordion-body{padding:0 22px 18px!important;color:var(--pdp-text-mute)!important;font-size:.92rem!important;line-height:1.65!important}
.carousel-section .pd-hacker-card{padding:28px 28px!important;background:linear-gradient(180deg,var(--pdp-glass) 0%,var(--pdp-glass-2) 100%)!important;border:1px solid var(--pdp-line)!important;border-radius:var(--pdp-r-lg)!important}
.carousel-section .pd-hacker-badge{font-family:var(--pdp-mono)!important;font-size:.68rem!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--pdp-red)!important;margin-bottom:12px!important}
.carousel-section .pd-hacker-quote{font-family:var(--pdp-sans)!important;font-style:italic;line-height:1.55!important;color:var(--pdp-text)!important;font-size:1.02rem!important}
.carousel-section .pd-hacker-quote .redact{background:rgba(239,68,68,.18);color:var(--pdp-red);padding:0 6px;border-radius:4px;font-family:var(--pdp-mono);letter-spacing:.02em}
.carousel-section .carousel-indicators li img{opacity:.55;filter:grayscale(80%);transition:all .25s ease}
.carousel-section .carousel-indicators li.active img{opacity:1;filter:grayscale(0%);outline:2px solid var(--pdp-green);outline-offset:3px}
.terminal-body,#terminal-body{font-family:var(--pdp-mono)!important;font-size:.82rem!important;line-height:1.65!important;background:linear-gradient(180deg,#050810 0%,#080d15 100%)!important;border:1px solid var(--pdp-line-2)!important;border-radius:var(--pdp-r-md)!important;padding:18px 20px!important;color:#d3deea!important}
.home-banner-section{position:relative}
.home-banner-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 30% 25%,rgba(34,197,94,.10),transparent 60%),radial-gradient(ellipse 40% 50% at 70% 70%,rgba(239,68,68,.06),transparent 60%);pointer-events:none;z-index:0}
.home-banner-text{position:relative;z-index:2}
.home-banner-text p,.home-banner-section .lead{color:var(--pdp-text-mute)!important;line-height:1.55!important;max-width:56ch}
.home-banner-section .phishing-tag,.home-banner-section [class*="phishing-tag"]{filter:saturate(110%) drop-shadow(0 8px 24px rgba(239,68,68,.4))}
.battle-section,.api-section,.latest-detections-section,.partners-section,.security-tips-section,.faq-accordion-section,.carousel-section,.section-2,.pd-flagship-section,.pd-directory-section,.scam-section-container{padding-top:88px!important;padding-bottom:88px!important}
@media (max-width:768px){.battle-section,.api-section,.latest-detections-section,.partners-section,.security-tips-section,.faq-accordion-section,.carousel-section,.section-2,.pd-flagship-section,.pd-directory-section,.scam-section-container{padding-top:56px!important;padding-bottom:56px!important}}
.section-header,.text-center.mb-4,.text-center.mb-5{margin-bottom:44px!important}
.section-header h2,.section-header .gradient-text{margin-top:6px;margin-bottom:14px}
.pd-site-header{border-bottom:1px solid var(--pdp-line)!important;background:rgba(6,8,12,.7)!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.pd-site-header .nav-link,.pd-nav a{font-family:var(--pdp-mono)!important;font-size:.82rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--pdp-text-mute)!important;transition:color .18s ease}
.pd-site-header .nav-link:hover,.pd-nav a:hover{color:var(--pdp-green)!important}
.pd-site-header .nav-link.active{color:var(--pdp-text)!important;position:relative}
.pd-site-header .nav-link.active::after{content:"";position:absolute;left:50%;bottom:-14px;width:18px;height:2px;background:var(--pdp-green);transform:translateX(-50%);box-shadow:0 0 12px var(--pdp-green-glow)}
.pd-site-footer{background:linear-gradient(180deg,transparent 0%,var(--pdp-bg-0) 60%)!important;border-top:1px solid var(--pdp-line)!important;padding-top:64px!important}
.pd-site-footer a{color:var(--pdp-text-mute)!important;transition:color .18s ease}
.pd-site-footer a:hover{color:var(--pdp-green)!important}
.pd-site-footer h5,.pd-site-footer .footer-heading{font-family:var(--pdp-mono)!important;font-size:.74rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--pdp-text)!important;margin-bottom:18px!important}
::selection{background:rgba(34,197,94,.35);color:#fff;text-shadow:0 0 18px var(--pdp-green-glow)}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--pdp-green);outline-offset:3px;border-radius:4px}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.012) 1px,transparent 0);background-size:3px 3px;mix-blend-mode:overlay}
.glitch{text-shadow:0 0 1px rgba(34,197,94,.5),0 0 18px rgba(34,197,94,.15)}
.api-section::before,.carousel-section::before,.faq-accordion-section::before,.latest-detections-section::before,.our-services-section::before,.partners-section::before{width:64px!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--pdp-green) 50%,transparent)!important;margin:0 auto 44px!important;opacity:.6}
.pd-emergency-banner,.pd-silence-banner{background:linear-gradient(180deg,rgba(239,68,68,.08) 0%,rgba(239,68,68,.02) 100%)!important;border:1px solid rgba(239,68,68,.32)!important;border-radius:var(--pdp-r-lg)!important;box-shadow:0 0 0 1px rgba(239,68,68,.1) inset,0 24px 60px rgba(239,68,68,.08)}
.section-2 .section2-img-content,.section-2 .who-we-figure{display:flex;align-items:center;justify-content:center;min-height:280px;position:relative}
.section-2 .section2-img-content::before{content:"";position:absolute;inset:20%;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.18),transparent 65%),repeating-linear-gradient(45deg,rgba(34,197,94,.04) 0 1px,transparent 1px 18px);border-radius:50%;filter:blur(.5px);animation:pdp-orbit 14s linear infinite}
.section-2 .section2-img-content::after{content:"";position:absolute;inset:0;margin:auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(34,197,94,.35),rgba(34,197,94,.05) 60%,transparent 70%);box-shadow:0 0 80px var(--pdp-green-glow)}
@keyframes pdp-orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* ============================================================
   PD POLISH v2 append (2026-05-11) — fixes from screenshot QA
   ============================================================ */

/* 1. pd-flag-card — force column layout (was flex-direction:row breaking titles on mobile) */
.pd-flag-card{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: stretch !important;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
}
.pd-flag-card::after{
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(135deg, transparent 60%, rgba(34,197,94,.06) 100%);
  opacity: 0; transition: opacity .3s ease;
  pointer-events: none;
}
.pd-flag-card:hover::after{ opacity: 1; }
.pd-flag-card .pd-flag-head{
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 4px;
}
.pd-flag-card .pd-flag-icon{
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: rgba(34,197,94,.1);
  border: 1px solid rgba(34,197,94,.25);
  color: var(--pdp-green);
  flex-shrink: 0;
}
.pd-flag-card .pd-flag-icon svg{
  width: 18px; height: 18px;
}
.pd-flag-card .pd-flag-stat{
  font-family: var(--pdp-mono) !important;
  font-size: .62rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: var(--pdp-green) !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: rgba(34,197,94,.08);
  border: 1px solid rgba(34,197,94,.22);
  white-space: nowrap !important;
}
.pd-flag-card h3{
  font-family: var(--pdp-mono) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  letter-spacing: -.015em !important;
  color: var(--pdp-text) !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
.pd-flag-card p{
  font-size: .92rem !important;
  line-height: 1.55 !important;
  color: var(--pdp-text-mute) !important;
  margin: 0 !important;
}
.pd-flag-card .pd-flag-cta{
  margin-top: auto;
  padding-top: 8px;
  font-family: var(--pdp-mono) !important;
  font-size: .76rem !important;
  letter-spacing: .04em !important;
  color: var(--pdp-green) !important;
  display: inline-flex; align-items: center; gap: 6px;
  transition: gap .25s var(--pdp-spring);
}
.pd-flag-card:hover .pd-flag-cta{ gap: 12px; }

/* 2. pd-dir-col (Everything else we built) — column + better hierarchy */
.pd-dir-col{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 18px 18px 16px !important;
}
.pd-dir-col .pd-dir-cat{
  font-family: var(--pdp-mono) !important;
  font-size: .64rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--pdp-green) !important;
  margin-bottom: 6px !important;
  display: inline-flex; align-items: center; gap: 6px;
}
.pd-dir-col .pd-dir-cat::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background: var(--pdp-green); box-shadow: 0 0 8px var(--pdp-green-glow);
}
.pd-dir-col a, .pd-dir-col .pd-dir-item{
  display: block;
  padding: 6px 0;
  color: var(--pdp-text-mute) !important;
  font-size: .88rem !important;
  border-bottom: 1px solid transparent;
  transition: color .18s ease, transform .18s ease;
  text-decoration: none !important;
}
.pd-dir-col a:hover, .pd-dir-col .pd-dir-item:hover{
  color: var(--pdp-green) !important;
  transform: translateX(4px);
}

/* 3. Cookie banner — slim, glass bottom-sheet style */
[id*="cookie"][class*="visible"], .cookie-banner, #cookie-banner, .pd-cookie-banner{
  background: rgba(8,12,18,.92) !important;
  border-top: 1px solid var(--pdp-line) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  padding: 14px 18px !important;
  font-size: .82rem !important;
}
[id*="cookie"][class*="visible"] *, .cookie-banner *{
  font-family: var(--pdp-sans);
}
[id*="cookie"][class*="visible"] .btn, .cookie-banner .btn{
  padding: 8px 18px !important;
  font-size: .72rem !important;
}
@media (max-width: 768px){
  [id*="cookie"][class*="visible"], .cookie-banner, #cookie-banner{
    padding: 12px 14px !important;
    font-size: .76rem !important;
    line-height: 1.4 !important;
  }
}

/* 4. Battle section ("Relentless Attacks. Zero Effect.") — layout cohesion */
.battle-section .row{
  align-items: center !important;
}
.battle-section .battle-stats-grid, .battle-section .pd-stats-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 20px;
}
.battle-section .battle-stat, .battle-section .pd-stat{
  padding: 22px 20px !important;
  border-radius: var(--pdp-r-lg) !important;
  background: linear-gradient(180deg, var(--pdp-glass) 0%, var(--pdp-glass-2) 100%) !important;
  border: 1px solid var(--pdp-line) !important;
  text-align: left !important;
}
.battle-section .battle-stat-num, .battle-section .pd-stat-num{
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  line-height: 1 !important;
  margin-bottom: 6px;
  display: block;
}

/* 5. "Don't Be Silent" banner — restore button hierarchy */
.pd-silence-banner .btn-success, .pd-silence-banner .btn-primary,
.pd-emergency-banner .btn-success{
  background: linear-gradient(180deg, var(--pdp-green), var(--pdp-green-2)) !important;
  color: #06120b !important;
}
.pd-silence-banner .btn-outline-light, .pd-silence-banner .btn-outline-secondary,
.pd-silence-banner .btn-outline-success, .pd-silence-banner a.banner-cta-secondary,
.pd-emergency-banner .btn-outline-light{
  background: transparent !important;
  color: var(--pdp-red) !important;
  border: 1px solid rgba(239,68,68,.45) !important;
}
.pd-silence-banner .btn-outline-light:hover, .pd-silence-banner a.banner-cta-secondary:hover{
  background: rgba(239,68,68,.08) !important;
  border-color: var(--pdp-red) !important;
  color: #fff !important;
}

/* 6. Hero stats row — bigger, more presence */
.pd-dash-section, .pd-dash-grid{
  padding: 14px 18px !important;
}
.pd-dash-section .pd-dash-num, .pd-dash-section .pd-stat-value{
  font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
  letter-spacing: -.02em !important;
  margin-bottom: 4px !important;
  display: block !important;
}
.pd-dash-section .pd-dash-label{
  font-size: .62rem !important;
  letter-spacing: .2em !important;
  color: var(--pdp-text-mute) !important;
}

/* 7. Ecosystem Partners — partner logo grid polish */
.partners-section .partners-logos, .partners-section .partner-logos,
.partners-section img.partner-logo, .partners-section .partner-row img{
  filter: grayscale(60%) opacity(.85);
  transition: filter .25s ease, transform .25s var(--pdp-spring);
}
.partners-section .partner-row img:hover, .partners-section img.partner-logo:hover{
  filter: grayscale(0%) opacity(1);
  transform: scale(1.05);
}
.partners-section .partners-stats-grid, .partners-section .pd-stats-row{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 36px !important;
}

/* 8. Section-2 (Free Solution) — fix overlap (left orb + right cards) */
.section-2 .row{
  align-items: center !important;
}
.section-2 [class*="col-"] + [class*="col-"]{
  margin-top: 24px;
}
@media (min-width: 768px){
  .section-2 [class*="col-"] + [class*="col-"]{
    margin-top: 0;
  }
}

/* 9. Header — hamburger button polish on mobile */
.pd-site-header .menu-toggle, .pd-site-header [aria-label*="menu" i],
.pd-site-header button.hamburger, .navbar-toggler{
  background: var(--pdp-glass) !important;
  border: 1px solid var(--pdp-line-2) !important;
  border-radius: 10px !important;
  width: 44px; height: 44px;
  display: inline-flex; align-items:center; justify-content:center;
  transition: border-color .2s ease, background .2s ease;
}
.pd-site-header .menu-toggle:hover, .pd-site-header .navbar-toggler:hover{
  border-color: var(--pdp-green) !important;
  background: rgba(34,197,94,.06) !important;
}

/* 10. Logo polish — add subtle glow */
.pd-site-header .logo, .pd-site-header img.logo, .pd-logo{
  filter: drop-shadow(0 0 12px rgba(34,197,94,.18));
}

/* 11. Live Activity ticker (between hero stats and search) — refine */
.pd-namesilo-banner, .pd-live-ticker{
  border: 1px solid var(--pdp-line-2) !important;
  border-radius: var(--pdp-r-md) !important;
  background: linear-gradient(180deg, rgba(239,68,68,.08) 0%, transparent 100%) !important;
}

/* 12. Tips cards (Essential Security Resources) — refine icons */
.security-tips-section .tip-card{
  padding: 28px 22px !important;
  text-align: left !important;
}
.security-tips-section .tip-card .tip-icon,
.security-tips-section .tip-card [class*="icon"]{
  width: 48px; height: 48px;
  border-radius: 12px;
  background: rgba(34,197,94,.1);
  border: 1px solid rgba(34,197,94,.25);
  color: var(--pdp-green);
  display: inline-flex; align-items:center; justify-content:center;
  margin-bottom: 16px;
}
.security-tips-section .tip-card h3, .security-tips-section .tip-card h4{
  font-family: var(--pdp-mono) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  font-size: 1.05rem !important;
  margin-bottom: 10px !important;
}
.security-tips-section .tip-card.tip-card--emergency{
  border-color: rgba(239,68,68,.35) !important;
  background:
    linear-gradient(180deg, rgba(239,68,68,.06) 0%, var(--pdp-glass) 100%) !important;
}
.security-tips-section .tip-card.tip-card--emergency .tip-icon,
.security-tips-section .tip-card.tip-card--emergency [class*="icon"]{
  background: rgba(239,68,68,.1);
  border-color: rgba(239,68,68,.3);
  color: var(--pdp-red);
}

/* 13. Hero — make "Takedown |" cursor blink more visible */
.home-banner-text .takedown-typewriter, .home-banner-text .typewriter,
.home-banner-text h1 .cursor, .home-banner-text h1 [data-cursor]{
  color: var(--pdp-green);
}

/* 14. Search/scan results dropdown — surface */
.pd-search-results, .pd-search-suggestions, .scan-result, .pd-scan-output{
  background: rgba(8,12,18,.96) !important;
  border: 1px solid var(--pdp-line) !important;
  border-radius: var(--pdp-r-md) !important;
  backdrop-filter: blur(14px);
  box-shadow: var(--pdp-shadow-lg);
}

/* 15. body::after grain — make safer (was potentially causing blank screens after JS hide) */
body::after{
  display: var(--pdp-grain-display, block);
}

/* 16. Scam card content (Warning section) — refine */
.scam-card{
  padding: 28px 28px !important;
}
.scam-card h3{
  font-family: var(--pdp-mono) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  font-size: 1.4rem !important;
  margin-bottom: 14px !important;
}
.scam-card .scam-card-stats{
  display: flex; gap: 18px; flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--pdp-line);
}
.scam-card .scam-card-stat{
  display: flex; flex-direction: column;
}
.scam-card .scam-card-stat-num{
  font-family: var(--pdp-mono);
  font-weight: 800;
  color: var(--pdp-red);
  font-size: 1.2rem;
}
.scam-card .scam-card-stat-label{
  font-family: var(--pdp-mono);
  font-size: .64rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--pdp-text-mute);
}

/* 17. Mobile: hide right-side floating action button overlap */
@media (max-width: 600px){
  .pd-fab, .pd-tg-bot-fab, .floating-tg-btn{
    bottom: 88px !important; /* above cookie banner */
  }
}

/* 18. Mobile: hero stats rendering */
@media (max-width: 600px){
  .pd-dash-section .pd-dash-grid{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .pd-dash-section .pd-dash-num{
    font-size: 1.3rem !important;
  }
  .home-banner-text h1{
    font-size: clamp(2rem, 8vw, 2.8rem) !important;
  }
}

/* 19. Tab pills in scam carousel — re-style consistently */
.scam-tabs-container, .scam-tabs{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: center !important;
  margin-bottom: 32px !important;
}

/* 20. Footer columns — better breathing */
.pd-site-footer .footer-col, .pd-site-footer [class*="col-"]{
  padding-bottom: 24px;
}

/* ============================================================
   PD POLISH v3 — corrections after QA (2026-05-11)
   ============================================================ */

/* Restore semantic colors on stat numbers (active=red, neutralized=green, etc.)
   Drop background-clip:text gradient — it killed brand colors & rendered as
   blank bars at small font sizes. Keep typography refinements only.
*/
.pd-stat-num, .pd-stat-value, .pd-dash-num, .api-stat-value,
.battle-stat-num, .battle-stat-value, .partners-stat-num{
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  /* keep typography */
  font-family: var(--pdp-mono) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -.02em !important;
  text-shadow: 0 0 24px currentColor;
  filter: drop-shadow(0 0 1px currentColor) saturate(110%);
}
/* Reset filter for non-colored numbers (default white) */
.pd-stat-num:not([style*="color"]):not([class*="danger"]):not([class*="green"]):not([class*="success"]){
  filter: none;
  text-shadow: 0 0 18px rgba(255,255,255,.06);
}

/* Cleanup my own ::after under headings — was sometimes doubled */
.main-heading::after, .gradient-text::after{
  display: none;
}
/* Use cleaner divider only on section headings inside .section-header */
.section-header .main-heading::after, .section-header .gradient-text::after,
.section-header h2::after{
  display: block !important;
  content: ""; margin: 14px auto 0;
  width: 56px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--pdp-green) 50%, transparent);
  opacity: .55;
}

/* "Don't Be Silent" — banner clearer hierarchy */
.pd-silence-banner h2, .pd-emergency-banner h2,
.pd-silence-banner .banner-title{
  font-family: var(--pdp-mono) !important;
  font-weight: 800 !important;
  font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
  letter-spacing: -.015em !important;
  color: #fff !important;
  text-shadow: 0 0 22px rgba(239,68,68,.4);
}

/* Six tools heading inside card — keep stat pill on top right */
.pd-flag-card .pd-flag-head{
  justify-content: space-between !important;
}

/* Improve hover preview on flag/dir cards: corner indicator */
.pd-flag-card, .pd-dir-col, .tip-card{
  position: relative;
}
.pd-flag-card::before, .pd-dir-col::before, .tip-card::before{
  content: "";
  position: absolute;
  top: 0; right: 0;
  width: 24px; height: 24px;
  background:
    linear-gradient(135deg, transparent 50%, var(--pdp-green) 50%);
  opacity: 0;
  transition: opacity .25s ease;
  border-top-right-radius: var(--pdp-r-lg);
}
.pd-flag-card:hover::before, .pd-dir-col:hover::before, .tip-card:hover::before{
  opacity: .22;
}

/* Floating TG bot button — green coin styling */
.pd-fab, .pd-tg-bot-fab, .floating-tg-btn, [class*="floating"][class*="tg"]{
  background: linear-gradient(180deg, var(--pdp-green), var(--pdp-green-2)) !important;
  color: #06120b !important;
  box-shadow: 0 8px 24px rgba(34,197,94,.4), 0 0 0 1px rgba(34,197,94,.4) !important;
  border: none !important;
}

/* NameSilo banner — refine padding + alignment */
.pd-namesilo-banner{
  padding: 24px !important;
}
.pd-namesilo-banner .pd-namesilo-eyebrow{
  font-family: var(--pdp-mono) !important;
  font-size: .68rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--pdp-red) !important;
  margin-bottom: 10px !important;
}
.pd-namesilo-banner h2{
  font-family: var(--pdp-mono) !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
  color: var(--pdp-red) !important;
  margin-bottom: 14px !important;
}

/* Threat teaser ("How a phishing domain dies") section */
.pd-threat-teaser{
  padding: 64px 0 !important;
}

/* Hero stickers (PHISHING / AIRDROP-SCAM / WALLET-DRAINER) — keep dynamic */
.home-banner-section img.hero-shark, .home-banner-section .home-banner-image img{
  filter: contrast(1.05) saturate(115%) drop-shadow(0 24px 60px rgba(0,0,0,.5));
}

/* Mobile: hamburger button visibility + touch target */
@media (max-width: 600px){
  .pd-site-header{ padding: 10px 14px !important; }
  .pd-site-header .container{ padding: 0 !important; }
  .pd-site-header .navbar-toggler, .pd-site-header .menu-toggle{
    width: 44px; height: 44px;
  }
  .pd-site-header .pd-logo, .pd-site-header img.logo{
    max-height: 32px !important;
  }
}

/* Mobile dropdown menu */
@media (max-width: 991px){
  .pd-site-header .pd-nav, .pd-site-header .navbar-collapse{
    background: rgba(8,12,18,.96) !important;
    border: 1px solid var(--pdp-line) !important;
    border-radius: var(--pdp-r-md) !important;
    padding: 14px !important;
    margin-top: 8px;
    backdrop-filter: blur(14px);
  }
  .pd-site-header .pd-nav a, .pd-site-header .nav-link{
    padding: 12px 0 !important;
    display: block !important;
    border-bottom: 1px solid var(--pdp-line) !important;
  }
  .pd-site-header .pd-nav a:last-child, .pd-site-header .nav-link:last-child{
    border-bottom: none !important;
  }
}

/* "Six tools" eyebrow + "Everything else" — keep alignment */
.pd-flagship-section .section-header, .pd-directory-section .section-header{
  text-align: center;
}

/* Carousel indicators (Hall of Shame) — bigger touch targets + nicer spacing */
.carousel-section .carousel-indicators{
  position: static !important;
  margin: 24px 0 0 !important;
  gap: 8px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
.carousel-section .carousel-indicators li{
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  margin: 4px !important;
  padding: 0 !important;
  overflow: hidden;
  background: transparent !important;
  border: 1px solid var(--pdp-line) !important;
  opacity: 1 !important;
  text-indent: 0 !important;
}
.carousel-section .carousel-indicators li img{
  width: 100% !important; height: 100% !important;
  object-fit: cover;
  display: block;
}
.carousel-section .carousel-indicators li.active{
  border-color: var(--pdp-green) !important;
  box-shadow: 0 0 0 1px var(--pdp-green), 0 0 18px rgba(34,197,94,.3);
}

/* Refine glitch heading — restraint */
.glitch{
  position: relative;
}
.glitch::before, .glitch::after{
  display: none; /* kill the rainbow glitch on most headings — too noisy */
}
/* Allow glitch only on hero h1 and scam-heading */
#hero-heading.glitch::before, #hero-heading.glitch::after,
#scam-heading::before, #scam-heading::after{
  display: block;
}

/* "Free Solution" cards on right column polish */
.section-2 .right-side-card, .section-2 .feature-card, .section-2 .card{
  padding: 22px !important;
  margin-bottom: 14px !important;
}
.section-2 .right-side-card h3, .section-2 .feature-card h3{
  font-family: var(--pdp-mono) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  margin-bottom: 8px !important;
  letter-spacing: -.01em !important;
}

/* API section terminal CLI — better contrast */
.api-section pre, .api-section code{
  background: rgba(0,0,0,.4) !important;
  padding: 18px !important;
  border-radius: var(--pdp-r-md) !important;
  border: 1px solid var(--pdp-line) !important;
  color: #d3deea !important;
  font-size: .82rem !important;
  line-height: 1.6 !important;
}

/* Endpoints table */
.api-section table{
  background: var(--pdp-glass) !important;
  border-radius: var(--pdp-r-md) !important;
  overflow: hidden;
}
.api-section table th, .api-section table td{
  border-color: var(--pdp-line) !important;
  font-family: var(--pdp-mono) !important;
  font-size: .8rem !important;
}
.api-section table th{
  background: rgba(34,197,94,.06) !important;
  color: var(--pdp-green) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  font-size: .7rem !important;
}

/* Remove orphan padding gaps on overflow trap fix */
.home-banner-section.position-relative{
  padding-top: 40px !important;
  padding-bottom: 64px !important;
}

/* Mobile hero — image slightly smaller + better headline scale */
@media (max-width: 600px){
  .home-banner-image{
    max-width: 280px !important;
    margin: 0 auto 20px !important;
  }
  .home-banner-text h1{
    font-size: 2rem !important;
    line-height: 1.05 !important;
  }
  .home-banner-text p{
    font-size: .9rem !important;
  }
  .home-banner-section .btn{
    width: 100%;
    justify-content: center !important;
  }
}
