/* ============================================================
   BuildPress - Section styles (desktop / base)
   ============================================================ */

/* ===================== NAV ===================== */
.nav {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 100;
  height: var(--nav-h);
  display: flex;
  align-items: center;
  transition: background .3s ease, backdrop-filter .3s ease;
}
.nav__inner { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.nav__logo {
  display: flex; align-items: center;
  padding: 10px 22px;
  border-radius: var(--r-pill);
  transition: background .3s ease, box-shadow .3s ease;
}
.nav__logo img { height: 22px; width: auto; }
.nav.is-scrolled { background: rgba(0,0,0,0.55); backdrop-filter: blur(12px); }
.nav.on-orange .nav__logo { background: var(--grad-accent); box-shadow: var(--glow-btn); }
.nav.on-orange.is-scrolled { background: transparent; backdrop-filter: none; }

.nav__right { display: flex; align-items: center; gap: 14px; }
/* Desktop: nav usa a largura toda — logo no canto esquerdo, CTA + menu no canto
   direito (mesma vertical do WhatsApp), com respiro confortável da borda. */
@media (min-width: 981px) {
  .nav__inner { max-width: none; padding-inline: 38px; }
}
.nav__cta { padding: 12px 24px; font-size: 13.5px; }
.nav__burger {
  width: 46px; height: 46px; border-radius: 50%;
  background: #fff; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 4px;
}
.nav__burger span { width: 18px; height: 2px; background: #111; border-radius: 2px; transition: .3s; }
.nav__burger.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav__burger.is-open span:nth-child(2) { opacity: 0; }
.nav__burger.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.nav__menu {
  position: fixed; inset: var(--nav-h) 0 auto 0;
  background: rgba(8,8,8,0.97); backdrop-filter: blur(14px);
  display: flex; flex-direction: column; gap: 6px;
  padding: 18px var(--gut) 28px;
  transform: translateY(-130%); transition: transform .4s cubic-bezier(.16,1,.3,1);
  z-index: 99; border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav__menu.is-open { transform: translateY(0); }
.nav__menu a { padding: 12px 4px; font-weight: 500; border-bottom: 1px solid rgba(255,255,255,.06); }

/* ===================== HERO ===================== */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex; align-items: center;
  padding-top: var(--nav-h);
  overflow: hidden;
}
.hero::after { /* glow laranja na base */
  content: ""; position: absolute; left: 50%; top: 46%;
  width: 620px; height: 620px; transform: translateX(-50%);
  background: radial-gradient(circle, rgba(61,232,96,.34) 0%, rgba(61,232,96,0) 62%);
  filter: blur(10px); z-index: 0; pointer-events: none;
}
.hero__b {
  position: absolute; left: 50%; top: 50%;
  font-size: clamp(360px, 50vw, 700px);
  transform: translate(-50%, -50%);
  z-index: 1; opacity: 0.82;
}
.hero__inner { position: relative; z-index: 2; text-align: center; width: 100%; }
.hero__inner::before { content:""; position:absolute; inset:-14% -20%; z-index:-1; pointer-events:none;
  background: radial-gradient(54% 48% at 50% 44%, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.35) 46%, transparent 72%); }
.hero__title { font-size: clamp(40px, 6.6vw, 72px); }
.hero__title .ln { display: block; }
.hero__title .ln b { font-weight: 700; }
.hero__title .ln.light { font-weight: 300; }
.hero__sub { margin-top: 16px; font-size: clamp(15px,1.5vw,17px); color: rgba(255,255,255,.9); font-weight: 400; }
.hero__cta { margin-top: 30px; padding: 16px 40px; font-size: 15px; }
.hero .chevron { color: #fff; margin-top: 34px; }

/* ===================== EXCLUSIVO / BROWSER ===================== */
.exclusivo { position: relative; padding: 0 var(--gut) clamp(80px,10vw,150px); margin-top: -8vh; z-index: 3; }
.browser {
  max-width: 1060px; margin-inline: auto;
  border-radius: 16px; overflow: hidden;
  background: #0a0a0a; border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 40px 120px -30px rgba(0,0,0,.9);
}
.browser__bar {
  display: flex; align-items: center; gap: 16px;
  padding: 12px 18px; background: #161616; border-bottom: 1px solid rgba(255,255,255,.07);
  font-size: 12px; color: #888;
}
.browser__bar .dots { display: flex; gap: 7px; }
.browser__bar .dots i { width: 12px; height: 12px; border-radius: 50%; background: #444; }
.browser__bar .dots i:nth-child(1){ background:#ff5f57;} .browser__bar .dots i:nth-child(2){ background:#febc2e;} .browser__bar .dots i:nth-child(3){ background:#28c840;}
.browser__nav, .browser__tools { display: inline-flex; align-items: center; gap: 11px; color: #6a6a6a; }
.browser__nav svg, .browser__tools svg { width: 15px; height: 15px; display: block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.browser__url {
  flex: 1; max-width: 420px; margin-inline: auto;
  background: #0c0c0c; border-radius: 8px; padding: 7px 16px;
  text-align: center; color: #9a9a9a;
}
/* .browser__tools estilizado junto com .browser__nav acima (ícones SVG) */
.browser__shot { position: relative; min-height: clamp(540px, 58vw, 620px); display: grid; place-items: center; background: radial-gradient(120% 120% at 50% 30%, #1a1a1a 0%, #050505 70%); overflow: hidden; }
.browser__shot > img { position: absolute; width: 115%; max-width: none; top: 50%; left: 50%; transform: translate(-50%,-40%); opacity: .35; filter: hue-rotate(116deg) saturate(1.1) blur(12px) brightness(.6); }
.browser__shot::after { content: ""; position: absolute; inset: 0; z-index: 1; background: radial-gradient(125% 95% at 50% 46%, rgba(3,14,8,.46) 0%, rgba(2,7,4,.86) 78%); pointer-events: none; }
.excl-overlay { position: relative; z-index: 2; text-align: center; max-width: 620px; padding: 40px 24px; text-shadow: 0 2px 22px rgba(0,0,0,.55); }
.excl-title { font-size: clamp(28px,3.4vw,46px); font-weight: 300; line-height: 1.34; }
.excl-title b, .excl-title .hl { font-weight: 700; }
.excl-body { margin-top: 18px; font-size: 13px; color: rgba(255,255,255,.78); max-width: 360px; margin-inline: auto; }

/* badges flutuantes */
.badge {
  position: absolute; font-size: 12px; line-height: 1.35; max-width: 250px;
  padding: 14px 18px; border-radius: 14px; z-index: 5;
  box-shadow: 0 14px 40px -10px rgba(0,0,0,.6);
}
.badge--tl { top: 5%; left: 2%; background: var(--grad-accent); color: var(--on-green); transform: rotate(-6deg); box-shadow: var(--glow-btn); }
.badge--tl b { font-weight: 800; }
.badge--check { top: 6%; right: 3%; left: auto; background:#0e0e0e; border:1px solid rgba(255,255,255,.1); color:#eee; display:flex; gap:10px; align-items:center; max-width:280px; }
.badge--check .ck { color: var(--accent); font-size: 15px; }
.badge--cta { position: absolute; bottom: 11%; left: 3%; top: auto; z-index: 6; padding: 13px 26px; }
.badge--stat { bottom: 9%; right: 2%; background: var(--grad-accent); color: var(--on-green); transform: rotate(5deg); box-shadow: var(--glow-btn); }
.badge--stat::after { content:""; position:absolute; left:-10px; bottom:14px; border:9px solid transparent; border-right-color: var(--accent-lo); }

/* ===================== ESCOLHER ===================== */
.escolher { text-align: center; }
.escolher__title { margin-top: 22px; }
.escolher__lead { margin: 30px auto 0; max-width: 620px; }
.steps { display: flex; align-items: flex-start; justify-content: center; gap: clamp(10px,3vw,46px); margin-top: 56px; }
.step { max-width: 220px; }
.step__num {
  width: 66px; height: 66px; margin: 0 auto 18px; border-radius: 50%;
  display: grid; place-items: center; font-size: 24px; font-weight: 700; color: #fff;
  background: radial-gradient(circle at 50% 135%, rgba(61,232,96,.42), rgba(12,12,12,.5) 62%);
  position: relative;
}
.step__num b { position: relative; z-index: 2; }
/* anel laranja: arco quase-completo (gap no topo), desenha 1x ao entrar - NÃO gira em loop */
.step__ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); transform-origin: 50% 50%; }
.step__ring circle { fill: none; stroke: var(--accent); stroke-width: 3.2; stroke-linecap: round; stroke-dasharray: 100 100; stroke-dashoffset: 12; filter: drop-shadow(0 0 4px rgba(61,232,96,.5)); }
.step p { font-size: 15px; color: rgba(255,255,255,.8); }
.step__arr { color: #555; font-size: 22px; margin-top: 22px; }

/* ===================== SERVIÇOS (dark) ===================== */
.serv__head { margin-bottom: 50px; }
.serv__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 920px; margin-inline: auto; }
.serv-card { padding: 38px 36px; display: flex; flex-direction: column; align-items: flex-start; }
.serv-card__icon { width: 60px; height: 60px; border-radius: 16px; background: rgba(255,255,255,.06); display: grid; place-items: center; margin-bottom: 60px; }
.serv-card__icon svg { width: 30px; height: 30px; }
.serv-card__title { font-size: clamp(26px,3vw,40px); font-weight: 700; }
.serv-card__desc { margin-top: 10px; font-size: 15px; color: rgba(255,255,255,.7); }
.serv-card__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 26px; }
.serv-card__cta { width: 100%; }

/* ===================== SETORES ===================== */
.setores { text-align: center; }
.setores__title { margin-bottom: 30px; }

/* ===================== MARQUEE ===================== */
.marquee { background: linear-gradient(to bottom, #000, transparent 26px), linear-gradient(to top, #000, transparent 26px), var(--orange-bg); padding: 40px 0; overflow: hidden; color:#1c0f0a; }
.marquee__pill { display: flex; align-items: center; gap: 14px; justify-content: center; flex-wrap: wrap; background:#fff; color:#1a1a1a; max-width: 560px; margin: 0 auto 34px; padding: 12px 22px; border-radius: var(--r-pill); font-size: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.15); }
.marquee__pill b { font-weight: 700; }
.marquee__avatars { display: inline-flex; }
.marquee__avatars img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; margin-left: -9px; }
.marquee__avatars img:first-child { margin-left: 0; }
.marquee__flags { display: flex; gap: 4px; }
.marquee__flags img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.marquee__row { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.marquee__track { display: flex; align-items: center; gap: 56px; width: max-content; animation: marq 48s linear infinite; }
.marquee__track img { height: 42px; width: auto; object-fit: contain; filter: brightness(0) invert(1); opacity: .92; }
@keyframes marq { to { transform: translateX(-50%); } }

/* ===================== DESENVOLVEMOS ===================== */
.desenv__head { margin-bottom: 50px; }
.desenv__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.desenv-card { padding: 34px 30px; display: flex; flex-direction: column; }
.desenv-card .dc-icon { width: 44px; height: 48px; margin: 0 auto 22px; }
.desenv-card .dc-icon img { width: 100%; height: 100%; object-fit: contain; }
.desenv-card h3 { text-align:center; font-size: 28px; font-weight: 700; margin-bottom: 14px; }
.desenv-card p { font-size: 13.5px; color: rgba(255,255,255,.66); text-align:center; flex: 1; }
.desenv-card .btn { margin-top: 26px; width: 100%; }

/* ===================== ELITE (editorial: palavras emolduram a imagem central) ===================== */
.elite { position: relative; overflow: hidden; }
.elite__stage { --elite-imgw: clamp(400px, 44vw, 600px); --elite-gap: calc(var(--elite-imgw) - 150px); position: relative; min-height: 90vh; padding: clamp(56px,9vh,110px) 0 clamp(40px,6vh,72px); display: flex; flex-direction: column; justify-content: flex-start; }

/* backlight suave atrás do dev (faz ele saltar do fundo) */
.elite__glow { position: absolute; top: 36%; left: 50%; transform: translate(-50%,-50%); width: min(560px, 50%); height: min(560px, 66%); z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse 50% 56% at 50% 42%, rgba(61,232,96,.22), transparent 66%);
  filter: blur(16px);
  animation: eliteGlow 7s ease-in-out infinite; }
@keyframes eliteGlow { 0%,100% { opacity: .78; } 50% { opacity: 1; } }

/* GRADE ENERGIZADA: as linhas da grade (alinhadas à .grid-bg, 62px) acendem em verde
   e pulsam, concentradas atrás do dev por uma máscara radial que some nas bordas */
.elite::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(61,232,96,.55) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,232,96,.55) 1px, transparent 1px);
  background-size: 62px 62px;
  -webkit-mask-image: radial-gradient(ellipse 30% 40% at 50% 35%, #000, rgba(0,0,0,.4) 48%, transparent 74%);
  mask-image: radial-gradient(ellipse 30% 40% at 50% 35%, #000, rgba(0,0,0,.4) 48%, transparent 74%);
  filter: drop-shadow(0 0 5px rgba(61,232,96,.55));
  animation: eliteGrid 5s ease-in-out infinite; }
@keyframes eliteGrid { 0%,100% { opacity: .42; } 50% { opacity: .9; } }

/* imagem central: sangra no preto. Centragem horizontal por margin, vertical por transform
   (o GSAP anima a IMG interna, então o transform do container não conflita) */
.elite__photo { position: absolute; top: clamp(50px,8vh,100px); left: 0; right: 0; margin-inline: auto; width: var(--elite-imgw); aspect-ratio: 382 / 500; z-index: 2; pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 99%);
  mask-image: linear-gradient(to bottom, #000 72%, transparent 99%); }
.elite__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 10%; display: block; will-change: transform, opacity, filter; }

/* título: grid de 3 colunas [esquerda | imagem | direita]; peças esquerdas alinham à direita
   e as direitas à esquerda, abraçando a foto sem buracos */
.elite__title { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr var(--elite-gap) 1fr; align-items: baseline; row-gap: .16em; margin: 0; line-height: 1.2; letter-spacing: -.01em; font-size: clamp(28px, 3.6vw, 50px); }
.elite__title .wl { grid-column: 1; text-align: left; white-space: nowrap; }
.elite__title .wr { grid-column: 3; text-align: left; padding-left: clamp(14px,1.6vw,26px); white-space: nowrap; }
.elite__title .wb { font-weight: 800; color: #fff; }
.elite__title .wt { font-weight: 300; color: rgba(255,255,255,.9); }
.elite__title .accent { color: var(--accent); }

/* rodapé: lead + stack de logos, à esquerda */
.elite__foot { position: relative; z-index: 3; max-width: 40%; margin-top: clamp(46px, 11vh, 120px); }
.elite__lead { position: relative; color: rgba(255,255,255,.72); font-size: clamp(15px,1.08vw,17px); line-height: 1.62; max-width: 430px; padding-left: 20px; }
.elite__lead::before { content: ""; position: absolute; left: 0; top: 5px; bottom: 5px; width: 2px; border-radius: 2px; background: linear-gradient(rgba(61,232,96,.85), rgba(61,232,96,0)); }
.elite__lead b { color: #fff; font-weight: 600; }
.elite__lead b.g { color: var(--accent); font-weight: 700; }
.elite__stack { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: clamp(24px,2.6vw,34px); list-style: none; padding: 0; }
.elite__stack .ic { display: grid; place-items: center; transition: transform .3s cubic-bezier(.16,1,.3,1); }
.elite__stack .ic:hover { transform: translateY(-4px); }
.elite__stack .ic-svg { width: 42px; height: 42px; display: block; }

/* chevron de scroll no rodapé central */
.elite__chev { position: absolute; left: 50%; bottom: clamp(10px,3vh,28px); transform: translateX(-50%); width: 36px; height: auto; opacity: .4; stroke: rgba(255,255,255,.7); z-index: 2; }

/* ===================== PARA QUEM ===================== */
.paraquem__head { margin-bottom: 50px; }
.paraquem__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.pq-card { position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 300/385; background: #000; border: 1px solid rgba(255,255,255,0.05); }
.pq-card img { width: 100%; height: 100%; object-fit: cover; }
/* funde a foto no preto (igual ao original): clara em cima, preta embaixo */
.pq-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 18%, transparent 56%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.96) 100%); }
.pq-card figcaption { position: absolute; inset: auto 0 0 0; z-index: 2; padding: 26px 20px 32px; font-size: 22px; font-weight: 700; text-align: center; }

/* ===================== DIFERENÇAS ===================== */
.difer__head { margin-bottom: 44px; }
.difer__browser { max-width: 960px; margin: 0 auto; border-radius: 16px; overflow: hidden; background:#0a0a0a; border:1px solid rgba(255,255,255,.1); box-shadow: 0 40px 100px -30px rgba(0,0,0,.85); }
.browser__bar.small { padding: 10px 16px; }
/* palco com layout diagonal escalonado (igual ao original) */
.difer__stage { position: relative; padding: 40px 46px 72px; }
.difer__col ul { display: flex; flex-direction: column; gap: 12px; }
.difer__col li { display: flex; align-items: center; gap: 14px; padding: 15px 20px; border-radius: 13px; font-size: 14px; }
.difer__col .ck { flex: none; width: 26px; height: 26px; border-radius: 50%; background:#fff; display: grid; place-items: center; font-size: 12px; font-weight: 700; }

/* MELHOR (laranja) - topo-direita, em fluxo (define a altura) */
.difer__col.good { position: relative; z-index: 2; width: 56%; margin-left: auto; background: var(--grad-accent); border-radius: 22px; padding: 26px; box-shadow: var(--glow-btn), 0 0 70px -8px rgba(61,232,96,.6); }
.difer__col.good li { background: rgba(255,255,255,.28); color: var(--on-green); font-weight: 600; }
.difer__col.good .ck { color: var(--accent); }

/* PIOR (vidro cinza) - base-esquerda, sobreposto */
.difer__col.bad { position: absolute; left: 46px; top: 42%; width: 50%; z-index: 1;
  background: rgba(120,124,122,0.13); border: 1px solid rgba(255,255,255,0.12); border-radius: 22px; padding: 22px;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.difer__col.bad li { background: rgba(255,255,255,.05); color: #d6d6d6; }
.difer__col.bad .ck { background: rgba(255,255,255,.85); color:#555; }

.difer__lbl { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; font-size: 13px; }
.difer__lbl .face { width: 21px; height: 21px; flex: none; }
.difer__lbl.bad { color:#9aa09d; }
.difer__lbl.good { color: var(--on-green); font-weight:700; }
.difer__lbl.good .lbl-logo { color: var(--on-green); }
.difer__lbl .lbl-logo { font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 800; font-size: 15px; letter-spacing: -0.03em; margin-left: 6px; }
.difer__lbl .lbl-logo b { font-weight: 800; }

/* toggle: UMA pílula larga só */
.difer__toggle { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 30px auto 0; max-width: 940px; background:#0e0e0e; border:1px solid rgba(255,255,255,.09); border-radius: var(--r-pill); padding: 16px 34px; }
.difer__toggle .tg { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; color:#9a9a9a; }
.difer__toggle .tg.on { color:#fff; }
.difer__toggle .dot-g { flex:none; width:16px;height:16px;border-radius:50%;background:#555;}
.difer__toggle .dot-o { flex:none; width:16px;height:16px;border-radius:50%;background:var(--accent); box-shadow:0 0 10px rgba(61,232,96,.7);}
.difer__toggle .ou { color:#777; font-size:14px; flex:none; }
.difer__note { max-width: 560px; margin: 28px auto 30px; }

/* ===================== DESTACAR ===================== */
.destacar { text-align:center; }
.destacar__title { font-size: clamp(30px,4.4vw,50px); font-weight:300; }
.destacar__title b { font-weight:700; }
.destacar__sub { margin-top: 18px; font-size: clamp(18px,2vw,25px); color: rgba(255,255,255,.55); }

/* ===================== AVALIAÇÕES ===================== */
.aval { background: linear-gradient(to bottom, #000, transparent 82px), linear-gradient(to top, #000, transparent 82px), var(--orange-bg); color:#fff; padding-block: clamp(100px, 11vw, 150px); }
.aval__head { color:#1a0d08; } .aval__head b { color:#000; }
.aval__lead { max-width: 560px; margin: 16px auto 40px; color: rgba(20,10,5,.85); } .aval__lead b{ color:#000; }
.aval__wrap { display: flex; align-items: center; justify-content: center; gap: 18px; }
.tnav { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.25); color:#fff; font-size: 22px; flex: none; transition: .25s; }
.tnav:hover { background: rgba(255,255,255,.45); }
.aval__viewport { max-width: 620px; flex: 1; }
.tcard { padding: 40px 36px; text-align:center; display: none; background: rgba(6,30,15,0.55); border-color: rgba(255,255,255,.16); backdrop-filter: blur(10px); }
.tcard.is-active { display: block; }
.tcard__avatar { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; margin: 0 auto 12px; border: 3px solid rgba(255,255,255,.6); }
.tcard__mono { display: flex; align-items: center; justify-content: center; background: var(--grad-accent); color: var(--on-green); font-weight: 800; font-size: 26px; letter-spacing: .02em; box-sizing: border-box; }
.tcard__name { font-size: 20px; font-weight: 700; }
.tcard__role { font-size: 12px; opacity: .8; }
.tcard__rate { margin-top: 12px; font-size: 14px; } .tcard__rate .stars { color:#fff; letter-spacing:3px; }
.tcard__quote { margin-top: 14px; font-size: 16px; font-style: italic; line-height: 1.5; }
.tcard__google { margin-top: 18px; font-size: 12px; display:inline-flex; gap:6px; align-items:center; opacity:.9; }
.tcard__google img { width: 18px; height: 18px; }
.tdots { display: flex; gap: 8px; justify-content: center; margin-top: 22px; }
.tdot { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.4); }
.tdot.is-active { background:#fff; }
.chevron.dark { color: #1a0d08; }

/* ===================== PORTFÓLIO ===================== */
.port__head { margin-bottom: 44px; }
.port__track { display: flex; gap: 22px; overflow-x: auto; padding: 6px var(--gut) 20px; scrollbar-width: none; cursor: grab; }
.port__track::-webkit-scrollbar { display: none; }
.port__track.grabbing { cursor: grabbing; }
.port__track img { height: 300px; width: auto; border-radius: 14px; flex: none; user-select: none; -webkit-user-drag: none; border:1px solid rgba(255,255,255,.08); }

/* ===================== AUMENTE ===================== */
.aumente__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; }
.aumente__copy h2 { font-size: clamp(30px,4vw,48px); }
.aumente__copy .lead { margin: 20px 0 30px; max-width: 440px; }
.aumente__art { position: relative; display: grid; place-items: center; }
.aumente__art::before { content:""; position:absolute; width: 70%; aspect-ratio:1; border-radius:50%; background: radial-gradient(circle, var(--accent) 0%, rgba(61,232,96,0) 70%); filter: blur(6px); }
.aumente__art img { position: relative; max-height: 420px; width: auto; }

/* ===================== NÃO ENTREGAMOS ===================== */
.naoentr { text-align: center; overflow: hidden; }
.naoentr__b { position: absolute; left: 50%; top: 46%; font-size: clamp(220px,28vw,400px); transform: translate(-50%,-50%); z-index:0; opacity: 0.6;
  -webkit-mask-image: linear-gradient(to bottom, #000 46%, transparent 82%); mask-image: linear-gradient(to bottom, #000 46%, transparent 82%); }
.naoentr .container { position: relative; z-index: 1; }
.naoentr__title { font-size: clamp(30px,4.4vw,50px); font-weight:300; } .naoentr__title b{font-weight:700;}
.naoentr__sub { margin-top: 8px; font-size: clamp(20px,2.6vw,30px); font-weight:300; color: rgba(255,255,255,.85); } .naoentr__sub b{font-weight:700;}
.naoentr__redes { margin-top: clamp(215px,27vw,345px); font-size: 17px; font-weight: 600; color: #ffffff; text-shadow: 0 2px 14px rgba(0,0,0,0.75); }
.naoentr__logos { height: 28px; width: auto; margin: 20px auto 0; filter: brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0,0,0,0.7)); opacity: 1; }

/* ===================== ORÇAMENTO ===================== */
.orca__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; }
.orca__left h2 { font-size: clamp(30px,4vw,48px); }
.orca__left .lead { margin: 14px 0 26px; }
.orca__form { padding: 26px; max-width: 440px; }
.orca__form .row { display: flex; gap: 12px; margin-bottom: 12px; }
.orca__form input { flex: 1; width: 100%; padding: 14px 16px; border-radius: var(--r-pill); border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color:#fff; font-family: inherit; font-size: 14px; }
.orca__form input::placeholder { color: rgba(255,255,255,.5); }
.orca__next { margin-left: auto; display: block; padding: 13px 34px; }
.orca__photo { position: relative; display: flex; justify-content: center; }
.orca__photo::before { content:""; position:absolute; inset:6% -6% 2%; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%, rgba(61,232,96,.22), transparent 62%); filter:blur(40px); }

/* editor de código (no lugar da foto) */
.codewin { position:relative; z-index:1; width:100%; max-width:480px;
  font-family:'JetBrains Mono', ui-monospace, monospace; background:#0c1117;
  border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden;
  box-shadow:0 40px 100px -30px rgba(0,0,0,.85), 0 0 60px -22px rgba(61,232,96,.3); }
.codewin__bar { display:flex; align-items:center; gap:10px; padding:11px 14px; background:#0f1620; border-bottom:1px solid rgba(255,255,255,.07); }
.codewin__dots { display:flex; gap:6px; }
.codewin__dots i { width:11px; height:11px; border-radius:50%; background:#3a4150; }
.codewin__dots i:nth-child(1){ background:#ff5f57; } .codewin__dots i:nth-child(2){ background:#febc2e; } .codewin__dots i:nth-child(3){ background:#28c840; }
.codewin__file { font-size:12px; color:rgba(255,255,255,.55); }
.codewin__live { margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--accent); }
.codewin__live::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 9px rgba(61,232,96,.9); animation:codeLive 1.6s ease-in-out infinite; }
@keyframes codeLive { 0%,100%{ opacity:.45; } 50%{ opacity:1; } }
.codewin__body { padding:16px 14px; counter-reset:cl; overflow-x:auto; }
.codewin__code { display:block; white-space:normal; font-size:13px; line-height:1.75; }
.codewin__code .cl { display:block; white-space:pre; counter-increment:cl; }
.codewin__code .cl::before { content:counter(cl); display:inline-block; width:1.5em; margin-right:14px; text-align:right; color:#39414e; }
.c-com{ color:#5c6b60; } .c-kw{ color:#79c0ff; } .c-fn{ color:#e8d48b; } .c-tag{ color:#56d4dd; } .c-attr{ color:#e0a667; } .c-str{ color:#6cf08a; } .c-cmp{ color:var(--accent); font-weight:700; } .c-pt{ color:#8b949e; }
.cur { display:inline-block; width:8px; height:1.02em; transform:translateY(2px); margin-left:3px; background:var(--accent); animation:codeCur 1.1s step-end infinite; }
@keyframes codeCur { 0%,50%{ opacity:1; } 50.01%,100%{ opacity:0; } }
.codewin__status { display:flex; align-items:center; gap:8px; padding:11px 16px; font-size:12.5px; font-weight:600; color:rgba(255,255,255,.8); background:linear-gradient(90deg, rgba(61,232,96,.1), rgba(61,232,96,.02)); border-top:1px solid rgba(61,232,96,.18); }
.codewin__ok { display:grid; place-items:center; width:18px; height:18px; flex:none; border-radius:50%; background:var(--accent); color:var(--on-green); font-size:11px; font-weight:900; }
.codewin__status b { color:rgba(255,255,255,.28); }

/* ===================== FOOTER ===================== */
.footer { background:#000; padding: 60px 0 40px; text-align:center; border-top: 1px solid rgba(255,255,255,.06); }
.footer__logo { height: 26px; margin: 0 auto 28px; }
.footer__links { display: flex; gap: 34px; justify-content: center; flex-wrap: wrap; margin-bottom: 34px; font-size: 14px; color: rgba(255,255,255,.8); }
.footer__links a:hover { color: var(--accent); }
.footer__bars { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; }
.footer__bar { display: flex; align-items: center; gap: 20px; background:#101010; border:1px solid rgba(255,255,255,.07); border-radius: var(--r-pill); padding: 14px 26px; font-size: 13px; color: rgba(255,255,255,.78); }
.footer__bar b { color:#fff; }
.footer__social { display: inline-flex; align-items: center; gap: 10px; }
.footer__social img { width: 22px; height: 22px; }
.footer__grupo { display: inline-flex; align-items: center; gap: 10px; }
.footer__grupo img { height: 30px; }
/* selo "Site 100% seguro" — nativo (substitui o PNG antigo) */
.seguro { display: inline-flex; align-items: center; gap: 12px; }
.seguro__shield { flex: none; width: 32px; height: 32px; display: grid; place-items: center; }
.seguro__shield svg { width: 32px; height: 32px; display: block; filter: drop-shadow(0 1px 7px rgba(61,232,96,.5)); }
.seguro__txt { display: flex; flex-direction: column; gap: 2px; line-height: 1; text-align: left; }
.seguro__txt strong { font-size: 14.5px; font-weight: 800; letter-spacing: .07em; color: #fff; }
.seguro__txt strong .accent { color: var(--accent); }
.seguro__txt small { font-size: 9px; letter-spacing: .26em; font-weight: 700; color: rgba(255,255,255,.42); }
.footer__copy { font-size: 12px; color: rgba(255,255,255,.6); margin-bottom: 8px; }
.footer__legal { font-size: 11px; color: rgba(255,255,255,.4); max-width: 760px; margin: 0 auto; line-height: 1.6; }
.footer__legal a { color: rgba(255,255,255,.6); text-decoration: underline; }

/* ===================== INTERAÇÕES / HOVER DOS CARDS ===================== */
/* Cards de serviço: leve elevação + zoom-in sutil ao passar o mouse (consistente com o resto do site) */
.serv-card, .desenv-card { transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease; transform-origin: center; }
.serv-card:hover, .desenv-card:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 22px 54px -22px rgba(61,232,96,0.4), 0 16px 44px -20px rgba(0,0,0,0.6); }

/* Cards da comparação (good/bad): leve zoom enquanto o mouse estiver em cima */
.difer__col { transition: transform .35s cubic-bezier(.16,1,.3,1); }
.difer__col.good:hover, .difer__col.bad:hover { transform: scale(1.03); }

/* Engrenagens giratórias (ícone "Manutenções") */
.serv-card__icon.gears { position: relative; color: #fff; }
.servicos--orange .serv-card__icon.gears { color: #1a1a1a; }
.gears .gear { position: absolute; fill: currentColor; transform-origin: center center; }
.gears .gear--big { width: 30px; height: 30px; top: 4px; left: 3px; animation: spin 9s linear infinite; }
.gears .gear--md  { width: 22px; height: 22px; right: 6px; bottom: 6px; animation: spin 7s linear infinite reverse; }
.gears .gear--sm  { width: 13px; height: 13px; top: 31px; left: 19px; animation: spin 4.5s linear infinite reverse; }
@keyframes spin { to { transform: rotate(360deg); } }
/* no hover do card, as engrenagens aceleram */
.serv-card:hover .gear--big { animation-duration: 2.4s; }
.serv-card:hover .gear--md  { animation-duration: 1.7s; }
.serv-card:hover .gear--sm  { animation-duration: 1.1s; }
.gears .gear { transition: none; }

/* ===== Movimento contínuo estilo Wuzi (motion-*) ===== */
/* Sparkle do card "Criação de Sites": pisca/cintila (motion-pulse) */
.serv-card__icon:not(.gears) svg { animation: bpTwinkle 2.8s ease-in-out infinite; transform-origin: center; }
@keyframes bpTwinkle { 0%,100% { transform: scale(1) rotate(0deg); opacity: .9; } 50% { transform: scale(1.16) rotate(10deg); opacity: 1; } }
/* Ícones dos cards flutuam de leve (motion-breathe) */
.serv-card__icon { animation: bpFloat 5.5s ease-in-out infinite; }
.serv__grid .serv-card:nth-child(2) .serv-card__icon { animation-delay: .9s; }
@keyframes bpFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
/* Anéis dos steps (1º/2º/3º): glow respira (motion-breathe) */
.step__ring circle { animation: bpRingGlow 3.4s ease-in-out infinite; }
.steps > div:nth-of-type(2) .step__ring circle { animation-delay: .55s; }
.steps > div:nth-of-type(3) .step__ring circle { animation-delay: 1.1s; }
@keyframes bpRingGlow { 0%,100% { filter: drop-shadow(0 0 4px rgba(61,232,96,.45)); } 50% { filter: drop-shadow(0 0 12px rgba(61,232,96,.95)); } }
.desenv-card .dc-icon { transition: transform .4s cubic-bezier(.16,1,.3,1); }

/* pq-card: zoom na imagem + legenda sobe */
.pq-card { transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease; }
.pq-card img { transition: transform .6s cubic-bezier(.16,1,.3,1); }
.pq-card:hover { transform: translateY(-6px); box-shadow: 0 26px 60px -24px rgba(61,232,96,.55); }
.pq-card:hover img { transform: scale(1.07); }
.pq-card figcaption { transition: transform .35s ease; }
.pq-card:hover figcaption { transform: translateY(-4px); }

/* portfólio: zoom + brilho */
.port__track img { transition: transform .4s cubic-bezier(.16,1,.3,1), filter .4s ease, box-shadow .4s ease; }
.port__track img:hover { transform: translateY(-6px) scale(1.02); filter: brightness(1.06); box-shadow: 0 26px 60px -26px rgba(61,232,96,.5); }

/* card de depoimento */
.tcard { transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease; }
.tcard.is-active:hover { transform: translateY(-5px); box-shadow: 0 26px 60px -26px rgba(0,0,0,.45); }

/* tags ganham vida */
.tag { transition: transform .25s ease, filter .25s ease; }
.serv-card:hover .tag { transform: translateY(-1px); }

/* setores nav-pill / botões já têm hover via .btn */

/* ===================== SERVIÇOS (variante laranja) ===================== */
.servicos--orange { background: linear-gradient(to bottom, #000, transparent 70px), linear-gradient(to top, #000, transparent 70px), var(--orange-bg); }
.servicos--orange .serv__head.dark { color: #1a0d08; }
.servicos--orange .serv__head.dark b { color: #000; }
.servicos--orange .serv-card { background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.4); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.servicos--orange .serv-card__icon { background: rgba(255,255,255,0.55); }
.servicos--orange .serv-card__title { color: #1a1a1a; }
.servicos--orange .serv-card__title .dot { color: #fff; }
.servicos--orange .serv-card__desc { color: rgba(20,12,8,0.82); }
.servicos--orange .tag.outline { border-color: rgba(0,0,0,0.25); color: #2a1a14; }
.servicos--orange .chevron.dark { color: #1a0d08; }
/* hover dos cards na seção laranja: realce branco (não laranja sobre laranja) */
.servicos--orange .serv-card:hover { box-shadow: 0 16px 44px -20px rgba(0, 0, 0, 0.45); }


/* ===================== LOGO BuildPress ===================== */
.logo { display: inline-flex; align-items: center; font-family: 'JetBrains Mono', ui-monospace, 'Courier New', monospace; font-weight: 700; font-size: 21px; letter-spacing: -0.04em; line-height: 1; white-space: nowrap; }
.logo__b { color: var(--accent); }
.logo__name { color: #fff; }
.logo__cursor { display: inline-block; width: 0.4em; height: 1.05em; background: var(--accent); margin-left: 4px; border-radius: 1px; box-shadow: 0 0 9px rgba(61,232,96,.7); animation: blink 1.1s step-end infinite; }
@keyframes blink { 0%,50% { opacity: 1; } 50.01%,100% { opacity: 0; } }
/* sobre seções verdes, fundo escuro pra logo ler */
.nav.on-orange .nav__logo { background: rgba(0,0,0,0.4); box-shadow: none; }
.footer__logo.logo { height: auto; font-size: 25px; margin: 0 auto 28px; }

/* ===================== BRANDMARK "B" (animação única) ===================== */
.brandmark {
  font-family: 'Montserrat', sans-serif; font-weight: 800; line-height: 0.74;
  letter-spacing: -0.05em; user-select: none; pointer-events: none;
  background: linear-gradient(125deg, #cfffdb 0%, #3de860 36%, #15a83f 64%, #5cf07a 100%);
  background-size: 250% 250%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  will-change: filter, background-position;
  animation: bmFlow 6.5s ease-in-out infinite, bmGlow 3.8s ease-in-out infinite;
}
@keyframes bmFlow { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes bmGlow {
  0%, 100% { filter: drop-shadow(0 16px 42px rgba(61,232,96,0.2)); }
  50%      { filter: drop-shadow(0 16px 60px rgba(61,232,96,0.4)); }
}

/* ===================== Anti-flicker: desliga hover durante o scroll ===================== */
body.is-scrolling .serv-card,
body.is-scrolling .desenv-card,
body.is-scrolling .pq-card,
body.is-scrolling .port__track img,
body.is-scrolling .tcard,
body.is-scrolling .btn,
body.is-scrolling .nav__burger,
body.is-scrolling .difer__col { pointer-events: none; }

/* ===================== CTA risco-reverso + form real ===================== */
.hero__cta-note { margin-top: 13px; font-size: 12.5px; font-weight: 500; color: rgba(255,255,255,.62); letter-spacing: .01em; }
.orca__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; } /* honeypot escondido */
.orca__full { width: 100%; margin-bottom: 12px; padding: 14px 16px; border-radius: var(--r-pill); border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color:#fff; font-family: inherit; font-size: 14px; }
.orca__full::placeholder { color: rgba(255,255,255,.5); }

/* ===================== WhatsApp flutuante ===================== */
.wa-float {
  position: fixed; right: 22px; bottom: 22px; z-index: 90;
  width: 58px; height: 58px; border-radius: 50%;
  background: #25D366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 30px -6px rgba(37,211,102,.55), 0 4px 12px rgba(0,0,0,.35);
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease;
}
.wa-float svg { width: 32px; height: 32px; position: relative; z-index: 1; }
.wa-float:hover { transform: scale(1.08); box-shadow: 0 14px 38px -6px rgba(37,211,102,.7), 0 5px 16px rgba(0,0,0,.4); }
.wa-float::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 0 rgba(37,211,102,.5); animation: waPulse 2.4s infinite; }
@keyframes waPulse { 0% { box-shadow: 0 0 0 0 rgba(37,211,102,.5); } 70% { box-shadow: 0 0 0 16px rgba(37,211,102,0); } 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); } }
@media (prefers-reduced-motion: reduce) { .wa-float::after { animation: none; } }
@media (max-width: 640px) { .wa-float { right: 16px; bottom: 16px; width: 52px; height: 52px; } .wa-float svg { width: 29px; height: 29px; } }
/* Desktop: WhatsApp na mesma margem dos botões do nav (38px), com respiro da borda */
@media (min-width: 981px) { .wa-float, .wa-pop { right: 38px; } .wa-float { bottom: 34px; } }

/* Toast "Em breve" (links ainda não prontos, ex: Blog) */
.soon-toast {
  position: fixed; left: 50%; bottom: 30px; transform: translate(-50%, 24px); z-index: 200;
  display: flex; align-items: center; gap: 13px; max-width: min(420px, calc(100vw - 32px));
  padding: 14px 20px; border-radius: 14px;
  background: rgba(12,16,13,.97); border: 1px solid rgba(61,232,96,.32);
  box-shadow: 0 26px 60px -18px rgba(0,0,0,.75), 0 0 44px -14px rgba(61,232,96,.45);
  opacity: 0; pointer-events: none;
  transition: opacity .3s ease, transform .45s cubic-bezier(.16,1,.3,1);
}
.soon-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.soon-toast__ic { font-size: 22px; line-height: 1; flex: none; }
.soon-toast__tx { display: flex; flex-direction: column; gap: 2px; text-align: left; }
.soon-toast__tx b { font-size: 14.5px; font-weight: 700; color: #fff; }
.soon-toast__tx small { font-size: 12.5px; color: rgba(255,255,255,.6); }

/* destaque do card "Automações & IA" ao chegar pelo menu */
.desenv-card.is-spotlight { animation: cardSpotlight 2.4s ease-out; border-color: rgba(61,232,96,.5) !important; }
@keyframes cardSpotlight {
  0%   { box-shadow: 0 0 0 0 rgba(61,232,96,0); }
  12%  { box-shadow: 0 0 0 3px rgba(61,232,96,.65), 0 26px 64px -20px rgba(61,232,96,.6); }
  30%  { box-shadow: 0 0 0 0 rgba(61,232,96,0); }
  46%  { box-shadow: 0 0 0 3px rgba(61,232,96,.65), 0 26px 64px -20px rgba(61,232,96,.6); }
  100% { box-shadow: 0 0 0 0 rgba(61,232,96,0); }
}

/* ===================== DEMO AGENTE DE IA ===================== */
.iademo { text-align: center; }
.iademo__head { margin: 20px auto 0; max-width: 760px; }
.iademo__lead { margin: 16px auto 0; max-width: 560px; }
.iademo__personas { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 30px auto 22px; }
.iademo__persona { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.75); border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); border-radius: 999px; padding: 9px 18px; transition: .25s; }
.iademo__persona:hover { color: #fff; border-color: rgba(61,232,96,.4); }
.iademo__persona.is-active { color: var(--on-green); background: var(--grad-accent); border-color: transparent; box-shadow: var(--glow-btn); }

.iademo__phone { max-width: 440px; margin: 0 auto; text-align: left; background: #0c100d; border: 1px solid rgba(255,255,255,.1); border-radius: 26px; overflow: hidden; box-shadow: 0 40px 100px -30px rgba(0,0,0,.85), 0 0 60px -20px rgba(61,232,96,.25); }
.iademo__bar { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: #0f1712; border-bottom: 1px solid rgba(255,255,255,.07); }
.iademo__dot { width: 38px; height: 38px; border-radius: 50%; flex: none; background: var(--grad-accent); position: relative; }
.iademo__dot::after { content: "</>"; position: absolute; inset: 0; display: grid; place-items: center; font-family: 'JetBrains Mono', monospace; font-weight: 800; font-size: 12px; color: var(--on-green); }
.iademo__who { display: flex; flex-direction: column; line-height: 1.2; }
.iademo__who b { font-size: 14px; color: #fff; }
.iademo__who span { font-size: 11px; color: #3de860; }

.iademo__thread { height: 340px; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 10px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.15) transparent; background: linear-gradient(180deg, #0a0d0b, #0c100d); }
.iademo__thread::-webkit-scrollbar { width: 6px; } .iademo__thread::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 6px; }
.iademo__msg { display: flex; max-width: 82%; }
.iademo__msg span { padding: 10px 14px; border-radius: 14px; font-size: 13.5px; line-height: 1.4; }
.iademo__msg.agent { align-self: flex-start; }
.iademo__msg.agent span { background: rgba(255,255,255,.08); color: #eaeaea; border-bottom-left-radius: 4px; }
.iademo__msg.user { align-self: flex-end; }
.iademo__msg.user span { background: var(--grad-accent); color: var(--on-green); font-weight: 600; border-bottom-right-radius: 4px; }
.iademo__msg { animation: iaPop .28s cubic-bezier(.16,1,.3,1); }
@keyframes iaPop { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.iademo__typing span { display: inline-flex; gap: 4px; align-items: center; }
.iademo__typing i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.5); animation: iaBlink 1.2s infinite; }
.iademo__typing i:nth-child(2){ animation-delay:.2s; } .iademo__typing i:nth-child(3){ animation-delay:.4s; }
@keyframes iaBlink { 0%,60%,100%{ opacity:.25; transform: translateY(0);} 30%{ opacity:1; transform: translateY(-3px);} }

.iademo__quick { display: flex; flex-direction: column; gap: 8px; padding: 0 18px 18px; }
.iademo__qr { text-align: left; font-size: 13px; font-weight: 600; color: #d8ffe4; background: rgba(61,232,96,.1); border: 1px solid rgba(61,232,96,.35); border-radius: 12px; padding: 11px 15px; transition: .2s; }
.iademo__qr:hover { background: rgba(61,232,96,.2); transform: translateX(2px); }
.iademo__cta { display: block; text-align: center; font-size: 14px; font-weight: 700; color: var(--on-green); background: var(--grad-accent); border-radius: 12px; padding: 14px; box-shadow: var(--glow-btn); transition: .25s; }
.iademo__cta:hover { transform: translateY(-2px); box-shadow: var(--glow-btn-hover); }
.iademo__ctanote { text-align: center; font-size: 11.5px; color: rgba(255,255,255,.6); margin-top: 8px; }
.iademo__bigcta { margin: 34px auto 0; }

@media (max-width: 640px) { .iademo__thread { height: 300px; } .iademo__persona { font-size: 12px; padding: 8px 14px; } }
@media (prefers-reduced-motion: reduce) { .iademo__msg, .iademo__typing i { animation: none; } }

/* ===================== ajuste do note do hero (anima na timeline) ===================== */
.hero__cta-note { margin-top: 16px; position: relative; z-index: 1; }

/* ===================== WhatsApp - popup de chat automático ===================== */
.wa-pop {
  position: fixed; right: 22px; bottom: 92px; z-index: 94;
  width: min(320px, calc(100vw - 32px));
  background: #0e1511; border: 1px solid rgba(255,255,255,.1); border-radius: 18px;
  box-shadow: 0 28px 60px -18px rgba(0,0,0,.7), 0 0 50px -16px rgba(37,211,102,.3);
  overflow: hidden; transform-origin: bottom right;
  opacity: 0; transform: translateY(16px) scale(.95); pointer-events: none;
  transition: opacity .3s ease, transform .38s cubic-bezier(.16,1,.3,1);
}
.wa-widget.wa-open .wa-pop { opacity: 1; transform: none; pointer-events: auto; }
.wa-pop__close { position: absolute; top: 8px; right: 10px; width: 26px; height: 26px; border-radius: 50%; color: rgba(255,255,255,.6); font-size: 20px; line-height: 1; background: rgba(255,255,255,.06); }
.wa-pop__close:hover { color: #fff; background: rgba(255,255,255,.12); }
.wa-pop__head { display: flex; align-items: center; gap: 11px; padding: 14px 16px; background: #128C7E; }
.wa-pop__av { width: 38px; height: 38px; border-radius: 50%; flex: none; display: grid; place-items: center; background: rgba(255,255,255,.18); color: #fff; font-family: 'JetBrains Mono', monospace; font-weight: 800; font-size: 13px; }
.wa-pop__id { display: flex; flex-direction: column; line-height: 1.25; }
.wa-pop__id b { color: #fff; font-size: 14.5px; }
.wa-pop__id span { color: rgba(255,255,255,.85); font-size: 11.5px; }
.wa-pop__body { padding: 18px 16px 8px; min-height: 64px; background: #0a100d; }
.wa-msg { display: inline-block; max-width: 90%; animation: waMsg .3s cubic-bezier(.16,1,.3,1); }
.wa-msg span { display: inline-block; background: rgba(255,255,255,.08); color: #eaeaea; font-size: 13.5px; line-height: 1.45; padding: 10px 13px; border-radius: 13px; border-top-left-radius: 4px; }
@keyframes waMsg { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.wa-typing span { display: inline-flex; gap: 4px; }
.wa-typing i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.5); animation: waBlink 1.2s infinite; }
.wa-typing i:nth-child(2){ animation-delay:.2s; } .wa-typing i:nth-child(3){ animation-delay:.4s; }
@keyframes waBlink { 0%,60%,100%{ opacity:.25; } 30%{ opacity:1; } }
.wa-pop__cta { display: block; margin: 8px 14px 16px; text-align: center; font-size: 14px; font-weight: 700; color: #fff; background: #25D366; border-radius: 12px; padding: 12px; transition: .25s; }
.wa-pop__cta:hover { background: #1fb959; transform: translateY(-1px); }
.wa-float__badge { position: absolute; top: -3px; right: -3px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px; background: #ff3b30; color: #fff; font-size: 11px; font-weight: 800; display: grid; place-items: center; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
@media (max-width: 640px) { .wa-pop { right: 16px; bottom: 84px; } }
@media (prefers-reduced-motion: reduce) { .wa-msg, .wa-typing i { animation: none; } .wa-pop { transition: opacity .2s; } }

/* ===================== legibilidade do note do hero sobre o B verde ===================== */
.hero__cta-note { color: rgba(255,255,255,.85); text-shadow: 0 1px 12px rgba(0,0,0,.92), 0 0 4px rgba(0,0,0,.8); }

/* ===================== hero: botão + selos de confiança (bloco único) ===================== */
.hero__action { display: inline-flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 30px; }
.hero__action .hero__cta { margin-top: 0; }
.hero__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 9px; max-width: 540px; }
.hero__trust li { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: rgba(255,255,255,.85); background: rgba(8,12,9,.55); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 6px 14px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.hero__trust .ck { color: var(--accent); font-weight: 800; font-size: 12px; }
@media (max-width: 480px) { .hero__trust li { font-size: 11.5px; padding: 5px 11px; } }

/* ===================== centraliza o botão do formulário ===================== */
.orca__next { margin-left: auto; margin-right: auto; }

/* ===================== WhatsApp popup interativo (qualificador) ===================== */
.wa-pop { max-height: calc(100vh - 110px); display: flex; flex-direction: column; }
.wa-pop__body { padding: 14px 14px 6px; min-height: 70px; max-height: 230px; overflow-y: auto; display: flex; flex-direction: column; gap: 7px; background: #0a100d; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.15) transparent; }
.wa-pop__body::-webkit-scrollbar { width: 5px; } .wa-pop__body::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 5px; }
.wa-msg.user { align-self: flex-end; }
.wa-msg.user span { background: var(--grad-accent); color: var(--on-green); font-weight: 600; border-top-left-radius: 13px; border-top-right-radius: 4px; }
.wa-pop__quick { display: flex; flex-direction: column; gap: 7px; padding: 4px 14px 16px; }
.wa-qr { text-align: left; font-size: 13px; font-weight: 600; color: #d8ffe4; background: rgba(37,211,102,.12); border: 1px solid rgba(37,211,102,.4); border-radius: 11px; padding: 10px 13px; transition: .18s; }
.wa-qr:hover { background: rgba(37,211,102,.22); transform: translateX(2px); }
.wa-cta { display: block; text-align: center; font-size: 14px; font-weight: 700; color: #fff; background: #25D366; border-radius: 12px; padding: 13px; box-shadow: 0 8px 22px -8px rgba(37,211,102,.6); transition: .25s; }
.wa-cta:hover { background: #1fb959; transform: translateY(-1px); }

/* ===================== DEMO IA: visual de WhatsApp real ===================== */
.iademo__phone { background: #0b141a; border: 1px solid rgba(255,255,255,.08); border-radius: 26px; box-shadow: 0 40px 100px -30px rgba(0,0,0,.85), 0 0 60px -22px rgba(37,211,102,.22); }
/* barra de status do celular */
.iademo__status { display: flex; align-items: center; justify-content: space-between; padding: 7px 18px 5px; background: #1f2c34; color: #fff; font-size: 12px; font-weight: 600; }
.iademo__sysic { display: inline-flex; align-items: center; gap: 6px; }
.iademo__sysic svg { height: 11px; width: auto; fill: #fff; }
.iademo__sysic .ia-batt { height: 12px; }
/* header do WhatsApp */
.iademo__bar { display: flex; align-items: center; gap: 10px; padding: 9px 12px; background: #1f2c34; border-bottom: 0; }
.iademo__back { color: #e9edef; font-size: 24px; line-height: 1; margin-right: -2px; }
.iademo__dot { width: 38px; height: 38px; border-radius: 50%; flex: none; background: var(--grad-accent); position: relative; }
.iademo__dot::after { content: "</>"; position: absolute; inset: 0; display: grid; place-items: center; font-family: 'JetBrains Mono', monospace; font-weight: 800; font-size: 12px; color: var(--on-green); }
.iademo__who { flex: 1; display: flex; flex-direction: column; line-height: 1.2; }
.iademo__who b { font-size: 15px; color: #e9edef; font-weight: 600; }
.iademo__who span { font-size: 12px; color: #8696a0; }
.iademo__acts { display: inline-flex; gap: 16px; }
.iademo__acts svg { width: 21px; height: 21px; fill: #aebac1; }
/* fundo do chat (WhatsApp dark + textura sutil) */
.iademo__thread { height: 330px; background: #0b141a; background-image: radial-gradient(rgba(255,255,255,.014) 1px, transparent 1px); background-size: 22px 22px; padding: 16px 14px; gap: 4px; }
/* balões */
.iademo__msg { max-width: 80%; }
.iademo__msg span { position: relative; padding: 6px 9px 18px; font-size: 13.5px; line-height: 1.4; border-radius: 8px; box-shadow: 0 1px 1px rgba(0,0,0,.25); }
.iademo__msg.agent span { background: #202c33; color: #e9edef; border-top-left-radius: 0; }
.iademo__msg.user span { background: #005c4b; color: #e9edef; border-top-right-radius: 0; border-bottom-right-radius: 8px; }
/* rabicho */
.iademo__msg.agent span::before { content: ""; position: absolute; top: 0; left: -7px; border-top: 7px solid #202c33; border-left: 7px solid transparent; }
.iademo__msg.user span::before { content: ""; position: absolute; top: 0; right: -7px; border-top: 7px solid #005c4b; border-right: 7px solid transparent; }
/* horário + checks */
.iademo__msg span::after { content: "14:32"; position: absolute; right: 9px; bottom: 4px; font-size: 10px; color: rgba(233,237,239,.45); white-space: nowrap; }
.iademo__msg.user span::after { content: "14:32 ✓✓"; color: #53bdeb; }
.iademo__typing span { padding: 10px 12px; }
.iademo__typing span::after, .iademo__typing span::before { display: none; }
/* botões de resposta (estilo "reply buttons" do WhatsApp) */
.iademo__quick { padding: 8px 12px 12px; background: #0b141a; }
.iademo__qr { text-align: center; font-size: 14px; font-weight: 600; color: #00a884; background: #202c33; border: 1px solid rgba(0,168,132,.25); border-radius: 9px; padding: 11px; }
.iademo__qr:hover { background: #2a3942; transform: none; }
.iademo__cta { background: #00a884; color: #fff; border-radius: 9px; padding: 13px; box-shadow: none; }
.iademo__cta:hover { background: #06cf9c; transform: none; }
.iademo__ctanote { color: #8696a0; }
/* barra de digitar (decorativa) */
.iademo__inputbar { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: #1f2c34; }
.iademo__field { flex: 1; background: #2a3942; color: #8696a0; font-size: 13.5px; border-radius: 20px; padding: 10px 16px; text-align: left; }
.iademo__mic { width: 42px; height: 42px; flex: none; border-radius: 50%; background: #00a884; display: grid; place-items: center; }
.iademo__mic svg { width: 21px; height: 21px; fill: #fff; }
@media (max-width: 640px) { .iademo__thread { height: 300px; } }


/* ===================== ELITE v4 — Time de elite (features + foto + barra) ===================== */
.elite.ev { position: relative; overflow: hidden; }
.ev { display: flex; align-items: center; padding-block: clamp(60px,9vh,120px); }
.ev-inner { display: grid; grid-template-columns: minmax(0,0.82fr) minmax(0,1.18fr); align-items: stretch; gap: clamp(20px,3vw,44px); width: 100%; }

/* coluna esquerda: copy centrada + barra no rodapé */
.ev-left { display: flex; flex-direction: column; position: relative; z-index: 2; }
.ev-copy { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.ev-kicker { display:inline-flex; align-self:flex-start; align-items:center; gap:9px; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.6); margin-bottom:22px; padding:7px 15px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.025); }
.ev-kicker .ev-dot { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 10px rgba(61,232,96,.7); }
.ev-title { margin:0; font-weight:300; line-height:1.04; letter-spacing:-.025em; font-size:clamp(34px,4.1vw,60px); }
.ev-title > span { display:block; }
.ev-l1, .ev-l3 { color:rgba(255,255,255,.86); }
.ev-l2 { font-weight:800; color:#fff; margin:.04em 0; }
.ev-l2 .ev-kw { color:var(--accent); }
.ev-l3 b { font-weight:800; color:#fff; }
.ev-title .accent { color:var(--accent); }
.ev-lead { margin-top:clamp(20px,2.2vw,28px); max-width:380px; font-size:clamp(14.5px,1vw,16.5px); line-height:1.6; color:rgba(255,255,255,.66); }
.ev-lead b { color:#fff; font-weight:600; }
.ev-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:clamp(24px,2.6vw,32px); }
.ev-chips { display:flex; gap:8px; list-style:none; padding:0; margin:0; }
.ev-chips li { font-family:'JetBrains Mono',monospace; font-weight:700; font-size:11.5px; color:rgba(255,255,255,.75); padding:7px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.03); }
.ev-cta { display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:14px; padding:13px 26px; border-radius:999px; background:var(--grad-accent); color:var(--on-green); box-shadow:var(--glow-btn); transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease; }
.ev-cta:hover { transform:translateY(-2px); box-shadow:var(--glow-btn-hover); }
.ev-cta .ev-arr { transition:transform .25s ease; } .ev-cta:hover .ev-arr { transform:translateX(4px); }

/* barra inferior */
.ev-bar { flex:none; margin-top:clamp(24px,3vw,38px); display:flex; align-items:center; gap:16px; padding:clamp(16px,1.7vw,22px) clamp(18px,2vw,26px); border-radius:18px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(150deg, rgba(61,232,96,.055), rgba(255,255,255,.012)); }
.ev-bar__ic { width:48px; height:48px; flex:none; border-radius:13px; display:grid; place-items:center; border:1px solid rgba(61,232,96,.32); background:linear-gradient(150deg, rgba(61,232,96,.18), rgba(8,12,9,.55)); box-shadow:inset 0 1px 0 rgba(120,255,170,.22); }
.ev-bar__ic svg { width:24px; height:24px; fill:none; stroke:var(--accent); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ev-bar__txt { display:flex; flex-direction:column; gap:4px; }
.ev-bar__t { margin:0; font-size:14px; line-height:1.4; color:rgba(255,255,255,.78); }
.ev-bar__t b { color:#fff; font-weight:700; }
.ev-bar__t .accent { color:var(--accent); }
.ev-bar__s { margin:0; font-size:12.5px; line-height:1.45; color:rgba(255,255,255,.5); }

/* coluna direita: features no topo + foto */
.ev-stage { display:flex; flex-direction:column; gap:clamp(20px,2.4vw,32px); position:relative; z-index:1; }
.ev-features { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:clamp(8px,0.9vw,16px); list-style:none; padding:0; margin:0; }
.ev-features::before { content:""; position:absolute; top:24px; left:9%; right:9%; height:1px; background:linear-gradient(90deg, transparent, rgba(61,232,96,.4), transparent); z-index:0; }
.ev-feat { position:relative; z-index:1; display:flex; flex-direction:column; }
.ev-feat__ic { width:50px; height:50px; border-radius:14px; display:grid; place-items:center; border:1px solid rgba(61,232,96,.32); background:linear-gradient(150deg, rgba(61,232,96,.16), rgba(8,12,9,.7)); box-shadow:inset 0 1px 0 rgba(120,255,170,.2), 0 10px 24px -14px rgba(61,232,96,.6); transition:transform .35s cubic-bezier(.16,1,.3,1), border-color .35s ease, box-shadow .35s ease; }
.ev-feat:hover .ev-feat__ic { transform:translateY(-5px); border-color:rgba(61,232,96,.6); box-shadow:inset 0 1px 0 rgba(120,255,170,.32), 0 18px 32px -14px rgba(61,232,96,.9); }
.ev-feat__ic svg { width:23px; height:23px; fill:none; stroke:var(--accent); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ev-feat__tx { display:flex; flex-direction:column; margin-top:14px; }
.ev-feat__t { font-family:'JetBrains Mono',monospace; font-weight:700; font-size:12px; letter-spacing:.05em; color:#fff; }
.ev-feat__s { margin-top:6px; font-size:11.5px; line-height:1.4; color:rgba(255,255,255,.55); }

.ev-photo { position:relative; width:100%; margin-top:clamp(-30px,-2vw,-12px); margin-bottom:clamp(-40px,-4%,-16px); }
.ev-photo::before { content:""; position:absolute; inset:4% -10% 6%; background:radial-gradient(ellipse at 50% 52%, rgba(61,232,96,.38), transparent 60%); filter:blur(36px); z-index:-1; pointer-events:none; }
.ev-photo img { width:108%; max-width:none; margin-left:0; height:auto; display:block; -webkit-mask-image:linear-gradient(180deg,#000 93%,transparent 100%); mask-image:linear-gradient(180deg,#000 93%,transparent 100%); }

@media (max-width:880px){
  .ev { min-height:auto; padding-block:clamp(50px,8vh,80px); }
  .ev-inner { grid-template-columns:1fr; text-align:center; gap:30px; }
  .ev-left, .ev-stage { display:contents; }
  .ev-copy { order:1; } .ev-photo { order:2; max-width:360px; margin:0 auto; }
  .ev-photo img { width:100%; margin-left:0; }
  .ev-features { order:3; grid-template-columns:repeat(2,1fr); gap:14px; text-align:left; }
  .ev-features::before { display:none; }
  .ev-feat { flex-direction:row; align-items:center; gap:11px; }
  .ev-feat__ic { width:42px; height:42px; } .ev-feat__ic svg { width:20px; height:20px; }
  .ev-feat__tx { margin-top:0; }
  .ev-bar { order:4; text-align:left; }
  .ev-kicker { align-self:center; }
  .ev-lead { margin-inline:auto; } .ev-actions { justify-content:center; }
}

/* ===================== IADEMO v2 — Demo do agente (2 colunas) ===================== */
.iademo__inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,460px);
  grid-template-areas:"copy stage" "cta cta"; align-items:center;
  column-gap:clamp(32px,5vw,72px); row-gap:clamp(28px,3vw,40px); width:100%; }
.iademo__copy { grid-area:copy; text-align:left; }
.iademo__copy .eyebrow { margin-bottom:18px; }
.iademo__head { margin:0; max-width:none; text-align:left; }
.iademo__lead { margin:16px 0 0; max-width:470px; text-align:left; }

/* personas: lista vertical selecionável */
.iademo__personas { display:flex; flex-direction:column; gap:10px; margin:30px 0 0; max-width:430px; }
.iademo__persona { display:flex; align-items:center; gap:14px; width:100%; text-align:left;
  padding:13px 16px; border-radius:15px; border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.025); color:#fff; cursor:pointer;
  transition:border-color .25s ease, background .25s ease, transform .25s cubic-bezier(.16,1,.3,1); }
.iademo__persona:hover { border-color:rgba(61,232,96,.4); transform:translateX(3px); }
.iademo__persona.is-active { border-color:rgba(61,232,96,.55);
  background:linear-gradient(120deg, rgba(61,232,96,.14), rgba(61,232,96,.02));
  box-shadow:0 12px 32px -16px rgba(61,232,96,.6); }
.iademo__pemoji { width:42px; height:42px; flex:none; display:grid; place-items:center; font-size:20px;
  border-radius:12px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
.iademo__persona.is-active .iademo__pemoji { background:rgba(61,232,96,.16); border-color:rgba(61,232,96,.4); }
.iademo__ptx { display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.iademo__ptx b { font-size:14.5px; font-weight:700; color:#fff; }
.iademo__ptx small { font-size:12px; color:rgba(255,255,255,.5); }
.iademo__parrow { color:rgba(255,255,255,.3); font-size:20px; line-height:1; transition:color .25s, transform .25s; }
.iademo__persona.is-active .iademo__parrow { color:var(--accent); transform:translateX(2px); }

/* CTA grande: faixa centralizada no rodapé */
.iademo__bigcta { grid-area:cta; justify-self:center; margin:0; }

/* stage / phone com glow verde */
.iademo__stage { grid-area:stage; position:relative; justify-self:center; width:100%; max-width:440px; }
.iademo__stage::before { content:""; position:absolute; inset:-8% -14%; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse at 58% 46%, rgba(61,232,96,.24), transparent 62%); filter:blur(42px); }
.iademo__phone { position:relative; z-index:1; margin:0; max-width:none; display:flex; flex-direction:column; }

/* intro: aviso de criptografia + Hoje — fica DENTRO da thread, ancorada com as mensagens */
.iademo__intro { display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:0 0 12px; background:transparent; }
.iademo__enc { max-width:290px; text-align:center; font-size:10.5px; line-height:1.45; color:#8696a0;
  background:rgba(31,44,52,.55); border-radius:8px; padding:6px 12px; }
.iademo__day { font-size:11px; font-weight:600; letter-spacing:.04em; color:#8696a0;
  background:#1f2c34; border-radius:8px; padding:5px 13px; }

/* thread com altura confortável; mensagens ancoradas embaixo (o respiro fica no topo, natural) */
.iademo__thread { height:auto; min-height:225px; max-height:420px; justify-content:flex-end; }
.iademo__thread { padding:18px 14px 8px; }
.iademo__quick { padding:2px 14px 14px; gap:9px; }
.iademo__qr { padding:14px 15px; }
.iademo__inputbar { padding:10px 12px; }

/* ---------- mobile: empilha (copy, celular, CTA) ---------- */
@media (max-width:900px) {
  .iademo { text-align:center; }
  .iademo__inner { grid-template-columns:1fr; grid-template-areas:"copy" "stage" "cta"; }
  .iademo__copy { text-align:center; }
  .iademo__head, .iademo__lead { text-align:center; margin-inline:auto; }
  .iademo__personas { margin:28px auto 0; }
  .iademo__bigcta { margin-top:6px; }
  .iademo__thread { height:auto; min-height:205px; max-height:360px; }
}

/* atalho "falar direto" no topo do popup do WhatsApp (escape do qualificador) */
.wa-pop__direct { display:flex; align-items:center; justify-content:center; gap:5px;
  padding:9px 12px; font-size:12px; font-weight:600; text-decoration:none;
  color:rgba(255,255,255,.5); background:rgba(255,255,255,.025);
  border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06);
  transition:color .2s ease, background .2s ease; }
.wa-pop__direct:hover { color:var(--accent); background:rgba(61,232,96,.07); }
.wa-pop__direct span { font-size:15px; line-height:1; }