/* ═══════════════════════════════════════════════════════════════════
   DeLucca Tips — estilos do site
   Um arquivo só para todas as páginas. As cores e medidas ficam nos
   tokens abaixo: mudar a marca é mexer aqui, não caçar valores soltos.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --bg:#06070a; --bg2:#0a0c11; --card:#0f1218; --card2:#141821; --elev:#1a1f2a;
  --line:#1c212c; --line2:#2a3040;
  --text:#eef1f6; --muted:#a0a8b6; --faint:#6b7383;
  --violet:#7c5cff; --violet-hi:#a08cff; --violet-dim:rgba(124,92,255,.14);
  --blue:#3aa0ff; --teal:#22d3a6; --green:#22c98b; --green-dim:rgba(34,201,139,.12);
  --amber:#f5b43c; --amber-dim:rgba(245,180,60,.12); --red:#ff4d5e;
  --grad:linear-gradient(90deg,#8b5cf6,#3aa0ff 55%,#22d3a6);
  --sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Consolas,monospace;
  --r:14px; --r-lg:20px;
  --wrap:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
::selection{background:var(--violet);color:#fff}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--violet);color:#fff;padding:8px 14px;border-radius:8px}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--violet-hi);outline-offset:3px;border-radius:6px}

/* ── tipografia ── */
h1,h2,h3,h4{line-height:1.12;letter-spacing:-.025em;font-weight:800}
h1{font-size:clamp(2.3rem,5vw,3.7rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
h3{font-size:1.2rem;letter-spacing:-.015em}
.lead{font-size:clamp(1.02rem,1.5vw,1.18rem);color:var(--muted);max-width:640px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.74rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--violet-hi);margin-bottom:16px}
.eyebrow::before{content:'';width:18px;height:2px;border-radius:2px;background:currentColor}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-green{color:var(--green)} .t-amber{color:var(--amber)} .t-violet{color:var(--violet-hi)} .t-muted{color:var(--muted)}

/* ── botões ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 24px;border-radius:12px;
  font-weight:700;font-size:.98rem;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .15s,border-color .15s,filter .15s}
.btn svg{width:18px;height:18px;flex-shrink:0}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--violet);color:#fff;box-shadow:0 8px 28px rgba(124,92,255,.35)}
.btn-primary:hover{filter:brightness(1.1);box-shadow:0 10px 34px rgba(124,92,255,.5)}
.btn-grad{background:var(--grad);color:#fff;box-shadow:0 8px 30px rgba(58,160,255,.3)}
.btn-grad:hover{filter:brightness(1.08)}
.btn-green{background:var(--green);color:#04231a;box-shadow:0 8px 28px rgba(34,201,139,.28)}
.btn-green:hover{filter:brightness(1.08)}
.btn-amber{background:var(--amber);color:#2a1a00;box-shadow:0 8px 28px rgba(245,180,60,.28)}
.btn-amber:hover{filter:brightness(1.06)}
.btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--text)}
.btn-ghost:hover{border-color:var(--violet);background:var(--violet-dim)}
.btn-sm{height:40px;padding:0 16px;font-size:.9rem;border-radius:10px}
.btn-block{width:100%}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* ── cabeçalho ── */
.hdr{position:sticky;top:0;z-index:50;background:rgba(6,7,10,.72);backdrop-filter:saturate(1.4) blur(14px);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.hdr.scrolled{border-bottom-color:var(--line);background:rgba(6,7,10,.88)}
.hdr .wrap{display:flex;align-items:center;gap:22px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;flex-shrink:0}
.brand img{width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 1px var(--line2),0 0 18px rgba(124,92,255,.35)}
.nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.nav a{position:relative;padding:8px 12px;border-radius:9px;font-size:.92rem;font-weight:600;color:var(--muted);transition:color .15s,background .15s}
.nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.nav a.on{color:var(--text)}
.nav a.on::after{content:'';position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--grad)}
.nav .tag{font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:5px;
  background:var(--green-dim);color:var(--green);margin-left:6px;vertical-align:2px}
.hdr-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line2);align-items:center;justify-content:center}
.burger svg{width:20px;height:20px}
@media(max-width:980px){
  .nav,.hdr-cta .btn-ghost{display:none}
  .burger{display:inline-flex}
  .hdr-cta{gap:8px}
}
/* gaveta do celular */
.drawer{position:fixed;inset:68px 0 0 0;z-index:49;background:rgba(6,7,10,.97);backdrop-filter:blur(10px);
  padding:18px 20px 40px;display:none;flex-direction:column;gap:4px;overflow-y:auto}
.drawer.open{display:flex}
.drawer>a{display:flex;align-items:center;justify-content:space-between;padding:15px 6px;border-bottom:1px solid var(--line);
  font-size:1.1rem;font-weight:700}
.drawer>a small{font-family:var(--mono);font-size:.7rem;color:var(--faint);font-weight:500}
.drawer .btns{margin-top:22px}
.drawer .btn{flex:1}
body.no-scroll{overflow:hidden}

