/* ═══════════════════════════════════════════════════════════════════════════
   AGÊNCIA TFA — landing institucional premium (tfaagency.com)
   Complementa tfa-idv.css (tokens, grade, brilho, .btn, .card, .kicker…).
   Regra da casa: NADA nasce escondido. Entradas só por keyframes CSS com
   fill-mode both (rodam no load, sem JS) ou por transform.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --palco-agencia:1180px;
  --gutter:clamp(1.1rem,4vw,2.5rem);
  --secao:clamp(72px,10vw,132px);
}
html{scroll-padding-top:84px}
body{font-weight:300}
/* palco largo desta página (a IDV do funil usa 1040) */
.wrap{max-width:var(--palco-agencia)}
.wrap.sec{padding:var(--secao) var(--gutter) 0}
.wrap.sec:last-of-type{padding-bottom:var(--secao)}
img,video{max-width:100%}
img{display:block}
p{max-width:none}
.medida{max-width:var(--medida)}
.ink{color:var(--ink)}
.cyan{color:var(--cyan)}
.eyebrow{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.titulo-sec{margin-bottom:18px}
.titulo-sec + .sub{margin-bottom:34px}
.lede{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--ink-2);line-height:1.62}

/* botões inline (a IDV faz width:100%) */
.btn.auto{width:auto;padding:16px 26px;display:inline-flex;align-items:center;gap:10px}
.btn.auto svg{width:18px;height:18px;flex:none}
.btn.pequeno{padding:11px 18px;font-size:.9rem;border-radius:10px}

/* ── nav fixo ────────────────────────────────────────────────────────────── */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:40;height:68px;
  background:rgba(2,4,8,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav .interno{max-width:var(--palco-agencia);margin:0 auto;height:100%;padding:0 var(--gutter);display:flex;align-items:center;gap:26px}
.nav .marca{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.nav .marca img{height:26px;width:auto}
.nav .marca span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);display:none}
.nav .links{display:flex;gap:22px;margin-left:auto}
.nav .links a{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-decoration:none;transition:color .15s}
.nav .links a:hover{color:var(--cyan)}
.nav .btn{flex:none}
.nav .burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:9px;color:var(--ink);width:42px;height:42px;cursor:pointer}
@media (max-width:900px){
  .nav .links{display:none}
  .nav .btn{display:none}
  .nav .burger{display:inline-flex;align-items:center;justify-content:center}
  .nav.aberto .links{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:rgba(2,4,8,.96);padding:18px var(--gutter) 24px;border-bottom:1px solid var(--line);gap:16px}
  .nav.aberto .btn{display:inline-flex;position:absolute;top:calc(68px + 190px);left:var(--gutter);right:var(--gutter);width:auto}
  .nav.aberto .links{padding-bottom:90px}
}
@media (min-width:1100px){.nav .marca span{display:inline}}

