/*
 * ScamRadar WOW 02/07 - the genuine homepage toolkit.
 * Only a presentation surface. The original scanner, source evidence,
 * warnings, form actions, accounts and verdict colors stay untouched.
 */
.sr-w2-launchpad {
  --sr-w2-bg: #081726;
  position: relative;
  z-index: 4;
  padding: 0 24px clamp(4.2rem, 8vw, 8.8rem);
  margin-top: -32px;
  isolation: isolate;
  scroll-margin-top: 184px;
}
.sr-w2-container {
  width: min(1280px, 100%);
  margin: 0 auto;
}
.sr-w2-intro {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 2rem;
  padding: clamp(1.65rem, 3vw, 3.2rem) clamp(1.5rem, 3vw, 3.2rem) 2.1rem;
  border: 1px solid rgba(151, 215, 253, .28);
  border-bottom: 0;
  border-radius: 30px 30px 0 0;
  background:
    radial-gradient(ellipse 55% 100% at 100% 0%, rgba(109, 102, 205, .2), transparent 80%),
    linear-gradient(115deg, rgba(17, 44, 73, .96), rgba(10, 26, 48, .97));
  box-shadow: 0 -18px 74px rgba(42, 131, 191, .085);
}
.sr-w2-heading {max-width: 800px}
.sr-w2-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .45rem .8rem;
  border: 1px solid rgba(125, 224, 255, .25);
  border-radius: 100px;
  background: rgba(42, 108, 149, .14);
  color: #9ce9ff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .11em;
}
.sr-w2-eyebrow-dot {
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: #78f1ff;
  box-shadow: 0 0 0 4px rgba(104, 226, 255, .10), 0 0 19px rgba(117, 228, 255, .75);
}
.sr-w2-intro h2 {
  margin: 1.15rem 0 .8rem;
  max-width: 830px;
  color: #f7fbff;
  font-size: clamp(2.15rem, 4.6vw, 4.6rem);
  font-weight: 860;
  line-height: 1.065;
  letter-spacing: -.057em;
  text-wrap: balance;
}
.sr-w2-intro p {
  max-width: 730px;
  margin: 0;
  color: #b7cde0;
  font-size: clamp(.97rem, 1.3vw, 1.09rem);
  line-height: 1.78;
}
.sr-w2-intro-link {
  display: inline-flex;
  gap: .85rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-bottom: .2rem;
  padding: .76rem 1rem;
  border: 1px solid rgba(145, 219, 251, .30);
  border-radius: 14px;
  color: #e5f8ff;
  background: rgba(135, 218, 255, .09);
  text-decoration: none;
  font-size: .84rem;
  font-weight: 760;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.sr-w2-intro-link:hover {
  transform: translateY(-2px);
  border-color: rgba(153, 236, 255, .54);
  background: rgba(135, 218, 255, .15);
}
.sr-w2-intro-link span {
  font-size: 1.25rem;
  line-height: 1;
  color: #a8eaff;
}
.sr-w2-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(150, 214, 251, .27);
  background: rgba(134, 198, 235, .17);
}
.sr-w2-card {
  --w2-accent: 102, 217, 250;
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 292px;
  flex-direction: column;
  grid-column: span 3;
  padding: clamp(1.35rem, 2.1vw, 2rem);
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(ellipse 91% 88% at 90% -6%, rgba(var(--w2-accent), .11), transparent 69%),
    linear-gradient(150deg, #142a43 0%, #0a1a2e 88%);
  text-decoration: none;
  color: #e8f5ff;
  transition: transform .25s ease, background-color .25s ease;
}
.sr-w2-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 235px;
  height: 235px;
  top: -160px;
  right: -95px;
  border: 1px solid rgba(var(--w2-accent), .16);
  border-radius: 50%;
  box-shadow: 0 0 0 50px rgba(var(--w2-accent), .025), 0 0 0 93px rgba(var(--w2-accent), .015);
  pointer-events: none;
}
.sr-w2-card::after {
  content: "";
  position: absolute;
  height: 2px;
  inset: auto 100% 0 0;
  background: linear-gradient(90deg, rgba(var(--w2-accent), .95), rgba(var(--w2-accent), 0));
  transition: right .24s ease;
}
.sr-w2-card:is(:hover, :focus-visible) {
  background-color: #17304e;
}
.sr-w2-card:is(:hover, :focus-visible)::after {right: 0}
.sr-w2-card:focus-visible {
  z-index: 5;
  outline: 3px solid #ffdf93;
  outline-offset: -4px;
}
.sr-w2-card-bulk, .sr-w2-card-message {
  grid-column: span 6;
  min-height: 318px;
  padding: clamp(1.6rem, 3vw, 2.7rem);
}
.sr-w2-card-message {--w2-accent: 171, 159, 254}
.sr-w2-card-report {--w2-accent: 255, 197, 128}
.sr-w2-card-help {--w2-accent: 132, 224, 184}
.sr-w2-card-sources {--w2-accent: 114, 199, 254}
.sr-w2-card-cases {--w2-accent: 195, 168, 255}
.sr-w2-card-top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: auto;
}
.sr-w2-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  flex: none;
  border: 1px solid rgba(var(--w2-accent), .36);
  border-radius: 18px;
  background: rgba(var(--w2-accent), .11);
  color: rgb(var(--w2-accent));
  box-shadow: inset 0 1px rgba(255, 255, 255, .085), 0 14px 30px rgba(0, 7, 18, .15);
}
.sr-w2-icon svg {display: block}
.sr-w2-number {
  color: rgba(178, 203, 222, .7);
  font-size: .72rem;
  line-height: 1.6;
  letter-spacing: .07em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.sr-w2-type {
  margin: 1.6rem 0 .55rem;
  color: rgb(var(--w2-accent));
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .095em;
  text-transform: uppercase;
}
.sr-w2-card-title {
  display: block;
  max-width: 430px;
  margin-bottom: .7rem;
  color: #f7faff;
  font-size: clamp(1.16rem, 1.9vw, 1.63rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -.033em;
  text-wrap: balance;
}
.sr-w2-card-copy {
  display: block;
  max-width: 520px;
  color: #afc4d4;
  font-size: .92rem;
  line-height: 1.62;
}
.sr-w2-card-action {
  display: inline-flex;
  align-items: center;
  align-self: start;
  gap: .65rem;
  margin-top: 1.45rem;
  color: #eaf9ff;
  font-size: .84rem;
  font-weight: 790;
}
.sr-w2-card-action span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(var(--w2-accent), .29);
  border-radius: 50%;
  color: rgb(var(--w2-accent));
  font-size: 1.17rem;
  transition: transform .2s ease, background .2s ease;
}
.sr-w2-card:hover .sr-w2-card-action span {
  transform: translate(2px, -2px);
  background: rgba(var(--w2-accent), .13);
}
.sr-w2-principles {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.6rem clamp(1.25rem, 3vw, 3rem);
  border: 1px solid rgba(145, 214, 251, .25);
  border-top: 0;
  border-radius: 0 0 28px 28px;
  background: linear-gradient(110deg, rgba(15, 39, 64, .97), rgba(8, 23, 42, .98));
  box-shadow: 0 25px 70px rgba(0, 7, 18, .23);
}
.sr-w2-principles-mark {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: none;
  border: 1px solid rgba(130, 218, 246, .24);
  border-radius: 14px;
  color: #9ce4f7;
  background: rgba(68, 158, 205, .09);
}
.sr-w2-principles p {
  flex: 1 1 auto;
  margin: 0;
  color: #aebfd0;
  font-size: .91rem;
  line-height: 1.65;
}
.sr-w2-principles p strong {
  color: #ecf8ff;
  font-weight: 780;
}
.sr-w2-principles a {
  display: inline-flex;
  flex: 0 0 auto;
  gap: .55rem;
  align-items: center;
  padding: .65rem .3rem;
  color: #a9eaff;
  font-weight: 760;
  font-size: .84rem;
  white-space: nowrap;
  text-decoration-color: rgba(139, 217, 252, .4);
}
.sr-w2-principles a span {font-size: 1.2rem}
.sr-w2-explore-prompt {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  margin-top: 1.4rem;
  padding: .6rem .2rem;
  color: #c1eaff;
  font-size: .86rem;
  font-weight: 730;
  text-decoration: none;
}
.sr-w2-explore-prompt span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(141, 217, 250, .31);
  border-radius: 50%;
  color: #c5efff;
  background: rgba(106, 183, 226, .12);
  font-size: 1rem;
  transition: transform .2s ease;
}
.sr-w2-explore-prompt:hover span {transform: translateY(3px)}
@media (max-width: 1050px) {
  .sr-w2-intro {align-items: start; flex-direction: column; gap: 1.4rem}
  .sr-w2-card {grid-column: span 6}
  .sr-w2-card-bulk, .sr-w2-card-message {min-height: 320px}
  .sr-w2-card {min-height: 295px}
}
@media (max-width: 700px) {
  .sr-w2-launchpad {
    margin-top: -18px;
    padding: 0 18px 4.5rem;
    scroll-margin-top: 24px;
  }
  .sr-w2-intro {padding: 1.5rem 1.35rem 1.6rem; border-radius: 24px 24px 0 0}
  .sr-w2-intro h2 {font-size: clamp(2rem, 8vw, 3.1rem); letter-spacing: -.045em}
  .sr-w2-intro-link {align-self: stretch; justify-content: space-between}
  .sr-w2-grid {grid-template-columns: repeat(1, minmax(0, 1fr))}
  .sr-w2-card, .sr-w2-card-bulk, .sr-w2-card-message {
    grid-column: auto;
    min-height: 0;
    padding: 1.5rem 1.35rem;
  }
  .sr-w2-card-top {margin-bottom: .55rem}
  .sr-w2-icon {width: 52px; height: 52px; border-radius: 16px}
  .sr-w2-type {margin: 1.2rem 0 .48rem}
  .sr-w2-card-title {font-size: clamp(1.29rem, 5vw, 1.65rem)}
  .sr-w2-card-action {margin-top: 1.08rem}
  .sr-w2-principles {
    flex-wrap: wrap;
    align-items: start;
    gap: .85rem;
    padding: 1.3rem;
    border-radius: 0 0 23px 23px;
  }
  .sr-w2-principles-mark {width: 42px; height: 42px}
  .sr-w2-principles p {flex: 1 1 calc(100% - 60px)}
  .sr-w2-principles a {margin-left: 0; padding: .4rem 0 0}
}
@media (max-width: 420px) {
  .sr-w2-launchpad {padding-inline: 14px}
  .sr-w2-intro h2 {font-size: clamp(1.95rem, 8.5vw, 2.5rem)}
  .sr-w2-card-copy {font-size: .88rem}
}
@media (hover: none) {
  .sr-w2-card:hover .sr-w2-card-action span,
  .sr-w2-intro-link:hover,
  .sr-w2-explore-prompt:hover span {transform: none}
}
@media (prefers-reduced-motion: reduce) {
  .sr-w2-launchpad *, .sr-w2-launchpad *::after,
  .sr-w2-launchpad *::before, .sr-w2-explore-prompt * {
    transition-duration: .01ms !important;
    animation: none !important;
  }
}