/* SeeDs.AI — site institucional (19/10/2026)
   Dialeto CLARA (Fraunces + Inter, azul da marca + folha teal) em versão noturna, "cibernética",
   a pedido do John. A folha é a marca: abre o site, assina o header e acende o hero. */

:root{
  --void:#020617; --deep:#040b22; --navy:#0a1838; --navy-2:#0f2350;
  --blue:#2563eb; --blue-l:#60a5fa; --sky:#0ea5e9; --cyan:#22d3ee; --leaf:#14b8a6; --leaf-l:#5eead4;
  --ink:#eaf1ff; --ink-2:#bcc9e6; --mute:#8193b8;
  --line:rgba(125,211,252,.13); --line-2:rgba(125,211,252,.28);
  --panel:linear-gradient(180deg,rgba(148,190,255,.065),rgba(148,190,255,.025));
  --grad:linear-gradient(100deg,#7dd3fc 0%,#22d3ee 40%,#5eead4 100%);
  --ease:cubic-bezier(.2,.7,.2,1);
  --r:22px; --r-sm:14px;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--void);line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"tnum" 1}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:rgba(34,211,238,.35)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}

/* ---------- fundo: rede neural + circuito + brilho (fixos, atrás de tudo) ---------- */
#rede{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}
.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(60% 50% at 10% -5%,rgba(37,99,235,.28),transparent 60%),
  radial-gradient(50% 45% at 100% 100%,rgba(20,184,166,.16),transparent 60%),
  radial-gradient(40% 35% at 85% 10%,rgba(14,165,233,.12),transparent 60%)}
.grade{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:
  linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 85% 65% at 50% 0%,#000 15%,transparent 75%);
  mask-image:radial-gradient(ellipse 85% 65% at 50% 0%,#000 15%,transparent 75%)}
main,header,footer{position:relative;z-index:1}

.w{max-width:var(--max);margin:0 auto;padding:0 24px}
section{padding:110px 0}
@media (max-width:720px){.w{padding:0 18px} section{padding:76px 0}}

/* ---------- tipografia ---------- */
.serif,h1,h2,h3.serif{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.04}
h1{font-size:clamp(44px,7.2vw,92px)}
h2{font-size:clamp(34px,4.6vw,58px)}
h1 em,h2 em,.serif em{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.kicker{display:inline-flex;align-items:center;gap:12px;font:700 12.5px Inter;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan)}
.kicker::before{content:"";width:34px;height:2px;border-radius:2px;background:var(--grad);box-shadow:0 0 12px rgba(34,211,238,.8)}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);max-width:640px}
.mute{color:var(--mute)}
.cab{max-width:760px;margin-bottom:54px}
.cab h2{margin:18px 0 18px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;font:700 16px Inter;letter-spacing:.01em;
  color:#021226;background:var(--grad);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 14px 40px -12px rgba(34,211,238,.6);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 20px 50px -12px rgba(34,211,238,.85)}
.btn svg{width:20px;height:20px}
.btn-g{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font:600 16px Inter;color:var(--ink);
  border:1px solid var(--line-2);background:rgba(148,190,255,.05);transition:border-color .3s,background .3s}
.btn-g:hover{border-color:var(--cyan);background:rgba(34,211,238,.08)}
.acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* ---------- header ---------- */
.topo{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.topo.rolou{background:rgba(2,6,23,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line)}
.topo .w{display:flex;align-items:center;gap:28px;height:76px}
.marca{display:flex;align-items:center;gap:11px;font-family:Fraunces,serif;font-size:23px;letter-spacing:-.01em;color:#fff;white-space:nowrap}
.marca b{color:var(--blue-l);font-weight:600}
.marca .folha{width:24px;height:34px;filter:drop-shadow(0 0 10px rgba(34,211,238,.55))}
.nav{display:flex;gap:26px;margin-left:auto;font:500 15px Inter;color:var(--ink-2)}
.nav a{position:relative;padding:6px 0;transition:color .25s}
.nav a:hover,.nav a[aria-current]{color:#fff}
.nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--grad);border-radius:2px}
.topo .btn{padding:11px 18px;font-size:14.5px}
.menu{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);align-items:center;justify-content:center}
.menu span,.menu span::before,.menu span::after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative;transition:transform .3s}
.menu span::before,.menu span::after{content:"";position:absolute;left:0}
.menu span::before{top:-6px} .menu span::after{top:6px}
@media (max-width:980px){
  .nav{position:fixed;top:76px;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:10px 18px 22px;
    background:rgba(2,6,23,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}
  .nav a{padding:15px 4px;border-bottom:1px solid var(--line);font-size:17px}
  .topo.aberto .nav{opacity:1;transform:none;pointer-events:auto}
  .topo.aberto{background:rgba(2,6,23,.96)}
  .menu{display:flex}
  .topo .btn{display:none}
}

/* ---------- intro: a folha ---------- */
#intro{position:fixed;inset:0;z-index:999;background:radial-gradient(60% 60% at 50% 45%,#071739 0%,#020617 70%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:opacity .8s var(--ease)}
#intro .folha-g{width:min(40vmin,240px);height:auto;overflow:visible}
#intro .tag{margin-top:30px;font:500 12px Inter;letter-spacing:.6em;text-transform:uppercase;color:#7f95bd;opacity:0;
  animation:tagIn 1.4s 1.5s var(--ease) forwards}
#intro .pular{position:absolute;bottom:28px;font:500 12px Inter;letter-spacing:.14em;text-transform:uppercase;color:#4f638b;opacity:0;animation:fadeIn .6s 1s forwards}
#intro.sai{opacity:0;pointer-events:none}
@keyframes tagIn{to{opacity:1;letter-spacing:.42em}}
@keyframes fadeIn{to{opacity:1}}
html.com-intro body{overflow:hidden}

