:root{
  --ink:#12141d; --ink2:#181b26; --ink3:#20232f;
  --lime:#a3e635; --lime-d:#84cc16;
  --txt:#eef0f6; --mut:#9aa0b8; --line:#2a2e3d;
  --radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  background:var(--ink); color:var(--txt); line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden; max-width:100%;
}
[hidden]{display:none !important}
b{font-weight:800}
.lime{color:var(--lime)}
/* wordmark inline "passa junto" — selo/token que salta como logo */
.pj{font-weight:800;letter-spacing:-.02em;white-space:nowrap;background:rgba(163,230,53,.10);
  border:1px solid rgba(163,230,53,.34);border-radius:.34em;padding:.04em .38em}
.pj::before{content:"✓";color:var(--lime);font-weight:900;font-size:.82em;margin-right:.28em}
.pj b{color:var(--lime);font-weight:800}

/* glossário "entenda os recursos" */
.glossario-sec{max-width:1040px;margin:0 auto;padding:44px 22px}
.glossario{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.gl{background:var(--ink2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:14px;color:var(--mut);line-height:1.5}
.gl b{display:block;color:var(--txt);font-weight:700;margin-bottom:4px;font-size:14.5px}
@media(max-width:760px){.glossario{grid-template-columns:1fr}}

/* ---- botões ---- */
.btn{font-family:inherit;font-weight:700;font-size:15px;border:none;border-radius:999px;
  padding:12px 22px;cursor:pointer;transition:transform .12s ease, opacity .12s ease}
.btn:active{transform:translateY(1px)}
.btn-lime{background:var(--lime);color:#14161f}
.btn-lime:hover{opacity:.9}
.btn-ghost{background:transparent;color:var(--txt);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.btn.full{width:100%}

/* ---- topo ---- */
.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;
  padding:14px 22px;background:rgba(18,20,29,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--txt)}
.marca-ico{width:38px;height:38px}
.marca-txt{font-weight:800;font-size:21px;letter-spacing:-.6px}
.marca-txt b{color:var(--lime)}
.marca-txt.sm{font-size:18px}

/* ---- hero ---- */
.hero{padding:64px 22px 40px;background:
  radial-gradient(120% 90% at 80% -10%, rgba(163,230,53,.14), transparent 60%),
  radial-gradient(90% 70% at 0% 0%, rgba(124,58,237,.10), transparent 55%);}
.hero-in{max-width:820px;margin:0 auto;text-align:center}
.hero h1{font-size:clamp(38px,8vw,66px);font-weight:800;letter-spacing:-2px;line-height:1.02}
.lead{color:var(--mut);font-size:clamp(15px,2.4vw,19px);max-width:640px;margin:22px auto 30px}
.lead b{color:var(--txt)}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-tags{display:flex;gap:10px 18px;justify-content:center;flex-wrap:wrap;margin-top:34px;color:var(--mut);font-size:13.5px;font-weight:600}

/* ---- seções ---- */
section{max-width:1040px;margin:0 auto}
.sec-tit{font-size:clamp(24px,4vw,34px);font-weight:800;letter-spacing:-1px;text-align:center}
.sec-sub{color:var(--mut);text-align:center;margin-top:8px;font-size:15px}
.como{padding:56px 22px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.c{background:var(--ink2);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.c-n{width:36px;height:36px;border-radius:10px;background:var(--lime);color:#14161f;font-weight:800;
  display:grid;place-items:center;margin-bottom:14px}
.c h3{font-size:18px;font-weight:700;margin-bottom:6px}
.c p{color:var(--mut);font-size:14.5px}

/* ---- planos ---- */
.planos{padding:40px 22px 56px}
.grid-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.plano{position:relative;background:var(--ink2);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column}
.plano.pop{border-color:var(--lime);box-shadow:0 0 0 3px rgba(163,230,53,.15)}
.pop-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--lime);color:#14161f;
  font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.plano h3{font-size:20px;font-weight:800}
.plano .preco{font-size:34px;font-weight:800;letter-spacing:-1px;margin:10px 0 2px}
.plano .preco small{font-size:14px;color:var(--mut);font-weight:600}
.plano .cap{color:var(--mut);font-size:13.5px;min-height:38px}
.plano ul{list-style:none;margin:18px 0 22px;display:flex;flex-direction:column;gap:9px}
.plano li{font-size:14px;padding-left:24px;position:relative}
.plano li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
.plano li.off{color:var(--mut);opacity:.6}
.plano li.off::before{content:"–";color:var(--mut)}
.plano .btn{margin-top:auto}

/* ---- insights ---- */
.insights{padding:24px 22px 60px}
.insights-head{text-align:center;margin-bottom:26px}
.form-insight{background:var(--ink2);border:1px solid var(--line);border-radius:var(--radius);padding:20px;max-width:720px;margin:0 auto 26px}
.in{width:100%;background:var(--ink3);border:1px solid var(--line);border-radius:12px;color:var(--txt);
  font-family:inherit;font-size:15px;padding:12px 14px;margin-bottom:10px;resize:vertical}
.in:focus{outline:none;border-color:var(--lime)}
.in::placeholder{color:#6c728c}
.fi-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fi-hint{color:var(--mut);font-size:12.5px}
.lista-insights{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.ins{background:var(--ink2);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.ins-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ins-ava{width:32px;height:32px;border-radius:9px;background:var(--lime);color:#14161f;font-weight:800;display:grid;place-items:center;font-size:15px}
.ins-meta{display:flex;flex-direction:column}
.ins-quem{font-weight:700;font-size:13.5px}
.ins-conc{color:var(--lime);font-size:12px;font-weight:600}
.ins-quando{margin-left:auto;color:var(--mut);font-size:12px}
.ins-txt{font-size:14.5px;color:#dfe3f0}
.vazio{color:var(--mut);text-align:center;font-size:14px;padding:18px}

/* ---- rodapé ---- */
.rodape{border-top:1px solid var(--line);margin-top:20px;padding:26px 22px;display:flex;align-items:center;
  justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1040px;margin-left:auto;margin-right:auto}
.rod-tl{color:var(--mut);font-style:italic;font-size:14px}

/* ---- modal ---- */
.modal{position:fixed;inset:0;z-index:50;background:rgba(8,9,14,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}
.modal-box{background:var(--ink2);border:1px solid var(--line);border-radius:20px;padding:28px 26px;width:100%;max-width:380px;position:relative}
.modal-x{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--mut);font-size:26px;cursor:pointer;line-height:1}
.modal-box h3{font-size:22px;font-weight:800;margin-bottom:18px}
.modal-box .in{margin-bottom:12px}
.modal-hint{color:var(--mut);font-size:13px;margin-top:12px;min-height:18px}

/* ---- badge fundador ---- */
.fundador-bar{background:linear-gradient(90deg,#7c3aed,#4c1d95);color:#fff;text-align:center;
  font-size:13px;font-weight:600;padding:8px 16px}

@media(max-width:760px){
  .cards3,.grid-planos{grid-template-columns:1fr}
  .plano.pop{order:-1}
}