/* Soluções · catálogo v4 · depende de home.css (tokens, header, footer, botões, .rv, .phone, .sec-head, .specs) */
.pg-solid-hd .hd{background:rgba(7,22,37,.96);border-bottom-color:rgba(201,162,75,.14)}

/* ---------- topo ---------- */
.sb{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(540px,74svh,740px);color:var(--on-dark);background:var(--navy-deep);overflow:hidden}
.sb-bg{position:absolute;inset:0;z-index:-1}
.sb-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.6) contrast(1.04)}
.sb-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,32,.55) 0%,rgba(6,20,32,.34) 38%,rgba(6,20,32,.93) 100%)}
.sb-in{padding:calc(var(--hd) + 64px) 0 clamp(44px,6vh,72px)}
.sb .eyebrow{color:var(--gold)}
.sb .h1{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.015em;max-width:20ch}
.sb .lede{margin-top:22px;color:var(--on-dark-2);max-width:58ch}
.sb-nav{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sb-nav a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:baseline;padding:16px 18px 15px;border-radius:16px;border:1px solid rgba(201,162,75,.26);background:rgba(8,24,40,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--on-dark);text-decoration:none;font:500 15.5px/1.3 var(--sans);transition:border-color .3s var(--ease),background .3s var(--ease)}
.sb-nav a:hover,.sb-nav a:focus-visible{border-color:var(--gold);background:rgba(201,162,75,.12)}
.sb-nav b{font:500 13px/1 var(--mono);letter-spacing:.14em;color:var(--gold)}
.sb-nav small{grid-column:2;display:block;margin-top:4px;font:400 13px/1.4 var(--sans);color:var(--on-dark-3)}

/* ---------- Lexa em destaque ---------- */
.sl-lexa{position:relative;isolation:isolate;color:var(--on-dark);background:radial-gradient(120% 90% at 85% 10%,rgba(201,162,75,.10) 0%,rgba(201,162,75,0) 55%),linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%)}
.sl-lexa-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.sl-lexa-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.55) contrast(1.04)}
.sl-lexa-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,32,.8) 0%,rgba(6,20,32,.72) 55%,rgba(6,20,32,.84) 100%)}
.sl-lexa-in{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,96px);align-items:center}
.sl-lexa .eyebrow{color:var(--gold)}
.sl-lexa .lede{margin-top:24px;color:var(--on-dark-2)}
.sl-lexa .phone{width:min(100%,320px)}
.sl-lexa .mono{color:var(--on-dark-3)}
.sl-list{margin:30px 0 0;padding:0;list-style:none}
.sl-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:13px 0;border-top:1px solid rgba(201,162,75,.2);font-size:15.5px;line-height:1.55;color:var(--on-dark-2)}
.sl-list li:last-child{border-bottom:1px solid rgba(201,162,75,.2)}
.sl-list .ic{width:18px;height:18px;color:var(--gold);margin-top:3px}
.sl-list b{font-weight:600;color:var(--on-dark)}
.sl-lexa .btn{margin-top:34px}

