/*
 * ScamRadar WOW - 01 / 07
 * Shared visual tokens and navigation, no feature changes.
 * Local-only assets, no fonts, APIs, scripts or imagery downloads.
 */
:root {
  --sr-ink:#060e19; --sr-ink-2:#09192b;
  --sr-panel:rgba(12,29,49,.85); --sr-panel-strong:rgba(12,32,55,.94);
  --sr-line:rgba(154,217,247,.17); --sr-text:#eff8ff;
  --sr-muted:#a8bed0; --sr-cyan:#65e3ff; --sr-violet:#a999ff;
  --sr-green:#7fe3c3; --sr-amber:#ffd28b; --sr-red:#ff8b96;
  --srw-radius:24px; --srw-shadow:0 28px 90px rgba(0,7,18,.36);
}
html {scroll-padding-top:106px}
body {background:#050e19;color:var(--sr-text);-webkit-font-smoothing:antialiased}
::selection {color:#06111f;background:#94efff}
:where(.sr-shell,.sr-page-main) :is(h1,h2,h3) {text-wrap:balance}
:where(.sr-shell,.sr-page-main) :is(button,input,select,textarea,summary,a):focus-visible {
  outline:3px solid #ffe19b;outline-offset:3px
}
:where(.sr-shell,.sr-page-main) :is(input,textarea,select){accent-color:var(--sr-cyan)}
:where(.sr-shell,.sr-page-main) [hidden]{display:none!important}
.sr-site-header {
  position:sticky;top:0;z-index:100;
  border-bottom:1px solid rgba(115,204,255,.15);
  background:rgba(5,15,28,.89);
  box-shadow:0 10px 38px rgba(0,6,18,.24);
  -webkit-backdrop-filter:saturate(145%) blur(18px);
  backdrop-filter:saturate(145%) blur(18px)
}
.sr-header-inner {width:min(1320px,100%);min-height:82px}
.sr-brand,.sr-footer-brand {font-weight:880;letter-spacing:-.055em}
.sr-brand a {display:inline-flex;align-items:center;gap:.12rem;font-size:clamp(1.35rem,1.8vw,1.55rem);line-height:1.1}
.sr-brand a::after {color:var(--sr-cyan);text-shadow:0 0 20px rgba(101,227,255,.45)}
.sr-nav {gap:clamp(.35rem,1.3vw,1.2rem)}
.sr-nav a {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:39px;padding:.32rem .65rem;
  border:1px solid transparent;border-radius:12px;
  color:#c3d5e4;font-weight:670;
  transition:border-color .2s ease,background .2s ease,color .2s ease
}
.sr-nav a:hover,.sr-nav a:focus-visible {
  border-color:rgba(159,227,255,.2);background:rgba(126,207,255,.085);color:#fff
}
.sr-nav a[aria-current=page] {border-color:rgba(123,225,255,.3);background:rgba(67,166,213,.12)}
.sr-language-switcher {
  padding:.27rem;background:rgba(12,33,53,.85);
  border-color:rgba(163,222,255,.21)
}
.sr-language-switcher a {
  min-width:37px;min-height:35px;
  display:inline-flex;align-items:center;justify-content:center
}
.sr-language-switcher a.is-active {
  color:#071626;background:linear-gradient(115deg,#7debff,#b6abff);
  box-shadow:0 5px 18px rgba(73,204,244,.2)
}
.sr-site-footer {
  border-top:1px solid rgba(147,210,248,.15);
  background:linear-gradient(180deg,#071320,#040b15)
}
.sr-footer-inner {width:min(1320px,100%);min-height:166px}
.sr-footer-copy,.sr-footer-meta {color:#a7bcd0}
@media (max-width:900px) {
 .sr-header-inner {padding-inline:18px;min-height:0}
 .sr-site-header {position:relative}
 .sr-nav {gap:.5rem}
 .sr-nav a {min-height:44px;white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto}
 .sr-shell *, .sr-page-main *, .sr-site-header *,
 .sr-shell *::before,.sr-page-main *::before,
 .sr-shell *::after,.sr-page-main *::after {
   animation:none!important;transition-duration:.01ms!important
 }
}

/* WOW01 visual QA correction: compact, scrollable nav on smaller screens.
 * All 14 real destinations stay in the DOM, focusable and reachable.
 * No hamburger dependency or JS, no hidden menu items.
 */
@media (max-width:1500px) {
  .sr-site-header .sr-header-inner {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:.35rem .85rem!important;
    min-height:0!important;
    padding:11px 24px 10px!important;
  }
  .sr-site-header a.sr-brand {
    grid-column:1!important;grid-row:1!important;
    justify-self:start!important;
    font-size:1.4rem;font-weight:880;letter-spacing:-.055em;
    line-height:1.12;
  }
  .sr-site-header .sr-language-switcher {
    grid-column:2!important;grid-row:1!important;
    justify-self:end!important;order:0!important;
    margin:0!important;
  }
  .sr-site-header .sr-nav {
    display:flex!important;grid-template-columns:none!important;
    grid-column:1/-1!important;grid-row:2!important;
    flex:none!important;order:0!important;
    flex-wrap:nowrap!important;align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;max-width:100%!important;width:100%!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    margin:0!important;padding:.38rem 0 .55rem!important;
    gap:.5rem!important;
    border-top:1px solid rgba(145,210,247,.13);
    scrollbar-width:thin;
    scrollbar-color:rgba(134,211,249,.4) transparent;
    scroll-snap-type:x proximity;scroll-padding-inline:.3rem;
    -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 20px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 20px),transparent 100%);
  }
  .sr-site-header .sr-nav a,
  .sr-site-header .sr-nav-account {
    flex:0 0 auto!important;grid-column:auto!important;
    width:auto!important;max-width:none!important;min-width:0!important;
    min-height:42px!important;
    padding:.52rem .86rem!important;
    margin:0!important;
    white-space:nowrap!important;overflow-wrap:normal!important;
    border:1px solid rgba(141,211,247,.17);
    border-radius:12px;background:rgba(82,145,196,.065);
    font-size:.83rem;line-height:1.25;
    scroll-snap-align:start;
  }
  .sr-site-header .sr-nav a:hover,
  .sr-site-header .sr-nav a:focus-visible {
    background:rgba(109,206,248,.15);
    border-color:rgba(134,232,255,.36);
  }
}
@media (max-width:700px) {
  .sr-site-header .sr-header-inner {padding:11px 15px 9px!important}
  .sr-site-header a.sr-brand {font-size:1.38rem}
  .sr-site-header .sr-nav a,
  .sr-site-header .sr-nav-account {min-height:44px!important;font-size:.81rem}
}