:root{
  --bg:#07060f;
  --bg-2:#0e0c1d;
  --card:#13112a;
  --line:rgba(255,255,255,.09);
  --text:#f3f1ff;
  --muted:#a7a3c6;
  --neon:#39ff9f;
  --neon-2:#00e5ff;
  --hot:#ff2e6e;
  --violet:#8b5cff;
  --radius:18px;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --display:'Space Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden;padding-bottom:84px}
img{max-width:100%;display:block}
a{color:inherit}
code{font-family:var(--mono);font-size:.88em;background:rgba(57,255,159,.1);color:var(--neon);padding:.1em .35em;border-radius:6px}

/* background */
.bg-grid{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%);opacity:.5}
.bg-glow{position:fixed;z-index:-1;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.35;pointer-events:none}
.bg-glow--a{background:var(--violet);top:-180px;left:-160px}
.bg-glow--b{background:var(--hot);top:30%;right:-260px;opacity:.22}

/* topbar */
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(7,6,15,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}
.brand b{color:var(--neon)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:700;color:#04140b;background:linear-gradient(135deg,var(--neon),var(--neon-2));border-radius:999px;padding:14px 26px;box-shadow:0 0 0 1px rgba(57,255,159,.4),0 10px 40px -8px rgba(57,255,159,.6);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(57,255,159,.6),0 14px 50px -6px rgba(57,255,159,.8)}
.btn:active{transform:translateY(0) scale(.98)}
.btn--sm{padding:9px 16px;font-size:.9rem}
.btn--xl{padding:18px 30px;font-size:1.15rem;width:100%;max-width:420px;animation:pulse 2.2s infinite}
.btn--ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--neon)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(57,255,159,.55),0 10px 40px -8px rgba(57,255,159,.6)}60%{box-shadow:0 0 0 14px rgba(57,255,159,0),0 10px 40px -8px rgba(57,255,159,.6)}}

/* layout */
main{max-width:1080px;margin:0 auto;padding:0 16px}
section{padding:56px 0}
.block--tight{padding-bottom:24px}
h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(2.3rem,8.5vw,4.6rem);font-weight:700}
h2{font-size:clamp(1.8rem,6vw,3rem);margin-bottom:28px}
h3{font-size:1.15rem;margin-bottom:6px}
.eyebrow{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--neon);margin-bottom:12px}
.neon{color:var(--neon);text-shadow:0 0 24px rgba(57,255,159,.6)}

/* hero */
.hero{text-align:center;padding-top:36px;display:flex;flex-direction:column;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:999px;padding:6px 14px;margin-bottom:22px}
.dot{width:8px;height:8px;border-radius:50%}
.dot--red{background:var(--hot);box-shadow:0 0 10px var(--hot);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}
.lead{max-width:620px;margin:20px auto 28px;color:var(--muted);font-size:1.08rem}
.lead strong{color:var(--text)}

.glitch{position:relative;display:inline-block;color:var(--hot);text-shadow:0 0 30px rgba(255,46,110,.55)}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.glitch::before{color:var(--neon-2);animation:g1 3s infinite steps(1);clip-path:inset(0 0 60% 0)}
.glitch::after{color:var(--violet);animation:g2 3s infinite steps(1);clip-path:inset(55% 0 0 0)}
@keyframes g1{0%,88%,100%{transform:none;opacity:0}90%{transform:translate(-4px,-2px);opacity:1}94%{transform:translate(3px,1px);opacity:1}}
@keyframes g2{0%,86%,100%{transform:none;opacity:0}89%{transform:translate(4px,2px);opacity:1}93%{transform:translate(-3px,0);opacity:1}}

