@font-face{
  font-family:'Outfit Fallback';
  src:local('Arial');
  size-adjust:105%;
  ascent-override:92%;
  descent-override:24%;
  line-gap-override:0%;
}
@font-face{
  font-family:'Syne Fallback';
  src:local('Arial Black'),local('Arial');
  size-adjust:98%;
  ascent-override:88%;
  descent-override:22%;
  line-gap-override:0%;
}
@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:500 800;
  font-display:swap;
  src:url(/fonts/outfit-latin.woff2) format('woff2');
}
@font-face{
  font-family:'Syne';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url(/fonts/syne-latin.woff2) format('woff2');
}
:root{
  --bg:#050805;
  --bg2:#0a1410;
  --ink:#f3fff8;
  --mute:#9db5a8;
  --line:rgba(243,255,248,.12);
  --green:#22c55e;
  --green2:#4ade80;
  --lime:#c8f56a;
  --wa:#25D366;
  --tg:#2AABEE;
  --gold:#f5d76e;
  --blue:#3b82f6;
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  --font:'Outfit','Outfit Fallback',system-ui,sans-serif;
  --display:'Syne','Syne Fallback',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
html{
  scroll-behavior:auto;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  font-family:var(--font);
  color:var(--ink);
  background:
    radial-gradient(ellipse 100% 70% at 50% -20%,rgba(42,171,238,.12),transparent 50%),
    radial-gradient(ellipse 80% 50% at 100% 40%,rgba(34,197,94,.1),transparent 45%),
    var(--bg);
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  width:100%;
  max-width:100vw;
  min-height:100svh;
  min-height:100dvh;
}
a{color:inherit;text-decoration:none}
button{font:inherit;border:0;background:none;cursor:pointer}

.page{
  width:min(480px,100%);
  margin:0 auto;
  min-height:100svh;
  min-height:100dvh;
  padding:calc(14px + var(--safe-t)) 16px calc(100px + var(--safe-b));
  position:relative;
  overflow-x:hidden;
}

.fold{
  position:relative;z-index:2;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:calc(-14px - var(--safe-t)) -16px 0;
  padding:calc(14px + var(--safe-t)) 16px 0;
  box-sizing:border-box;
  min-height:100svh;
  min-height:100dvh;
}
.fold .topbar,
.fold .hero,
.fold .steps{flex-shrink:0}
.fold .topbar{margin-bottom:0}
.fold .hero{
  margin-top:4px;
  margin-bottom:0;
}
.fold-end{
  flex-shrink:0;
  margin-top:14px;
  margin-bottom:0;
}
.fold-end .cta-early{margin-bottom:12px}
.shell{
  width:min(440px,100%);
  margin:0 auto;
  min-height:100svh;
  min-height:100dvh;
  padding:calc(16px + var(--safe-t)) 16px calc(28px + var(--safe-b));
  overflow-x:hidden;
}

.money-rain{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:0}
.money-rain i{
  position:absolute;top:-40px;font-style:normal;font-weight:800;
  color:rgba(200,245,106,.35);font-size:18px;
  animation:fall linear infinite;
}
@keyframes fall{
  0%{transform:translateY(0) rotate(0);opacity:0}
  10%{opacity:.7}
  100%{transform:translateY(110vh) rotate(180deg);opacity:0}
}

.glow{
  position:absolute;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(34,197,94,.22),transparent 70%);
  top:-80px;right:-100px;filter:blur(10px);z-index:0;
  animation:pulseGlow 4s ease-in-out infinite;
}
@keyframes pulseGlow{
  0%,100%{opacity:.6;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}

.topbar,.top{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:18px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.logo{
  flex-shrink:0;
  width:54px;height:54px;border-radius:16px;
  background:linear-gradient(145deg,var(--lime),var(--green));
  color:#052010;font-weight:800;font-size:28px;line-height:1;
  display:grid;place-items:center;
  animation:logoBeat 2s ease-in-out infinite;
}
@keyframes logoBeat{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
.brand > div{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}
.brand b{
  font-family:var(--font);
  font-size:17px;line-height:1.15;display:block;
  font-weight:800;letter-spacing:-.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.brand span{
  font-size:12px;color:var(--mute);
  letter-spacing:.08em;text-transform:uppercase;
  font-weight:650;line-height:1.2;
}
.live,.secure{
  flex-shrink:0;
  align-self:center;
  display:inline-flex;align-items:center;gap:8px;
  height:40px;
  font-size:12px;font-weight:800;color:var(--green2);
  background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);
  padding:0 14px;border-radius:999px;white-space:nowrap;
  letter-spacing:.05em;
}
.live:before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--green2);
  animation:blink 1.2s infinite;flex-shrink:0;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}

.hero{position:relative;z-index:2;margin-bottom:22px}
.eyebrow,.kicker{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#ffb4b4;margin-bottom:10px;
  animation:flashText 2.2s ease-in-out infinite;
}
.kicker{color:var(--lime);animation:none}
@keyframes flashText{0%,100%{opacity:1}50%{opacity:.55}}
h1{
  font-family:var(--display);
  font-size:clamp(26px,4.2vw,34px);
  font-weight:800;line-height:1.3;letter-spacing:-.015em;
  margin-bottom:12px;
  overflow:visible;
}
.hero h1{
  transform:none;
  font-size:clamp(24px,6vw,34px);
  line-height:1.32;
  letter-spacing:-.01em;
  margin-top:0;
  margin-bottom:14px;
  overflow:visible;
  padding:0.08em 0 0.12em;
}
.fold .hero .sub{
  position:relative;
  z-index:2;
  margin-top:0;
  margin-bottom:0;
  font-size:15px;
  line-height:1.45;
}
.fold .steps{margin:18px 0 0}
h1 .hl,h1 em{
  font-style:normal;
  background:linear-gradient(90deg,var(--lime),var(--gold),var(--lime));
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shineText 3s linear infinite;
}
@keyframes shineText{to{background-position:200% center}}
.sub,.lead{color:var(--mute);font-size:15px;margin-bottom:16px}
.sub strong,.lead strong{color:var(--ink)}

/* STEPS — timeline */
.steps{
  position:relative;z-index:2;
  display:grid;gap:0;margin:0;
  padding:0 0 0 2px;
  align-content:start;
  contain:layout style;
  min-height:280px;
}
.step-card{
  position:relative;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:12px;
  align-items:start;
  padding:0 0 16px;
  margin:0;
  border-radius:0;
  background:none;
  border:0;
  overflow:visible;
  transition:none;
}
.step-card:last-child{padding-bottom:0}
.step-card:hover{
  transform:none;
  box-shadow:none;
  border-color:transparent;
}
.step-card:before{display:none}
.step-rail{
  position:relative;
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  align-items:center;
  align-self:stretch;
  min-height:100%;
}
.step-rail:after{
  content:"";
  position:absolute;
  top:30px;
  bottom:0;
  left:50%;
  width:2px;
  margin-left:-1px;
  border-radius:2px;
  background:linear-gradient(
    180deg,
    rgba(200,245,106,0) 0%,
    rgba(200,245,106,.25) 8%,
    rgba(200,245,106,.55) 22%,
    rgba(200,245,106,.9) 45%,
    rgba(200,245,106,.9) 55%,
    rgba(200,245,106,.55) 78%,
    rgba(200,245,106,.25) 92%,
    rgba(200,245,106,0) 100%
  );
}
.step-card:not(:last-child) .step-rail:after{
  bottom:-20px; /* atravessa o espaço até o próximo */
}
.step-card:last-child .step-rail:after{display:none}
.step-dot{
  position:relative;z-index:1;
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  font-family:var(--font);font-size:12px;font-weight:800;
  color:#052010;background:var(--lime);
  box-shadow:0 0 0 4px rgba(200,245,106,.12);
  flex-shrink:0;
}
.step-body{
  padding-top:2px;min-width:0;
}
.step-body h3{
  font-size:14px;font-weight:750;margin-bottom:4px;
  letter-spacing:-.015em;line-height:1.3;
}
.step-body p{font-size:12.5px;color:var(--mute);line-height:1.45}
.step-tag{display:none}

/* FEEDBACKS */
.rating-box{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:14px;
  padding:14px;margin-bottom:14px;border-radius:16px;
  background:rgba(245,215,110,.08);border:1px solid rgba(245,215,110,.25);
}
.rating-score{
  font-family:var(--display);font-size:36px;font-weight:800;color:var(--gold);line-height:1;
}
.rating-meta{font-size:12px;color:var(--mute)}
.stars{color:var(--gold);letter-spacing:2px;font-size:14px;margin-bottom:2px}

.feedbacks{display:grid;gap:10px;position:relative;z-index:2}
.fb{
  padding:14px;border-radius:16px;
  background:rgba(255,255,255,.03);border:1px solid var(--line);
  transition:border-color .2s, transform .2s;
}
.fb:hover{border-color:rgba(42,171,238,.35);transform:translateY(-1px)}
.fb-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.fb-user{display:flex;align-items:center;gap:10px}
.fb-av{
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;font-size:14px;color:#052010;
  background:linear-gradient(145deg,var(--lime),var(--green));
}
.fb-av.tg{background:linear-gradient(145deg,#7dd3fc,var(--tg));color:#fff}
.fb-av.wa{background:linear-gradient(145deg,#86efac,var(--wa));color:#052010}
.fb-name{font-size:13px;font-weight:800}
.fb-loc{font-size:11px;color:var(--mute)}
.fb-stars{color:var(--gold);font-size:12px;letter-spacing:1px}
.fb-text{font-size:13px;color:var(--ink);line-height:1.4;margin-bottom:8px}
.fb-foot{display:flex;justify-content:flex-end;align-items:center;font-size:11px;color:var(--mute)}

.hooks{display:grid;gap:8px;margin-bottom:18px}
.hook{
  display:flex;gap:10px;align-items:flex-start;
  padding:12px;border-radius:12px;
  background:rgba(255,255,255,.03);border:1px solid var(--line);
  font-size:13px;color:var(--mute);
}
.hook strong{color:var(--ink)}
.hook .n{
  flex:0 0 28px;height:28px;border-radius:8px;
  display:grid;place-items:center;font-size:14px;
  background:rgba(200,245,106,.12);
}

.marquee{
  position:relative;z-index:2;overflow:hidden;
  margin:0 -16px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.03);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.marquee-track{
  display:flex;gap:32px;width:max-content;padding:18px 0;
  animation:marquee 22s linear infinite;
  font-size:14px;font-weight:700;color:var(--mute);text-transform:uppercase;
  letter-spacing:.04em;
}
.marquee-track b{color:var(--lime)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.feed-wrap{
  position:relative;z-index:2;margin:0 0 22px;border-radius:18px;
  border:1px solid transparent;
  background:
    linear-gradient(#07140f,#07140f) padding-box,
    linear-gradient(135deg,rgba(37,211,102,.55),rgba(42,171,238,.45),rgba(200,245,106,.35)) border-box;
  overflow:hidden;
  animation:feedGlow 3.5s ease-in-out infinite;
}
@keyframes feedGlow{
  0%,100%{opacity:1}
  50%{opacity:.92}
}
.feed-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.25);
}
.feed-head strong{font-size:13px}
.feed-head span{font-size:11px;color:var(--mute)}
.feed{
  height:300px;overflow:hidden;padding:12px;
  display:flex;flex-direction:column;gap:10px;
  mask-image:linear-gradient(180deg,#000 70%,transparent);
}
.msg{
  max-width:92%;padding:10px 12px;border-radius:14px;font-size:13px;
  animation:msgIn .4s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 20px rgba(0,0,0,.2);
}
@keyframes msgIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.msg.wa{align-self:flex-start;background:#0f2a1a;border:1px solid rgba(37,211,102,.25);border-bottom-left-radius:4px}
.msg.tg{align-self:flex-end;background:#0d2233;border:1px solid rgba(42,171,238,.3);border-bottom-right-radius:4px}
.msg .from{font-size:11px;font-weight:700;margin-bottom:4px}
.msg.wa .from{color:var(--wa)}
.msg.tg .from{color:var(--tg)}
.msg .meta{display:block;margin-top:6px;font-size:10px;color:rgba(255,255,255,.4);text-align:right}
.msg .money{color:var(--lime);font-weight:800}

.section{position:relative;z-index:2;margin:28px 0 24px;padding:0}
.section h2{font-family:var(--display);font-size:22px;font-weight:800;margin-bottom:8px}
.section p.desc{color:var(--mute);font-size:14px;margin-bottom:14px}
.cards{display:grid;gap:10px}
.card{padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.card h3{font-size:14px;font-weight:750;margin-bottom:4px}
.card p{font-size:13px;color:var(--mute)}
.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:16px 0 8px}
.stat{text-align:center;padding:12px 8px;border-radius:12px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.18)}
.stat b{display:block;font-family:var(--display);font-size:18px;color:var(--lime)}
.stat span{font-size:10px;color:var(--mute);text-transform:uppercase}

.urgency{
  margin:18px 0;padding:12px 14px;border-radius:12px;
  background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.25);
  color:#ffc9c9;font-size:13px;font-weight:600;display:flex;gap:10px;align-items:center;
}
.urgency strong{color:#fff}

.faq{display:grid;gap:8px;position:relative;z-index:2}
.faq-item{
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  overflow:hidden;
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:14px 44px 14px 14px;
  font-size:14px;font-weight:700;line-height:1.35;
  position:relative;
  -webkit-user-select:none;user-select:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
  content:"+";
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;border-radius:8px;
  display:grid;place-items:center;
  font-size:16px;font-weight:700;color:var(--lime);
  background:rgba(200,245,106,.1);
}
.faq-item[open] summary:after{content:"–"}
.faq-item p{
  padding:0 14px 14px;
  font-size:13px;color:var(--mute);line-height:1.45;
}

.cta-stack,.stack{display:grid;gap:10px;margin-top:8px}
.cta-early{
  margin:0 0 12px;
  position:relative;z-index:3;
  padding-top:0;
}
.btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:62px;padding:16px 14px;border-radius:14px;
  font-weight:800;font-size:16px;line-height:1.2;text-align:center;
  position:relative;overflow:hidden;
  transition:transform .12s,filter .2s;
}
.btn:active{transform:scale(.98)}
.btn-main,.btn-tg,.btn-wa{position:relative;overflow:hidden}
.btn-main{
  background:linear-gradient(135deg,var(--lime),var(--green));
  color:#052010;box-shadow:0 12px 28px rgba(34,197,94,.4);
  animation:ctaPulse 2.4s ease-in-out infinite;
}
.btn-tg{
  background:linear-gradient(135deg,#3dbcf5,var(--tg));
  color:#fff;box-shadow:0 10px 28px rgba(42,171,238,.45);
  animation:ctaPulse 2.4s ease-in-out infinite;
}
.btn-wa{
  background:linear-gradient(135deg,#3be07a,var(--wa));
  color:#052010;box-shadow:0 10px 28px rgba(37,211,102,.4);
  animation:ctaPulse 2.4s ease-in-out infinite .3s;
}
.btn-main:after,.btn-tg:after,.btn-wa:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);
  transform:translateX(-120%);animation:btnShine 5.5s ease-in-out infinite;
}
@keyframes btnShine{
  0%,55%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}
@keyframes ctaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
.btn .ico{font-size:18px;position:relative;z-index:1}
.btn-ico{
  width:18px;height:18px;flex-shrink:0;
  fill:currentColor;position:relative;z-index:1;
}
.btn-ghost{margin-top:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);font-size:13px;min-height:48px;animation:none}
.btn-ghost:after{display:none}

/* Botão fixo — sempre visível */
.sticky-cta{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:200;
  width:100%;
  max-width:480px;
  margin:0 auto;
  padding:12px 14px calc(14px + var(--safe-b));
  background:linear-gradient(180deg,transparent 0%,rgba(5,8,5,.92) 32%,#050805 70%);
  box-sizing:border-box;
  pointer-events:none;
  contain:layout style;
  transform:translateZ(0);
}
.sticky-cta .btn{
  pointer-events:auto;
  min-height:56px;
  height:56px;
  font-size:14px;
  line-height:1.2;
  box-shadow:0 10px 32px rgba(34,197,94,.45),0 0 0 1px rgba(200,245,106,.2);
  will-change:transform;
}
.btn-sticky{
  animation:stickyPulse 1.7s ease-in-out infinite !important;
}
.btn-sticky:after{
  animation:btnShine 6.5s ease-in-out infinite !important;
}
@keyframes stickyPulse{
  0%,100%{transform:translateZ(0) scale(1)}
  50%{transform:translateZ(0) scale(1.03)}
}

.disclaimer,.note{position:relative;z-index:2;margin-top:18px;font-size:11px;color:var(--mute);text-align:center;line-height:1.4}

.page-join{padding-bottom:calc(28px + var(--safe-b)) !important}
.page-join .hero{margin-bottom:10px;min-height:120px}
.page-join .hero h1{
  transform:none;
  font-size:clamp(24px,6.5vw,32px);
  line-height:1.15;
  margin-bottom:10px;
  min-height:2.5em;
}
.page-join .sub{
  margin-bottom:12px;
  font-size:14px;
  line-height:1.45;
  min-height:3.2em;
}
.join-points{
  display:grid;gap:10px;
  margin:0 0 16px;
  position:relative;z-index:2;
  min-height:168px;
}
.join-point{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  min-height:52px;
}
.join-num{
  flex-shrink:0;
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  font-family:var(--font);font-size:13px;font-weight:800;
  color:#052010;
  background:linear-gradient(135deg,var(--lime),var(--green));
}
.join-point p{
  margin:0;
  font-size:13.5px;line-height:1.35;
  color:var(--ink);font-weight:500;
}
.join-cta{margin-top:4px;gap:12px}
.join-cta .btn{
  min-height:58px;
  height:58px;
  font-size:15px;
  contain:layout style;
}

.reveal{opacity:0;transform:translateY(16px);transition:.5s ease}
.reveal.on{opacity:1;transform:none}

.progress{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-bottom:20px}
.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:99px;transition:width .35s ease}
.step{display:none;animation:msgIn .3s ease}
.step.on{display:block}
.q-title{
  font-size:clamp(22px,6.5vw,26px);
  margin-bottom:8px;
}
.ok-title{font-size:clamp(24px,7vw,28px)}
.opt{
  width:100%;text-align:left;display:flex;align-items:center;gap:12px;
  padding:14px;margin-bottom:10px;border-radius:14px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);
  color:var(--ink);font-weight:650;font-size:14px;
  -webkit-user-select:none;user-select:none;
}
.opt > span:last-child{min-width:0;flex:1;line-height:1.3}
.opt:hover{border-color:rgba(200,245,106,.4)}
.opt .ico{flex:0 0 40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(200,245,106,.12);font-size:18px}
.ok{
  width:64px;height:64px;margin:4px auto 18px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(200,245,106,.1);
  border:1.5px solid rgba(200,245,106,.55);
  box-shadow:0 0 0 6px rgba(200,245,106,.08),0 12px 28px rgba(0,0,0,.25);
  color:var(--lime);
  font-size:0;
}
.ok:before{
  content:"";
  width:18px;height:10px;
  border-left:2.5px solid var(--lime);
  border-bottom:2.5px solid var(--lime);
  transform:rotate(-45deg) translate(1px,-2px);
}

/* ===== MOBILE ===== */
@media (max-width:430px){
  .page{padding:calc(10px + var(--safe-t)) 14px calc(100px + var(--safe-b))}
  .cta-early{display:none}
  .sticky-cta{padding:10px 14px calc(12px + var(--safe-b));max-width:100%}
  .sticky-cta .btn{min-height:54px;font-size:13.5px}
  .fold{
    margin:calc(-10px - var(--safe-t)) -14px 0;
    padding:calc(10px + var(--safe-t)) 14px 0;
    min-height:100svh;
    min-height:100dvh;
    height:auto;
    overflow:visible;
    justify-content:flex-start;
    gap:8px;
  }
  .fold-end{margin-top:10px}
  .shell{padding:calc(14px + var(--safe-t)) 14px calc(24px + var(--safe-b))}
  .topbar,.top{margin-bottom:0;gap:10px;align-items:center}
  .brand{gap:10px}
  .logo{width:48px;height:48px;font-size:24px;border-radius:14px}
  .brand b{font-size:14px}
  .brand span{font-size:10px}
  .live,.secure{height:34px;font-size:10px;padding:0 11px}
  h1{
    font-size:clamp(22px,5.8vw,26px);
    line-height:1.3;
    margin-bottom:8px;
  }
  .hero h1{
    transform:none;
    font-size:clamp(22px,5.8vw,28px);
    line-height:1.34;
    margin-top:0;
    margin-bottom:12px;
    letter-spacing:-.01em;
    overflow:visible;
  }
  .q-title{font-size:clamp(20px,6vw,24px)}
  .ok-title{font-size:clamp(22px,6.5vw,26px)}
  .hero{margin-top:2px;margin-bottom:0}
  .sub,.lead{
    font-size:13px;
    margin-bottom:0;
    line-height:1.4;
  }
  .fold .hero .sub{margin-top:0;position:relative;z-index:2;font-size:13px}
  .steps{
    margin:10px 0 0;
    padding:0 0 0 2px;
    align-content:start;
    flex:0 0 auto;
    gap:0;
    min-height:260px;
  }
  .step-card{
    grid-template-columns:26px 1fr;
    gap:10px;
    padding:0 0 14px;
    align-items:start;
    border-radius:0;
    background:none;
    border:0;
  }
  .step-card:last-child{padding-bottom:0}
  .step-card:not(:last-child) .step-rail:after{bottom:-14px}
  .step-dot{
    width:26px;height:26px;font-size:11px;border-radius:50%;
    box-shadow:0 0 0 3px rgba(200,245,106,.12);
  }
  .step-rail:after{top:28px;width:2px}
  .step-body h3{font-size:13px;margin-bottom:3px;line-height:1.3}
  .step-body p{display:block;font-size:11.5px;line-height:1.4}
  .cta-early{padding-top:0;margin-bottom:8px}
  .fold-end .cta-early{margin-bottom:8px}
  .btn{min-height:56px;font-size:14px;padding:14px 12px;gap:8px}
  .btn-ico{width:17px;height:17px}
  .marquee{margin-left:-14px;margin-right:-14px}
  .marquee-track{padding:14px 0;font-size:11px;gap:22px}
  .fb{padding:12px}
  .fb-top{flex-wrap:wrap;align-items:flex-start}
  .fb-stars{width:100%;margin-top:2px}
  .fb-text{font-size:12.5px}
  .rating-box{gap:10px;padding:12px}
  .rating-score{font-size:28px}
  .rating-meta{font-size:11px}
  .faq-item summary{padding:13px 40px 13px 12px;font-size:13px}
  .faq-item p{font-size:12.5px;padding:0 12px 12px}
  .section{margin:22px 0 18px}
  .section h2{font-size:19px}
  .section p.desc{font-size:13px;margin-bottom:12px}
  .opt{padding:12px;min-height:54px;font-size:13px}
  .opt .ico{flex-basis:36px;width:36px;height:36px;font-size:16px}
  .money-rain i:nth-child(n+8){display:none}
  .glow{width:180px;height:180px;opacity:.65;right:-70px;top:-60px}
  .urgency{font-size:12px;padding:11px 12px;align-items:flex-start}
}

/* ===== DESKTOP / TABLET ===== */
@media (min-width:768px){
  .page{width:min(520px,100%);padding:24px 20px 36px}
  .fold{
    margin:-24px -20px 0;
    padding:24px 20px 0;
    min-height:auto;
    gap:14px;
  }
  .fold .hero{margin-top:8px}
  .hero h1{
    transform:none;
    font-size:clamp(30px,3vw,38px);
    line-height:1.3;
    margin-bottom:16px;
  }
  .fold .hero .sub{font-size:16px;line-height:1.5}
  .fold .steps{margin:20px 0 0}
  .step-body h3{font-size:15px}
  .step-body p{font-size:13.5px}
  .fold-end{margin-top:18px}
  .btn{min-height:60px;font-size:16px}
  .marquee{margin-left:-20px;margin-right:-20px}
  .marquee-track{padding:16px 0;font-size:13px}
  .section{margin:32px 0 24px}
}

@media (max-width:360px){
  .brand b{font-size:13px}
  .brand span{font-size:9px}
  .live,.secure{font-size:10px;height:32px;padding:0 9px}
  .logo{width:44px;height:44px;font-size:22px;border-radius:13px}
  .hero h1{font-size:21px;line-height:1.34;margin-bottom:12px}
  .q-title{font-size:18px}
  .btn{font-size:13px;min-height:54px}
  .sub,.lead{font-size:12.5px}
}

@media (hover:none){
  .fb:hover{transform:none;box-shadow:none}
  .btn-main:not(.btn-sticky),.btn-tg,.btn-wa{animation:none}
  .btn-main:not(.btn-sticky):after,.btn-tg:after,.btn-wa:after{animation:none}
  .logo{animation:none}
  h1 .hl,h1 em{animation:none;background:none;color:var(--lime);-webkit-background-clip:unset;background-clip:unset}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .money-rain{display:none}
}