:root{
  --preto:#0A0A0B; --branco:#FAFAFA; --roxo:#8B5CF6; --roxo-fundo:#5B21B6; --carvao:#17171A;
  --texto-suave:#A8A8B3; --linha:rgba(250,250,250,.12);
  --sans:'Space Grotesk',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--preto);color:var(--branco);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
section{padding:96px 0;position:relative}
.tag{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--roxo);margin-bottom:16px}
h1,h2,h3{line-height:1.1;letter-spacing:-.02em}
h2{font-size:clamp(30px,5vw,48px);font-weight:700;max-width:18ch}
.lead{color:var(--texto-suave);max-width:52ch;margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:700;font-size:16px;border:1.5px solid transparent;transition:transform .2s,background .2s,border-color .2s;cursor:pointer;font-family:inherit}
.btn-primario{background:var(--roxo-fundo);color:var(--branco)}
.btn-primario:hover{background:#6d28d9;transform:translateY(-2px)}
.btn-contorno{border-color:var(--linha);color:var(--branco)}
.btn-contorno:hover{border-color:var(--roxo);transform:translateY(-2px)}
:focus-visible{outline:2px solid var(--roxo);outline-offset:3px}

/* topo */
header{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(10,10,11,.8);backdrop-filter:blur(14px);border-bottom:1px solid var(--linha)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
header img{height:30px;width:auto}
nav{display:flex;align-items:center;gap:28px;font-size:15px}
nav a:not(.btn){color:var(--texto-suave);transition:color .2s}
nav a:not(.btn):hover{color:var(--branco)}
nav .btn{padding:10px 20px;font-size:14px}
@media(max-width:760px){nav a:not(.btn){display:none}}

footer{border-top:1px solid var(--linha);padding:40px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;font-size:14px;color:var(--texto-suave)}
footer img{height:28px;width:auto}
footer .mono{font-family:var(--mono);font-size:12px}

.wpp-flutuante{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--roxo-fundo);display:grid;place-items:center;box-shadow:0 8px 28px rgba(91,33,182,.5);transition:transform .2s}
.wpp-flutuante:hover{transform:scale(1.08)}
.wpp-flutuante svg{width:28px;height:28px}