/* Versão B — escura e vibrante.
   Nanquim profundo com aurora em azul vivo e verde-broto, vidro, brilho que segue o mouse e uma trilha de auditoria rolando ao vivo. */
@import url("../assets/fontes/fontes.css");

*{ box-sizing:border-box; }
html{ overflow-x:clip; scroll-behavior:smooth; scroll-padding-top:76px; -webkit-text-size-adjust:100%; background:#020A2B; }
body{ margin:0; background:#020A2B; color:#DCE5FA; font-family:var(--fonte-texto); font-size:18px; line-height:1.62; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img,svg{ display:block; max-width:100%; }
h1,h2,h3{ font-family:var(--fonte-titulo); color:#fff; margin:0; font-weight:700; text-wrap:balance; }
p{ margin:0 0 1em; } a{ color:inherit; }
:focus-visible{ outline:3px solid #7DC383; outline-offset:3px; border-radius:4px; }
.skip{ position:absolute; left:-999px; top:8px; z-index:200; background:#fff; color:#021B64; padding:10px 16px; border-radius:8px; } .skip:focus{ left:8px; }
:root{ --gut:clamp(20px,5vw,64px); --vivo:#5B8CFF; --broto:#7DC383; --ciano:#38D0E8; --vidro:rgba(255,255,255,.06); --borda:rgba(145,174,232,.22); --ease:cubic-bezier(.2,.7,.1,1); }
.w{ width:100%; max-width:calc(1240px + 2 * var(--gut)); margin-inline:auto; padding-inline:var(--gut); position:relative; z-index:1; }
.bloco{ position:relative; padding-block:clamp(72px,10vw,140px); z-index:1; }

/* aurora de fundo */
.aurora{ position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.aurora i{ position:absolute; border-radius:50%; filter:blur(90px); opacity:.55; animation:vaga 26s ease-in-out infinite; }
.aurora i:nth-child(1){ width:60vw; height:60vw; left:-15vw; top:-20vw; background:#163AB8; }
.aurora i:nth-child(2){ width:46vw; height:46vw; right:-12vw; top:18vh; background:#3867E7; opacity:.4; animation-delay:-9s; }
.aurora i:nth-child(3){ width:38vw; height:38vw; left:25vw; bottom:-22vw; background:#2E7D32; opacity:.28; animation-delay:-16s; }
@keyframes vaga{ 33%{ transform:translate(6vw,4vh) scale(1.1); } 66%{ transform:translate(-4vw,8vh) scale(.95); } }

/* revelar */
.js [data-rv]{ opacity:0; transform:translateY(30px); filter:blur(8px); transition:opacity .9s var(--ease), transform 1s var(--ease), filter .9s; transition-delay:calc(var(--d,0) * 90ms); }
.js [data-rv].in{ opacity:1; transform:none; filter:none; }
.js [data-split] .sw{ display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.12em; margin-bottom:-.12em; }
.js [data-split] .sw > span{ display:inline-block; transform:translateY(112%); transition:transform 1s var(--ease); transition-delay:calc(var(--i) * 45ms + 100ms); }
.js [data-split].in .sw > span{ transform:none; }

.rot{ display:flex; align-items:center; gap:.65em; font-weight:600; font-size:.95rem; color:#9DB7F5; margin:0 0 1rem; }
.rot i{ width:12px; height:12px; border-radius:50% 44% 52% 47%; background:var(--broto); box-shadow:0 0 14px var(--broto); animation:gota 3.2s ease-in-out infinite; }
@keyframes gota{ 50%{ border-radius:44% 52% 47% 50%; transform:scale(1.25); } }
h2{ font-size:clamp(32px,4.6vw,62px); line-height:1.02; letter-spacing:-.035em; max-width:18ch; }
.lede{ font-size:1.15rem; color:#AFC0E6; max-width:56ch; margin-top:1.4rem; }

.bt{ position:relative; overflow:hidden; display:inline-flex; align-items:center; font-family:var(--fonte-titulo); font-weight:600; font-size:1.02rem; padding:.9em 1.55em; border-radius:999px; background:linear-gradient(135deg,#3867E7,#5B8CFF); color:#fff; text-decoration:none; box-shadow:0 0 0 1px rgba(255,255,255,.2) inset, 0 12px 34px -8px rgba(56,103,231,.9); transition:transform .3s var(--ease), box-shadow .3s; }
.bt::after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%); transform:translateX(-120%); transition:transform .8s var(--ease); }
.bt:hover{ transform:translateY(-3px); box-shadow:0 0 0 1px rgba(255,255,255,.3) inset, 0 18px 44px -8px rgba(91,140,255,1); } .bt:hover::after{ transform:translateX(120%); }
.bt-vazado{ background:transparent; box-shadow:0 0 0 1.5px rgba(255,255,255,.4) inset; } .bt-vazado:hover{ box-shadow:0 0 0 1.5px #fff inset, 0 0 30px -6px rgba(255,255,255,.4); }
.acoes{ display:flex; flex-wrap:wrap; gap:12px; margin-top:2rem; }

/* topo */
.topo{ position:sticky; top:0; z-index:80; background:rgba(2,10,43,.72); backdrop-filter:blur(14px) saturate(1.4); border-bottom:1px solid var(--borda); }
.topo-in{ display:flex; align-items:center; gap:24px; padding-block:12px; } .logo{ height:36px; width:auto; }
.menu{ display:flex; gap:2px; margin-left:auto; } .menu a{ padding:8px 11px; border-radius:999px; font-weight:500; font-size:.95rem; color:#AFC0E6; text-decoration:none; white-space:nowrap; transition:all .2s; } .menu a:hover{ color:#fff; background:rgba(255,255,255,.08); }
.topo-cta{ display:flex; align-items:center; gap:6px; } .topo-cta .bt{ padding:.6em 1.15em; font-size:.95rem; } .entrar{ padding:8px 12px; color:#AFC0E6; font-weight:500; font-size:.95rem; text-decoration:none; }
.hamb{ display:none; margin-left:auto; width:44px; height:44px; border:1px solid var(--borda); border-radius:50%; background:transparent; position:relative; cursor:pointer; }
.hamb i{ position:absolute; left:12px; right:12px; height:2px; background:#fff; transition:transform .25s; } .hamb i:nth-child(1){ top:16px } .hamb i:nth-child(2){ top:26px }
.hamb[aria-expanded="true"] i:nth-child(1){ transform:translateY(5px) rotate(45deg) } .hamb[aria-expanded="true"] i:nth-child(2){ transform:translateY(-5px) rotate(-45deg) }
.gaveta{ display:none; }
@media (max-width:1100px){ .menu,.topo-cta{ display:none; } .hamb{ display:block; }
  .gaveta.aberta{ display:grid; padding:6px var(--gut) 22px; background:#020A2B; border-top:1px solid var(--borda); }
  .gaveta a{ padding:13px 2px; font-family:var(--fonte-titulo); font-weight:600; font-size:1.15rem; color:#fff; text-decoration:none; border-bottom:1px solid var(--borda); } .gaveta a.bt{ margin-top:16px; justify-content:center; border:0; } }

/* ---------- topo da página ---------- */
.hero{ position:relative; z-index:1; padding:clamp(40px,6vw,90px) 0 0; }
.hero-g{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(32px,5vw,80px); align-items:center; padding-bottom:clamp(50px,7vw,90px); }
.hero h1{ font-size:clamp(40px,6.3vw,92px); line-height:.96; letter-spacing:-.045em; max-width:12ch; text-shadow:0 0 60px rgba(91,140,255,.45); }
.hero .sub{ margin-top:1.6rem; max-width:54ch; font-size:clamp(1.05rem,1.4vw,1.22rem); color:#AFC0E6; }
.ok{ display:flex; flex-wrap:wrap; gap:6px 22px; list-style:none; margin:1.5rem 0 0; padding:0; font-size:.93rem; color:#9DB7F5; } .ok li{ display:flex; align-items:center; gap:8px; } .ok li::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--broto); box-shadow:0 0 10px var(--broto); }
@media (max-width:980px){ .hero-g{ grid-template-columns:1fr; } }

.cena{ position:relative; min-height:430px; }
.c-anel{ position:absolute; right:-14%; top:-14%; width:88%; animation:gira 80s linear infinite; opacity:.9; filter:saturate(1.3) drop-shadow(0 0 40px rgba(56,103,231,.6)); }
@keyframes gira{ to{ transform:rotate(360deg); } }
.vidro{ position:absolute; border-radius:22px; background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04)); border:1px solid var(--borda); backdrop-filter:blur(18px); box-shadow:0 40px 80px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.18); transform:perspective(1200px) rotateY(calc(-8deg + var(--ry,0deg))) rotateX(calc(5deg + var(--rx,0deg))); transition:transform .25s var(--ease); }
.v-fundo{ left:0; top:6%; width:78%; padding:20px; } .v-fundo > b{ display:block; font-weight:600; font-size:.9rem; color:#C9D8FA; margin-bottom:12px; }
.v-aneis{ display:grid; grid-template-columns:130px 1fr; gap:16px; align-items:center; } .v-aneis svg{ width:130px; height:130px; }
.v-aneis .t{ fill:none; stroke:rgba(255,255,255,.1); stroke-width:9; } .v-aneis .r{ fill:none; stroke-width:9; stroke-linecap:round; stroke-dasharray:0 100; transform:rotate(-90deg); transform-origin:60px 60px; transition:stroke-dasharray 2s var(--ease) .6s; }
.r1{ stroke:#7DC383; } .r2{ stroke:#5B8CFF; } .r3{ stroke:#91AEE8; } .cena.in .r1{ stroke-dasharray:94 100; } .cena.in .r2{ stroke-dasharray:86 100; } .cena.in .r3{ stroke-dasharray:87 100; }
.v-aneis ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:.82rem; color:#AFC0E6; } .v-aneis li{ display:flex; align-items:center; gap:8px; } .v-aneis li i{ width:9px; height:9px; border-radius:50%; } .v-aneis li b{ margin-left:auto; color:#fff; font-family:var(--fonte-dado); font-weight:500; }
.v-frente{ right:0; bottom:2%; width:74%; padding:18px 20px; transform:perspective(1200px) rotateY(calc(-8deg + var(--ry,0deg))) rotateX(calc(5deg + var(--rx,0deg))) translateZ(40px); border-color:rgba(125,195,131,.35); }
.v-cab{ display:flex; justify-content:space-between; align-items:center; font-size:.82rem; font-weight:600; color:#fff; margin-bottom:10px; }
.ao-vivo{ display:flex; align-items:center; gap:7px; font-size:.75rem; color:var(--broto); } .ao-vivo i{ width:8px; height:8px; border-radius:50%; background:var(--broto); box-shadow:0 0 0 0 rgba(125,195,131,.8); animation:pulso 1.8s infinite; } @keyframes pulso{ 70%{ box-shadow:0 0 0 10px rgba(125,195,131,0); } 100%{ box-shadow:0 0 0 0 rgba(125,195,131,0); } }
.feed{ list-style:none; margin:0; padding:0; font-family:var(--fonte-dado); font-size:.74rem; line-height:1.55; color:#C9D8FA; min-height:7.6em; } .feed li{ padding:5px 0; border-top:1px solid rgba(255,255,255,.08); } .feed time{ color:var(--broto); margin-right:8px; } .feed .novo{ animation:entra .6s var(--ease); background:linear-gradient(90deg,rgba(125,195,131,.18),transparent); } @keyframes entra{ from{ opacity:0; transform:translateY(-10px); } }
.ilus{ position:absolute; right:0; bottom:-26px; font-family:var(--fonte-dado); font-size:.72rem; color:#7C8EBC; margin:0; }
@media (max-width:980px){ .cena{ min-height:400px; max-width:560px; } } @media (max-width:560px){ .v-fundo{ width:100%; position:relative; top:0; } .v-frente{ position:relative; width:100%; margin-top:14px; bottom:0; } .cena{ min-height:0; } .ilus{ position:static; text-align:right; margin-top:10px; } }

.mq-hero{ overflow:hidden; border-block:1px solid var(--borda); padding-block:18px; background:rgba(255,255,255,.03); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.trk{ display:flex; gap:42px; width:max-content; animation:corre 50s linear infinite; } .mq-hero:hover .trk{ animation-play-state:paused; } @keyframes corre{ to{ transform:translateX(-50%); } }
.trk span{ white-space:nowrap; font-family:var(--fonte-titulo); font-weight:600; font-size:1.5rem; letter-spacing:-.02em; color:#7C8EBC; transition:color .2s, text-shadow .2s; } .trk span:hover{ color:#fff; text-shadow:0 0 20px var(--vivo); }

/* ---------- números ---------- */
.nums{ position:relative; z-index:1; padding-block:clamp(56px,7vw,100px); }
.nums-g{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.nums strong{ display:block; font-family:var(--fonte-titulo); font-size:clamp(36px,5vw,70px); letter-spacing:-.045em; line-height:1; background:linear-gradient(135deg,#fff,#7DC383); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-variant-numeric:tabular-nums; }
.nums strong.txt{ font-size:clamp(24px,2.8vw,40px); line-height:1.05; padding-top:.2em; } .nums p{ color:#9DB7F5; margin:.5rem 0 0; font-size:.95rem; }
@media (max-width:820px){ .nums-g{ grid-template-columns:1fr 1fr; } }

/* ---------- obrigações ---------- */
.obr-g{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px,6vw,90px); align-items:center; }
.custo{ margin-top:2rem; font-family:var(--fonte-titulo); font-weight:600; font-size:clamp(1.3rem,2.4vw,2rem); line-height:1.2; letter-spacing:-.02em; color:#fff; max-width:30ch; } .custo mark{ background:none; color:#7DC383; text-shadow:0 0 24px rgba(125,195,131,.5); }
.radar{ position:relative; padding:clamp(20px,3vw,32px); border-radius:24px; background:var(--vidro); border:1px solid var(--borda); overflow:hidden; }
.radar::before,.radar::after{ content:""; position:absolute; right:-60px; top:-60px; width:220px; height:220px; border-radius:50%; border:2px solid rgba(91,140,255,.5); animation:sonar 4s ease-out infinite; } .radar::after{ animation-delay:2s; }
@keyframes sonar{ from{ transform:scale(.3); opacity:1; } to{ transform:scale(2.4); opacity:0; } }
.r-lista{ position:relative; list-style:none; margin:0; padding:0; } .r-lista li{ display:flex; justify-content:space-between; align-items:center; gap:14px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.1); transform:translateX(-14px); opacity:0; transition:all .7s var(--ease); transition-delay:calc(var(--n,0) * 120ms + .3s); }
.radar.in .r-lista li{ transform:none; opacity:1; } .r-lista li:nth-child(2){ --n:1 } .r-lista li:nth-child(3){ --n:2 } .r-lista li:nth-child(4){ --n:3 } .r-lista li:nth-child(5){ --n:4 } .r-lista li:nth-child(6){ --n:5 }
.r-lista em{ font-style:normal; font-family:var(--fonte-dado); font-size:.76rem; padding:3px 10px; border-radius:99px; white-space:nowrap; } .r-lista .ok{ background:rgba(125,195,131,.18); color:#7DC383; } .r-lista .at{ background:rgba(242,193,78,.18); color:#F2C14E; } .r-lista .cr{ background:rgba(255,120,110,.2); color:#FF9C92; }
.radar .ilus{ position:static; text-align:right; margin-top:14px; }
@media (max-width:900px){ .obr-g{ grid-template-columns:1fr; } }

/* ---------- plataforma ---------- */
.bento{ display:grid; grid-template-columns:repeat(12,1fr); gap:16px; margin-top:clamp(32px,5vw,60px); }
.gc{ --mx:50%; --my:50%; position:relative; overflow:hidden; border-radius:26px; padding:clamp(24px,3vw,38px); background:var(--vidro); border:1px solid var(--borda); isolation:isolate; transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transition:transform .25s var(--ease), opacity .9s var(--ease), filter .9s; }
.neo{ position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .35s; background:radial-gradient(420px circle at var(--mx) var(--my), rgba(91,140,255,.28), transparent 55%); } .gc:hover .neo{ opacity:1; }
.gc::after{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:radial-gradient(260px circle at var(--mx) var(--my), rgba(125,195,131,.9), transparent 60%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .35s; pointer-events:none; } .gc:hover::after{ opacity:1; }
.gc h3{ font-size:clamp(1.4rem,2.2vw,1.9rem); line-height:1.1; letter-spacing:-.025em; margin:.4rem 0 .7rem; } .gc p{ color:#AFC0E6; max-width:48ch; } .mod{ font-size:.9rem; font-weight:600; color:#7DC383 !important; margin:0 !important; }
.gc-1{ grid-column:span 7; } .gc-2{ grid-column:span 5; } .gc-3{ grid-column:span 5; } .gc-4{ grid-column:span 7; } @media (max-width:900px){ .gc-1,.gc-2,.gc-3,.gc-4{ grid-column:span 12; } }
.f-mini{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.92rem; margin-top:1rem; } .f-mini span{ padding:7px 11px; border-radius:10px; background:rgba(255,255,255,.08); } .f-mini .res{ background:#7DC383; color:#06210A; font-family:var(--fonte-dado); font-weight:500; } .f-mini b{ color:#7C8EBC; }
.spark{ width:100%; height:80px; margin-top:16px; overflow:visible; filter:drop-shadow(0 0 8px rgba(125,195,131,.7)); } .ln{ stroke-dasharray:520; stroke-dashoffset:520; transition:stroke-dashoffset 2.2s var(--ease) .5s; } .gc.in .ln{ stroke-dashoffset:0; }
.kb{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; font-size:.8rem; color:#C9D8FA; } .kb b{ display:block; font-size:.72rem; color:#7C8EBC; margin-bottom:6px; } .kb span{ display:block; padding:9px 10px; border-radius:10px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); margin-bottom:6px; line-height:1.3; } .kb .f{ border-color:rgba(125,195,131,.6); background:rgba(125,195,131,.14); }
.kb .mv{ border-color:rgba(91,140,255,.7); background:rgba(91,140,255,.18); animation:move 7s var(--ease) infinite; } @keyframes move{ 0%,20%{ translate:0 } 40%,70%{ translate:calc(100% + 8px) 0 } 90%,100%{ translate:0 } }
.arq{ list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:8px; font-size:.92rem; } .arq li{ display:flex; justify-content:space-between; gap:10px; align-items:center; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); } .arq em{ font-style:normal; font-size:.74rem; font-weight:700; color:#7DC383; background:rgba(125,195,131,.16); padding:3px 9px; border-radius:99px; } .arq em.rv{ color:#F2C14E; background:rgba(242,193,78,.16); }
.sup{ display:grid; gap:12px; font-size:.92rem; margin-top:1rem; color:#C9D8FA; } .sup div{ display:grid; grid-template-columns:110px 1fr 34px; gap:14px; align-items:center; } .sup i{ display:block; height:10px; width:var(--w); border-radius:99px; background:linear-gradient(90deg,#5B8CFF,#7DC383); box-shadow:0 0 14px rgba(91,140,255,.6); transform-origin:left; transform:scaleX(0); transition:transform 1.3s var(--ease) .3s; } .gc.in .sup i{ transform:none; } .sup b{ font-family:var(--fonte-dado); font-weight:500; text-align:right; color:#fff; }

/* ---------- consultorias ---------- */
.cons{ background:linear-gradient(180deg,transparent,rgba(22,58,184,.22),transparent); }
.fio{ display:grid; grid-template-columns:minmax(0,1fr) minmax(60px,.7fr) minmax(0,1fr); align-items:center; gap:0; margin-top:clamp(32px,5vw,56px); }
.n-doc,.n-reg{ padding:20px 22px; border-radius:18px; border:1px solid var(--borda); background:var(--vidro); } .n-doc b,.n-reg b{ display:block; color:#fff; font-family:var(--fonte-titulo); } .n-doc span,.n-reg span{ color:#AFC0E6; font-size:.92rem; }
.n-reg{ position:relative; border-color:rgba(125,195,131,.5); box-shadow:0 0 40px -10px rgba(125,195,131,.5); } .n-reg u{ position:absolute; right:14px; top:-14px; text-decoration:none; background:#7DC383; color:#06210A; font-family:var(--fonte-titulo); font-weight:700; padding:5px 13px; border-radius:8px; transform:scale(0); transition:transform .5s cubic-bezier(.3,1.8,.5,1) 1.6s; } .fio.in .n-reg u{ transform:scale(1); }
.fio svg{ width:100%; height:40px; } .fio .dot{ filter:drop-shadow(0 0 8px #7DC383); } .fio.in .dot{ animation:viaja 2.2s var(--ease) .3s infinite; } @keyframes viaja{ from{ cx:0; } to{ cx:400; } }
.pontos{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px clamp(28px,5vw,72px); margin-top:clamp(36px,5vw,60px); } .pontos h3{ font-size:1.25rem; margin-bottom:.4rem; letter-spacing:-.015em; } .pontos p{ color:#AFC0E6; margin:0; }
.peq{ margin-top:2rem; font-size:.92rem; color:#7C8EBC; }
@media (max-width:860px){ .fio{ grid-template-columns:1fr; gap:12px; } .fio svg{ display:none; } .pontos{ grid-template-columns:1fr; } }

/* ---------- passos ---------- */
.passos{ position:relative; list-style:none; margin:clamp(36px,5vw,64px) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.passos::before{ content:""; position:absolute; left:28px; right:28px; top:28px; height:3px; background:linear-gradient(90deg,#5B8CFF,#7DC383); box-shadow:0 0 18px #5B8CFF; transform-origin:left; transform:scaleX(0); transition:transform 2s var(--ease); } .passos.in::before{ transform:none; }
.passos li{ position:relative; padding-top:76px; }
.passos .n{ position:absolute; left:0; top:0; width:58px; height:58px; border-radius:50%; background:#020A2B; border:2px solid #5B8CFF; color:#fff; font-family:var(--fonte-titulo); font-weight:700; font-size:1.6rem; display:grid; place-items:center; box-shadow:0 0 24px rgba(91,140,255,.6); }
.passos h3{ font-size:1.5rem; letter-spacing:-.02em; margin-bottom:.5rem; } .passos p{ color:#AFC0E6; } .passos small{ display:block; margin-top:.8rem; font-weight:600; color:#7DC383; font-size:.85rem; }
@media (max-width:820px){ .passos{ grid-template-columns:1fr; } .passos::before{ display:none; } }

/* ---------- GEE ---------- */
.gee-g{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(32px,6vw,90px); align-items:center; }
.fluxo{ list-style:none; counter-reset:f; padding:0; margin:2rem 0 0; } .fluxo li{ counter-increment:f; position:relative; padding:15px 0 15px 54px; border-top:1px solid rgba(255,255,255,.12); color:#AFC0E6; } .fluxo li:last-child{ border-bottom:1px solid rgba(255,255,255,.12); }
.fluxo li::before{ content:counter(f); position:absolute; left:0; top:13px; width:36px; height:36px; border-radius:50%; background:rgba(125,195,131,.16); border:1px solid #7DC383; color:#7DC383; font-family:var(--fonte-titulo); font-weight:700; display:grid; place-items:center; } .fluxo b{ display:block; color:#fff; font-family:var(--fonte-titulo); font-size:1.1rem; }
.orb{ position:relative; max-width:520px; margin-inline:auto; width:100%; }
.orb svg{ width:100%; height:auto; overflow:visible; filter:drop-shadow(0 0 20px rgba(91,140,255,.45)); }
.orb .spin{ transform-origin:200px 200px; animation:gira 70s linear infinite; } .orb .spin.r{ animation-direction:reverse; animation-duration:90s; }
.orb .arc{ transform:rotate(-90deg); transform-origin:200px 200px; transition:stroke-dasharray 2.2s var(--ease); } .orb.in .arc{ stroke-dasharray:var(--len) 2000; } .orb .arc:nth-of-type(4){ transition-delay:.9s } .orb .arc:nth-of-type(5){ transition-delay:1.5s }
.o-c{ position:absolute; left:0; right:0; top:0; aspect-ratio:1; display:grid; place-content:center; text-align:center; } .o-c strong{ font-family:var(--fonte-titulo); font-size:clamp(2.6rem,6vw,4.4rem); letter-spacing:-.045em; color:#fff; line-height:1; font-variant-numeric:tabular-nums; text-shadow:0 0 30px rgba(91,140,255,.7); } .o-c small{ color:#9DB7F5; font-size:.85rem; }
.leg{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; list-style:none; padding:0; margin:1.4rem 0 0; font-size:.92rem; color:#AFC0E6; } .leg li{ display:flex; align-items:center; gap:8px; } .leg i{ width:11px; height:11px; border-radius:50%; box-shadow:0 0 10px currentColor; }
.orb .ilus{ position:static; text-align:center; margin-top:10px; }
@media (max-width:900px){ .gee-g{ grid-template-columns:1fr; } }

/* ---------- IA ---------- */
.ia-g{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,6vw,90px); align-items:center; }
.term{ border-radius:20px; background:#010622; border:1px solid var(--borda); box-shadow:0 40px 80px -30px rgba(0,0,0,.9), 0 0 60px -20px rgba(91,140,255,.6); overflow:hidden; font-size:.95rem; }
.t-bar{ display:flex; align-items:center; gap:7px; padding:12px 16px; background:rgba(255,255,255,.05); } .t-bar i{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.2); } .t-bar span{ margin-left:10px; font-size:.8rem; color:#7C8EBC; font-family:var(--fonte-dado); }
.t-q{ margin:18px; padding:11px 15px; border-radius:12px; background:rgba(255,255,255,.08); color:#fff; width:fit-content; margin-left:auto; max-width:85%; }
.t-r{ margin:0 18px; min-height:7.5em; color:#C9D8FA; } .caret{ display:inline-block; width:8px; height:1em; background:#7DC383; vertical-align:-2px; margin-left:2px; animation:pisca 1s steps(2) infinite; } @keyframes pisca{ 50%{ opacity:0; } }
.t-o{ display:flex; flex-wrap:wrap; gap:8px; padding:12px 18px 18px; } .t-o span{ font-family:var(--fonte-dado); font-size:.74rem; padding:4px 9px; border-radius:6px; border:1px dashed #5B8CFF; color:#9DB7F5; }
@media (max-width:900px){ .ia-g{ grid-template-columns:1fr; } }

/* ---------- planos ---------- */
.pl-g{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:clamp(36px,5vw,64px); align-items:stretch; }
.pl{ position:relative; display:flex; flex-direction:column; border-radius:26px; padding:clamp(24px,3vw,36px); background:var(--vidro); border:1px solid var(--borda); backdrop-filter:blur(10px); transition:transform .35s var(--ease), box-shadow .35s; } .pl:hover{ transform:translateY(-8px); box-shadow:0 30px 60px -30px rgba(91,140,255,.7); }
.pl h3{ font-size:1.5rem; } .pl-preco{ font-family:var(--fonte-titulo); font-weight:700; font-size:2.6rem; letter-spacing:-.04em; color:#fff; margin:.4rem 0 .3rem; line-height:1.05; } .pl-preco small{ font-size:1rem; font-weight:600; color:#9DB7F5; letter-spacing:0; }
.pl-ideal{ color:#AFC0E6; font-size:.95rem; } .pl ul{ list-style:none; padding:0; margin:1rem 0 1.6rem; display:grid; gap:10px; font-size:.97rem; color:#C9D8FA; }
.pl li{ position:relative; padding-left:26px; } .pl li::before{ content:""; position:absolute; left:0; top:.4em; width:14px; height:14px; border-radius:50%; background:#7DC383; box-shadow:0 0 10px #7DC383; } .pl li em{ font-style:normal; font-size:.82rem; color:#7C8EBC; }
.pl .bt{ margin-top:auto; justify-content:center; }
.pl-dest{ background:linear-gradient(160deg,rgba(56,103,231,.45),rgba(2,27,100,.4)); border-color:rgba(145,174,232,.7); box-shadow:0 0 70px -20px rgba(91,140,255,.8); } .pl-dest::before{ content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1.5px; background:conic-gradient(from var(--ang,0deg),#5B8CFF,#7DC383,#38D0E8,#5B8CFF); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:ang 6s linear infinite; pointer-events:none; }
@property --ang{ syntax:"<angle>"; initial-value:0deg; inherits:false; } @keyframes ang{ to{ --ang:360deg; } }
.pl-tag{ position:absolute; top:-14px; left:28px; background:#7DC383; color:#06210A; font-size:.78rem; font-weight:700; padding:5px 13px; border-radius:99px; }
@media (max-width:980px){ .pl-g{ grid-template-columns:1fr; } }

/* ---------- em breve / segurança ---------- */
.br-g{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:clamp(32px,5vw,56px); }
.br{ border:1px dashed rgba(145,174,232,.5); border-radius:22px; padding:24px; background:rgba(255,255,255,.02); transition:transform .35s var(--ease), border-color .3s, background .3s; } .br:hover{ transform:translateY(-6px); border-style:solid; border-color:#5B8CFF; background:rgba(91,140,255,.1); }
.br-tag{ display:inline-flex; align-items:center; gap:7px; font-size:.78rem; font-weight:700; color:#7DC383; background:rgba(125,195,131,.12); padding:4px 11px; border-radius:99px; margin-bottom:1rem; } .br-tag::before{ content:""; width:7px; height:7px; border-radius:50%; background:#7DC383; animation:pulso 1.8s infinite; }
.br h3{ font-size:1.25rem; letter-spacing:-.02em; margin-bottom:.4rem; } .br p{ margin:0; color:#AFC0E6; font-size:.95rem; }
@media (max-width:980px){ .br-g{ grid-template-columns:1fr 1fr; } } @media (max-width:560px){ .br-g{ grid-template-columns:1fr; } }
.sg-g{ display:grid; grid-template-columns:repeat(3,1fr); gap:0 clamp(24px,4vw,56px); margin-top:clamp(32px,5vw,56px); }
.sg{ padding:22px 0; border-top:1px solid rgba(255,255,255,.14); position:relative; } .sg::before{ content:""; position:absolute; left:0; top:-1px; height:2px; width:0; background:linear-gradient(90deg,#5B8CFF,#7DC383); transition:width 1s var(--ease) .3s; } .sg.in::before{ width:60px; }
.sg h3{ font-size:1.2rem; margin-bottom:.3rem; } .sg p{ margin:0; color:#AFC0E6; font-size:.97rem; } @media (max-width:860px){ .sg-g{ grid-template-columns:1fr; } }

/* ---------- depoimentos ---------- */
.dp-g2{ display:grid; grid-template-columns:1.25fr 1fr; gap:18px; margin-top:clamp(32px,5vw,56px); align-items:start; }
.dp{ margin:0; border-radius:26px; padding:clamp(26px,3.4vw,44px); background:var(--vidro); border:1px solid var(--borda); position:relative; } .dp::before{ content:"“"; position:absolute; right:24px; top:6px; font-family:var(--fonte-titulo); font-size:6rem; line-height:1; color:rgba(91,140,255,.5); }
.dp p{ font-family:var(--fonte-titulo); font-weight:600; color:#fff; letter-spacing:-.01em; } .dp-g p{ font-size:clamp(1.1rem,1.8vw,1.42rem); line-height:1.4; } .dp-p p{ font-size:1.1rem; line-height:1.45; }
.dp cite{ display:block; font-style:normal; color:#9DB7F5; font-size:.95rem; margin-top:1.2rem; } .dp cite b{ color:#fff; }
.pr{ list-style:none; padding:0; margin:clamp(32px,4vw,52px) 0 0; display:flex; flex-wrap:wrap; gap:12px; } .pr li{ border:1px solid var(--borda); border-radius:99px; padding:.55em 1.2em; background:rgba(255,255,255,.04); } .pr b{ font-family:var(--fonte-titulo); color:#fff; margin-right:.5em; } .pr span{ color:#9DB7F5; font-size:.92rem; }
@media (max-width:900px){ .dp-g2{ grid-template-columns:1fr; } }

/* ---------- FAQ ---------- */
.faq-g{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(32px,6vw,90px); align-items:start; } .faq-g a{ color:#7DC383; }
.fq{ border-bottom:1px solid rgba(255,255,255,.14); } .fq:first-child{ border-top:1px solid rgba(255,255,255,.14); }
.fq summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 0; font-family:var(--fonte-titulo); font-weight:600; font-size:1.18rem; color:#fff; transition:color .2s; } .fq summary:hover{ color:#7DC383; }
.fq summary::-webkit-details-marker{ display:none; } .fq summary::after{ content:"+"; flex:none; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--borda); color:#9DB7F5; font-size:1.4rem; font-family:var(--fonte-texto); transition:transform .4s var(--ease), background .3s; }
.fq[open] summary::after{ transform:rotate(135deg); background:#5B8CFF; color:#fff; border-color:#5B8CFF; } .fq p{ color:#AFC0E6; padding-bottom:20px; margin:0; max-width:62ch; }
@media (max-width:900px){ .faq-g{ grid-template-columns:1fr; } }

/* ---------- final ---------- */
.final{ position:relative; z-index:1; overflow:hidden; padding-block:clamp(90px,12vw,170px); background:radial-gradient(70% 90% at 80% 50%,rgba(56,103,231,.55),transparent 70%); border-top:1px solid var(--borda); }
.final h2{ font-size:clamp(38px,6.6vw,96px); line-height:.98; letter-spacing:-.045em; max-width:13ch; } .final .sub{ color:#C9D8FA; font-size:1.2rem; max-width:44ch; margin-top:1.6rem; }
.f-anel{ position:absolute; right:-10%; top:50%; width:min(58vw,780px); translate:0 -50%; animation:gira 70s linear infinite; opacity:.95; filter:drop-shadow(0 0 50px rgba(56,103,231,.8)); } @media (max-width:760px){ .f-anel{ opacity:.35; } }

/* ---------- rodapé ---------- */
.rod{ position:relative; z-index:1; padding:clamp(40px,6vw,64px) var(--gut) 26px; color:#9DB7F5; font-size:.97rem; border-top:1px solid var(--borda); background:rgba(1,6,34,.6); }
.rod-in{ max-width:1240px; margin:0 auto; } .rod-top{ display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:32px; }
.rod-logo{ height:36px; width:auto; margin-bottom:14px; } .rod p{ max-width:32ch; } .rod h4{ margin:0 0 .8rem; font-family:var(--fonte-titulo); color:#fff; font-size:1rem; }
.rod ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; } .rod a{ text-decoration:none; } .rod a:hover{ color:#7DC383; text-decoration:underline; }
.rod-fim{ margin-top:34px; padding-top:20px; border-top:1px solid var(--borda); font-size:.88rem; }
@media (max-width:860px){ .rod-top{ grid-template-columns:1fr 1fr; } } @media (max-width:560px){ .rod-top{ grid-template-columns:1fr; } }
.zap{ position:fixed; right:18px; bottom:18px; z-index:70; width:56px; height:56px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#3867E7,#5B8CFF); color:#fff; box-shadow:0 0 30px rgba(91,140,255,.8); transition:transform .3s var(--ease); } .zap:hover{ transform:scale(1.1) rotate(-8deg); } .zap svg{ width:26px; height:26px; }

@media (prefers-reduced-motion:reduce){ *,*::before,*::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; } .js [data-rv],.js [data-split] .sw > span{ opacity:1 !important; transform:none !important; filter:none !important; } .cena .r{ stroke-dasharray:var(--p) 100 !important; } .r1{ --p:94 } .r2{ --p:86 } .r3{ --p:87 } .ln{ stroke-dashoffset:0 !important; } .sup i{ transform:none !important; } .orb .arc{ stroke-dasharray:var(--len) 2000 !important; } .r-lista li{ opacity:1 !important; transform:none !important; } .n-reg u{ transform:none !important; } .passos::before{ transform:none !important; } .sg::before{ width:60px !important; } }