/* WormHole prelander A: Privacy Check */
:root{
  --space-0:#0a0720; --space-1:#1b1150; --space-2:#2c1a7a; --violet:#7b4dff; --violet-2:#a98bff;
  --sky:#7fd0ff; --ink:#fff; --ink-dim:rgba(255,255,255,.66); --ink-faint:rgba(255,255,255,.14); --alert:#ff6b8a;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--space-0)}
body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px}

.pl{position:relative;width:100%;max-width:480px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden}
.space{background:
  radial-gradient(120% 70% at 50% 110%,var(--space-2) 0%,transparent 60%),
  radial-gradient(90% 60% at 80% -10%,#24156a 0%,transparent 60%),
  var(--space-0)}
.stars{position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(1px 1px at 12% 18%,#fff9,transparent),radial-gradient(1px 1px at 72% 9%,#fff8,transparent),
  radial-gradient(1.5px 1.5px at 40% 32%,#fff7,transparent),radial-gradient(1px 1px at 88% 41%,#fff9,transparent),
  radial-gradient(1px 1px at 22% 58%,#fff6,transparent),radial-gradient(1.5px 1.5px at 63% 66%,#fff8,transparent),
  radial-gradient(1px 1px at 8% 83%,#fff7,transparent),radial-gradient(1px 1px at 52% 88%,#fff6,transparent),
  radial-gradient(1px 1px at 93% 77%,#fff8,transparent),radial-gradient(1px 1px at 33% 6%,#fff7,transparent)}

.step{position:absolute;inset:0;display:flex;flex-direction:column;
  padding:calc(28px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px));
  animation:in .35s ease both}
.step-scroll{display:block;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.mark{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.mark img{width:26px;height:26px;border-radius:7px}
.hero{margin:auto 0;display:grid;gap:16px}
.kicker{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sky)}
.h1{font-size:clamp(30px,9vw,38px);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:0;text-wrap:balance}
.p{font-size:17px;line-height:1.45;color:var(--ink-dim);margin:0}
.p.small{font-size:15px}
.orb{width:150px;height:150px;border-radius:50%;margin:0 auto 6px;position:relative;
  background:radial-gradient(circle at 50% 50%,#bfe9ff 0%,var(--violet) 38%,var(--space-1) 72%);box-shadow:0 0 80px rgba(123,77,255,.7)}
.orb::before,.orb::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(169,139,255,.35);animation:ring 3s linear infinite}
.orb::after{animation-delay:1.5s}
@keyframes ring{from{transform:scale(.8);opacity:1}to{transform:scale(1.35);opacity:0}}
@media (max-height:640px){.orb{width:96px;height:96px}}

.cta{display:flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:16px;padding:17px 20px;
  font:600 18px/1 var(--font);color:var(--space-0);text-decoration:none;
  background:linear-gradient(180deg,#fff,#dcd3ff);box-shadow:0 10px 30px rgba(123,77,255,.45),inset 0 -2px 0 rgba(0,0,0,.08)}
.cta:active{transform:scale(.98)}
.cta.pulse{animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 10px 30px rgba(123,77,255,.45)}50%{box-shadow:0 10px 44px rgba(127,208,255,.75)}}
.cta-sub{text-align:center;color:var(--ink-dim);font-size:13px;margin-top:10px}

.prog{display:flex;gap:6px;margin-top:4px}
.prog i{flex:1;height:4px;border-radius:2px;background:var(--ink-faint)}
.prog i.on{background:var(--sky)}
.q{font-size:28px;line-height:1.15;font-weight:750;letter-spacing:-.01em;margin:28px 0 8px;text-wrap:balance}
.hint{color:var(--ink-dim);font-size:15px;margin:0 0 22px}
.opts{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);
  border-radius:16px;padding:16px;font-size:17px;font-weight:500;transition:background .15s,border-color .15s}
.opt .ic{width:38px;height:38px;border-radius:11px;background:rgba(127,208,255,.14);display:grid;place-items:center;flex:none}
.opt .ic svg{width:20px;height:20px;stroke:var(--sky);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.opt:active,.opt.picked{background:rgba(123,77,255,.35);border-color:var(--violet-2)}

.scan-title{font-size:26px;font-weight:750;margin:34px 0 6px}
.rows{display:grid;gap:2px;margin-top:22px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.row{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-size:15px;background:rgba(255,255,255,.03);opacity:.25;transition:opacity .3s}
.row.on{opacity:1}
.row .k{color:var(--ink-dim)}
.row .v{font-weight:600;text-align:right;font-variant-numeric:tabular-nums;transition:color .3s;min-width:0;overflow-wrap:anywhere}
.row .v.bad{color:var(--alert)}
.row .v.ok{color:var(--sky)}
.spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink-faint);border-top-color:var(--sky);animation:spin .8s linear infinite;display:inline-block;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}
.bar{height:6px;border-radius:3px;background:var(--ink-faint);margin-top:18px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--sky));transition:width .5s}

.res{padding:calc(28px + env(safe-area-inset-top,0px)) 22px 170px}
.gauge{display:flex;align-items:center;gap:18px;margin-top:20px}
.gauge svg{width:112px;height:112px;flex:none}
#arc{transition:stroke-dashoffset 1s ease,stroke .4s}
.gauge .num{font-size:30px;font-weight:800;fill:var(--ink)}
.gauge .of{font-size:11px;fill:var(--ink-dim)}
.gauge h2{margin:0 0 4px;font-size:22px;line-height:1.15}
.gauge p{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.4}
.level{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;
  background:rgba(255,107,138,.16);color:var(--alert);margin-bottom:8px;transition:.3s}
.level.safe{background:rgba(127,208,255,.16);color:var(--sky)}
.sees{margin:26px 0 8px;font-size:15px;font-weight:600}
#resrows{margin-top:0}
.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:16px;padding:16px;border-radius:18px;
  border:1px solid rgba(169,139,255,.4);background:rgba(123,77,255,.16);font-size:16px;font-weight:600;text-align:left}
.switch small{display:block;font-weight:400;color:var(--ink-dim);font-size:13px;margin-top:2px}
.tog{width:52px;height:32px;border-radius:16px;background:rgba(255,255,255,.2);position:relative;flex:none;transition:.25s}
.tog::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:.25s}
.switch[aria-pressed="true"] .tog{background:var(--violet)}
.switch[aria-pressed="true"] .tog::after{left:23px}
.dock{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:480px;bottom:0;
  padding:16px 20px calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,rgba(10,7,32,.92) 30%);z-index:5}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}