/* ── HERO ────────────────────────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden;padding-top:68px;min-height:clamp(640px,100svh,960px);display:flex;flex-direction:column}
.hero .wrap{padding:clamp(56px,9vh,110px) var(--gutter) 0;flex:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1rem,4vw,3rem);align-items:end}
.hero .texto{padding-bottom:clamp(60px,9vh,110px);position:relative;z-index:2}
.hero .logo{height:64px;width:auto;margin-bottom:34px}
.hero .lockup{display:flex;align-items:center;gap:18px;margin-bottom:34px}
.hero .lockup .simbolo{width:96px;height:96px;filter:drop-shadow(0 0 14px rgba(0,240,255,.35))}
.hero .lockup .tfa{display:block;font-family:var(--display);font-weight:700;font-size:64px;line-height:.95;letter-spacing:-.05em;color:var(--cyan);text-shadow:0 0 22px rgba(0,240,255,.55)}
.hero .lockup .sub-lockup{display:block;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:560px){.hero .lockup .simbolo{width:72px;height:72px}.hero .lockup .tfa{font-size:48px}}
.hero h1{font-size:clamp(2.55rem,6.4vw,5.1rem);line-height:.96;letter-spacing:-.045em;max-width:12ch}
.hero h1 em{color:var(--cyan);text-shadow:0 0 28px rgba(0,240,255,.55)}
.hero .sub{margin:26px 0 36px;font-size:clamp(1.05rem,1.55vw,1.28rem);color:var(--ink-2);max-width:52ch;line-height:1.55}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero .fig{position:relative;align-self:end;justify-self:center;width:min(100%,560px);aspect-ratio:2/3;pointer-events:none}
.hero .fig::before{
  content:"";position:absolute;inset:auto -10% -6% -10%;height:78%;border-radius:50% 50% 0 0;
  background:radial-gradient(60% 70% at 50% 85%,rgba(0,240,255,.34),rgba(0,240,255,.06) 55%,transparent 75%);
  filter:blur(6px);
}
.hero .fig .anel{
  position:absolute;left:50%;bottom:8%;width:120%;aspect-ratio:1;transform:translateX(-50%);
  border-radius:50%;border:1px solid rgba(0,240,255,.16);
  box-shadow:inset 0 0 60px rgba(0,240,255,.08);
}
.hero .fig .anel.b{width:96%;bottom:12%;border-color:rgba(0,240,255,.28);animation:gira 34s linear infinite;border-style:dashed}
.hero .fig img{
  position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:bottom;
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);
  filter:drop-shadow(0 0 40px rgba(0,240,255,.12));
}
.hero .fig .tag{
  position:absolute;z-index:3;left:-6%;top:34%;background:rgba(5,8,18,.9);border:1px solid var(--line);
  border-radius:12px;padding:10px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-2);backdrop-filter:blur(8px);
}
.hero .fig .tag b{display:block;color:var(--cyan);font-size:18px;letter-spacing:-.02em;font-family:var(--display);text-transform:none;margin-top:2px}
.hero .fig .tag.dois{left:auto;right:-4%;top:56%}
/* linhas diagonais de luz, como as do palco */
.hero .feixes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero .feixes i{position:absolute;top:-20%;width:2px;height:140%;background:linear-gradient(to bottom,transparent,rgba(0,240,255,.16),transparent);transform:rotate(18deg);transform-origin:top}
.hero .feixes i:nth-child(1){left:58%}
.hero .feixes i:nth-child(2){left:70%;opacity:.6}
.hero .feixes i:nth-child(3){left:84%;opacity:.35}
/* ticker de fatos */
.ticker{position:relative;z-index:2;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:rgba(5,8,18,.55);overflow:hidden;white-space:nowrap}
.ticker .faixa{display:inline-flex;gap:0;animation:desliza 46s linear infinite}
.ticker span{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);padding:13px 30px;display:inline-flex;align-items:center;gap:30px}
.ticker span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
@keyframes desliza{to{transform:translateX(-50%)}}
@keyframes gira{to{transform:translateX(-50%) rotate(360deg)}}