/* ── seções ── */
.sec{padding:110px 0;position:relative}
.sec-tight{padding:72px 0}
.sec-alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{max-width:720px;margin-bottom:54px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center .lead{margin:0 auto}
.sec-head h2{margin-bottom:16px}
@media(max-width:700px){ .sec{padding:76px 0} .sec-head{margin-bottom:38px} }

/* ── hero ── */
.hero{position:relative;padding:86px 0 72px;overflow:hidden}
.hero::before{content:'';position:absolute;inset:-30% -20% 0;pointer-events:none;
  mask-image:linear-gradient(#000 55%,transparent);-webkit-mask-image:linear-gradient(#000 55%,transparent);
  background:radial-gradient(closest-side at 70% 40%,rgba(124,92,255,.28),transparent 70%),
             radial-gradient(closest-side at 25% 25%,rgba(58,160,255,.14),transparent 70%)}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.hero h1{margin-bottom:22px}
.hero .lead{margin-bottom:32px}
.hero-note{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:.86rem;color:var(--faint)}
.hero-note svg{width:16px;height:16px;color:var(--green)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:30px;margin-bottom:22px;
  border:1px solid var(--line2);background:rgba(255,255,255,.03);font-size:.84rem;color:var(--muted);transition:border-color .15s}
.pill:hover{border-color:var(--violet)}
.pill svg{width:15px;height:15px;flex-shrink:0;color:var(--faint);transition:transform .15s}
.pill:hover svg{transform:translateX(2px);color:var(--text)}
.pill b{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;padding:3px 8px;border-radius:20px;background:var(--violet);color:#fff}
.pill.green b{background:var(--green);color:#04231a}
.pill.amber b{background:var(--amber);color:#2a1a00}
@media(max-width:980px){
  .hero{padding:56px 0 70px}
  .hero-grid{grid-template-columns:1fr;gap:44px}
}

/* números do histórico */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden}
.stat{background:var(--card);padding:26px 24px}
.stat .v{font-family:var(--mono);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;letter-spacing:-.03em;line-height:1}
.stat .k{margin-top:10px;font-size:.88rem;color:var(--muted);line-height:1.4}
@media(max-width:800px){ .stats{grid-template-columns:1fr 1fr} .stat{padding:20px 18px} }

/* ── moldura de screenshot ── */
.frame{position:relative;border-radius:16px;border:1px solid var(--line2);background:var(--card);overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.02),0 0 80px rgba(124,92,255,.12)}
.frame-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--card2)}
.frame-bar i{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.frame-bar span{margin-left:12px;font-family:var(--mono);font-size:.72rem;color:var(--faint)}
.frame img{width:100%;height:auto}
.glow{position:relative}
.glow::before{content:'';position:absolute;inset:8% 6%;background:var(--grad);filter:blur(70px);opacity:.28;z-index:-1;border-radius:50%}
.tilt{transform:perspective(1600px) rotateY(-9deg) rotateX(3deg);transform-origin:left center;transition:transform .5s}
.tilt:hover{transform:perspective(1600px) rotateY(-3deg) rotateX(1deg)}
@media(max-width:980px){ .tilt,.tilt:hover{transform:none} }
.phone{width:100%;max-width:340px;border-radius:42px;padding:11px;background:#0b0d12;border:1px solid var(--line2);
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(124,92,255,.15)}
.phone img{border-radius:33px}

/* ── cartões ── */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){ .g3,.g4{grid-template-columns:repeat(2,1fr)} }
@media(max-width:640px){ .g2,.g3,.g4{grid-template-columns:1fr} }
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;position:relative;
  transition:border-color .2s,transform .2s,background .2s}
.card:hover{border-color:var(--line2)}
.card h3{margin-bottom:10px}
.card p{color:var(--muted);font-size:.95rem}
.ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  background:var(--violet-dim);color:var(--violet-hi);border:1px solid rgba(124,92,255,.25)}
.ic svg{width:22px;height:22px}
.ic.green{background:var(--green-dim);color:var(--green);border-color:rgba(34,201,139,.25)}
.ic.amber{background:var(--amber-dim);color:var(--amber);border-color:rgba(245,180,60,.25)}
.ic.blue{background:rgba(58,160,255,.12);color:var(--blue);border-color:rgba(58,160,255,.25)}

/* cartão de serviço (home) */
.svc{display:flex;flex-direction:column;padding:30px;overflow:hidden}
.svc:hover{transform:translateY(-4px);border-color:var(--line2)}
.svc::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;
  background:radial-gradient(500px 220px at 50% 0%,var(--svc-glow,rgba(124,92,255,.14)),transparent 70%)}