/* a folha animada (as classes vêm do site.js) */
.folha-g .contorno{fill:none;stroke:#7dd3fc;stroke-width:.9;stroke-dasharray:1;stroke-dashoffset:1;filter:url(#brilho)}
.folha-g .metade{opacity:0}
.folha-g .nervura,.folha-g .veia,.folha-g .trilha{fill:none;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round}
.folha-g .nervura{stroke:#e0f2fe;stroke-width:1.5;filter:url(#brilho)}
.folha-g .veia{stroke:#93c5fd;stroke-width:1.05;opacity:.8}
.folha-g .trilha{stroke:#67e8f9;stroke-width:1.05;filter:url(#brilho)}
.folha-g .trilha.fina{stroke-width:.55;opacity:.55}
.folha-g .no{transform-box:fill-box;transform-origin:center;transform:scale(0)}
.folha-g .no circle:first-child{fill:none;stroke:#67e8f9;stroke-width:.8}
.folha-g .no circle:last-child{fill:#ecfeff}
.folha-g .cabo{opacity:0}
.folha-g .pulso{fill:none;stroke:#f0fdff;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:.06 .94;stroke-dashoffset:1;opacity:0;filter:url(#brilho)}

.folha-g.viva .contorno{animation:desenha .95s var(--ease) forwards}
.folha-g.viva .metade{animation:aparece .9s .45s var(--ease) forwards}
.folha-g.viva .cabo{animation:aparece .6s .55s forwards}
.folha-g.viva .nervura{animation:desenha .8s .7s var(--ease) forwards}
.folha-g.viva .veia{animation:desenha .7s var(--ease) forwards}
.folha-g.viva .trilha{animation:desenha .55s var(--ease) forwards}
.folha-g.viva .no{animation:brota .5s var(--ease) forwards}
.folha-g.viva .pulso{animation:corre 2.4s linear infinite}
@keyframes desenha{to{stroke-dashoffset:0}}
@keyframes aparece{to{opacity:1}}
@keyframes brota{0%{transform:scale(0)}70%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes corre{0%{stroke-dashoffset:1;opacity:0}8%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.folha-g.respira{animation:respira 5s ease-in-out infinite}
@keyframes respira{0%,100%{filter:drop-shadow(0 0 18px rgba(34,211,238,.35))}50%{filter:drop-shadow(0 0 34px rgba(34,211,238,.7))}}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 70px}
.hero .w{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}
.hero h1{margin:22px 0 26px}
.hero .lead{margin-bottom:36px}
.selos{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.selo{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:rgba(148,190,255,.04);
  font:600 13px Inter;color:var(--ink-2)}
.selo i{width:7px;height:7px;border-radius:50%;background:var(--leaf-l);box-shadow:0 0 10px var(--leaf-l);animation:vivo 2.2s ease-in-out infinite}
@keyframes vivo{50%{opacity:.35}}
.constelacao{position:relative;aspect-ratio:1/1;width:100%;max-width:560px;justify-self:end}
.constelacao svg.fios{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.constelacao .fio{stroke:rgba(125,211,252,.22);stroke-width:1;fill:none}
.constelacao .fio-luz{stroke:#67e8f9;stroke-width:2;stroke-linecap:round;fill:none;stroke-dasharray:3 123;animation:fluxo 3.6s linear infinite;filter:drop-shadow(0 0 4px #22d3ee)}
@keyframes fluxo{to{stroke-dashoffset:-126}}
.constelacao .orbita{fill:none;stroke:rgba(125,211,252,.12);stroke-dasharray:2 7}
.constelacao .centro{position:absolute;left:50%;top:50%;width:34%;transform:translate(-50%,-52%)}
.constelacao .centro::before{content:"";position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.25),transparent 65%);z-index:-1}
.astro{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;
  font:600 12.5px Inter;letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;transition:color .3s}
.astro b{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#ecfeff 0 30%,#22d3ee 31% 60%,rgba(34,211,238,.25) 61%);
  box-shadow:0 0 18px rgba(34,211,238,.9)}
.astro:hover{color:#fff}
.astro.folha-n b{background:radial-gradient(circle,#f0fdfa 0 30%,#14b8a6 31% 60%,rgba(20,184,166,.25) 61%);box-shadow:0 0 18px rgba(20,184,166,.9)}
@media (max-width:980px){
  .hero{padding-top:110px}
  .hero .w{grid-template-columns:1fr}
  .constelacao{justify-self:center;max-width:440px;order:-1;margin:-10px auto -20px}
}
@media (max-width:520px){.astro{font-size:11px} .constelacao{max-width:360px}}

/* ---------- faixa de prova ---------- */
.prova{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(37,99,235,.06),rgba(20,184,166,.05));padding:0}
.prova .w{display:grid;grid-template-columns:repeat(4,1fr)}
.prova div.n{padding:34px 22px;border-left:1px solid var(--line)}
.prova div.n:first-child{border-left:0}
.prova strong{display:block;font:500 clamp(30px,3.4vw,44px)/1 Fraunces,serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.prova span{display:block;margin-top:10px;font:500 14px/1.4 Inter;color:var(--ink-2)}
@media (max-width:820px){.prova .w{grid-template-columns:1fr 1fr} .prova div.n:nth-child(3){border-left:0} .prova div.n:nth-child(n+3){border-top:1px solid var(--line)}}

/* ---------- cartões ---------- */
.card{position:relative;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);overflow:hidden;
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(34,211,238,.10),transparent 40%);opacity:0;transition:opacity .4s}
.card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 30px 70px -40px rgba(34,211,238,.45)}
.card:hover::after{opacity:1}

/* portas do funil */
.portas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.porta{padding:34px 30px 30px;display:flex;flex-direction:column;min-height:330px}
.porta .num{font:600 13px Inter;letter-spacing:.2em;color:var(--cyan)}
.porta h3{font:500 30px/1.1 Fraunces,serif;margin:16px 0 12px}
.porta p{color:var(--ink-2)}
.porta ul{list-style:none;margin:22px 0 26px;display:grid;gap:9px}
.porta li{display:flex;align-items:center;gap:10px;font:600 15px Inter}
.porta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.porta .ir{margin-top:auto;font:700 15px Inter;color:var(--cyan);display:inline-flex;gap:8px;align-items:center}
.porta .ir span{transition:transform .3s var(--ease)} .porta:hover .ir span{transform:translateX(5px)}
@media (max-width:900px){.portas{grid-template-columns:1fr} .porta{min-height:0}}

/* bento de produtos */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.prod{padding:30px;display:flex;flex-direction:column;min-height:300px}
.prod.g{grid-column:span 3} .prod.m{grid-column:span 2}
.prod .topo-p{display:flex;justify-content:space-between;align-items:center;gap:12px}
.prod .tipo{font:700 12px Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font:700 11.5px Inter;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.chip.ar{color:var(--leaf-l);background:rgba(20,184,166,.12);border:1px solid rgba(94,234,212,.25)}
.chip.ar::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--leaf-l);box-shadow:0 0 8px var(--leaf-l);animation:vivo 2s infinite}
.chip.lanc{color:#fcd34d;background:rgba(252,211,77,.08);border:1px solid rgba(252,211,77,.22)}
.prod h3{font:500 34px/1.05 Fraunces,serif;margin:26px 0 12px}
.prod p{color:var(--ink-2);max-width:460px}
.prod .ir{margin-top:auto;padding-top:26px;font:700 15px Inter;color:var(--cyan);display:inline-flex;gap:8px}
.prod .ir span{transition:transform .3s var(--ease)} .prod:hover .ir span{transform:translateX(5px)}
.prod .glifo{position:absolute;right:-30px;bottom:-30px;width:190px;height:190px;opacity:.16;pointer-events:none}
@media (max-width:980px){.prod.g,.prod.m{grid-column:span 3}}
@media (max-width:680px){.bento{grid-template-columns:1fr}.prod.g,.prod.m{grid-column:auto}.prod{min-height:0}}

/* ---------- o time de IA ---------- */
.time .w{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
.cerebro{position:relative;aspect-ratio:1/1;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.18),transparent 65%),rgba(2,8,30,.6);overflow:hidden}
.cerebro canvas{position:absolute;inset:0;width:100%;height:100%}
.cerebro .rot{position:absolute;left:22px;bottom:20px;font:600 12px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.lancados{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.lancados span{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(148,190,255,.04);font:600 13.5px Inter;color:var(--ink-2)}
.lancados span.p{border-color:rgba(34,211,238,.35);color:#fff}
.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.numeros div{padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(148,190,255,.035)}
.numeros b{display:block;font:500 34px/1 Fraunces,serif;color:#fff}
.numeros span{display:block;margin-top:8px;font:500 13px/1.35 Inter;color:var(--mute)}
@media (max-width:980px){.time .w{grid-template-columns:1fr}.cerebro{max-width:520px;width:100%;margin:0 auto}}
@media (max-width:520px){.numeros{grid-template-columns:1fr 1fr}}

/* ---------- método (passos) ---------- */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:p}
.passo{padding:28px 26px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);position:relative}
.passo::before{counter-increment:p;content:"0" counter(p);display:block;font:500 40px/1 Fraunces,serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.passo h3{font:600 19px/1.25 Inter;margin:18px 0 10px}
.passo p{color:var(--ink-2);font-size:15px}
.passo:not(:last-child)::after{content:"";position:absolute;top:48px;right:-19px;width:20px;height:1px;background:var(--line-2)}
@media (max-width:980px){.passos{grid-template-columns:1fr 1fr}.passo::after{display:none}}
@media (max-width:560px){.passos{grid-template-columns:1fr}}

/* ---------- fundadores ---------- */
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pessoa{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:28px;align-items:start}
.pessoa img{width:150px;height:190px;object-fit:cover;border-radius:18px;border:1px solid var(--line-2);filter:saturate(.95) contrast(1.03)}
.pessoa h3{font:500 30px/1.1 Fraunces,serif}
.pessoa .papel{font:700 12px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:8px 0 14px}
.pessoa ul{list-style:none;display:grid;gap:8px;color:var(--ink-2);font-size:15px}
.pessoa li{padding-left:18px;position:relative}
.pessoa li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--blue-l);transform:rotate(45deg)}
.pessoa a.in{display:inline-block;margin-top:16px;font:600 14px Inter;color:var(--blue-l)}
@media (max-width:980px){.dupla{grid-template-columns:1fr}}
@media (max-width:560px){.pessoa{grid-template-columns:1fr}.pessoa img{width:120px;height:150px}}

/* ---------- CTA final com a Clarinha ---------- */
.final{padding:110px 0 120px}
.final .caixa{position:relative;border-radius:32px;border:1px solid var(--line-2);overflow:hidden;padding:clamp(34px,6vw,72px);
  background:radial-gradient(80% 120% at 0% 0%,rgba(37,99,235,.35),transparent 60%),radial-gradient(70% 100% at 100% 100%,rgba(20,184,166,.28),transparent 60%),#050f2c}
.final h2{max-width:760px;margin:18px 0 18px}
.final .lead{margin-bottom:34px}
.clara{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.clara img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 4px rgba(34,211,238,.25)}
.clara b{display:block;font:700 15px Inter}
.clara span{font:500 13.5px Inter;color:var(--ink-2)}
.clara .on{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;margin-right:6px}
.final .folha-fundo{position:absolute;right:-60px;top:50%;width:420px;transform:translateY(-50%) rotate(18deg);opacity:.14;pointer-events:none}
@media (max-width:720px){.final .folha-fundo{width:260px;right:-80px;opacity:.1}}

/* ---------- rodapé ---------- */
footer{border-top:1px solid var(--line);padding:46px 0 40px;color:var(--mute);font-size:14px}
footer .w{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
footer h4{font:700 12px Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px}
footer a:hover{color:#fff}
footer .ass{margin-top:14px;max-width:340px}
footer .base{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
@media (max-width:760px){footer .w{grid-template-columns:1fr 1fr}footer .w>div:first-child{grid-column:1/-1}}

/* ---------- páginas de produto ---------- */
.p-hero{padding:150px 0 70px}
.p-hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.p-hero h1{font-size:clamp(42px,6vw,78px);margin:20px 0 22px}
.p-hero .acoes{margin-top:34px}
.volta{display:inline-flex;gap:8px;font:600 14px Inter;color:var(--mute);margin-bottom:24px}
.volta:hover{color:#fff}
@media (max-width:980px){.p-hero{padding-top:120px}.p-hero .w{grid-template-columns:1fr}}
.dor{padding:60px 0}
.dor blockquote{font:400 italic clamp(24px,3vw,38px)/1.3 Fraunces,serif;color:#fff;max-width:900px;border-left:3px solid;border-image:var(--grad) 1;padding-left:30px}
.dor cite{display:block;margin-top:18px;padding-left:33px;font:600 13px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-style:normal}
.faz{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.faz .card{padding:30px}
.faz .ico{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font:600 20px Fraunces,serif;color:#021226;background:var(--grad);box-shadow:0 10px 30px -10px rgba(34,211,238,.7)}
.faz h3{font:600 20px/1.25 Inter;margin:20px 0 10px}
.faz p{color:var(--ink-2);font-size:15.5px}
@media (max-width:900px){.faz{grid-template-columns:1fr}}
.fluxo{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}
.fluxo .et{flex:1 1 170px;padding:24px 22px;border:1px solid var(--line);background:var(--panel);position:relative}
.fluxo .et:first-child{border-radius:var(--r) 0 0 var(--r)} .fluxo .et:last-child{border-radius:0 var(--r) var(--r) 0}
.fluxo .et+.et{border-left:0}
.fluxo .et small{display:block;font:700 11.5px Inter;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}
.fluxo .et b{display:block;font:600 17px/1.3 Inter;margin:10px 0 6px}
.fluxo .et span{font-size:14px;color:var(--ink-2)}
@media (max-width:820px){.fluxo{flex-direction:column}.fluxo .et{border-radius:0!important;border-left:1px solid var(--line)!important}.fluxo .et+.et{border-top:0}
  .fluxo .et:first-child{border-radius:var(--r) var(--r) 0 0!important}.fluxo .et:last-child{border-radius:0 0 var(--r) var(--r)!important}}
.consulta{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:40px;border-radius:28px;border:1px solid var(--line-2);
  background:radial-gradient(90% 140% at 0% 0%,rgba(37,99,235,.25),transparent 60%),rgba(5,15,44,.8)}
.consulta h2{font-size:clamp(30px,3.6vw,46px);margin:14px 0 14px}
.consulta .lado{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
@media (max-width:860px){.consulta{grid-template-columns:1fr;padding:30px}}
/* mentoria: preço e escassez no fecho (26/10/2026) */
.preco-m{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.preco-m div{padding:14px 18px;border-radius:16px;border:1px solid var(--line-2);background:rgba(4,11,34,.5);min-width:180px}
.preco-m div:first-child{border-color:rgba(34,211,238,.5);background:linear-gradient(140deg,rgba(8,145,178,.25),rgba(4,11,34,.5))}
.preco-m b{display:block;font:700 clamp(24px,2.6vw,32px)/1.1 Inter,sans-serif;color:#fff}
.preco-m span{display:block;margin-top:4px;font-size:14px;color:var(--mute,#8193b8)}
.escassez{display:flex;align-items:center;gap:10px;margin-top:16px;font-weight:600;color:#fcd34d}
.escassez i{width:8px;height:8px;border-radius:50%;background:#fcd34d;box-shadow:0 0 10px #fcd34d;animation:pisca 1.8s infinite}
@keyframes pisca{50%{opacity:.3}}
.telefones{display:flex;gap:22px;justify-content:center}
.telefone{width:min(46%,250px);border-radius:34px;padding:9px;background:linear-gradient(160deg,#1c2f63,#0a1838);border:1px solid var(--line-2);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 50px -10px rgba(34,211,238,.25)}
.telefone img{border-radius:26px;width:100%}
.telefone:nth-child(2){transform:translateY(40px)}
.painel-mock{border-radius:24px;border:1px solid var(--line-2);background:rgba(4,12,36,.85);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 60px -20px rgba(34,211,238,.25);overflow:hidden}
.painel-mock .barra{display:flex;gap:7px;padding:14px 16px;border-bottom:1px solid var(--line)}
.painel-mock .barra i{width:10px;height:10px;border-radius:50%;background:#1e335f}
.painel-mock .corpo{padding:22px;display:grid;gap:12px}
.linha-m{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;border:1px solid var(--line);background:rgba(148,190,255,.035);font:500 14px Inter;color:var(--ink-2)}
.linha-m b{color:#fff;font-weight:600}
.linha-m .st{margin-left:auto;font:700 11px Inter;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px}
.st.ok{color:var(--leaf-l);background:rgba(20,184,166,.12)} .st.vai{color:#7dd3fc;background:rgba(14,165,233,.12)} .st.para{color:#fcd34d;background:rgba(252,211,77,.1)}
.bolha{padding:14px 16px;border-radius:16px;font-size:14.5px;max-width:85%}
.bolha.ela{background:rgba(148,190,255,.08);border:1px solid var(--line);border-top-left-radius:4px}
.bolha.eu{margin-left:auto;background:linear-gradient(120deg,rgba(37,99,235,.55),rgba(14,165,233,.45));border-top-right-radius:4px}
.bolha small{display:block;font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:5px}

/* ---------- revelação no scroll ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}.rv.d5{transition-delay:.4s}

/* ---------- acessibilidade: sempre por último ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
  #rede{display:none}
}
.prod.full{grid-column:span 6;min-height:0}
@media (max-width:680px){.prod.full{grid-column:auto}}

/* =====================================================================
   v2 (19/10/2026): abertura com a folha 4K, idiomas, vitrine executiva, demos
   ===================================================================== */
.marca img.folha{width:22px;height:42px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(34,211,238,.55))}
.idioma{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--line-2);font:700 12px Inter;letter-spacing:.08em}
.idioma a{padding:6px 9px;border-radius:999px;color:var(--mute)}
.idioma a[aria-current]{background:rgba(34,211,238,.16);color:#fff}
@media (max-width:980px){.idioma{margin-left:auto}.menu{margin-left:10px}}

/* ---------- abertura: partículas → folha 4K → mergulho ---------- */
#intro{position:fixed;inset:0;z-index:999;overflow:hidden;cursor:pointer;
  background:radial-gradient(55% 55% at 50% 46%,#0a2259 0%,#04102e 45%,#01040f 100%);transition:background .6s,opacity .7s var(--ease)}
#intro .part{position:absolute;inset:0;width:100%;height:100%}
#intro .palco{position:absolute;left:50%;top:44%;height:min(58vh,150vw);aspect-ratio:538/1025.37;transform:translate(-50%,-50%);
  transform-origin:73.1% 56.1%;will-change:transform}
#intro .palco svg{width:100%;height:100%;overflow:visible;display:block}
#intro .palco::before{content:"";position:absolute;inset:-45% -80%;border-radius:50%;background:radial-gradient(closest-side,rgba(34,211,238,.32),rgba(37,99,235,.12) 45%,transparent 72%);
  opacity:0;animation:aparece 1.6s 1.3s var(--ease) forwards;pointer-events:none}
#intro .assina{position:absolute;left:0;right:0;top:calc(44% + min(29vh,75vw) + 26px);text-align:center;transition:opacity .4s}
#intro .nome{font:500 clamp(34px,5vw,58px)/1 Fraunces,serif;color:#f4f8ff;letter-spacing:-.01em;opacity:0;transform:translateY(14px);animation:sobe 1s 2.55s var(--ease) forwards}
#intro .nome b{color:#60a5fa;font-weight:500}
#intro .tag{margin-top:16px;font:600 12px Inter;letter-spacing:.7em;text-transform:uppercase;color:#93a9d4;opacity:0;animation:tagIn 1.3s 2.9s var(--ease) forwards}
#intro .linha{width:0;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,#22d3ee,transparent);animation:abre 1.2s 2.8s var(--ease) forwards}
#intro .pular{position:absolute;right:22px;bottom:22px;padding:9px 16px;border-radius:999px;border:1px solid rgba(125,211,252,.25);background:rgba(2,6,23,.5);
  font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase;color:#8ea6d0;opacity:0;animation:aparece .6s .8s forwards}
#intro .flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(240,253,255,.95),rgba(34,211,238,.55) 35%,rgba(2,6,23,0) 75%)}
@keyframes sobe{to{opacity:1;transform:none}}
@keyframes abre{to{width:min(320px,60vw)}}

/* camadas da folha (as classes vêm do gerador) */
#intro .f-metade{opacity:0;transform:scaleX(0);transform-origin:626.5px 600px}
#intro .f-cabo,#intro .f-borda,#intro .f-organica,#intro .f-curva,#intro .f-circuito{opacity:0}
#intro .f-nervura{transform:scaleY(0);transform-origin:626.5px 1121px}
#intro .f-no{transform:scale(0)}
#intro.anima .f-metade{animation:desdobra 1.05s 1.25s cubic-bezier(.2,.8,.2,1) forwards}
#intro.anima .f-dir{animation-delay:1.33s}
#intro.anima .f-cabo{animation:aparece .6s 1.3s forwards}
#intro.anima .f-borda{animation:aparece .9s 1.6s forwards}
#intro.anima .f-nervura{animation:cresce .85s 1.55s cubic-bezier(.3,.7,.2,1) forwards}
#intro.anima .f-organica{animation:aparece 1s 1.95s var(--ease) forwards}
#intro.anima .f-curva{animation:aparece .8s 2.05s var(--ease) forwards}
#intro.anima .f-circuito{animation:liga .9s 2.1s steps(1,end) forwards}
#intro.anima .f-no{animation:brota .55s 2.3s cubic-bezier(.2,.8,.2,1) forwards,pulsa 2.2s 3.4s ease-in-out infinite}
#intro.anima .f-no:nth-child(1){animation-delay:2.30s,3.40s}
#intro.anima .f-no:nth-child(2){animation-delay:2.39s,3.49s}
#intro.anima .f-no:nth-child(3){animation-delay:2.48s,3.58s}
#intro.anima .f-no:nth-child(4){animation-delay:2.57s,3.67s}
#intro.anima .f-no:nth-child(5){animation-delay:2.66s,3.76s}
#intro.anima .f-no:nth-child(6){animation-delay:2.75s,3.85s}
#intro.anima .f-no:nth-child(7){animation-delay:2.84s,3.94s}
#intro.anima .f-no:nth-child(8){animation-delay:2.93s,4.03s}

@keyframes desdobra{0%{opacity:0;transform:scaleX(0)}35%{opacity:1}100%{opacity:1;transform:scaleX(1)}}
@keyframes cresce{to{transform:scaleY(1)}}
@keyframes liga{0%{opacity:0}12%{opacity:.85}22%{opacity:.15}36%{opacity:1}48%{opacity:.4}60%,100%{opacity:1}}
@keyframes pulsa{0%,100%{opacity:1}50%{opacity:.55}}
/* o mergulho */
#intro.mergulho{cursor:default}
#intro.mergulho .palco{transition:transform 1.25s cubic-bezier(.75,0,.85,.15);transform:translate(-50%,-50%) scale(34)}
#intro.mergulho .assina,#intro.mergulho .pular{opacity:0}
#intro.mergulho .flash{animation:clarao 1.25s .7s ease-out forwards}
#intro.mergulho .part{opacity:0;transition:opacity .3s}
#intro.some{opacity:0;pointer-events:none}
@keyframes clarao{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
/* o site emerge depois do mergulho */
html.com-intro .emerge{opacity:0;transform:scale(1.05);filter:blur(10px)}
.emerge{transition:opacity 1.1s var(--ease),transform 1.3s var(--ease),filter 1.1s var(--ease)}

/* ---------- hero com a folha 4K ---------- */
.constelacao .centro{width:30%;transform:translate(-50%,-52%)}
.constelacao .centro img{width:100%;height:auto;filter:drop-shadow(0 0 26px rgba(34,211,238,.55)) drop-shadow(0 0 70px rgba(37,99,235,.45));animation:flutua 6s ease-in-out infinite}
@keyframes flutua{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.astro.destaque{font-size:14px;color:#fff;font-weight:700}
.astro.destaque b{width:20px;height:20px}
.constelacao.tilt{transition:transform .25s ease-out;transform-style:preserve-3d}

/* ---------- vitrine executiva ---------- */
.vitrine{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:46px;border-radius:30px;border:1px solid var(--line-2);
  background:radial-gradient(90% 120% at 0% 0%,rgba(37,99,235,.18),transparent 60%),rgba(4,12,36,.72);margin-bottom:26px}
.vitrine.inv>div:first-child{order:2}
.vitrine h3{font:500 clamp(36px,4vw,52px)/1.02 Fraunces,serif;margin:18px 0 14px}
.vitrine h3 em{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.vitrine .lead{margin-bottom:22px}
.vitrine ul{list-style:none;display:grid;gap:12px;margin-bottom:30px}
.vitrine li{display:flex;gap:12px;color:var(--ink-2)}
.vitrine li b{color:#fff}
.vitrine li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:6px;background:var(--grad);
  -webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 12.5l4.2 4L19 7" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/16px no-repeat;
  mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 12.5l4.2 4L19 7" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/16px no-repeat}
.sob-medida{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 30px;border-radius:22px;border:1px dashed var(--line-2);color:var(--ink-2)}
.sob-medida b{color:#fff}
@media (max-width:980px){.vitrine{grid-template-columns:1fr;padding:28px;gap:30px}.vitrine.inv>div:first-child{order:0}}

/* ---------- demos (iscas clicáveis) ---------- */
.demos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}
.demo{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid rgba(34,211,238,.28);background:rgba(34,211,238,.05);transition:border-color .3s,background .3s,transform .3s var(--ease)}
.demo:hover{border-color:var(--cyan);background:rgba(34,211,238,.1);transform:translateY(-2px)}
.demo i{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#021226;font-style:normal;font-weight:800}
.demo b{display:block;font:700 15px Inter;color:#fff}
.demo span{font:500 13px Inter;color:var(--mute)}
@media (max-width:560px){.demos{grid-template-columns:1fr}}

/* ---------- apps abertos ao público ---------- */
.apps{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.app{display:grid;grid-template-columns:1fr 150px;gap:24px;padding:30px;align-items:center}
.app img{border-radius:20px;border:1px solid var(--line-2);box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}
.app h3{font:500 32px/1.05 Fraunces,serif;margin:14px 0 10px}
.app p{color:var(--ink-2)}
.app .acoes{margin-top:20px}
.app .btn,.app .btn-g{padding:11px 18px;font-size:14px}
@media (max-width:980px){.apps{grid-template-columns:1fr}}
@media (max-width:520px){.app{grid-template-columns:1fr}.app img{max-width:200px}}
.academy-faixa{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:26px;padding:28px 32px;border-radius:24px;
  border:1px solid var(--line-2);background:linear-gradient(100deg,rgba(37,99,235,.22),rgba(20,184,166,.14))}
.academy-faixa h3{font:500 28px/1.1 Fraunces,serif}
.academy-faixa p{color:var(--ink-2);margin-top:6px}

/* texto que "decodifica" (kicker) */
.kicker.dec{min-height:1em}

@media (prefers-reduced-motion:reduce){#intro{display:none}html.com-intro .emerge{opacity:1;transform:none;filter:none}}

.aviso-idioma{position:fixed;left:16px;bottom:16px;z-index:60;padding:11px 16px;border-radius:999px;background:rgba(2,6,23,.9);border:1px solid var(--line-2);
  font:600 13.5px Inter;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4);backdrop-filter:blur(10px)}
.aviso-idioma:hover{border-color:var(--cyan)}
.time .w{align-items:start}
.time .cerebro{position:sticky;top:110px}
@media (max-width:980px){.time .cerebro{position:relative;top:0}}
.vitrine>div{min-width:0}
.painel-mock .linha-m{flex-wrap:wrap}

/* ---------- mentoria na frente (25/10/2026): o caminho de evolução, os perfis e a Clarinha na sua IA ---------- */
.chip{color:var(--ink-2);border:1px solid var(--line-2)}
.caminho{position:relative;display:grid;gap:22px;padding-left:92px;max-width:920px}
.caminho .trilho{position:absolute;left:35px;top:34px;bottom:34px;width:2px;border-radius:2px;background:var(--line-2)}
.caminho .luz{position:absolute;left:0;top:0;width:100%;height:calc(var(--prog,0) * 100%);border-radius:2px;
  background:linear-gradient(180deg,#7dd3fc,#22d3ee 50%,#5eead4);box-shadow:0 0 16px rgba(34,211,238,.85)}
.caminho .faisca{position:absolute;left:-4px;top:0;width:10px;height:10px;border-radius:50%;background:#ecfeff;opacity:0;
  box-shadow:0 0 10px #22d3ee,0 0 26px rgba(34,211,238,.9);animation:desce 7s linear infinite}
.caminho .faisca.f2{animation-delay:2.3s} .caminho .faisca.f3{animation-delay:4.6s}
@keyframes desce{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}
.estacao{position:relative}
.estacao .no{position:absolute;left:-92px;top:18px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;
  background:var(--deep);border:1px solid var(--line-2);color:var(--mute);transition:border-color .6s,box-shadow .6s,color .6s}
.estacao .no b{font:500 26px Fraunces,Georgia,serif}
.estacao .no::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(34,211,238,.55);opacity:0}
.estacao.aceso .no{border-color:var(--cyan);color:#fff;box-shadow:0 0 0 6px rgba(34,211,238,.07),0 0 30px rgba(34,211,238,.5)}
.estacao.aceso .no::after{animation:onda 2.6s var(--ease) infinite}
@keyframes onda{0%{transform:scale(.92);opacity:.85}100%{transform:scale(1.45);opacity:0}}
.estacao .corpo{padding:26px 28px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);transition:border-color .6s}
.estacao.aceso .corpo{border-color:var(--line-2)}
.estacao .corpo h3{font:600 22px/1.25 Inter;margin:14px 0 8px}
.estacao .corpo p{color:var(--ink-2);max-width:660px}
.estacao .acoes{margin-top:20px}
.estacao.principal .corpo{border-color:rgba(34,211,238,.5);box-shadow:0 30px 80px -40px rgba(34,211,238,.5);
  background:radial-gradient(120% 140% at 0% 0%,rgba(34,211,238,.16),transparent 55%),rgba(5,15,44,.86)}
.estacao.principal h3{font:500 clamp(28px,3.2vw,38px)/1.08 Fraunces,Georgia,serif;letter-spacing:-.02em}
@media (max-width:720px){
  .caminho{padding-left:60px;gap:16px} .caminho .trilho{left:21px;top:24px;bottom:24px}
  .estacao .no{left:-60px;top:16px;width:44px;height:44px} .estacao .no b{font-size:18px} .estacao .no::after{inset:-5px}
  .estacao .corpo{padding:20px 18px}
}
.perfis{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}
.perfil{padding:26px 28px}
.perfil h3{font:600 20px/1.3 Inter;margin-bottom:8px} .perfil p{color:var(--ink-2)}
.rota-home{margin-top:8px}
@media (max-width:720px){.perfis{grid-template-columns:1fr}.perfil{padding:22px 20px}}
.comece{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:44px;border-radius:28px;border:1px solid var(--line-2);
  background:radial-gradient(90% 140% at 100% 0%,rgba(20,184,166,.18),transparent 60%),radial-gradient(80% 120% at 0% 100%,rgba(37,99,235,.22),transparent 60%),rgba(5,15,44,.84)}
.comece h2{font-size:clamp(30px,3.6vw,46px);margin:16px 0}
.passos-md{list-style:none;display:grid;gap:12px;margin:24px 0 26px}
.passos-md li{display:flex;gap:14px;align-items:flex-start;color:var(--ink-2)}
.passos-md i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13px Inter;font-style:normal;color:#021226;background:var(--grad)}
.passos-md b{color:#fff;font-weight:600}
@media (max-width:900px){.comece{grid-template-columns:1fr;padding:26px 20px;gap:28px}}
.conversa-ia .barra{align-items:center}
.conversa-ia .arq{margin-left:auto;font:600 12px Inter;color:var(--ink-2);background:rgba(148,190,255,.08);border:1px solid var(--line);
  padding:5px 10px;border-radius:999px;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversa-ia .bolha{opacity:0;transform:translateY(10px)}
.comece.on .conversa-ia .bolha{animation:entra 14s var(--ease) infinite}
.comece.on .conversa-ia .bolha:nth-child(2){animation-delay:1.4s}
.comece.on .conversa-ia .bolha:nth-child(3){animation-delay:3.2s}
.comece.on .conversa-ia .bolha:nth-child(4){animation-delay:5s}
@keyframes entra{0%{opacity:0;transform:translateY(10px)}5%{opacity:1;transform:none}82%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  .conversa-ia .bolha{opacity:1;transform:none;animation:none!important}
  .caminho .faisca,.estacao .no::after{display:none}
  .caminho .luz{height:100%}
}

/* =====================================================================
   v3 (27/10/2026): o portal do Diego. Todos os produtos com uma cara só, a demonstração do pitch,
   os formatos da mentoria e o Cowork de verdade com os agentes em volta.
   ===================================================================== */
/* ---------- a demonstração (o app feito conversando com a IA) ---------- */
.demo-w{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.demo-w h2{margin:18px 0}
.demo-passos{list-style:none;display:grid;gap:12px;margin:28px 0 18px;counter-reset:dp}
.demo-passos li{display:grid;grid-template-columns:34px 1fr;column-gap:14px;align-items:baseline;color:var(--ink-2)}
.demo-passos li::before{counter-increment:dp;content:counter(dp);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font:700 13px Inter;color:#021226;background:var(--grad);align-self:start}
.demo-passos b{color:#fff;font-weight:700}
.demo-frase{font:500 italic clamp(19px,1.8vw,23px)/1.35 Fraunces,Georgia,serif;color:#fff;margin:8px 0 28px}
.demo-cels{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:26px;padding:20px 0 70px}
.demo-cels .telefone{width:min(44%,240px);transform:none}
.demo-cels .telefone img{height:auto;aspect-ratio:520/1125;object-fit:cover}
.demo-cels .t1{animation:boia 7s ease-in-out infinite}
.demo-cels .t2{margin-top:70px;animation:boia 7s -3.5s ease-in-out infinite}
@keyframes boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.tag-cel{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:8px 14px;border-radius:999px;background:rgba(2,6,23,.92);border:1px solid var(--line-2);font:700 12.5px Inter;color:#fff}
.tag-cel i{width:7px;height:7px;border-radius:50%;background:var(--leaf-l);box-shadow:0 0 8px var(--leaf-l);animation:vivo 2s infinite}
.demo-cels .telefone{position:relative}
.balao-ia{position:absolute;left:-6%;bottom:0;max-width:300px;padding:14px 16px;border-radius:18px 18px 18px 4px;font-size:14.5px;color:#fff;
  background:linear-gradient(120deg,rgba(37,99,235,.92),rgba(14,165,233,.88));box-shadow:0 20px 50px -20px rgba(0,0,0,.8);animation:boia 6s -1s ease-in-out infinite}
.balao-ia small{display:block;font:700 10.5px Inter;letter-spacing:.14em;text-transform:uppercase;color:#cffafe;margin-bottom:4px}
@media (max-width:980px){.demo-w{grid-template-columns:1fr;gap:30px}.balao-ia{left:0}}
@media (max-width:520px){.demo-cels{gap:14px}.demo-cels .t2{margin-top:44px}.balao-ia{position:relative;left:auto;bottom:auto;margin:18px auto 0;max-width:92%}
  .demo-cels{flex-wrap:wrap;padding-bottom:20px}}

/* ---------- os formatos da mentoria ---------- */
.formatos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 30px}
.formato{padding:28px 26px;display:flex;flex-direction:column}
.formato h3{font:500 28px/1.1 Fraunces,Georgia,serif;margin:16px 0 10px}
.formato p{color:var(--ink-2);font-size:15.5px}
.fpreco{margin:22px 0 22px;padding-top:18px;border-top:1px solid var(--line)}
.fpreco b{display:block;font:700 clamp(24px,2.4vw,30px)/1.1 Inter;color:#fff}
.fpreco span{display:block;margin-top:4px;font-size:14px;color:var(--mute)}
.formato .acoes{margin-top:auto}
.formato .chip{align-self:flex-start}
.formato .btn,.formato .btn-g{padding:12px 18px;font-size:14.5px}
.formato.destaque{border-color:rgba(34,211,238,.5);background:radial-gradient(120% 120% at 0% 0%,rgba(34,211,238,.16),transparent 55%),rgba(5,15,44,.86);
  box-shadow:0 30px 80px -40px rgba(34,211,238,.5)}
.formato.destaque .chip{color:var(--cyan);border-color:rgba(34,211,238,.45)}
@media (max-width:900px){.formatos{grid-template-columns:1fr}}

/* ---------- o portal: todos os produtos com uma cara só ---------- */
.pgrupo{margin-top:46px}
.cab+.pgrupo{margin-top:0}
.pg-tit{display:flex;align-items:center;gap:14px;font:600 13px Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px}
.pg-tit span{font:500 22px Fraunces,Georgia,serif;letter-spacing:0;color:var(--cyan)}
.pg-tit::after{content:"";flex:1;height:1px;background:var(--line)}
.pgrade{display:grid;gap:18px}
.pgrade.g3{grid-template-columns:repeat(3,1fr)}
.pgrade.g4{grid-template-columns:repeat(4,1fr)}
.pc{display:flex;flex-direction:column}
.pc-img{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line);background:#071331}
.pc-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:object-position 6s cubic-bezier(.45,.05,.35,1),transform .8s var(--ease)}
.pc:hover .pc-img img{object-position:50% 100%}
.pc-html{display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(80% 100% at 100% 0%,rgba(20,184,166,.2),transparent 60%),#06122f}
.pc-chat{display:grid;gap:7px;width:100%;max-width:300px;font-size:12.5px;line-height:1.4}
.pc-chat .b{padding:8px 11px;border-radius:12px;max-width:88%}
.pc-chat .ela{background:rgba(148,190,255,.1);border:1px solid var(--line);border-top-left-radius:3px}
.pc-chat .eu{margin-left:auto;background:linear-gradient(120deg,rgba(37,99,235,.7),rgba(14,165,233,.6));border-top-right-radius:3px}
.pc-chat .st{justify-self:center;font:700 11px Inter;color:var(--leaf-l);background:rgba(20,184,166,.12);border-radius:999px}
.pc-corpo{padding:20px 22px 20px;display:flex;flex-direction:column;flex:1}
.pc-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pc-tipo{font:700 11px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.pc h3,.pm h3{font:500 24px/1.12 Fraunces,Georgia,serif;margin:14px 0 8px}
.pc p,.pm p{color:var(--ink-2);font-size:14.5px}
.pc-preco{margin-top:14px;font:700 15px Inter;color:#fff}
.pc-acoes{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:18px}
.pc-ir{font:700 14px Inter;color:var(--cyan)}
.pc-ir:hover{color:#fff}
.pc-zap{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font:700 13px Inter;color:#dcfce7;
  border:1px solid rgba(74,222,128,.35);background:rgba(34,197,94,.1);transition:background .3s,border-color .3s}
.pc-zap:hover{background:rgba(34,197,94,.2);border-color:#4ade80}
.pc-zap svg{width:16px;height:16px}
.pgrade.mini{grid-template-columns:repeat(3,1fr)}
.pm{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:16px;align-items:start}
.pm-img{display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;border:1px solid var(--line-2)}
.pm-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:object-position 5s cubic-bezier(.45,.05,.35,1)}
.pm:hover .pm-img img{object-position:50% 100%}
.pm h3{font-size:20px;margin:8px 0 4px}
.pm p{font-size:13.5px}
.pm .pc-acoes{padding-top:10px;justify-content:flex-start;gap:14px}
.pm .pc-zap{padding:6px 11px;font-size:12px}
@media (max-width:1100px){.pgrade.g4{grid-template-columns:repeat(2,1fr)}.pgrade.mini{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.pgrade.g3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pgrade.g3,.pgrade.g4,.pgrade.mini{grid-template-columns:1fr}}

/* ---------- o Cowork de verdade, com os agentes em volta ---------- */
.cw-palco{position:relative;display:grid;grid-template-columns:1fr 2.4fr 1fr;grid-template-rows:repeat(3,auto);gap:18px 26px;align-items:center;margin:10px 0 26px}
.cw-palco .note{grid-column:2;grid-row:1/4;position:relative;z-index:1}
.note .tela{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:14px 14px 4px 4px;border:10px solid #0b1736;border-bottom-width:12px;
  background:#f3f6fb;box-shadow:0 0 0 1px var(--line-2),0 50px 100px -40px rgba(0,0,0,.95),0 0 80px -20px rgba(34,211,238,.35)}
.note .tela img{width:100%;height:auto;animation:rolaTela 18s ease-in-out infinite alternate}
@keyframes rolaTela{0%,18%{transform:translateY(0)}82%,100%{transform:translateY(-20%)}}
.note .base{height:14px;margin:0 -6%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#1b2b55,#0b1530);box-shadow:0 18px 30px -12px rgba(0,0,0,.8)}
.note .base::before{content:"";display:block;width:18%;height:5px;margin:0 auto;border-radius:0 0 8px 8px;background:#091127}
.agente{position:relative;z-index:1;padding:14px 16px;border-radius:16px;border:1px solid var(--line-2);background:rgba(5,15,44,.94);
  box-shadow:0 20px 40px -24px rgba(0,0,0,.9)}
.agente i{position:absolute;top:16px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:vivo 2.4s infinite}
.agente b{display:block;font:700 15px/1.25 Inter;color:#fff}
.agente span{display:block;margin-top:3px;font-size:13px;color:var(--ink-2)}
.ag0,.ag1,.ag2{grid-column:1;text-align:right;padding-right:30px}
.ag0 i,.ag1 i,.ag2 i{right:12px}
.ag3,.ag4,.ag5{grid-column:3;padding-left:30px}
.ag3 i,.ag4 i,.ag5 i{left:12px}
.ag0,.ag3{grid-row:1}.ag1,.ag4{grid-row:2}.ag2,.ag5{grid-row:3}
.ag1 i,.ag4 i{animation-delay:-.8s}.ag2 i,.ag5 i{animation-delay:-1.6s}
.cw-fios{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.cw-fios path{fill:none;stroke:rgba(34,211,238,.55);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:4 6;animation:fluiFio 1.8s linear infinite}
@keyframes fluiFio{to{stroke-dashoffset:-20}}
.cw-leg{grid-column:1/-1;text-align:center;font:600 12.5px Inter;letter-spacing:.08em;color:var(--mute);margin-top:6px}
@media (max-width:980px){
  .cw-palco{grid-template-columns:1fr 1fr;gap:12px}
  .cw-palco .note{grid-column:1/-1;grid-row:1;margin-bottom:12px}
  .agente{grid-column:auto!important;grid-row:auto!important;text-align:left!important;padding:13px 14px 13px 30px!important}
  .agente i{left:12px!important;right:auto!important}
  .cw-fios{display:none}
}
@media (max-width:520px){.note .tela{border-width:6px;border-bottom-width:8px}.agente b{font-size:14px}.agente span{font-size:12.5px}}
.cw-hero .w{display:block}
.cw-txt{max-width:820px;margin-bottom:40px}

/* ---------- "mas eu já tenho o ChatGPT" ---------- */
.cmp{border-radius:26px;border:1px solid var(--line-2);overflow:hidden;background:rgba(4,12,36,.72)}
.cmp-cab{padding:28px 30px;background:radial-gradient(90% 140% at 0% 0%,rgba(37,99,235,.25),transparent 60%);border-bottom:1px solid var(--line)}
.cmp-cab p{font-size:clamp(24px,2.6vw,32px);color:#fff;font-style:italic}
.cmp-cab span{display:block;margin-top:8px;color:var(--ink-2);max-width:720px}
.cmp-l{display:grid;grid-template-columns:1fr 1.1fr 1.3fr;gap:18px;padding:15px 30px;border-top:1px solid var(--line);align-items:center;font-size:15px}
.cmp-l b{color:#fff;font-weight:600}
.cmp-l .g{color:var(--mute)}
.cmp-l .c{color:#fff;display:flex;gap:10px}
.cmp-l .c::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:5px;background:var(--grad);
  -webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 12.5l4.2 4L19 7" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/14px no-repeat;
  mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 12.5l4.2 4L19 7" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/14px no-repeat}
.cmp-t{border-top:0;padding-top:16px;padding-bottom:6px;font:700 11.5px Inter;letter-spacing:.16em;text-transform:uppercase}
.cmp-t .g{color:var(--mute)} .cmp-t .c{color:var(--cyan)} .cmp-t .c::before{display:none}
@media (max-width:760px){.cmp-l{grid-template-columns:1fr 1fr;padding:14px 18px;gap:6px 14px}.cmp-l b{grid-column:1/-1}.cmp-cab{padding:22px 18px}}

/* ---------- indicação de consultor (?por=) ---------- */
.indicado{position:fixed;left:16px;bottom:16px;z-index:61;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;
  background:rgba(2,6,23,.92);border:1px solid rgba(94,234,212,.4);font:600 13px Inter;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.45);backdrop-filter:blur(10px)}
.indicado img{width:22px;height:30px;object-fit:contain}
.indicado b{color:var(--leaf-l)}
body.com-indicado .aviso-idioma{bottom:68px}
.indicado{animation:indSome .6s 14s forwards}
@keyframes indSome{to{opacity:0;visibility:hidden}}

@media (prefers-reduced-motion:reduce){
  .note .tela img,.demo-cels .t1,.demo-cels .t2,.balao-ia,.cw-fios path{animation:none!important}
  .pc-img img,.pm-img img{transition:none}
}