/* entrada em cascata (keyframes puros, fill both) */
@keyframes sobe{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes nasce{from{opacity:0;transform:translateY(60px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .hero .logo,.hero .lockup{animation:sobe .6s var(--ease) .05s both}
  .hero h1{animation:sobe .7s var(--ease) .18s both}
  .hero .sub{animation:sobe .7s var(--ease) .32s both}
  .hero .ctas{animation:sobe .7s var(--ease) .46s both}
  .hero .fig img{animation:nasce 1.1s var(--ease) .3s both}
  .hero .fig .tag{animation:sobe .7s var(--ease) 1s both}
  .hero .fig .tag.dois{animation-delay:1.2s}
}
@media (max-width:900px){
  .hero{min-height:auto}
  .hero .wrap{grid-template-columns:1fr;align-items:start}
  .hero .texto{padding-bottom:0}
  .hero h1{max-width:none}
  .hero .fig{width:min(88%,420px);margin:34px auto 0;justify-self:center}
  .hero .fig .tag{left:-2%;top:30%}
  .hero .fig .tag.dois{right:-2%}
}

/* ── NÚMEROS ─────────────────────────────────────────────────────────────── */
.numeros{padding:clamp(44px,6vw,72px) var(--gutter) 0}
.numeros .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden}
.numeros .n{background:var(--surface);padding:clamp(22px,3vw,34px) clamp(18px,2.4vw,28px);position:relative}
.numeros .n::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
.numeros .valor{font-family:var(--display);font-weight:700;font-size:clamp(2rem,3.6vw,3rem);color:var(--ink);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.numeros .valor small{font-size:.5em;color:var(--cyan);letter-spacing:0;margin-left:2px}
.numeros .rotulo{margin-top:12px;color:var(--ink-3);font-size:.92rem;line-height:1.4;font-family:var(--body);text-transform:none;letter-spacing:0}
@media (max-width:860px){.numeros .grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.numeros .grid{grid-template-columns:1fr}}

/* ── PONTO OCULTO ────────────────────────────────────────────────────────── */
.ponto .duas{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ponto .frase{font-family:var(--display);font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.22;letter-spacing:-.02em;color:var(--ink);margin:0 0 22px;font-weight:600}
.ponto .frase em{color:var(--cyan)}
.ponto .frase.mudo{color:var(--ink-3);font-weight:500}
.ponto .conta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 30px;max-width:520px}
.ponto .conta div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 12px;text-align:center}
.ponto .conta b{display:block;font-family:var(--display);font-size:1.6rem;color:var(--ink);letter-spacing:-.03em;line-height:1}
.ponto .conta span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-top:7px}
.ponto .conta div:last-child b{color:var(--cyan);text-shadow:0 0 16px rgba(0,240,255,.6)}
.ponto .conta div:last-child{border-color:rgba(0,240,255,.4)}
.moldura{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 40px rgba(0,240,255,.06)}
.moldura::before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(140deg,rgba(0,240,255,.5),transparent 40%,transparent 60%,rgba(52,211,153,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.moldura .rot{position:absolute;top:-13px;left:22px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);z-index:2}
.ponto .video{aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--bg);position:relative}
.ponto .video video,.ponto .video img.fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ponto .video img.fallback{z-index:0}
.ponto .video video{z-index:1}
/* o SVG da curva */
.curva{margin-top:22px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-2);padding:14px 16px 8px}
.curva svg{display:block;width:100%;height:auto}
.curva .eixo{fill:none;stroke:#1a2e55;stroke-width:1}
.curva .grade{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1}
.curva .linha{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:desenha 2s var(--ease) .3s forwards;filter:drop-shadow(0 0 6px rgba(0,240,255,.7))}
.curva .plato{fill:none;stroke:var(--amber);stroke-width:2;stroke-dasharray:6 8;opacity:0;animation:aparece .6s ease 1.9s forwards}
.curva .ponto-p{fill:var(--cyan);opacity:0;animation:aparece .4s ease 2.1s forwards}
.curva .pulso{fill:none;stroke:var(--cyan);stroke-width:2;opacity:0;transform-origin:center;transform-box:fill-box;animation:pulsa 2.2s ease-out 2.3s infinite}
.curva .txt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;fill:var(--ink-3);opacity:0;animation:aparece .5s ease 2.3s forwards}
.curva .txt.c{fill:var(--cyan)}
.curva .txt.a{fill:var(--amber)}
@keyframes aparece{to{opacity:1}}
@keyframes pulsa{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.6)}}
@media (max-width:900px){.ponto .duas{grid-template-columns:1fr}.ponto .conta{grid-template-columns:repeat(4,1fr);max-width:none}}
@media (max-width:460px){.ponto .conta{grid-template-columns:1fr 1fr}}