/* ---------- agentes ---------- */
.ag-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,88px);align-items:end;margin-bottom:clamp(44px,6vw,72px)}
.ag-nota{margin-top:20px;max-width:56ch;padding-left:16px;border-left:2px solid rgba(201,162,75,.7);font:500 15px/1.6 var(--sans);color:var(--ink-2);text-wrap:pretty}
.ag-funcs{margin:26px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ag-funcs li{padding:9px 13px;border-radius:999px;border:1px solid var(--hair-l);background:var(--paper);font:500 12.5px/1 var(--sans);color:var(--ink-2)}
.agentes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.agente{display:flex;flex-direction:column;gap:16px;padding:20px 20px 22px;border-radius:22px;background:var(--paper);border:1px solid var(--hair-l);text-decoration:none;color:inherit;transition:border-color .35s var(--ease),transform .6s var(--ease)}
.agente:hover{border-color:rgba(126,97,32,.45);transform:translateY(-3px)}
.agente .ph{aspect-ratio:4/3;border-radius:14px}
.agente .ph img{transition:transform 1.6s var(--ease)}
.agente:hover .ph img{transform:scale(1.04)}
.agente small{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.agente h3{margin-top:6px;font:600 clamp(17px,1.35vw,20px)/1.25 var(--sans);color:var(--ink)}
.agente p{font-size:14.5px;line-height:1.55;color:var(--ink-3)}
.agente i{margin-top:auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(126,97,32,.4);color:var(--gold-deep);transition:background .35s,color .35s}
.agente i .ic{width:16px;height:16px}
.agente:hover i{background:var(--gold-deep);color:var(--paper)}
/* com cinco agentes, o Personalizado (o que se desenha à medida) ocupa a largura toda, na horizontal */
.agente--largo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,40px)}
.agente--largo .ph{aspect-ratio:16/9}
.agente--largo .ph img{object-position:50% 38%}
.agente--largo i{margin-top:0}

/* ---------- automação e sistemas ---------- */
.sist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,32px)}
.sis{display:flex;flex-direction:column;gap:18px}
.browser{position:relative;border-radius:16px;overflow:hidden;background:var(--navy-ink);border:1px solid rgba(201,162,75,.22);box-shadow:0 40px 80px -36px rgba(0,0,0,.6)}
.browser>i{display:block;height:32px;background:#0D2238;border-bottom:1px solid rgba(255,255,255,.08);position:relative}
.browser>i::before{content:"";position:absolute;left:14px;top:11px;width:9px;height:9px;border-radius:50%;background:rgba(242,239,231,.28);box-shadow:15px 0 0 rgba(242,239,231,.28),30px 0 0 rgba(242,239,231,.28)}
.browser img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.sis small{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sis h3{margin-top:8px;font:600 clamp(19px,1.5vw,23px)/1.25 var(--sans);color:var(--on-dark)}
.sis .mote{margin-top:8px;font:500 15.5px/1.45 var(--sans);color:var(--gold-soft)}
.sis p{font-size:15px;line-height:1.62;color:var(--on-dark-2)}
.sis-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:14px;border-top:1px solid rgba(201,162,75,.18);font-size:14px}
.sis-links a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,162,75,.45)}
.sis-links a:hover{border-bottom-color:var(--gold)}
.sis-links .mono{color:var(--on-dark-3)}