/* terminal */
.terminal{width:100%;max-width:640px;text-align:left;background:linear-gradient(180deg,#110f24,#0b0a18);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 80px -30px rgba(139,92,255,.6),0 0 0 1px rgba(139,92,255,.15);margin-bottom:28px}
.terminal__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.terminal__bar span{width:10px;height:10px;border-radius:50%;background:#2b2850}
.terminal__bar span:nth-child(1){background:#ff5f57}.terminal__bar span:nth-child(2){background:#febc2e}.terminal__bar span:nth-child(3){background:#28c840}
.terminal__bar em{font-style:normal;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status{margin-left:auto;font-style:normal;font-weight:600;padding:2px 8px;border-radius:6px;background:rgba(255,46,110,.15);color:var(--hot);white-space:nowrap}
.status.ok{background:rgba(57,255,159,.15);color:var(--neon)}
.terminal__body{font-family:var(--mono);font-size:clamp(.72rem,2.9vw,.9rem);line-height:1.75;padding:16px;min-height:220px;white-space:pre-wrap;word-break:break-all;color:#d9d6f5}
.terminal__body .p{color:var(--violet)}
.terminal__body .c{color:#6e6a94}
.terminal__body .s{background:rgba(255,46,110,.18);color:#ff7aa2;border-radius:4px;padding:0 3px;transition:all .35s}
.terminal__body .s.safe{background:rgba(57,255,159,.18);color:var(--neon)}
.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--neon);vertical-align:-3px;animation:blink 1s infinite}

.cta-row{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.link-free{color:var(--muted);font-size:.95rem;text-decoration:none;border-bottom:1px dashed var(--muted)}
.link-free:hover{color:var(--neon);border-color:var(--neon)}
.chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.chips li{font-size:.85rem;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}

/* stats */
.stats{text-align:center}
.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 12px}
.stat b{display:block;font-family:var(--display);font-size:clamp(2rem,8vw,3rem);line-height:1;color:var(--neon);text-shadow:0 0 24px rgba(57,255,159,.4)}
.stat span{color:var(--muted);font-size:.88rem}
.stat--hot{border-color:rgba(255,46,110,.4);background:linear-gradient(180deg,rgba(255,46,110,.12),var(--card))}
.stat--hot b{color:var(--hot);text-shadow:0 0 24px rgba(255,46,110,.5)}
.stat--hot b span{color:inherit;font-size:inherit}
.stats__note{margin-top:18px;font-family:var(--display);font-size:1.2rem}

/* leaks */
.leak-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.leak{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:transform .2s,border-color .2s}
.leak:hover{transform:translateY(-4px);border-color:rgba(255,46,110,.5)}
.leak img{margin-bottom:12px}
.leak p{color:var(--muted);font-size:.9rem}

/* swap */
.swap{display:grid;gap:14px;margin-bottom:34px}
.swap__col{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;overflow:hidden}
.swap__col--bad{border-color:rgba(255,46,110,.35)}
.swap__col--good{border-color:rgba(57,255,159,.35);box-shadow:0 0 40px -15px rgba(57,255,159,.5)}
.swap pre{font-family:var(--mono);font-size:clamp(.7rem,2.8vw,.86rem);line-height:1.9;white-space:pre-wrap;word-break:break-all;margin:12px 0}
.swap p{color:var(--muted);font-size:.88rem}
.swap .k{color:var(--neon-2)}
mark{border-radius:4px;padding:0 4px}
mark.bad{background:rgba(255,46,110,.2);color:#ff7aa2}
mark.good{background:rgba(57,255,159,.18);color:var(--neon)}
.tag{font-family:var(--mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:999px}
.tag--bad{background:rgba(255,46,110,.15);color:var(--hot)}
.tag--good{background:rgba(57,255,159,.15);color:var(--neon)}
.swap__arrow{display:flex;justify-content:center;transform:rotate(90deg)}
.swap__arrow img{transform:rotate(-90deg);filter:drop-shadow(0 0 20px rgba(57,255,159,.6));animation:float 3s ease-in-out infinite}
@keyframes float{50%{translate:6px 0}}

.steps{list-style:none;display:grid;gap:12px}
.steps li{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.steps b{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-family:var(--display);background:linear-gradient(135deg,var(--violet),var(--hot));box-shadow:0 6px 20px -6px var(--violet)}
.steps p{color:var(--muted);font-size:.92rem}

/* marquee */
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee__track{display:flex;gap:10px;width:max-content;animation:scroll 38s linear infinite}
.marquee__track span{font-family:var(--mono);font-size:.9rem;padding:10px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);white-space:nowrap}
@keyframes scroll{to{transform:translateX(-50%)}}

/* plans */
.plans{display:grid;gap:14px}
.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 22px;display:flex;flex-direction:column}
.plan--hot{border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--neon),var(--violet),var(--hot)) border-box;box-shadow:0 20px 60px -25px rgba(57,255,159,.55)}
.ribbon{position:absolute;top:-12px;right:18px;font-size:.74rem;font-weight:700;background:var(--hot);color:#fff;padding:4px 10px;border-radius:999px}
.price{font-family:var(--display);font-size:2.6rem;font-weight:700;margin:6px 0 2px}
.price small{font-size:.95rem;color:var(--muted);font-weight:500}
.price-sub{color:var(--muted);font-size:.85rem;margin-bottom:6px}
.plan ul{list-style:none;margin:16px 0 22px;display:grid;gap:9px;flex:1}
.plan li{padding-left:26px;position:relative;font-size:.95rem}
.plan li::before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--neon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%2304140b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

/* faq */
.faq{display:grid;gap:10px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 18px}
.faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--neon);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:16px}

/* final */
.final{text-align:center;display:flex;flex-direction:column;align-items:center;padding:64px 0 48px}
.final__shield{margin-bottom:12px;filter:drop-shadow(0 0 40px rgba(57,255,159,.35));animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-10px)}}
.final p{color:var(--muted);margin:-12px 0 26px}

/* footer */
.footer{border-top:1px solid var(--line);padding:28px 16px;text-align:center;color:#6e6a94;font-size:.8rem;display:grid;gap:6px}
.footer a{color:var(--muted)}

/* sticky cta (mobile) */
.sticky-cta{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:30;text-align:center;text-decoration:none;font-family:var(--display);font-weight:700;color:#04140b;background:linear-gradient(135deg,var(--neon),var(--neon-2));padding:16px;border-radius:16px;box-shadow:0 10px 40px -6px rgba(57,255,159,.7);transform:translateY(140%);transition:transform .3s ease}
.sticky-cta.show{transform:none}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

@media (min-width:720px){
  body{padding-bottom:0}
  .sticky-cta{display:none}
  section{padding:84px 0}
  .stats__grid{grid-template-columns:repeat(4,1fr)}
  .leak-grid{grid-template-columns:repeat(3,1fr)}
  .swap{grid-template-columns:1fr auto 1fr;align-items:center}
  .swap__arrow,.swap__arrow img{transform:none}
  .steps{grid-template-columns:repeat(3,1fr)}
  .plans{grid-template-columns:1fr 1fr;max-width:820px}
  .faq{max-width:820px}
  .block h2,.block .eyebrow{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}