/* ── PILARES ─────────────────────────────────────────────────────────────── */
.pilares .faixa{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:3/1;margin-bottom:26px;background:radial-gradient(70% 90% at 50% 100%,rgba(0,240,255,.14),transparent 70%),var(--surface);position:relative}
.pilares .faixa img{width:100%;height:100%;object-fit:cover;object-position:center}
.pilares .faixa.sem-img img{display:none}
.pilares .faixa.sem-img::after{content:"TRÁFEGO → FUNIL → AUTOMAÇÃO COM IA";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);letter-spacing:.3em;color:rgba(0,240,255,.5);font-size:12px}
.pilares .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pilar{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,34px);overflow:hidden;transition:transform .25s var(--ease),border-color .25s}
.pilar:hover{transform:translateY(-4px);border-color:rgba(0,240,255,.45)}
.pilar .num{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--cyan)}
.pilar h3{font-size:clamp(1.4rem,2vw,1.8rem);margin:14px 0 8px;letter-spacing:-.03em}
.pilar .quem{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:14px}
.pilar p{color:var(--ink-3);line-height:1.6}
.pilar svg{position:absolute;right:-18px;bottom:-18px;width:120px;height:120px;opacity:.28}
.pilares .fecho{margin-top:30px;text-align:center;font-family:var(--display);font-weight:600;font-size:clamp(1.2rem,2vw,1.6rem);color:var(--ink);letter-spacing:-.02em}
.pilares .fecho em{color:var(--green)}
@media (max-width:860px){.pilares .tres{grid-template-columns:1fr}.pilares .faixa{aspect-ratio:2/1}}

/* ── O QUE FAZEMOS ───────────────────────────────────────────────────────── */
.blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bloco{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:12px;min-height:250px;position:relative;overflow:hidden}
.bloco .n{font-family:var(--display);font-weight:700;font-size:2.4rem;color:var(--cyan);letter-spacing:-.05em;line-height:1;text-shadow:0 0 18px rgba(0,240,255,.35)}
.bloco h3{font-size:1.16rem}
.bloco p{color:var(--ink-3);font-size:.95rem;line-height:1.55}
.bloco.ilus{padding:0;min-height:250px;border-color:rgba(0,240,255,.25)}
.bloco.ilus img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.bloco.ilus.sem-img{background:radial-gradient(80% 80% at 50% 50%,rgba(0,240,255,.16),var(--surface) 75%)}
.bloco.ilus.sem-img img{display:none}
.bloco.ilus .leg{position:absolute;left:16px;bottom:14px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);background:rgba(2,4,8,.75);padding:5px 9px;border-radius:6px;border:1px solid var(--line-soft)}
.fazemos .rodape{margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);display:flex;align-items:center;gap:12px}
.fazemos .rodape::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
@media (max-width:900px){.blocos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.blocos{grid-template-columns:1fr}.bloco{min-height:0}.bloco.ilus{min-height:190px}}

/* ── COMO FUNCIONA ───────────────────────────────────────────────────────── */
.linha{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.linha::before{content:"";position:absolute;top:22px;left:4%;right:4%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--green));opacity:.55}
.linha .etapa{position:relative;padding-top:56px}
.linha .etapa::before{content:"";position:absolute;top:12px;left:0;width:22px;height:22px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan);box-shadow:0 0 16px rgba(0,240,255,.6)}
.linha .etapa:nth-child(4)::before{border-color:var(--green);box-shadow:0 0 16px rgba(52,211,153,.6)}
.linha .sem{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.linha h3{margin:10px 0 8px;font-size:1.2rem}
.linha p{color:var(--ink-3);font-size:.95rem;line-height:1.55}
.funciona .frase{margin-top:48px;padding:28px clamp(20px,3vw,36px);border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(0,240,255,.07),transparent 60%);font-family:var(--display);font-size:clamp(1.25rem,2.3vw,1.9rem);letter-spacing:-.025em;color:var(--ink);font-weight:600;line-height:1.25;border-radius:0 var(--r) var(--r) 0}
.funciona .frase em{color:var(--cyan)}
@media (max-width:860px){
  .linha{grid-template-columns:1fr;gap:26px;padding-left:34px}
  .linha::before{left:10px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,var(--cyan),var(--green))}
  .linha .etapa{padding-top:0}
  .linha .etapa::before{left:-34px;top:2px}
}