.svc:hover::after{opacity:1}
.svc .svc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.svc .logos{display:flex;align-items:center}
.svc .logos img{width:44px;height:44px;border-radius:12px;border:2px solid var(--card);object-fit:cover;background:var(--card2)}
.svc .logos img+img{margin-left:-10px}
.svc .badge{position:static}
.svc h3{font-size:1.35rem;margin-bottom:10px}
.svc p{flex:1;margin-bottom:22px}
.svc ul{list-style:none;margin:-6px 0 24px;display:flex;flex-direction:column;gap:8px}
.svc li{display:flex;gap:9px;font-size:.92rem;color:var(--muted)}
.svc li svg{width:17px;height:17px;flex-shrink:0;margin-top:3px;color:var(--green)}
.svc .svc-foot{flex-wrap:wrap;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--line)}
.svc .from{font-size:.78rem;color:var(--faint);line-height:1.3}
.svc .from b{display:block;white-space:nowrap;font-family:var(--mono);font-size:1.35rem;color:var(--text);letter-spacing:-.02em}
.svc .from b small{font-size:.75rem;color:var(--muted);font-weight:500}
.svc .go{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.92rem;color:var(--violet-hi)}
.svc .go svg{width:16px;height:16px;transition:transform .15s}
.svc:hover .go svg{transform:translateX(3px)}
.svc.pw{--svc-glow:rgba(58,160,255,.16)}
.svc.tp{--svc-glow:rgba(245,180,60,.14)} .svc.tp .go{color:var(--amber)}
.svc.free{--svc-glow:rgba(34,201,139,.14)} .svc.free .go{color:var(--green)}
.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:5px 10px;border-radius:20px;background:var(--violet-dim);color:var(--violet-hi);border:1px solid rgba(124,92,255,.3)}
.badge.green{background:var(--green-dim);color:var(--green);border-color:rgba(34,201,139,.3)}
.badge.amber{background:var(--amber-dim);color:var(--amber);border-color:rgba(245,180,60,.3)}
.badge.blue{background:rgba(58,160,255,.12);color:var(--blue);border-color:rgba(58,160,255,.3)}
.badge.live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.25}}

/* lista de vantagens (check) */
.checks{list-style:none;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;gap:12px;color:var(--muted)}
.checks li b{color:var(--text);font-weight:700}
.checks li svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--green)}

/* bloco texto + imagem lado a lado */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split.rev>:first-child{order:2}
.split h2{margin-bottom:18px}
.split .lead{margin-bottom:26px}
@media(max-width:980px){ .split{grid-template-columns:1fr;gap:40px} .split.rev>:first-child{order:0} }

/* ── planos ── */
.toggle{display:inline-flex;padding:4px;border-radius:12px;background:var(--card);border:1px solid var(--line2);margin-bottom:36px}
.toggle button{height:40px;padding:0 18px;border-radius:9px;font-weight:700;font-size:.9rem;color:var(--muted);transition:background .15s,color .15s}
.toggle button.on{background:var(--elev);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.05) inset}
.toggle button small{font-family:var(--mono);font-size:.68rem;color:var(--green);margin-left:6px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plans.p2{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
.plans.p1{grid-template-columns:minmax(0,440px);justify-content:center}
@media(max-width:980px){ .plans{grid-template-columns:1fr;max-width:480px;margin:0 auto} .plans.p2,.plans.p1{grid-template-columns:1fr} }
.plan{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;position:relative}
.plan.hot{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--grad) border-box;
  border:1px solid transparent;box-shadow:0 20px 70px rgba(124,92,255,.18)}
.plan .ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:.68rem;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:20px;background:var(--grad);color:#fff}
.plan-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.plan-head img{width:52px;height:52px;border-radius:13px;object-fit:cover;border:1px solid var(--line2)}
.plan-head h3{font-size:1.2rem;margin-bottom:2px}
.plan-head span{font-size:.85rem;color:var(--muted)}
.price{display:flex;align-items:baseline;gap:6px;margin:6px 0 4px}
.price .cur{font-size:1rem;color:var(--muted);font-weight:700}
.price .val{font-family:var(--mono);font-size:2.7rem;font-weight:700;letter-spacing:-.04em;line-height:1}
.price .per{color:var(--muted);font-size:.92rem}
.price-sub{font-size:.84rem;color:var(--faint);min-height:1.4em;margin-bottom:22px}
.price-sub s{color:var(--faint)}
.price-sub .save{color:var(--green);font-weight:700}
.plan .checks{margin-bottom:26px;flex:1}
.plan .checks li{font-size:.93rem}
.plan .fine{margin-top:12px;text-align:center;font-size:.78rem;color:var(--faint)}

/* ── passos ── */
.steps{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:20px;counter-reset:passo}
@media(max-width:900px){ .steps{grid-template-columns:1fr} }
.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px 26px}
.step::before{counter-increment:passo;content:counter(passo,decimal-leading-zero);display:block;font-family:var(--mono);
  font-size:.8rem;font-weight:700;color:var(--violet-hi);margin-bottom:16px;letter-spacing:.08em}
.step h3{font-size:1.08rem;margin-bottom:8px}
.step p{font-size:.93rem;color:var(--muted)}
.step code,.cmd code{font-family:var(--mono);font-size:.82rem;background:var(--elev);border:1px solid var(--line2);border-radius:6px;padding:1px 6px;color:var(--text)}

