/* ===== v3: agência de produtos digitais, pacote dos 3 agentes, sob medida e vitrine de produtos =====
   Classes novas com prefixo x- para não colidir com ej.css e ej-v2.css. */

/* ---------- abertura ---------- */
.x-hero{align-items:center}
.x-hero .in.grade{padding-top:120px;padding-bottom:56px}
@media(min-width:960px){.x-hero .grade{grid-template-columns:1fr 1.05fr;align-items:center;gap:30px}}
.x-hero h1{font-size:clamp(2.2rem,4.3vw,3.6rem)}
.x-hero .fundo{filter:saturate(.55) brightness(.45)}

/* palco 3D: o núcleo (emblema com anéis) e os três cartões em profundidade */
.x-palco{position:relative;height:clamp(440px,48vw,560px);perspective:1400px;perspective-origin:50% 40%}
.x-cena{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(7deg + var(--rx,0deg))) rotateY(calc(-12deg + var(--ry,0deg)));transition:transform .3s ease-out}
.x-nucleo{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%) translateZ(-140px);transform-style:preserve-3d}
.x-nucleo img{position:absolute;inset:22px;width:126px;height:auto;filter:drop-shadow(0 0 28px rgba(212,165,60,.45)) drop-shadow(0 30px 30px rgba(0,0,0,.7));animation:x-paira 7s ease-in-out infinite}
.x-nucleo::before{content:"";position:absolute;inset:-90px;border-radius:50%;background:radial-gradient(closest-side,rgba(212,165,60,.28),rgba(212,165,60,.06) 55%,transparent 72%);filter:blur(4px)}
.x-anel{position:absolute;inset:-30px;border-radius:50%;border:1px solid rgba(233,197,106,.45);box-shadow:0 0 24px rgba(212,165,60,.18),inset 0 0 24px rgba(212,165,60,.12)}
.x-anel.a1{animation:x-gira1 14s linear infinite}
.x-anel.a2{inset:-62px;border-color:rgba(233,197,106,.25);animation:x-gira2 22s linear infinite}
.x-anel.a3{inset:-8px;border-style:dashed;border-color:rgba(246,220,140,.35);animation:x-gira3 30s linear infinite}
.x-anel.a1::after,.x-anel.a2::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#f6dc8c;box-shadow:0 0 14px 3px rgba(246,220,140,.7)}
@keyframes x-gira1{from{transform:rotateX(68deg) rotateZ(0)}to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes x-gira2{from{transform:rotateY(62deg) rotateZ(0)}to{transform:rotateY(62deg) rotateZ(-360deg)}}
@keyframes x-gira3{to{transform:rotateZ(360deg)}}
@keyframes x-paira{50%{transform:translateY(-8px)}}

.x-pos{position:absolute;width:min(262px,58%);transform-style:preserve-3d;transition:transform .2s linear,opacity .2s linear}
.x-p1{left:0;top:0;transform:translate3d(calc(var(--p,0) * -90px),calc(var(--p,0) * -40px),70px)}
.x-p2{right:0;top:27%;transform:translate3d(calc(var(--p,0) * 90px),0,150px)}
.x-p3{left:6%;bottom:0;transform:translate3d(calc(var(--p,0) * -40px),calc(var(--p,0) * 60px),30px)}
.x-card{background:linear-gradient(160deg,rgba(26,26,32,.86),rgba(12,12,15,.82));border:1px solid rgba(212,165,60,.32);border-radius:18px;padding:12px 14px 14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 40px 70px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03) inset,0 0 50px -24px rgba(212,165,60,.45);font-size:.76rem;line-height:1.38;color:var(--tinta-2);animation:x-flutua 8s ease-in-out infinite}
.x-p2 .x-card{animation-delay:-2.6s}
.x-p3 .x-card{animation-delay:-5.2s}
@keyframes x-flutua{50%{transform:translateY(-9px)}}
.x-cab{display:flex;align-items:center;gap:8px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07)}
.x-cab b{flex:1;color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-ponto{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 10px #3ddc84;flex-shrink:0}
.x-vivo{font-size:.66rem;color:var(--ouro-1);border:1px solid rgba(212,165,60,.4);padding:2px 7px;border-radius:999px;white-space:nowrap}

/* agente 01: conversa */
.x-chat{display:flex;flex-direction:column;gap:6px;height:150px;overflow:hidden;justify-content:flex-end}
.x-m{max-width:88%;padding:6px 9px;border-radius:12px;animation:x-entra .45s cubic-bezier(.2,.9,.3,1.2) both}
.x-m.cli{align-self:flex-start;background:rgba(255,255,255,.08);color:#e8e4da;border-bottom-left-radius:4px}
.x-m.ia{align-self:flex-end;background:linear-gradient(135deg,rgba(212,165,60,.3),rgba(168,122,30,.22));color:#fff;border-bottom-right-radius:4px}
.x-m.sis{align-self:center;max-width:100%;font-size:.7rem;color:var(--ouro-1);background:rgba(212,165,60,.1);border:1px dashed rgba(212,165,60,.4)}
.x-m.dig{align-self:flex-end;background:rgba(212,165,60,.18);display:flex;gap:4px;padding:9px 11px}
.x-m.dig i{width:5px;height:5px;border-radius:50%;background:var(--ouro-1);animation:x-pulso .9s ease-in-out infinite}
.x-m.dig i:nth-child(2){animation-delay:.15s}.x-m.dig i:nth-child(3){animation-delay:.3s}
@keyframes x-pulso{50%{opacity:.3;transform:translateY(-2px)}}
@keyframes x-entra{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}

/* agente 02: cobranças */
.x-lista{display:flex;flex-direction:column;gap:6px;height:132px;overflow:hidden;justify-content:flex-end}
.x-r{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.04);animation:x-entra .45s ease both}
.x-r span{flex:1;color:#e8e4da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-st{font-size:.66rem;font-weight:800;letter-spacing:.03em;padding:3px 8px;border-radius:999px;white-space:nowrap;transition:background .4s,color .4s}
.x-st.av{background:rgba(143,155,176,.18);color:#c9d1de}
.x-st.ok{background:rgba(61,220,132,.16);color:#7ef0ac}
.x-st.at{background:rgba(212,165,60,.18);color:var(--ouro-1)}

/* agente 03: resumo do dia */
.x-resumo{height:118px;overflow:hidden}
.x-resumo p{margin:0 0 4px;color:#e8e4da;animation:x-entra .4s ease both}
.x-resumo p:first-child{color:#fff;font-weight:700}
.x-resumo em{font-style:normal;color:var(--ouro-1);font-weight:700}

.x-aviso{position:absolute;right:0;bottom:-26px;font-size:.7rem;color:var(--tinta-3)}

@media(max-width:959px){
  .x-hero .in.grade{padding-top:104px;padding-bottom:40px;gap:28px}
  .x-palco{height:500px;max-width:440px;width:100%;margin:0 auto 20px}
  .x-chat{height:104px}.x-lista{height:98px}.x-resumo{height:96px}
  .x-card{padding:10px 12px 12px}
  .x-cena{transform:rotateX(6deg) rotateY(-6deg)}
  .x-pos{width:74%}
  .x-p1{top:0}.x-p2{top:33%}.x-p3{left:2%;bottom:3%}
  .x-nucleo{left:50%;top:50%;width:130px;height:130px}
  .x-nucleo img{inset:18px;width:94px}
}

/* ---------- números ---------- */
.x-nums{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.x-nums{grid-template-columns:repeat(4,1fr)}}
.x-nums > div{background:linear-gradient(160deg,#15151a,#0e0e11);border:1px solid rgba(212,165,60,.2);border-radius:18px;padding:20px 22px}
.x-nums b{display:block;font-family:"Fraunces",serif;font-weight:500;font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1;color:var(--ouro-1);font-variant-numeric:tabular-nums}
.x-nums span{display:block;margin-top:8px;color:var(--tinta-2);font-size:.92rem;line-height:1.4}

/* ---------- quem somos ---------- */
.x-pilares{display:grid;gap:16px;margin-top:36px}
@media(min-width:860px){.x-pilares{grid-template-columns:repeat(3,1fr)}}
.x-pilar{background:linear-gradient(160deg,#15151a,#0d0d10);border:1px solid rgba(212,165,60,.2);border-radius:22px;padding:28px;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.x-pilar svg{width:46px;height:46px;color:var(--ouro-1);filter:drop-shadow(0 0 12px rgba(212,165,60,.35));margin-bottom:14px}
.x-pilar h3{color:#fff;font-size:1.5rem;margin-bottom:8px}

/* ---------- pacote dos 3 agentes ---------- */
.x-ags{display:grid;gap:18px;margin-top:38px}
@media(min-width:960px){.x-ags{grid-template-columns:repeat(3,1fr)}}
.x-ag{position:relative;background:linear-gradient(165deg,#18171c,#0d0d10 70%);border:1px solid rgba(212,165,60,.24);border-radius:24px;padding:30px 28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 40px 80px -45px rgba(0,0,0,1);overflow:hidden}
.x-ag::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--ouro-2),var(--ouro-1),var(--ouro-2),transparent)}
.x-ag:hover{border-color:rgba(233,197,106,.7);box-shadow:0 40px 90px -40px rgba(0,0,0,1),0 0 60px -20px rgba(212,165,60,.35)}
.x-n{font-family:"Fraunces",serif;font-style:italic;color:var(--ambar-forte);font-size:1rem}
.x-ag h3{font-size:1.85rem;color:#fff}
.x-sub{font-size:1rem;color:var(--tinta)}
.x-ok{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:9px}
.x-ok li{position:relative;padding-left:28px;color:var(--tinta-2);line-height:1.45;font-size:.96rem}
.x-ok li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:50%;background:rgba(212,165,60,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6dc8c' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat}
.x-falas{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}
.x-falas span{align-self:flex-start;font-size:.88rem;color:#fff;background:rgba(212,165,60,.14);border:1px solid rgba(212,165,60,.3);padding:7px 12px;border-radius:14px 14px 14px 4px}
.x-falas span:nth-child(2){align-self:flex-end;border-radius:14px 14px 4px 14px}

.x-regua{margin-top:22px;background:linear-gradient(160deg,#141318,#0c0c0f);border:1px solid rgba(212,165,60,.22);border-radius:24px;padding:26px 24px}
.x-regua-tit{font-family:"Fraunces",serif;font-size:1.25rem;color:#fff}
.x-regua ol{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 14px;position:relative}
@media(min-width:860px){.x-regua ol{grid-template-columns:repeat(6,1fr)}.x-regua ol::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:2px;background:linear-gradient(90deg,var(--ouro-3),var(--ouro-1),var(--ouro-2),#b4453a);transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.8,.2,1) .2s}.x-regua.vis ol::before{transform:none}}
.x-regua li{position:relative;padding-top:24px}
.x-regua li::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:#0c0c0f;border:2px solid var(--ouro-1);box-shadow:0 0 12px rgba(246,220,140,.5)}
.x-regua li:last-child::before{border-color:#d0675a;box-shadow:0 0 12px rgba(208,103,90,.5)}
.x-regua b{display:block;color:var(--ouro-1);font-size:.92rem}
.x-regua span{display:block;color:var(--tinta-2);font-size:.88rem;line-height:1.35;margin-top:2px}
.x-regua-pe{margin-top:16px;font-size:.84rem;color:var(--tinta-3)}

.x-painel{margin-top:22px;display:grid;gap:26px;align-items:center;background:radial-gradient(600px 300px at 85% 30%,rgba(212,165,60,.1),transparent 70%),linear-gradient(160deg,#141318,#0c0c0f);border:1px solid rgba(212,165,60,.22);border-radius:24px;padding:28px 24px}
@media(min-width:900px){.x-painel{grid-template-columns:.9fr 1.1fr;padding:36px}}
.x-painel-txt h3{color:#fff;font-size:clamp(1.5rem,2.6vw,2rem);margin:6px 0 10px}
.x-tela{background:#0a0a0c;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,1),0 0 40px -18px rgba(212,165,60,.35)}
.x-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:560px){.x-kpis{grid-template-columns:repeat(4,1fr)}}
.x-kpis div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}
.x-kpis small{display:block;font-size:.7rem;color:var(--tinta-3);line-height:1.25}
.x-kpis b{display:block;font-family:"Fraunces",serif;font-weight:500;font-size:1.8rem;color:#fff;line-height:1.1;margin-top:4px}
.x-kpis div:nth-child(4) b{color:var(--ouro-1)}
.x-barras{display:flex;align-items:flex-end;gap:8px;height:96px;margin-top:14px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.x-barras i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--ouro-1),rgba(168,122,30,.35));transform-origin:bottom;transform:scaleY(.05);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.x-painel.vis .x-barras i{transform:none}
.x-barras i:nth-child(2){transition-delay:.06s}.x-barras i:nth-child(3){transition-delay:.12s}.x-barras i:nth-child(4){transition-delay:.18s}.x-barras i:nth-child(5){transition-delay:.24s}.x-barras i:nth-child(6){transition-delay:.3s}.x-barras i:nth-child(7){transition-delay:.36s}
.x-tela-pe{font-size:.7rem;color:var(--tinta-3);margin-top:8px;text-align:right}

.x-cta-ag{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.x-cta-ag p{max-width:46ch;font-size:.95rem}

/* ---------- como funciona ---------- */
.x-fluxo{list-style:none;padding:0;margin:38px 0 0;display:grid;gap:16px;position:relative}
@media(min-width:900px){
  .x-fluxo{grid-template-columns:repeat(4,1fr);gap:20px}
  .x-fluxo::before{content:"";position:absolute;left:12%;right:12%;top:31px;height:2px;background:repeating-linear-gradient(90deg,var(--ouro-2) 0 12px,transparent 12px 22px);background-size:44px 2px;animation:x-corre 1.4s linear infinite;opacity:.7}
}
@keyframes x-corre{to{background-position:44px 0}}
.x-fluxo li{position:relative;background:linear-gradient(160deg,#15151a,#0d0d10);border:1px solid rgba(212,165,60,.2);border-radius:22px;padding:24px;text-align:left}
@media(min-width:900px){.x-fluxo li{text-align:center;padding-top:0;background:none;border:0}}
.x-bola{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;margin-bottom:14px;position:relative;z-index:1;font-family:"Fraunces",serif;font-size:1.6rem;color:#1a1205;background:linear-gradient(135deg,#f3d98a,#d4a53c 50%,#a87a1e);box-shadow:0 0 0 6px #0a0a0c,0 0 30px rgba(212,165,60,.45)}
@media(min-width:900px){.x-bola{margin:0 auto 16px}}
.x-fluxo h3{color:#fff;font-size:1.3rem;margin-bottom:6px}
.x-fluxo p{font-size:.95rem}
.x-promessa{margin-top:30px;padding:22px 26px;border-left:3px solid var(--ambar);background:rgba(212,165,60,.07);border-radius:0 16px 16px 0;color:var(--tinta-2);font-size:1.05rem;line-height:1.5}
.x-promessa b{color:#fff;font-family:"Fraunces",serif;font-weight:500;font-size:1.25rem}

/* ---------- o que muda ---------- */
.x-muda{margin-top:34px;display:grid;gap:10px}
.x-muda-cab{display:none}
.x-linha{display:grid;gap:6px;background:linear-gradient(160deg,#141318,#0c0c0f);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px 18px}
.x-linha b{color:#fff;font-weight:700}
.x-hoje{color:var(--tinta-3);text-decoration:line-through;text-decoration-color:rgba(180,69,58,.6)}
.x-hoje::before{content:"Hoje: ";text-decoration:none;display:inline-block;margin-right:4px;color:var(--tinta-3)}
.x-com{color:var(--ouro-1);font-weight:700}
.x-com::before{content:"Com os agentes: ";color:var(--tinta-3);font-weight:400}
@media(min-width:860px){
  .x-muda-cab,.x-linha{grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:18px}
  .x-muda-cab{display:grid;padding:0 18px;font-family:"Fraunces",serif;font-size:1.15rem;color:#fff}
  .x-muda-cab span:last-child{color:var(--ouro-1)}
  .x-hoje::before,.x-com::before{content:none}
}

/* ---------- sob medida ---------- */
.x-medida{display:grid;gap:34px}
@media(min-width:960px){.x-medida{grid-template-columns:1fr 1fr;align-items:start;gap:52px}}
.x-exemplos{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.x-exemplos li{padding:9px 15px;border-radius:999px;border:1px solid rgba(212,165,60,.35);background:rgba(212,165,60,.06);color:var(--tinta);font-size:.92rem}
.x-form{background:linear-gradient(160deg,#17161b,#0d0d10);border:1px solid rgba(212,165,60,.35);border-radius:24px;padding:28px 24px;display:grid;gap:18px;box-shadow:0 40px 90px -40px rgba(0,0,0,1),0 0 70px -30px rgba(212,165,60,.35)}
.x-form h3{font-size:1.7rem;color:#fff}
.x-campo{display:grid;gap:8px;font-weight:700;color:var(--tinta);font-size:.95rem;border:0;padding:0;margin:0;min-width:0}
.x-campo legend{margin-bottom:8px;padding:0}
.x-campo input,.x-campo textarea{font:inherit;font-weight:400;font-size:16px;color:var(--tinta);background:#0a0a0c;border:1px solid var(--linha);border-radius:14px;padding:13px 14px;resize:vertical;width:100%}
.x-campo input:focus,.x-campo textarea:focus{outline:none;border-color:var(--ouro-2);box-shadow:0 0 0 3px rgba(212,165,60,.18)}
.x-opcoes{display:flex;flex-wrap:wrap;gap:8px}
.x-opcoes label{cursor:pointer;position:relative}
.x-opcoes input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.x-opcoes span{display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid var(--linha);font-weight:600;font-size:.9rem;color:var(--tinta-2);transition:all .15s}
.x-opcoes input:checked + span{background:linear-gradient(135deg,#f3d98a,#d4a53c);border-color:transparent;color:#1a1205}
.x-opcoes input:focus-visible + span{outline:2px solid var(--ouro-1);outline-offset:2px}
.x-form .btn{justify-content:center}
.x-form-pe{font-size:.8rem;color:var(--tinta-3)}

/* ---------- produtos ---------- */
.x-prod{display:grid;gap:30px;align-items:center;margin-top:44px;padding:30px 24px;border-radius:28px;background:radial-gradient(700px 360px at 20% 40%,rgba(212,165,60,.1),transparent 70%),linear-gradient(160deg,#141318,#0b0b0e);border:1px solid rgba(212,165,60,.24);box-shadow:0 50px 100px -50px rgba(0,0,0,1)}
@media(min-width:900px){.x-prod{grid-template-columns:1fr 1fr;padding:44px;gap:48px}.x-prod.x-inverte .x-prod-vis{order:2}}
.x-tag{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a1205;background:linear-gradient(135deg,#f3d98a,#d4a53c);padding:5px 12px;border-radius:999px}
.x-prod h3{font-size:clamp(2.2rem,4.4vw,3.2rem);color:#fff;margin:14px 0 10px}
.x-prod-txt > p{font-size:1.05rem}
.x-prod .btn{margin-top:22px}
.x-prod-vis{position:relative;min-height:340px;display:grid;place-items:center;perspective:1000px}
.x-vp .x-fone{position:absolute;width:min(210px,46%);border-radius:28px;padding:7px;background:linear-gradient(145deg,#3a3a42,#0b0b0e);box-shadow:0 40px 70px -30px rgba(0,0,0,1),inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.x-vp .x-fone img{display:block;width:100%;height:auto;border-radius:22px}
.x-vp .frente{transform:translateX(18%) rotate(4deg) translateZ(40px)}
.x-vp .tras{transform:translateX(-30%) rotate(-8deg) scale(.9);filter:brightness(.75)}
.x-prod:hover .x-vp .frente{transform:translateX(22%) rotate(2deg) translateY(-8px)}
.x-prod:hover .x-vp .tras{transform:translateX(-36%) rotate(-11deg) scale(.9)}
.x-hc img{width:100%;height:auto;border-radius:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,1),0 0 0 1px rgba(255,255,255,.08);transform:rotateY(-8deg) rotateX(4deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.x-prod:hover .x-hc img{transform:rotateY(0) rotateX(0) translateY(-6px)}
@media(max-width:899px){.x-prod-vis{min-height:300px}.x-vp .x-fone{width:min(190px,48%)}}

/* ---------- chamada final ---------- */
.x-final{text-align:center;display:flex;flex-direction:column;align-items:center}
.x-final-emb{width:110px;height:auto;margin-bottom:18px;filter:drop-shadow(0 0 26px rgba(212,165,60,.4));animation:x-paira 7s ease-in-out infinite}
.x-final .lead{margin-left:auto;margin-right:auto}
.x-final .acoes{justify-content:center}

/* menu da abertura some no celular, a barra fixa cuida */
@media(max-width:700px){.x-hero .marca .menu{display:none}}

@media(prefers-reduced-motion:reduce){
  .x-anel,.x-nucleo img,.x-card,.x-final-emb,.x-fluxo::before{animation:none!important}
  .x-cena,.x-pos{transition:none}
  .x-barras i{transform:none;transition:none}
  .x-regua ol::before{transform:none!important;transition:none}
}

/* ---------- serviços (fusão com a melt.ai) ---------- */
.x-servs{display:grid;gap:18px;margin-top:40px}
@media(min-width:720px){.x-servs{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.x-servs{grid-template-columns:repeat(3,1fr)}}
.x-serv{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 26px;border-radius:24px;background:linear-gradient(165deg,#18171c,#0d0d10 70%);border:1px solid rgba(212,165,60,.22);box-shadow:0 40px 80px -45px rgba(0,0,0,1);overflow:hidden;text-decoration:none;transition:border-color .3s,box-shadow .3s}
.x-serv::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(212,165,60,.16),transparent 70%);pointer-events:none;transition:transform .6s ease}
.x-serv:hover{border-color:rgba(233,197,106,.7);box-shadow:0 40px 90px -40px rgba(0,0,0,1),0 0 60px -22px rgba(212,165,60,.4)}
.x-serv:hover::after{transform:scale(1.4)}
.x-serv-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.x-serv-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--ouro-1);background:rgba(212,165,60,.1);border:1px solid rgba(212,165,60,.3)}
.x-serv-ic svg{width:28px;height:28px}
.x-serv-n{font-family:"Fraunces",serif;font-style:italic;color:var(--ambar-forte);font-size:1.05rem}
.x-serv h3{font-size:1.7rem;color:#fff}
.x-serv p{font-size:.98rem}
.x-tags{list-style:none;padding:0;margin:auto 0 0;padding-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.x-tags li{font-size:.78rem;font-weight:700;color:var(--tinta-2);padding:5px 11px;border-radius:999px;border:1px solid var(--linha);background:rgba(255,255,255,.03)}
.x-serv-outro{justify-content:center;background:linear-gradient(135deg,rgba(212,165,60,.16),rgba(212,165,60,.04));border-style:dashed;border-color:rgba(233,197,106,.55)}
.x-serv-outro h3{font-size:1.5rem}
.x-serv-link{margin-top:10px;color:var(--ouro-1);font-weight:800}

/* estrutura que já existe ou estrutura nova */
.x-conecta{margin-top:22px;display:grid;gap:14px;align-items:center;padding:24px;border-radius:24px;background:linear-gradient(160deg,#141318,#0c0c0f);border:1px solid rgba(212,165,60,.22)}
@media(min-width:760px){.x-conecta{grid-template-columns:1fr auto 1fr;padding:28px 34px}}
.x-conecta b{display:block;color:var(--tinta-2);font-weight:600}
.x-conecta span{display:block;font-family:"Fraunces",serif;font-size:clamp(1.5rem,2.6vw,2rem);color:#fff;line-height:1.15}
.x-conecta small{display:block;margin-top:6px;color:var(--tinta-3);font-size:.85rem}
.x-conecta i{font-style:italic;font-family:"Fraunces",serif;color:var(--ouro-1);font-size:1.2rem;text-align:center}

/* casos em uso */
.x-casos{display:grid;gap:22px;margin-top:40px}
@media(min-width:1000px){.x-casos{grid-template-columns:repeat(3,1fr)}}
.x-caso{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:linear-gradient(165deg,#18171c,#0d0d10 70%);border:1px solid rgba(212,165,60,.22);box-shadow:0 40px 80px -45px rgba(0,0,0,1)}
.x-caso-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f4f1ea}
.x-caso-img img{width:100%;height:100%;object-fit:cover;object-position:0 0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.x-caso:hover .x-caso-img img{transform:scale(1.05)}
.x-caso-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,13,16,.75))}
.x-emuso{position:absolute;z-index:1;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(10,10,12,.82);color:#7ef0ac;font-size:.74rem;font-weight:800;letter-spacing:.04em}
.x-emuso::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc84}
.x-caso-txt{padding:24px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.x-caso-tipo{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ambar-forte)}
.x-caso h3{font-size:1.45rem;color:#fff}
.x-caso-cli{font-family:"Fraunces",serif;font-style:italic;color:var(--ouro-1)}
.x-caso .x-ok{margin-top:6px}
.x-caso-link{margin-top:auto;padding-top:14px;color:var(--ouro-1);font-weight:800;text-decoration:none}
.x-caso-link:hover{text-decoration:underline}
.x-degrau-pe{margin-top:auto;padding-top:14px;border-top:1px dashed var(--linha);font-size:.85rem;color:var(--ambar-forte);font-weight:700}