/* ── FUNDADOR ────────────────────────────────────────────────────────────── */
.fundador .duas{grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.fundador .retrato{position:relative}
.fundador .retrato .moldura{padding:8px;transform:rotate(-1.2deg)}
.fundador .retrato img{border-radius:12px;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:top}
.fundador .retrato .selo{position:absolute;right:-14px;bottom:36px;background:var(--bg);border:1px solid rgba(0,240,255,.4);border-radius:14px;padding:14px 18px;box-shadow:0 0 30px rgba(0,240,255,.15);transform:rotate(1.5deg)}
.fundador .retrato .selo b{display:block;font-family:var(--display);font-size:1.5rem;color:var(--cyan);letter-spacing:-.03em;line-height:1}
.fundador .retrato .selo span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.fundador .nome{font-family:var(--display);font-weight:700;font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.04em;color:var(--ink);line-height:1;margin-bottom:6px}
.fundador .cargo{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:26px}
.fundador .historia p{margin:0 0 16px;color:var(--ink-2);line-height:1.65;font-size:1.03rem}
.fundador .historia p:first-child::first-letter{font-family:var(--display);font-size:3.2em;float:left;line-height:.8;margin:4px 10px 0 0;color:var(--cyan)}
.fundador .fatos{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:26px 0 30px}
.fundador .fatos li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:var(--ink-2);font-size:.95rem;line-height:1.4}
.fundador .fatos li::before{content:"";width:8px;height:8px;margin-top:6px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:rotate(45deg)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li,.chip{list-style:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:var(--surface)}
.chips li b{color:var(--cyan);font-weight:600}
.fundador .marcas{margin-top:26px}
.fundador .marcas .rotulo{margin-bottom:12px}
#marcas-clientes{list-style:none;display:flex;flex-wrap:wrap;gap:22px;align-items:center}
#marcas-clientes img{height:34px;width:auto;opacity:.7;filter:grayscale(1) brightness(1.6)}
@media (max-width:900px){.fundador .duas{grid-template-columns:1fr}.fundador .retrato{max-width:440px;margin:0 auto}.fundador .fatos{grid-template-columns:1fr}}

/* ── PALCO E PROVA (carrossel) ───────────────────────────────────────────── */
.galeria{position:relative}
.galeria .cabeca{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.galeria .setas{display:flex;gap:8px}
.galeria .setas button{width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}
.galeria .setas button:hover{border-color:var(--cyan);transform:translateY(-1px)}
.galeria .setas svg{width:18px;height:18px}
.trilho{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 0 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.trilho::-webkit-scrollbar{display:none}
.trilho.arrastando{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.slide{flex:0 0 auto;scroll-snap-align:start;width:min(78vw,420px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative}
.slide.largo{width:min(86vw,620px)}
.slide.alto{width:min(70vw,330px)}
.slide .img{aspect-ratio:3/2;background:var(--surface-2);overflow:hidden}
.slide.alto .img{aspect-ratio:3/4}
.slide.quad .img{aspect-ratio:1}
.slide .img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.slide:hover .img img{transform:scale(1.03)}
.slide .leg{padding:14px 16px 16px;font-size:.9rem;color:var(--ink-3);line-height:1.45;display:flex;gap:10px;align-items:start}
.slide .leg b{color:var(--ink);font-weight:500;display:block;margin-bottom:2px}
.slide .leg::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-top:8px;box-shadow:0 0 8px var(--cyan)}
.slide.prova .img{aspect-ratio:auto;padding:28px;background:radial-gradient(70% 70% at 50% 50%,rgba(0,240,255,.16),var(--surface) 75%)}
.slide.prova .img img{object-fit:contain;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.slide.dep{width:min(78vw,340px);padding:24px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(160deg,var(--surface),var(--surface-2))}
.slide.dep .pessoa{display:flex;align-items:center;gap:14px}
.slide.dep .pessoa img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,240,255,.5);box-shadow:0 0 20px rgba(0,240,255,.25)}
.slide.dep .pessoa b{display:block;color:var(--ink);font-weight:500;font-family:var(--display);font-size:1.1rem}
.slide.dep .pessoa span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}
.slide.dep .aspas{font-family:var(--display);font-size:3rem;line-height:.6;color:var(--cyan);opacity:.6}
.slide.dep p{color:var(--ink-3);font-size:.95rem;line-height:1.55;margin:0}
.slide.dep .estrelas{color:var(--amber);letter-spacing:3px;font-size:.9rem}

/* ── PARA QUEM ───────────────────────────────────────────────────────────── */
.quem .duas{grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.quem .col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,32px)}
.quem .col.sim{border-color:rgba(52,211,153,.4)}
.quem .col.nao{border-color:rgba(239,68,68,.3)}
.quem .col h3{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin-bottom:18px}
.quem .col.sim h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.quem .col.nao h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}
.quem ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.quem li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--ink-2);line-height:1.45;font-size:.98rem}
.quem li svg{width:18px;height:18px;margin-top:2px}
.quem .sim li svg{color:var(--green)}
.quem .nao li svg{color:var(--red)}
.quem li small{display:block;color:var(--ink-4);font-size:.86rem}
.quem .corte{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}
.quem .corte b{color:var(--cyan)}
@media (max-width:820px){.quem .duas{grid-template-columns:1fr}}