/* ── FAQ ── */
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .15s}
.faq details[open]{border-color:var(--line2)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;
  font-weight:700;font-size:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';width:10px;height:10px;flex-shrink:0;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.faq .ans{padding:0 22px 20px;color:var(--muted);font-size:.96rem}
.faq .ans a{color:var(--violet-hi);font-weight:600}
.faq .ans p+p{margin-top:10px}

/* ── faixa de chamada ── */
.cta{position:relative;overflow:hidden;border-radius:28px;padding:64px 48px;text-align:center;border:1px solid var(--line2);
  background:radial-gradient(600px 300px at 50% -10%,rgba(124,92,255,.35),transparent 70%),
             radial-gradient(500px 260px at 90% 120%,rgba(34,211,166,.18),transparent 70%),var(--card)}
.cta h2{margin-bottom:14px}
.cta .lead{margin:0 auto 30px}
.cta .btns{justify-content:center}
.cta.amber{background:radial-gradient(600px 300px at 50% -10%,rgba(245,180,60,.28),transparent 70%),var(--card)}
.cta.green{background:radial-gradient(600px 300px at 50% -10%,rgba(34,201,139,.26),transparent 70%),var(--card)}
@media(max-width:640px){ .cta{padding:46px 22px;border-radius:22px} }

/* faixa de destaque horizontal (parceria, indique) */
.band{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:30px 34px;border-radius:var(--r-lg);
  border:1px solid rgba(34,201,139,.3);background:linear-gradient(100deg,rgba(34,201,139,.12),rgba(34,201,139,.02) 60%),var(--card)}
.band .band-ic{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:var(--green-dim);color:var(--green);border:1px solid rgba(34,201,139,.3)}
.band .band-ic svg{width:30px;height:30px}
.band h3{font-size:1.35rem;margin-bottom:6px}
.band p{color:var(--muted)}
.band.amber{border-color:rgba(245,180,60,.3);background:linear-gradient(100deg,rgba(245,180,60,.12),rgba(245,180,60,.02) 60%),var(--card)}
.band.amber .band-ic{background:var(--amber-dim);color:var(--amber);border-color:rgba(245,180,60,.3)}
@media(max-width:800px){ .band{grid-template-columns:1fr;text-align:left;padding:26px 22px} }

/* ── mensagem do Telegram (mock) ── */
.tg{background:#0e1621;border:1px solid #1f2b3a;border-radius:22px;padding:22px 18px;max-width:430px;
  box-shadow:0 30px 80px rgba(0,0,0,.55);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.tg-top{display:flex;align-items:center;gap:11px;padding:0 4px 16px;border-bottom:1px solid #1f2b3a;margin-bottom:16px}
.tg-top img{width:42px;height:42px;border-radius:50%;background:#17212b;object-fit:contain;padding:3px}
.tg-top b{display:block;font-size:.95rem}
.tg-top span{font-size:.78rem;color:#6d8aa8}
.tg-msg{position:relative;background:#182533;border-radius:16px 16px 16px 4px;padding:12px 14px 22px;margin-bottom:10px;
  font-size:.92rem;line-height:1.55;color:#e8eef5;max-width:92%}
.tg-msg b{font-weight:700}
.tg-msg .t{position:absolute;right:12px;bottom:6px;font-size:.68rem;color:#6d8aa8}
.tg-msg.in{animation:tgIn .5s ease both}
.tg-msg.in:nth-of-type(2){animation-delay:.25s}
@keyframes tgIn{from{opacity:0;transform:translateY(10px)}}
.tg-note{text-align:center;font-size:.76rem;color:var(--faint);margin-top:12px}

/* bloco de comandos */
.cmd{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.cmd-row{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line);align-items:center}
.cmd-row:last-child{border-bottom:none}
.cmd-row code{justify-self:start;font-size:.88rem;padding:4px 10px}
.cmd-row span{color:var(--muted);font-size:.93rem}
@media(max-width:640px){ .cmd-row{grid-template-columns:1fr;gap:6px} }

/* chips de jogos */
.games{display:flex;flex-wrap:wrap;gap:10px}
.game{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 9px;border-radius:12px;background:var(--card);
  border:1px solid var(--line);font-weight:700;font-size:.92rem}
.game img{width:24px;height:24px;object-fit:contain}

/* galeria (PolyWay) */
.gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}
.gallery .col{display:flex;flex-direction:column;gap:20px}
.shot{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.shot img{width:100%;height:auto}
.shot figcaption{padding:16px 20px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.shot figcaption b{color:var(--text);display:block;font-size:.98rem;margin-bottom:2px}
@media(max-width:900px){ .gallery{grid-template-columns:1fr} }

/* comparação (PolyWay x Polymarket) */
.vs{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.vs table{width:100%;border-collapse:collapse;font-size:.95rem}
.vs th,.vs td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.vs tr:last-child td{border-bottom:none}
.vs th{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700;background:var(--card2)}
.vs th:last-child{color:var(--violet-hi)}
.vs td:first-child{font-weight:700;width:24%}
.vs td:nth-child(2){color:var(--faint)}
.vs td:last-child{color:var(--text)}
.vs td:last-child::before{content:'✓';color:var(--green);font-weight:800;margin-right:8px}
@media(max-width:700px){
  .vs table,.vs tbody,.vs tr,.vs td{display:block;width:100%!important}
  .vs thead{display:none}
  .vs tr{border-bottom:1px solid var(--line);padding:14px 18px}
  .vs td{border:none;padding:3px 0}
  .vs td:nth-child(2)::before{content:'Polymarket: ';color:var(--faint)}
}

/* ── aviso/nota ── */
.note{display:flex;gap:12px;padding:16px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);
  font-size:.9rem;color:var(--muted)}
.note svg{width:20px;height:20px;flex-shrink:0;color:var(--violet-hi);margin-top:1px}
.note b{color:var(--text)}
.note.amber svg{color:var(--amber)}

/* ── rodapé ── */
.ftr{border-top:1px solid var(--line);background:var(--bg2);padding:64px 0 34px;margin-top:40px}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.ftr p{color:var(--muted);font-size:.92rem;max-width:320px;margin-top:14px}
.ftr h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;font-weight:700}
.ftr ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ftr ul a{color:var(--muted);font-size:.93rem;transition:color .15s}
.ftr ul a:hover{color:var(--text)}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;
  border-top:1px solid var(--line);font-size:.8rem;color:var(--faint)}
.ftr-bottom .r18{display:inline-flex;align-items:center;gap:8px}
.ftr-bottom .r18 b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;
  border:1.5px solid var(--red);color:var(--red);font-size:.66rem}
@media(max-width:900px){ .ftr-grid{grid-template-columns:1fr 1fr} .ftr-grid>:first-child{grid-column:1/-1} }

/* ── barra fixa de assinatura no celular ── */
.sticky-buy{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:none;align-items:center;gap:12px;padding:10px 10px 10px 16px;
  border-radius:16px;background:rgba(15,18,24,.94);backdrop-filter:blur(12px);border:1px solid var(--line2);
  box-shadow:0 14px 40px rgba(0,0,0,.6);transform:translateY(130%);transition:transform .3s}
.sticky-buy.show{transform:none}
.sticky-buy .sb-t{flex:1;min-width:0;font-size:.8rem;color:var(--muted);line-height:1.3}
.sticky-buy .sb-t b{display:block;color:var(--text);font-size:.98rem;font-family:var(--mono)}
.sticky-buy .btn{height:44px}
@media(max-width:700px){ .sticky-buy{display:flex} body.has-sticky .ftr{padding-bottom:110px} }

/* ── animação de entrada ── */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s} .rv-d2{transition-delay:.16s} .rv-d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .tilt{transform:none}
  .badge.live::before,.tg-msg.in{animation:none}
}

/* utilidades */
.center{text-align:center} .mt-s{margin-top:14px} .mt{margin-top:28px} .mt-l{margin-top:48px} .mb{margin-bottom:28px}
.muted{color:var(--muted)} .small{font-size:.86rem}
.hide-m{} @media(max-width:700px){ .hide-m{display:none} }

/* ── degradês por serviço ── */
.grad-amber{background:linear-gradient(90deg,#ffd36b,#f5a623 50%,#ff7a45);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-green{background:linear-gradient(90deg,#5cf2b6,#22c98b 60%,#3aa0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow.amber{color:var(--amber)} .eyebrow.green{color:var(--green)} .eyebrow.blue{color:var(--blue)}
.hero.amber::before{background:radial-gradient(closest-side at 70% 40%,rgba(245,180,60,.22),transparent 70%),
  radial-gradient(closest-side at 20% 20%,rgba(255,122,69,.1),transparent 70%)}
.hero.green::before{background:radial-gradient(closest-side at 70% 40%,rgba(34,201,139,.22),transparent 70%),
  radial-gradient(closest-side at 20% 20%,rgba(58,160,255,.12),transparent 70%)}
.hero.center{text-align:center}
.hero.center .lead{margin-left:auto;margin-right:auto}
.hero.center .btns,.hero.center .hero-note{justify-content:center}
.hero-shot{margin-top:64px}

/* ── visual do hero da home: print + cartões flutuando ── */
.hv{position:relative;padding:20px 0 30px}
.fchip{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;
  background:rgba(15,18,24,.92);backdrop-filter:blur(10px);border:1px solid var(--line2);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.fchip .fi{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fchip .fi svg{width:19px;height:19px}
.fchip .fi img{width:38px;height:38px;border-radius:11px;object-fit:contain}
.fchip b{display:block;font-size:.92rem;line-height:1.25}
.fchip span{font-size:.78rem;color:var(--muted)}
.fchip .num{font-family:var(--mono);font-size:1.2rem;letter-spacing:-.02em}
.fchip.a{left:-26px;bottom:-4px} .fchip.b{right:-14px;top:-8px}
.fchip.float{animation:flt 6s ease-in-out infinite} .fchip.b.float{animation-delay:-3s}
@keyframes flt{50%{transform:translateY(-8px)}}
@media(max-width:980px){ .fchip.a{left:8px;bottom:-18px} .fchip.b{right:8px;top:-18px} }
@media(max-width:520px){ .fchip{padding:10px 12px} .fchip .fi{width:32px;height:32px} .fchip b{font-size:.82rem} }
@media (prefers-reduced-motion:reduce){ .fchip.float{animation:none} }

/* ── cartão "R$ 0" do VIP grátis ── */
.free-card{max-width:420px;margin:0 auto;border-radius:24px;padding:34px 30px;text-align:center;border:1px solid rgba(34,201,139,.35);
  background:radial-gradient(400px 220px at 50% 0%,rgba(34,201,139,.2),transparent 70%),var(--card);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.free-card .logos{display:flex;justify-content:center;margin-bottom:22px}
.free-card .logos img{width:56px;height:56px;border-radius:14px;border:3px solid var(--card);object-fit:cover}
.free-card .logos img+img{margin-left:-12px}
.free-card .old{font-family:var(--mono);color:var(--faint);text-decoration:line-through;font-size:1.1rem}
.free-card .big{font-family:var(--mono);font-size:4.4rem;font-weight:700;letter-spacing:-.05em;line-height:1;margin:6px 0 4px}
.free-card .big small{font-size:1.3rem;color:var(--muted);letter-spacing:0}
.free-card .big .rs{font-family:var(--sans);font-size:1.6rem;font-weight:800;margin-right:6px;vertical-align:.9em}
.free-card .via{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.86rem;color:var(--muted)}
.free-card hr{border:none;border-top:1px dashed var(--line2);margin:24px 0}
.free-card .checks{text-align:left}

/* ── composição do hero do VIP ── */
.vipv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vipv .t{border-radius:20px;overflow:hidden;border:1px solid var(--line2);background:var(--card);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.vipv .t img{width:100%;aspect-ratio:1/1;object-fit:cover}
.vipv .t span{display:block;padding:11px 14px;font-weight:700;font-size:.9rem;border-top:1px solid var(--line)}
.vipv .t span small{display:block;font-weight:500;color:var(--faint);font-size:.76rem}
.vipv .t.mid{transform:translateY(-22px);border-color:rgba(124,92,255,.5);box-shadow:0 24px 60px rgba(124,92,255,.22)}
.vipv-stats{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vipv-stats div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.vipv-stats b{display:block;font-family:var(--mono);font-size:1.5rem;letter-spacing:-.03em}
.vipv-stats span{font-size:.78rem;color:var(--muted)}

/* ── guia "qual é pra mim" ── */
.pick{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);
  transition:border-color .15s,transform .15s}
.pick:hover{border-color:var(--violet);transform:translateY(-3px)}
.pick .q{font-size:.86rem;color:var(--muted)}
.pick .a{font-size:1.15rem;font-weight:800;display:flex;align-items:center;gap:8px}
.pick .a svg{width:18px;height:18px;color:var(--violet-hi)}
.pick.amber:hover{border-color:var(--amber)} .pick.amber .a svg{color:var(--amber)}
.pick.green:hover{border-color:var(--green)} .pick.green .a svg{color:var(--green)}

/* lista de recursos menores (chips) */
.mini{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.mini span{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:30px;border:1px solid var(--line);
  background:var(--card);font-size:.88rem;color:var(--muted)}
.mini svg{width:15px;height:15px;color:var(--green)}

/* "quem está por trás" */
.about{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;padding:38px;border-radius:var(--r-lg);
  border:1px solid var(--line);background:var(--card)}
.about img{width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 1px var(--line2),0 0 50px rgba(124,92,255,.3)}
.about h3{font-size:1.5rem;margin-bottom:10px}
.about p{color:var(--muted)}
.about p+p{margin-top:10px}
@media(max-width:700px){ .about{grid-template-columns:1fr;padding:28px 22px;text-align:center} .about img{margin:0 auto;width:96px;height:96px} }

/* celular: botões de ação ocupam a linha toda (alvo de dedo e alinhamento) */
@media(max-width:520px){ .hero .btns .btn,.cta .btns .btn,.split .btns .btn{flex:1 1 100%} }
.nw{white-space:nowrap}

/* ── partículas (fundo do topo da home e do VIP) ── */
.particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;
  mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.hero.has-particles::after{opacity:.18}

/* ── ecossistema: a DeLucca Tips no centro, os serviços em volta ── */
.eco{position:relative;width:100%;max-width:580px;aspect-ratio:1/1;margin:0 auto}
.eco-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.eco-lines .base{stroke:rgba(156,77,255,.22);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}
.eco-lines .flow{stroke:url(#ecoGrad);stroke-width:2;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;
  stroke-dasharray:3 14;animation:ecoFlow 1.6s linear infinite;opacity:.55;transition:opacity .2s}
@keyframes ecoFlow{to{stroke-dashoffset:-17}}
.eco:has(.s1:hover) .l1,.eco:has(.s2:hover) .l2,.eco:has(.s3:hover) .l3,.eco:has(.s4:hover) .l4{opacity:1;stroke-width:3}
.eco-core{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1/1;transform:translate(-50%,-50%);z-index:1;
  display:flex;align-items:center;justify-content:center}
.eco-core::before{content:'';position:absolute;inset:-18%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(124,92,255,.45),rgba(124,92,255,.12) 55%,transparent);animation:ecoBreath 5s ease-in-out infinite}
@keyframes ecoBreath{50%{transform:scale(1.08);opacity:.8}}
.eco-core .ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(160,140,255,.35)}
.eco-core .ring.r2{inset:-11%;border:1px dashed rgba(160,140,255,.28);animation:spin 50s linear infinite}
.eco-core .ring.r3{inset:-24%;border-color:rgba(160,140,255,.12)}
.eco-core img{position:relative;width:78%;height:auto;border-radius:50%;box-shadow:0 0 0 1px rgba(160,140,255,.4),0 0 60px rgba(124,92,255,.55)}
@keyframes spin{to{transform:rotate(360deg)}}
.sat{position:absolute;z-index:2;width:46%;display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;
  background:rgba(15,18,24,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line2);
  box-shadow:0 18px 50px rgba(0,0,0,.5);transition:border-color .2s,transform .2s,box-shadow .2s}
.sat:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(0,0,0,.6),0 0 0 1px var(--sat-c,var(--violet)) inset}
.sat.s1{left:0;top:3%} .sat.s2{right:0;top:3%} .sat.s3{left:0;bottom:3%} .sat.s4{right:0;bottom:3%}
.sat .si{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:var(--card2);border:1px solid var(--line2)}
.sat .si svg{width:21px;height:21px}
.sat .si img{width:100%;height:100%;object-fit:cover}
.sat .si.games{width:auto;padding:0 8px;gap:4px}
.sat .si.games img{width:18px;height:18px;object-fit:contain}
.sat b{display:block;font-size:.95rem;line-height:1.2;letter-spacing:-.01em}
.sat span.st{display:block;font-size:.78rem;color:var(--muted);margin-top:3px;line-height:1.3}
.sat.s1{--sat-c:var(--violet)} .sat.s2{--sat-c:var(--blue)} .sat.s3{--sat-c:var(--amber)} .sat.s4{--sat-c:var(--green)}
.sat .tag{position:absolute;top:-9px;right:12px;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;
  padding:2px 7px;border-radius:10px;background:var(--green);color:#04231a}
.sat.float{animation:flt 7s ease-in-out infinite} .sat.s2.float{animation-delay:-2s} .sat.s3.float{animation-delay:-4s} .sat.s4.float{animation-delay:-5.5s}
@media(max-width:640px){
  .eco{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:440px}
  .eco-lines{display:none}
  .eco-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:170px;margin:26px auto 34px}
  .sat{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;
    flex-direction:column;align-items:flex-start;gap:10px;padding:14px}
  .sat.float{animation:none}
}
@media (prefers-reduced-motion:reduce){
  .eco-core::before,.eco-core .ring.r2,.sat.float{animation:none}
}

/* ── pilares (home) ── */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.pillar{background:var(--card);padding:36px 32px;position:relative}
.pillar .pn{font-family:var(--mono);font-size:3rem;font-weight:700;letter-spacing:-.05em;line-height:1;margin-bottom:22px}
.pillar h3{font-size:1.3rem;margin-bottom:12px}
.pillar p{color:var(--muted);font-size:.96rem}
.pillar .pl{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:700;font-size:.9rem;color:var(--violet-hi)}
.pillar .pl svg{width:15px;height:15px}
@media(max-width:900px){ .pillars{grid-template-columns:1fr} .pillar{padding:28px 24px} }

/* ── digitação (VIP) ── */
.typing{font-family:var(--mono);font-size:.98rem;color:var(--teal);min-height:1.6em;margin:-14px 0 30px}
.typing span{border-right:2px solid var(--teal);padding-right:4px;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{border-color:transparent}}

/* ── PolyWay: com VPN x com o PolyWay ── */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:800px){ .duo{grid-template-columns:1fr} }
.duo .lado{border-radius:var(--r-lg);padding:30px;border:1px solid var(--line);background:var(--card)}
.duo .lado h3{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin-bottom:20px}
.duo .lado.ruim h3{color:var(--muted)}
.duo .lado.bom{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--grad) border-box;
  border:1px solid transparent;box-shadow:0 20px 60px rgba(58,160,255,.12)}
.checks.no li{color:var(--faint)}
.checks.no li svg{color:var(--red);opacity:.8}

/* ── PolyWay: ilustrações (link compartilhado + relatório) ── */
.mocks{position:relative;display:flex;flex-direction:column;gap:18px;max-width:470px;margin:0 auto;width:100%}
.mock{background:rgba(15,18,24,.92);border:1px solid var(--line2);border-radius:18px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.mock-t{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--muted);margin-bottom:14px}
.mock-t svg{width:15px;height:15px;color:var(--green)}
.mock-t .ok{margin-left:auto;font-family:var(--mono);font-size:.66rem;padding:3px 8px;border-radius:10px;background:var(--green-dim);color:var(--green)}
.mock-url{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.84rem;padding:11px 13px;border-radius:11px;
  background:var(--bg);border:1px solid var(--line2);color:var(--text);overflow:hidden;white-space:nowrap}
.mock-url svg{width:15px;height:15px;color:var(--violet-hi);flex-shrink:0}
.mock-url b{color:var(--violet-hi);font-weight:700}
.mock-bet{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 13px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.mock-bet img{width:30px;height:30px;object-fit:contain}
.mock-bet .mb{flex:1;min-width:0}
.mock-bet .mb b{display:block;font-size:.9rem}
.mock-bet .mb span{font-size:.75rem;color:var(--faint)}
.mock-bet .odd{font-family:var(--mono);font-weight:700;padding:6px 10px;border-radius:8px;background:var(--green-dim);color:var(--green)}
.mock-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mock-kpis div{padding:12px 13px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.mock-kpis span{display:block;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.mock-kpis b{display:block;font-family:var(--mono);font-size:1.25rem;letter-spacing:-.02em;margin-top:4px}
.mock-kpis div.wide{grid-column:1/-1}
.mock-kpis div.wide b{font-size:1.6rem}
.mock svg.spark{display:block;width:100%;height:56px;margin-top:12px}
.mock-cap{font-size:.72rem;color:var(--faint);text-align:center;margin-top:12px}
.mocks .mock.s{transform:rotate(-1.5deg)} .mocks .mock.r{transform:rotate(1deg);margin-left:24px}
@media(max-width:640px){ .mocks .mock.s,.mocks .mock.r{transform:none;margin-left:0} .mock-url{font-size:.74rem} }

/* colunas do .split podem encolher (sem isso, conteúdo que não quebra estica a página no celular) */
.split>*{min-width:0}
.mock{min-width:0}
.pill b{white-space:nowrap;flex-shrink:0}

/* ── ícone do PolyWay: roxo em degradê, P em itálico ── */
:root{--pw-grad:linear-gradient(140deg,#b197fc 0%,#8b5cf6 36%,#6d28d9 70%,#3b1585 100%)}
.pw-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--s,52px);height:var(--s,52px);
  border-radius:28%;background:var(--pw-grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 6px rgba(20,0,60,.35),0 6px 18px rgba(109,40,217,.38);
  font-family:'Exo 2',var(--sans);font-style:italic;font-weight:800;font-size:calc(var(--s,52px) * .58);line-height:1;letter-spacing:-.02em}
.pw-mark b{font-weight:800;padding-right:.06em;background:linear-gradient(180deg,#fff 30%,#d9d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.sat .si.pw-mark{border:none;background:var(--pw-grad)}
.plan-head span.pw-mark,.sat span.pw-mark{font-size:calc(var(--s,52px) * .58);color:inherit;margin:0}
.sat .pw-mark b,.plan-head .pw-mark b{font-size:inherit;display:inline;line-height:1}

/* ── ramificações "em breve" do ecossistema ── */
.eco-lines .base.soon{stroke:rgba(156,77,255,.16);stroke-dasharray:2 6}
.eco-lines .flow.soon{opacity:.18;animation-duration:3.2s}
.sat-soon{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%);cursor:default}
.sat-soon.n1{left:6%;top:36%} .sat-soon.n2{left:6%;top:64%} .sat-soon.n3{left:94%;top:36%} .sat-soon.n4{left:94%;top:64%}
.sat-soon .q{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(12,14,20,.85);border:1px dashed rgba(160,140,255,.38);box-shadow:inset 0 0 22px rgba(124,92,255,.16);
  animation:soonPulse 3.6s ease-in-out infinite}
.sat-soon .q i{font-style:italic;font-family:'Exo 2',var(--sans);font-weight:800;font-size:1.7rem;color:rgba(205,195,255,.8);
  filter:blur(1.6px);transition:filter .3s}
.sat-soon:hover .q i{filter:blur(.4px)}
.sat-soon .lb{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.sat-soon.n2 .q{animation-delay:-.9s} .sat-soon.n3 .q{animation-delay:-1.8s} .sat-soon.n4 .q{animation-delay:-2.7s}
@keyframes soonPulse{50%{box-shadow:inset 0 0 22px rgba(124,92,255,.32),0 0 24px rgba(124,92,255,.25);border-color:rgba(160,140,255,.6)}}
@media(max-width:640px){
  .sat-soon{position:relative;left:auto!important;top:auto!important;transform:none;flex-direction:row;justify-content:center;gap:10px;
    padding:10px;border:1px dashed var(--line2);border-radius:14px;background:rgba(12,14,20,.6)}
  .sat-soon .q{width:34px;height:34px} .sat-soon .q i{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){ .sat-soon .q{animation:none} }
@media(max-width:640px){ .sat-soon.n3,.sat-soon.n4{display:none} }

/* ecossistema: VIP e VIP grátis trocam de lugar com o "?" vizinho (só desktop).
   `translate` em vez de `transform`: o flutuar já usa transform. */
@media(min-width:641px){
  .sat.s1,.sat.s4{width:44%;translate:0 -50%}
  .sat.s1{left:0;top:28%}
  .sat.s4{right:0;left:auto;bottom:auto;top:72%}
  .sat-soon.n1{left:23%;top:10%}
  .sat-soon.n4{left:77%;top:90%}
}
.about img{object-fit:cover}
/* "tudo em um": as áreas que se conectam no trabalho do DeLucca */
.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.about-tags span{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 11px;border-radius:20px;border:1px solid rgba(124,92,255,.3);background:var(--violet-dim);color:var(--violet-hi)}
.about-tags span+span{position:relative}
@media(max-width:700px){ .about-tags{justify-content:center} }