/* ---------- estratégia e marcas ---------- */
.est-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:end;margin-bottom:clamp(44px,6vw,72px)}
.est-quote{font:500 clamp(20px,1.9vw,28px)/1.35 var(--sans);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.est-quote small{display:block;margin-top:14px;font:400 12px/1.5 var(--mono);color:var(--ink-3)}
.ofertas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.oferta{display:flex;flex-direction:column;gap:12px;padding:24px 22px;border-radius:22px;background:var(--paper);border:1px solid var(--hair-l);min-height:250px}
.oferta small{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.oferta h3{font:600 clamp(17px,1.3vw,19px)/1.25 var(--sans);color:var(--ink)}
.oferta .mote{font:500 15px/1.4 var(--sans);color:var(--ink-2)}
.oferta p{font-size:14.5px;line-height:1.55;color:var(--ink-3)}
.oferta a{margin-top:auto;padding-top:12px;font:600 13px/1 var(--sans);color:var(--gold-deep);text-decoration:none}
.oferta a:hover{text-decoration:underline}

/* método */
.metodo{margin-top:clamp(56px,7vw,96px);padding:clamp(28px,4vw,48px);border-radius:28px;background:var(--navy);color:var(--on-dark);border:1px solid rgba(201,162,75,.24)}
.metodo-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:end}
.metodo .eyebrow{color:var(--gold)}
.metodo h3{font:500 clamp(24px,2.4vw,34px)/1.18 var(--sans);letter-spacing:-.012em}
.metodo .lede{color:var(--on-dark-2);margin-top:0}
/* 04 · Método Áurea para Agentes (desde 03/10/2026): as quatro camadas do Método Estratégia Áurea
   aplicadas ao agente e, no bloco navy, como o método se torna um agente real (em movimento, abaixo). */
.ancora{display:block;height:0}
.ancora,#metodo,#estrategia-operacao{scroll-margin-top:calc(var(--hd) + 16px)}
.met-lede{margin-top:18px}
.met-lede p+p{margin-top:12px}
.met-lede p:first-child{color:var(--ink);font-weight:500}
.camadas .oferta{min-height:268px}
.camadas em{margin-top:auto;padding-top:14px;border-top:1px solid var(--hair-l);font:400 12.5px/1.5 var(--mono);font-style:normal;color:var(--ink-3)}
.op .metodo-head h3{max-width:17ch}

/* "Da estratégia à operação" em movimento (desde 04/10/2026, assets/home/solucoes.js). À esquerda as cinco
   etapas, que são o texto (a ativa abre-se e uma linha dourada mostra o tempo dela); à direita uma cena que
   as conta: a operação do cliente, a Constituição Áurea do Agente que se escreve, o agente que se fecha à
   volta dela, as provas e a autoridade na prática, e uma capacidade nova que só entra com revisão humana.
   O palco tem 600×400 (320×480 em ecrãs estreitos) e escala com --k. Sem JavaScript fica a lista completa. */
.ma{margin-top:clamp(28px,4vw,44px)}
.ma-passos li{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);padding:16px 0;border-top:1px solid rgba(201,162,75,.16)}
.ma-passos li:last-child{border-bottom:1px solid rgba(201,162,75,.16)}
.ma-passos b{grid-row:span 2;font:500 12.5px/1.75 var(--mono);letter-spacing:.14em;color:var(--gold)}
.ma-passos strong{font:600 17px/1.4 var(--sans);color:var(--on-dark)}
.ma-passos p{max-width:46ch;margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--on-dark-2);text-wrap:pretty}
.ma-tela{display:none}
.ma-txt{display:grid;gap:10px;margin-top:22px;font-size:14.5px;line-height:1.6;color:var(--on-dark-2)}
.ma-txt b{font-weight:600;color:var(--on-dark)}
.op-fecho{margin-top:clamp(28px,4vw,44px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(201,162,75,.2);font:500 clamp(22px,2.5vw,34px)/1.3 var(--sans);letter-spacing:-.015em;color:var(--on-dark);text-wrap:balance}
.op-fecho em{font-style:normal;color:var(--gold)}
/* com a cena, a lista funciona como índice: um passo aberto de cada vez */
.ma-on{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(28px,3.6vw,52px);align-items:center}
.ma-on .ma-tela{display:block}
.ma-on .ma-passos li{grid-template-rows:auto 0fr;padding:15px 0 15px 18px;opacity:.5;transition:opacity .5s ease,grid-template-rows .65s var(--ease)}
.ma-on .ma-passos li:hover,.ma-on .ma-passos li:focus-within{opacity:.85}
.ma-on .ma-passos li.on{grid-template-rows:auto 1fr;opacity:1}
@media (min-width:1101px){.ma-on .ma-passos li.on p{min-height:calc(4.8em + 6px)}}
.ma-on .ma-passos p{min-height:0;overflow:hidden;margin-top:0}
.ma-on .ma-passos p::before{content:"";display:block;height:6px}
.ma-on .ma-passos li::before,.ma-on .ma-passos li::after{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;border-radius:2px;background:rgba(201,162,75,.16)}
.ma-on .ma-passos li::after{background:var(--gold);transform-origin:top;transform:scaleY(0)}
.ma-on .ma-passos li.on::after{transform:scaleY(var(--prog,0))}
.is-still .ma-passos li::after{display:none}
.is-still .ma-passos li.on::before{background:var(--gold)}
.ma-go{position:absolute;inset:0;width:100%;margin:0;padding:0;border:0;border-radius:10px;background:none;cursor:pointer}
.ma-go:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* palco */
.ma-tela{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(201,162,75,.22);background:radial-gradient(110% 85% at 50% 48%,rgba(201,162,75,.07),rgba(201,162,75,0) 64%),var(--navy-deep)}
.ma-palco{position:absolute;left:0;top:0;width:600px;height:400px;transform-origin:0 0;translate:var(--x0,0px) 0;scale:var(--k,1);pointer-events:none;background:radial-gradient(circle,rgba(201,162,75,.15) .8px,transparent 1.2px) 12px 12px/24px 24px}
.is-t .ma-palco{width:320px;height:480px}
.ma-ln{position:absolute;left:0;top:0;overflow:visible}
.ma-ln path{fill:none;stroke:rgba(201,162,75,.5);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.1s var(--ease) calc(var(--i,0) * 130ms)}
.ma-ln path.on{stroke-dashoffset:0}
.ma-ln path.fraco{stroke:rgba(201,162,75,.2)}
.ma-ln path.tracejado{stroke:rgba(242,239,231,.34);stroke-dasharray:3 5;stroke-dashoffset:0;opacity:0;transition:opacity .6s ease}
.ma-ln path.tracejado.on{opacity:1}
.k-nova .ma-ln path.tracejado{stroke:rgba(201,162,75,.5);stroke-dasharray:none}
.ma-ln g{transition:opacity .5s ease}
.ma-ln g.novo path{transition:none}
.ma-ln g.out{opacity:0}
.ma-cap{position:absolute;left:24px;top:22px;display:flex;gap:10px;margin:0;font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-3)}
.ma-cap b{font-weight:500;color:var(--gold)}
.is-t .ma-cap{left:16px;top:18px}
.ma-tok{position:absolute;left:0;top:0;z-index:1;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 0 3px rgba(201,162,75,.2),0 0 14px 2px rgba(201,162,75,.55)}
/* peças: centradas em (--x,--y); aparecem com .on */
.ma-a{position:absolute;left:0;top:0;z-index:2;transform-origin:0 0;transform:translate(-50%,-50%);translate:calc(var(--x,0) * 1px) calc(var(--y,0) * 1px);scale:.9;opacity:0;transition:translate 1s var(--ease),scale .7s var(--ease),opacity .55s ease,border-color .5s ease,background-color .5s ease,color .5s ease,box-shadow .8s ease}
.ma-a.on{scale:1;opacity:1}
.ma-a.jump,.ma-tela.still *,.ma-tela.still *::before,.ma-tela.still *::after{transition:none!important}
/* o núcleo: a operação (1), a Constituição (2) e o agente (3 a 5) */
.ma-core{width:132px;height:132px;border-radius:50%;border:1px dashed rgba(201,162,75,.6);background:#0D2239;overflow:hidden;transition:translate 1s var(--ease),scale .7s var(--ease),opacity .55s ease,width .95s var(--ease),height .95s var(--ease),border-radius .95s var(--ease),border-color .6s ease,box-shadow .9s ease}
.ma-tela:not([data-act="1"]) .ma-core{border-style:solid}
.ma-tela[data-act="2"] .ma-core{width:376px;height:312px;border-radius:18px;border-color:rgba(201,162,75,.42)}
.ma-tela.is-t[data-act="2"] .ma-core{width:296px;height:368px}
.ma-tela[data-act="3"] .ma-core,.ma-tela[data-act="5"] .ma-core{width:104px;height:104px}
.ma-tela[data-act="4"] .ma-core{width:88px;height:88px;border-color:rgba(201,162,75,.75)}
.ma-tela.k-op .ma-core{border-style:solid;border-color:var(--gold);box-shadow:0 0 0 8px rgba(201,162,75,.06),0 0 44px rgba(201,162,75,.2)}
.ma-tela.k-ag .ma-core,.ma-tela.k-nova .ma-core{border-color:var(--gold);box-shadow:0 0 0 8px rgba(201,162,75,.06),0 0 44px rgba(201,162,75,.22)}
.mc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .45s ease}
.mc-op{width:120px;text-align:center;font:500 13px/1.35 var(--sans);color:var(--on-dark-2);transition:opacity .45s ease,color .6s ease}
.k-op .mc-op{color:var(--on-dark)}
.ma-tela[data-act="1"] .mc-op{opacity:1;transition-delay:.4s,0s}
.mc-doc{width:376px;height:312px;padding:24px 26px 0}
.is-t .mc-doc{width:296px;height:368px;padding:22px 20px 0}
.is-t .mc-doc-h{letter-spacing:.15em}
.ma-tela[data-act="2"] .mc-doc{opacity:1;transition-delay:.25s}
.mc-doc::before{content:"";position:absolute;left:26px;right:26px;top:0;height:2px;background:linear-gradient(90deg,var(--gold),rgba(201,162,75,0));transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease)}
.k-doc .mc-doc::before{transform:scaleX(1)}
.mc-doc-h{font:600 10.5px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:0;transition:opacity .6s ease}
.k-doc .mc-doc-h{opacity:1}
.mc-doc ol{margin-top:14px}
.mc-doc li{display:grid;grid-template-columns:24px 140px minmax(0,1fr);column-gap:12px;align-items:center;height:42px;border-top:1px solid rgba(201,162,75,0);transition:border-color .6s ease}
.mc-doc li:first-child{border-top:0}
.mc-doc li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(201,162,75,.5);font:500 9.5px/1 var(--mono);font-style:normal;color:var(--gold);opacity:0;scale:.6;transition:opacity .4s ease,scale .5s var(--ease)}
.mc-doc li b{font:600 13.5px/1.25 var(--sans);color:var(--on-dark);white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .8s var(--ease) .1s}
.mc-doc li span{font:400 12.5px/1.35 var(--sans);color:var(--on-dark-2);white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--ease) .3s}
.k-w1 .mc-doc li:nth-child(1),.k-w2 .mc-doc li:nth-child(2),.k-w3 .mc-doc li:nth-child(3),.k-w4 .mc-doc li:nth-child(4),.k-w5 .mc-doc li:nth-child(5){border-color:rgba(201,162,75,.13)}
.k-w1 .mc-doc li:nth-child(1) i,.k-w2 .mc-doc li:nth-child(2) i,.k-w3 .mc-doc li:nth-child(3) i,.k-w4 .mc-doc li:nth-child(4) i,.k-w5 .mc-doc li:nth-child(5) i{opacity:1;scale:1}
.k-w1 .mc-doc li:nth-child(1) b,.k-w2 .mc-doc li:nth-child(2) b,.k-w3 .mc-doc li:nth-child(3) b,.k-w4 .mc-doc li:nth-child(4) b,.k-w5 .mc-doc li:nth-child(5) b,.k-w1 .mc-doc li:nth-child(1) span,.k-w2 .mc-doc li:nth-child(2) span,.k-w3 .mc-doc li:nth-child(3) span,.k-w4 .mc-doc li:nth-child(4) span,.k-w5 .mc-doc li:nth-child(5) span{clip-path:inset(0 0 0 0)}
.mc-doc small{display:block;margin-top:12px;font:400 10.5px/1.45 var(--mono);color:var(--on-dark-3);opacity:0;transition:opacity .7s ease}
.k-nota .mc-doc small{opacity:1}
.is-t .mc-doc li{grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;row-gap:3px;height:50px;align-content:center}
.is-t .mc-doc li i{grid-row:span 2}
.mc-ag{display:grid;justify-items:center;gap:9px}
.ma-tela[data-act="3"] .mc-ag,.ma-tela[data-act="4"] .mc-ag,.ma-tela[data-act="5"] .mc-ag{opacity:1;transition-delay:.45s}
.mc-ag b{font:600 15px/1 var(--sans);color:var(--on-dark)}
.mc-ag span{display:flex;gap:5px}
.mc-ag i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
/* fichas: diagnóstico, construção e a capacidade nova */
.ma-n{display:flex;align-items:center;gap:9px;height:38px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(201,162,75,.36);background:#0F243B;font:500 13px/1 var(--sans);color:var(--on-dark);white-space:nowrap}
.ma-n .ic{width:17px;height:17px;color:var(--gold);transition:color .5s ease}
.is-t .ma-n{gap:7px;height:34px;padding:0 13px 0 10px;font-size:12.5px}
.is-t .ma-n .ic{width:16px;height:16px}
.ma-nova{border-style:dashed;border-color:rgba(242,239,231,.3);color:var(--on-dark-2)}
.ma-nova .ic{color:var(--on-dark-3)}
.k-nova .ma-nova{border-style:solid;border-color:rgba(201,162,75,.6);color:var(--on-dark)}
.k-nova .ma-nova .ic{color:var(--gold)}
/* provas */
.ma-t{transform:translate(-100%,-50%);display:flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 9px;border-radius:999px;border:1px solid rgba(242,239,231,.16);background:#0F243B;font:500 12.5px/1 var(--sans);color:var(--on-dark-2);white-space:nowrap}
.ma-t .ic{width:16px;height:16px;color:rgba(242,239,231,.26);transition:color .5s ease}
.k-t1 [data-a="t1"],.k-t2 [data-a="t2"],.k-t3 [data-a="t3"],.k-t4 [data-a="t4"],.k-t5 [data-a="t5"]{border-color:rgba(201,162,75,.5);color:var(--on-dark)}
.k-t1 [data-a="t1"] .ic,.k-t2 [data-a="t2"] .ic,.k-t3 [data-a="t3"] .ic,.k-t4 [data-a="t4"] .ic,.k-t5 [data-a="t5"] .ic{color:var(--gold)}
/* a autoridade na prática */
.ma-r{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;row-gap:3px;align-content:center;align-items:center;width:212px;min-height:62px;padding:11px 14px 12px 12px;border-radius:14px;border:1px solid rgba(242,239,231,.14);background:#0F243B}
.ma-r .ic{grid-row:span 2;width:20px;height:20px;color:rgba(242,239,231,.38);transition:color .5s ease}
.ma-r b{font:600 13.5px/1.2 var(--sans);color:var(--on-dark-2);transition:color .5s ease}
.ma-r span{font:400 11.5px/1.35 var(--sans);color:var(--on-dark-3);transition:color .5s ease}
.is-t .ma-r{width:272px;min-height:0;padding:9px 14px 10px 12px}
.k-r1 [data-a="r1"],.k-r2 [data-a="r2"],.k-r3 [data-a="r3"]{border-color:rgba(201,162,75,.7);background-color:#122B45;box-shadow:0 0 0 5px rgba(201,162,75,.05)}
.k-r1 [data-a="r1"] .ic,.k-r2 [data-a="r2"] .ic,.k-r3 [data-a="r3"] .ic{color:var(--gold)}
.k-r1 [data-a="r1"] b,.k-r2 [data-a="r2"] b,.k-r3 [data-a="r3"] b{color:var(--on-dark)}
.k-r1 [data-a="r1"] span,.k-r2 [data-a="r2"] span,.k-r3 [data-a="r3"] span{color:var(--on-dark-2)}
/* evolução: revisão humana e níveis de autonomia */
.ma-g{display:flex;align-items:center;gap:8px;height:30px;padding:0 14px 0 10px;border-radius:999px;border:1px dashed rgba(242,239,231,.32);background:#0F243B;font:500 12px/1 var(--sans);color:var(--on-dark-2);white-space:nowrap}
.ma-g .ic{width:16px;height:16px;color:var(--on-dark-3);transition:color .5s ease}
.k-gate .ma-g{border-style:solid;border-color:var(--gold);color:var(--on-dark);box-shadow:0 0 0 6px rgba(201,162,75,.07),0 0 26px rgba(201,162,75,.22)}
.k-gate .ma-g .ic{color:var(--gold)}
.ma-au{display:flex;align-items:center;gap:12px;font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-3);white-space:nowrap}
.ma-au span{display:flex;gap:4px}
.ma-au i{width:18px;height:5px;border-radius:3px;background:rgba(201,162,75,.18);transition:background-color .7s ease,box-shadow 1s ease}
.ma-au i:nth-child(-n+2){background:rgba(201,162,75,.7)}
.k-auto .ma-au i:nth-child(3){background:var(--gold);box-shadow:0 0 12px rgba(201,162,75,.75)}
.ma-play{position:absolute;right:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px 0 10px;border:1px solid rgba(242,239,231,.18);border-radius:999px;background:rgba(6,20,32,.6);color:var(--on-dark-2);font:600 10.5px/1 var(--sans);letter-spacing:.02em;cursor:pointer;transition:border-color .3s,color .3s}
.ma-play[hidden]{display:none}
.ma-play::before{content:"";width:8px;height:9px;border-left:2.5px solid currentColor;border-right:2.5px solid currentColor;box-sizing:border-box}
.ma-play.is-paused::before{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}
.ma-play:hover{border-color:var(--gold);color:var(--on-dark)}
.is-t .ma-play{width:28px;height:28px;padding:0;gap:0;justify-content:center;font-size:0}

/* ---------- fecho ---------- */
.sl-final{background:var(--navy-ink);color:var(--on-dark)}
.sl-final-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.sl-final .eyebrow{color:var(--gold)}
.sl-final .h2{max-width:18ch}
.sl-final .lede{margin-top:20px;color:var(--on-dark-2)}
.sl-ctas{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.sl-final .btn--line{color:var(--on-dark);border-color:rgba(242,239,231,.32)}
.sl-final .btn--line:hover{border-color:var(--gold);background:rgba(201,162,75,.08)}
.sl-final-list{list-style:none;margin:0;padding:0}
.sl-final-list li{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:16px;padding:18px 0;border-top:1px solid rgba(201,162,75,.2);font-size:15px;line-height:1.55;color:var(--on-dark-2)}
.sl-final-list li:last-child{border-bottom:1px solid rgba(201,162,75,.2)}
.sl-final-list b{font-weight:500;color:var(--on-dark)}
.sl-final-list a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,162,75,.5)}

/* ---------- responsivo ---------- */
@media (max-width:1180px){
  .agentes,.ofertas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
  .ma-on{grid-template-columns:minmax(0,1fr)}
  .ma-on .ma-tela{order:-1}
}
@media (max-width:980px){
  .sl-lexa-in,.ag-intro,.est-head,.metodo-head,.sl-final-in{grid-template-columns:minmax(0,1fr)}
  .sl-lexa .phone{margin-inline:auto}
  .sist{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:760px){
  .sb{min-height:clamp(560px,92svh,780px)}
  .sb-nav,.agentes,.ofertas{grid-template-columns:minmax(0,1fr)}
  .oferta,.camadas .oferta{min-height:0}
  .agente--largo{display:flex;flex-direction:column;align-items:stretch}
  .agente--largo .ph{aspect-ratio:4/3}
  .agente--largo i{margin-top:auto}
  .sl-final-list li{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media (max-width:560px){
  .metodo.op{padding:28px 18px}
}
@media (prefers-reduced-motion:reduce){.agente,.agente .ph img,.sb-nav a{transition:none}}