/* ── DIAGNÓSTICO (CTA + FORM) ────────────────────────────────────────────── */
.diag{position:relative}
.diag .fundo{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 30%,rgba(0,240,255,.1),transparent 70%)}
.diag .duas{grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,5vw,4rem);align-items:start;position:relative;z-index:1}
.diag h2{font-size:clamp(2rem,4.4vw,3.2rem)}
.diag h2 em{color:var(--cyan);text-shadow:0 0 24px rgba(0,240,255,.5)}
.diag .passos{margin-top:30px}
.diag .passos li{align-items:start}
.diag .passos li::before{margin-top:3px}
.diag .passos li small{grid-column:2}
.diag .garantia{margin-top:30px;padding:18px 20px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-3);font-size:.93rem;line-height:1.55}
.diag .garantia b{color:var(--ink)}
.form-card{background:var(--surface);border:1px solid rgba(0,240,255,.3);border-radius:20px;padding:clamp(22px,3vw,34px);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 50px rgba(0,240,255,.08);position:relative}
.form-card .cabeca{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.form-card .cabeca .etapa-n{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}
.form-card .cabeca .etapa-n b{color:var(--cyan);font-weight:600}
.tela{display:none}
.tela.ativa{display:block;animation:sobe .35s var(--ease) both}
.pergunta{margin-bottom:24px}
.pergunta > label,.pergunta legend{display:block;font-family:var(--display);font-weight:600;font-size:1.08rem;color:var(--ink);letter-spacing:-.01em;text-transform:none;margin-bottom:12px}
.pergunta fieldset{border:none;padding:0;margin:0;min-width:0}
.pergunta .dica{font-family:var(--body);font-weight:300;color:var(--ink-4);font-size:.86rem;margin-left:6px;text-transform:none;letter-spacing:0}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tiles.tres{grid-template-columns:repeat(3,1fr)}
.tile{position:relative;display:block;cursor:pointer;font-family:var(--body);font-weight:300;text-transform:none;letter-spacing:0;font-size:.94rem;margin:0;color:var(--ink-2)}
.tile input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.tile span{display:block;border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:13px 14px;color:var(--ink-2);font-size:.94rem;line-height:1.35;transition:border-color .14s,background .14s,transform .14s;min-height:100%}
.tile:hover span{border-color:#2b4a80;transform:translateY(-1px)}
.tile input:checked + span{border-color:var(--cyan);background:rgba(0,240,255,.09);color:var(--ink);box-shadow:0 0 0 1px rgba(0,240,255,.35) inset}
.tile input:focus-visible + span{outline:2px solid var(--cyan);outline-offset:2px}
.campo{margin-bottom:16px}
.campo label{margin-bottom:7px}
.campo .erro{display:none;color:var(--red);font-size:.82rem;margin-top:6px;font-family:var(--mono);letter-spacing:.02em}
.campo.invalido .erro,.pergunta.invalido .erro{display:block}
.pergunta .erro{display:none;color:var(--red);font-size:.82rem;margin-top:8px;font-family:var(--mono)}
.campo.invalido input,.campo.invalido textarea{border-color:var(--red)}
.pergunta.invalido .tile span{border-color:rgba(239,68,68,.55)}
textarea{min-height:110px;resize:vertical;line-height:1.5}
.contador{font-family:var(--mono);font-size:10px;color:var(--ink-4);text-align:right;margin-top:4px}
.acoes{display:flex;gap:10px;margin-top:22px;align-items:center}
.acoes .btn{width:auto;flex:1}
.acoes .btn.fantasma{flex:0 0 auto;padding-left:20px;padding-right:20px}
.consent{margin-top:14px;font-size:.8rem;color:var(--ink-4);line-height:1.5}
.consent a{color:var(--ink-3)}
.honey{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;overflow:hidden}
.sucesso{display:none;text-align:center;padding:14px 0}
.sucesso.ativa{display:block;animation:sobe .4s var(--ease) both}
.sucesso .check{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;border:2px solid var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(52,211,153,.35)}
.sucesso .check svg{width:34px;height:34px;color:var(--green)}
.sucesso h3{font-size:1.5rem;margin-bottom:10px}
.sucesso p{color:var(--ink-3);line-height:1.55;margin:0 auto 20px;max-width:40ch}
.form-erro{display:none;margin-top:14px;padding:14px 16px;border:1px solid rgba(239,68,68,.45);border-radius:12px;background:rgba(239,68,68,.06);color:var(--ink-2);font-size:.9rem;line-height:1.5}
.form-erro.ativa{display:block}
.form-erro a{color:var(--cyan)}
@media (max-width:900px){.diag .duas{grid-template-columns:1fr}}
@media (max-width:520px){.tiles,.tiles.tres{grid-template-columns:1fr}.acoes{flex-direction:column-reverse}.acoes .btn,.acoes .btn.fantasma{width:100%}}

/* ── RODAPÉ ──────────────────────────────────────────────────────────────── */
.rodape{border-top:1px solid var(--line-soft);margin-top:var(--secao);padding:52px var(--gutter) 40px;position:relative;z-index:1}
.rodape .interno{max-width:var(--palco-agencia);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}
.rodape img.logo{height:34px;width:auto;margin-bottom:12px}
.rodape .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.rodape h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4);margin-bottom:14px}
.rodape ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.rodape a{color:var(--ink-2);text-decoration:none;font-size:.95rem}
.rodape a:hover{color:var(--cyan)}
.rodape .en{margin-top:14px;color:var(--ink-4);font-size:.86rem;font-style:italic}
.rodape .legal{max-width:var(--palco-agencia);margin:36px auto 0;padding-top:18px;border-top:1px solid var(--line-soft);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
@media (max-width:820px){.rodape .interno{grid-template-columns:1fr}}

/* ── acessibilidade / movimento ──────────────────────────────────────────── */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  .ticker .faixa{animation:none}
  .curva .linha{stroke-dashoffset:0;animation:none}
  .curva .plato,.curva .ponto-p,.curva .txt{opacity:1;animation:none}
  .curva .pulso{display:none}
}