/* © 2026 GK Soluções Empresariais LTDA (CNPJ 60.180.675/0001-91) · Todos os direitos reservados. Veja LICENSE e AUTORIA.md. */
/* Site institucional do Jarvis (jaarvis.com.br). Um só visual escuro, de propósito: o mesmo mundo do produto. */
:root{color-scheme:dark;--bg:#06070b;--bg2:#0a0c12;--surface:#0e1118;--surface2:#131722;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);
 --text:#eef0f6;--muted:#9aa2b4;--soft:#c8cede;--acc:#8aa6ff;--acc2:#a98bff;--mint:#66dfb5;--gold:#edc47b;--red:#ff8d9f;
 --grad:linear-gradient(100deg,#8aa6ff 0%,#a98bff 45%,#66dfb5 100%);--r:18px;--max:1200px;--fh:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;--fb:'Inter','Segoe UI',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--fb);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,h4{font-family:var(--fh);letter-spacing:-.02em;line-height:1.12;margin:0;text-wrap:balance}
p{margin:0;color:var(--muted);text-wrap:pretty}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-inline:24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:6px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
/* fundo */
.ceu{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(900px 600px at 80% -10%,rgba(169,139,255,.18),transparent 60%),radial-gradient(700px 500px at -10% 20%,rgba(138,166,255,.12),transparent 60%),var(--bg)}
.ceu:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%)}
/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--text);font:600 15px/1.2 var(--fb);text-decoration:none;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);border-color:rgba(138,166,255,.6)}
.btn.pri{background:linear-gradient(135deg,#9db4ff,#a98bff);color:#0b0a1c;border-color:transparent;box-shadow:0 10px 40px -10px rgba(169,139,255,.7)}
.btn.pri:hover{box-shadow:0 16px 50px -10px rgba(169,139,255,.9)}
.btn.lg{padding:16px 28px;font-size:16px;border-radius:14px}.btn svg{width:18px;height:18px}
/* cabeçalho */
.topo{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.4);background:rgba(6,7,11,.72);border-bottom:1px solid transparent;transition:border-color .2s}
.topo.rolou{border-bottom-color:var(--line)}
.topo .wrap{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 21px/1 var(--fh);letter-spacing:-.02em}
.logo img{width:34px;height:34px;border-radius:10px}
.menu{display:flex;gap:4px;margin-left:8px}.menu a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--soft);font-size:14.5px;font-weight:500}
.menu a:hover,.menu a[aria-current]{color:var(--text);background:rgba(255,255,255,.05)}
.topo .acoes{margin-left:auto;display:flex;gap:10px;align-items:center}.topo .acoes .btn{padding:10px 16px;font-size:14px}
.hamb{display:none;margin-left:auto;background:none;border:1px solid var(--line2);border-radius:10px;color:var(--text);padding:9px;cursor:pointer}
.hamb svg{width:22px;height:22px;display:block}
@media(max-width:980px){.menu,.topo .acoes .ent{display:none}.hamb{display:block}.topo .acoes{margin-left:0}
 .topo.aberto .menu{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;padding:12px 16px 20px;background:rgba(6,7,11,.97);border-bottom:1px solid var(--line)}
 .topo.aberto .menu a{padding:14px 12px;font-size:16px}}
@media(max-width:520px){.topo .acoes .btn.pri{padding:9px 12px;font-size:13px}}
/* hero */
.hero{padding:72px 0 88px;position:relative}
.hero .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center}
.hero h1{font-size:clamp(38px,5.4vw,66px);font-weight:800;margin:18px 0 20px}
.hero .sub{font-size:clamp(17px,1.6vw,19.5px);color:var(--soft);max-width:600px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}
.selos{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--muted)}.selos span{display:inline-flex;align-items:center;gap:7px}.selos svg{width:16px;height:16px;color:var(--mint)}
.palco{position:relative;min-height:420px}
.tela{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 40px 120px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03),0 0 80px -20px rgba(138,166,255,.35);background:#0b0d12}
/* Tela reta (sem 3D: transformar a imagem tira a nitidez), um pouco maior que a coluna e vazando para a direita. */
.palco .tela{width:124%;max-width:none}.palco .tela img{width:100%;height:auto}
.tela .barra{display:flex;gap:6px;padding:10px 12px;background:#0d1017;border-bottom:1px solid var(--line)}.tela .barra i{width:9px;height:9px;border-radius:50%;background:#2a3040}

.aviso{position:absolute;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(16,19,28,.92);backdrop-filter:blur(12px);border:1px solid var(--line2);box-shadow:0 20px 50px -15px rgba(0,0,0,.8);max-width:290px;font-size:13px;line-height:1.45;opacity:0;animation:entra .7s cubic-bezier(.2,.8,.2,1) forwards}
.aviso b{display:block;font-size:13.5px;color:var(--text)}.aviso span{color:var(--muted)}
.aviso .ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.aviso .ic svg{width:17px;height:17px}
.aviso.a1{top:-13%;right:-14%;animation-delay:.6s}.aviso.a2{bottom:-12%;left:-6%;animation-delay:1.4s}.aviso.a3{bottom:-17%;right:-12%;animation-delay:2.2s}
@keyframes entra{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.ic.roxo{background:rgba(169,139,255,.16);color:var(--acc2)}.ic.verde{background:rgba(102,223,181,.14);color:var(--mint)}.ic.ouro{background:rgba(237,196,123,.14);color:var(--gold)}.ic.verm{background:rgba(255,141,159,.14);color:var(--red)}.ic.azul{background:rgba(138,166,255,.15);color:var(--acc)}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr}.palco{min-height:0;margin-top:20px}.palco .tela{width:100%}.aviso{position:relative;inset:auto!important;margin-top:10px;max-width:none}}
/* faixa de integrações */
.faixa{padding:26px 0 10px;border-block:1px solid var(--line);background:rgba(255,255,255,.015)}
.faixa p{text-align:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.rolo{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.rolo>div{display:flex;gap:14px;width:max-content;animation:rola 40s linear infinite}
.rolo span{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:600;color:var(--soft);white-space:nowrap;font-size:14.5px}
.rolo span i{width:8px;height:8px;border-radius:50%}
@keyframes rola{to{transform:translateX(-50%)}}
/* seções */
.sec{padding:104px 0}.sec.tight{padding:72px 0}
.cab{max-width:760px;margin-bottom:52px}.cab.centro{margin-inline:auto;text-align:center}
.cab h2{font-size:clamp(30px,3.8vw,48px);font-weight:800;margin:14px 0 16px}.cab p{font-size:18px}
.grade{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}.sec{padding:72px 0}}
.cartao{position:relative;padding:28px;border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--line);transition:border-color .25s,transform .25s}
.cartao:hover{border-color:var(--line2);transform:translateY(-3px)}
.cartao h3{font-size:20px;margin:16px 0 10px}.cartao .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.cartao .ic svg{width:22px;height:22px}
.cartao ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;color:var(--soft);font-size:14.5px}
.cartao li{display:flex;gap:10px}.cartao li:before{content:'';flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--acc)}
.dor .num{font:800 54px/1 var(--fh);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18)}
/* passos */
.passos{counter-reset:p;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.passo{padding:30px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);position:relative}
.passo:before{counter-increment:p;content:counter(p,decimal-leading-zero);font:800 14px/1 var(--fh);color:var(--acc);letter-spacing:.1em}
.passo h3{font-size:22px;margin:14px 0 10px}
@media(max-width:860px){.passos{grid-template-columns:1fr}}
/* tour do produto */
.tour{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
.abas{display:flex;flex-direction:column;gap:8px}
.aba{text-align:left;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--soft);cursor:pointer;font:inherit;transition:.2s}
.aba b{display:flex;align-items:center;gap:10px;font:700 16px/1.3 var(--fh);color:var(--text)}.aba b svg{width:18px;height:18px;color:var(--acc)}
.aba span{display:none;font-size:14px;margin-top:8px;color:var(--muted)}
.aba[aria-selected=true]{background:linear-gradient(135deg,rgba(138,166,255,.12),rgba(169,139,255,.06));border-color:rgba(138,166,255,.45)}.aba[aria-selected=true] span{display:block}
.vitrine{position:sticky;top:96px}.vitrine .tela img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top left}
.vitrine .legenda{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.vitrine .legenda span{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--soft)}
@media(max-width:980px){.tour{grid-template-columns:1fr}.abas{flex-direction:row;overflow-x:auto;padding-bottom:6px}.aba{min-width:220px}.vitrine{position:static}}
/* dia com o Jarvis */
.dia{position:relative;display:grid;gap:14px;max-width:880px;margin:0 auto}
.dia:before{content:'';position:absolute;left:86px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--acc),var(--acc2),var(--mint));opacity:.35}
.hora{display:grid;grid-template-columns:72px 30px 1fr;gap:14px;align-items:start}
.hora time{font:700 16px/1.5 var(--fh);color:var(--soft);text-align:right;padding-top:16px}
.hora .pt{width:14px;height:14px;margin:20px auto 0;border-radius:50%;background:var(--bg);border:3px solid var(--acc);box-shadow:0 0 18px rgba(138,166,255,.6);position:relative;z-index:1}
.hora .msg{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.hora .msg b{display:block;color:var(--text);font-size:15.5px}.hora .msg span{font-size:14.5px}
@media(max-width:600px){.dia:before{left:20px}.hora{grid-template-columns:42px 1fr;gap:10px}.hora time{grid-column:2;text-align:left;padding:0;font-size:14px}.hora .pt{grid-row:1/3;margin-top:6px}.hora .msg{grid-column:2}}
/* números */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.numeros div{padding:28px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.numeros b{display:block;font:800 clamp(34px,4vw,48px)/1 var(--fh)}.numeros span{display:block;margin-top:10px;font-size:14.5px;color:var(--muted)}
@media(max-width:860px){.numeros{grid-template-columns:repeat(2,1fr)}}
/* destaque com imagem */
.lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}.lado.inv{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.lado.inv .txt{order:2}
.lado .txt h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin:14px 0 16px}.lado .txt>p{font-size:17.5px}
.lista{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.lista li{display:flex;gap:14px;align-items:flex-start;color:var(--soft)}.lista li svg{flex:none;width:22px;height:22px;color:var(--mint);margin-top:2px}.lista li b{color:var(--text)}
@media(max-width:900px){.lado,.lado.inv{grid-template-columns:1fr;gap:32px}.lado.inv .txt{order:0}}
/* rastreio da central */
.rastreio{padding:26px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.rastreio .top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.rastreio .top b{font-size:16px}
.trilha{display:flex;list-style:none;margin:0;padding:0}.trilha li{flex:1;text-align:center;font-size:12.5px;color:var(--muted);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}
.trilha li:before{content:'';position:absolute;top:8px;left:-50%;width:100%;height:2px;background:var(--line2)}.trilha li:first-child:before{display:none}
.trilha li i{width:18px;height:18px;border-radius:50%;background:var(--surface2);border:2px solid var(--line2);position:relative;z-index:1}
.trilha li.ok i,.trilha li.ok:before,.trilha li.ag:before{background:var(--acc);border-color:var(--acc)}.trilha li.ag i{background:var(--acc);border-color:var(--acc);box-shadow:0 0 0 6px rgba(138,166,255,.2);animation:pulsa 1.8s infinite}.trilha li.ag{color:var(--text);font-weight:700}
@keyframes pulsa{50%{box-shadow:0 0 0 10px rgba(138,166,255,.05)}}
.bolhas{display:grid;gap:10px;margin-top:22px}.bolha{padding:12px 14px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);font-size:14px;color:var(--soft);max-width:88%}.bolha.eq{justify-self:end;background:rgba(138,166,255,.1);border-color:rgba(138,166,255,.3)}.bolha small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:4px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(102,223,181,.12);color:var(--mint)}
/* planos */
.alterna{display:inline-flex;padding:5px;border-radius:14px;border:1px solid var(--line);background:var(--surface);margin:0 auto 34px}.alterna button{border:0;background:none;color:var(--soft);font:600 14.5px var(--fb);padding:10px 18px;border-radius:10px;cursor:pointer}
.alterna button[aria-pressed=true]{background:rgba(138,166,255,.16);color:var(--text)}.alterna small{color:var(--mint);font-weight:700;margin-left:6px}
.planos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plano{display:flex;flex-direction:column;padding:30px;border-radius:22px;background:var(--surface);border:1px solid var(--line);position:relative}
.plano.top{background:linear-gradient(180deg,rgba(138,166,255,.12),rgba(169,139,255,.04) 40%,var(--surface));border-color:rgba(138,166,255,.5);box-shadow:0 30px 80px -40px rgba(138,166,255,.6)}
.plano .selo{position:absolute;top:-13px;left:30px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--grad);color:#0b0a1c}
.plano h3{font-size:22px}.plano .para{font-size:14.5px;margin-top:6px;min-height:46px}
.preco{display:flex;align-items:baseline;gap:6px;margin:22px 0 4px}.preco b{font:800 46px/1 var(--fh)}.preco span{color:var(--muted)}
.plano .obs{font-size:13px;color:var(--muted);min-height:20px}
.plano ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px;font-size:14.5px;color:var(--soft)}
.plano li{display:flex;gap:10px}.plano li svg{flex:none;width:18px;height:18px;color:var(--mint);margin-top:3px}.plano li.mais{color:var(--text);font-weight:600}
.plano .btn{margin-top:auto}
.sob{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 30px;border-radius:22px;border:1px dashed var(--line2)}
@media(max-width:980px){.planos{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
/* position: o texto só para leitores de tela (.sr, absoluto) das células fica dentro da rolagem da tabela, sem rolar a página. */
.tabela{overflow-x:auto;position:relative;border:1px solid var(--line);border-radius:var(--r)}
.tabela table{width:100%;border-collapse:collapse;min-width:720px;font-size:14.5px}.tabela th,.tabela td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:center}
.tabela th:first-child,.tabela td:first-child{text-align:left;color:var(--soft)}.tabela thead th{font:700 15px var(--fh);background:var(--surface)}
.tabela .grupo td{background:rgba(255,255,255,.02);font-weight:700;color:var(--text);text-align:left}.tabela .s{color:var(--mint)}.tabela .n{color:#4a5263}
/* faq */
.faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.faq details{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font:700 17px/1.4 var(--fh);display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:24px;line-height:1;color:var(--acc);transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding:0 0 20px;font-size:15.5px}
/* chamada final */
.final{position:relative;overflow:hidden;padding:72px 48px;border-radius:28px;text-align:center;border:1px solid rgba(138,166,255,.35);background:radial-gradient(600px 300px at 50% 0%,rgba(169,139,255,.28),transparent 70%),linear-gradient(180deg,#10131d,#0b0d14)}
.final h2{font-size:clamp(30px,4vw,50px);font-weight:800;margin:14px auto 16px;max-width:760px}.final p{font-size:18px;max-width:620px;margin:0 auto}
.final .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
@media(max-width:600px){.final{padding:48px 22px}}
/* formulários */
.form{display:grid;gap:14px;padding:30px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.form label{font-size:13.5px;font-weight:600;color:var(--soft);display:grid;gap:7px}
.form input,.form select,.form textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line2);background:#0a0c12;color:var(--text);font:15px var(--fb)}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(138,166,255,.2)}
.form textarea{min-height:120px;resize:vertical}.form .dupla{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.form .dupla{grid-template-columns:1fr}}
.form .mel{position:absolute;left:-9999px}.form .ret{min-height:22px;font-size:14px}.form .ret.ok{color:var(--mint)}.form .ret.erro{color:var(--red)}
.contatos{display:grid;gap:14px}.contato{display:flex;gap:14px;align-items:center;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-decoration:none}
.contato .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.contato .ic svg{width:20px;height:20px}.contato b{display:block}.contato span{font-size:14px;color:var(--muted)}
/* páginas internas */
.capa{padding:80px 0 30px}.capa h1{font-size:clamp(36px,5vw,60px);font-weight:800;margin:16px 0 18px;max-width:900px}.capa p{font-size:19px;max-width:720px;color:var(--soft)}
.modulo{padding:56px 0;border-top:1px solid var(--line)}.modulo:first-of-type{border-top:0}
.busca{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 18px;border-radius:16px;border:1px solid rgba(138,166,255,.4);background:var(--surface);max-width:680px;margin-top:26px}
.busca svg{width:20px;height:20px;color:var(--muted)}.busca input{flex:1;border:0;background:none;color:var(--text);font:17px var(--fb);padding:12px 4px;min-width:0}.busca input:focus{outline:none}
.sla{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sla div{padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.sla b{display:block;font:800 26px/1.1 var(--fh)}.sla span{font-size:13.5px;color:var(--muted)}
@media(max-width:760px){.sla{grid-template-columns:repeat(2,1fr)}}
/* rodapé */
.rodape{margin-top:80px;padding:64px 0 36px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(255,255,255,.015))}
.rodape .cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}
.rodape h4{font:700 14px var(--fh);margin-bottom:14px;color:var(--text)}.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.rodape a{text-decoration:none;color:var(--muted);font-size:14.5px}.rodape a:hover{color:var(--text)}
.rodape .base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(max-width:860px){.rodape .cols{grid-template-columns:1fr 1fr}.rodape .cols>div:first-child{grid-column:1/-1}}
/* vídeo */
.modalv{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,4,8,.86);backdrop-filter:blur(8px)}
.modalv.on{display:flex}.modalv video{width:min(1100px,100%);border-radius:16px;border:1px solid var(--line2);background:#000}.modalv button{position:absolute;top:18px;right:18px}
/* aparecer ao rolar (só quando o JS está ligado; sem JS tudo aparece) */
.js .rev{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.js .rev.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rev{opacity:1;transform:none}.aviso{opacity:1}}

/* Mais que um ERP */
.difs{gap:14px}.dif{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.dif .ic{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.dif .ic svg{width:21px;height:21px}.dif h3{font-size:17.5px;margin:2px 0 6px}.dif p{font-size:15px}
/* Sob medida */
.sobmedida{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center;padding:44px;border-radius:26px;border:1px solid rgba(138,166,255,.3);background:radial-gradient(500px 260px at 100% 0%,rgba(102,223,181,.12),transparent 70%),linear-gradient(180deg,#10131d,#0b0d14)}
.sobmedida h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin:14px 0 14px}.sobmedida>div>p{font-size:17px}.sobmedida .btn{margin-top:26px}
.sobcod{display:grid;gap:12px}.sobcod .linha{padding:16px 18px;border-radius:14px;background:var(--surface2);border:1px solid var(--line)}.sobcod b{display:block;font:700 12.5px var(--fh);letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.sobcod span{color:var(--soft);font-size:15px}.sobcod .ok{border-color:rgba(102,223,181,.45)}.sobcod .ok b{color:var(--mint)}
@media(max-width:900px){.sobmedida{grid-template-columns:1fr;padding:28px 22px}}
/* Comparativo */
.tabela th.jv,.tabela td.jv{background:rgba(138,166,255,.08)}.tabela thead th.jv{color:var(--acc)}.tabela .p{color:var(--gold);font-size:13.5px}
/* Menus suspensos do topo (Produtos e Entrar) */
.susp{position:relative}.susp>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;user-select:none}.susp>summary::-webkit-details-marker{display:none}
.susp>summary svg{width:15px;height:15px;transition:transform .2s}.susp[open]>summary svg{transform:rotate(180deg)}
.menu .susp>summary{padding:8px 12px;border-radius:10px;color:var(--soft);font-size:14.5px;font-weight:500}
.menu .susp>summary:hover,.menu .susp>summary[aria-current],.menu .susp[open]>summary{color:var(--text);background:rgba(255,255,255,.05)}
.susp-pain{position:absolute;top:calc(100% + 10px);left:0;z-index:60;width:360px;max-width:calc(100vw - 32px);padding:8px;border-radius:16px;border:1px solid var(--line2);background:#0d1018;box-shadow:0 30px 80px -20px rgba(0,0,0,.85);display:grid;gap:2px}
.acoes .susp-pain{left:auto;right:0;width:320px}
.susp-pain a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--text)}.susp-pain a:hover,.susp-pain a:focus-visible{background:rgba(255,255,255,.06)}
.susp-pain .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.susp-pain .ic svg{width:19px;height:19px}
.susp-pain b{display:block;font-size:14.5px;font-weight:600}.susp-pain small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.so-mob{display:none}
@media(max-width:980px){.topo.aberto .menu .susp>summary{padding:14px 12px;font-size:16px;width:100%}
 .topo.aberto .menu .susp-pain{position:static;width:auto;max-width:none;box-shadow:none;border:0;background:none;padding:0 0 6px 6px}
 .topo.aberto .menu .susp-pain a{padding:10px 12px}
 .topo.aberto .so-mob{display:grid;gap:2px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
 .so-mob span{font-size:12px;color:var(--muted);padding:6px 12px;text-transform:uppercase;letter-spacing:.12em}
 .topo.aberto .menu{max-height:calc(100vh - 72px);overflow-y:auto}}
/* Início: os três produtos */
.hero-fam .wrap{grid-template-columns:1fr;text-align:center}.hero-fam h1{max-width:900px;margin-inline:auto}.hero-fam .sub{margin:0 auto;max-width:760px}
.hero-fam .ctas,.hero-fam .selos{justify-content:center}.hero-fam{padding-bottom:56px}
.produtos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.produto{display:flex;flex-direction:column;padding:30px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),var(--surface) 46%);border:1px solid var(--line);position:relative;overflow:hidden;transition:border-color .25s,transform .25s}
.produto:hover{transform:translateY(-3px);border-color:var(--line2)}
.produto:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--acc)}.produto.roxo:before{background:var(--acc2)}.produto.ouro:before{background:var(--gold)}.produto.verde:before{background:var(--mint)}
/* Número ímpar de produtos: o último ocupa a linha inteira (nada de cartão órfão), com a lista em duas colunas. */
.produtos>.produto:last-child:nth-child(odd){grid-column:1/-1}.produtos>.produto:last-child:nth-child(odd)>p{max-width:820px}
.produtos>.produto:last-child:nth-child(odd) ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.produtos>.produto:last-child:nth-child(odd) .pr-acoes{max-width:600px}
.pr-cab{display:flex;align-items:center;gap:12px}.pr-cab .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}.pr-cab .ic svg{width:23px;height:23px}
.pr-para{font-size:13px;font-weight:600;color:var(--soft);line-height:1.35}
.produto h2{font-size:clamp(24px,2.2vw,28px);font-weight:800;margin:20px 0 10px}.produto>p{font-size:15.5px}
.produto ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px;font-size:14.5px;color:var(--soft);flex:1;align-content:start}
.produto li{display:flex;gap:10px}.produto li svg{flex:none;width:18px;height:18px;color:var(--mint);margin-top:3px}
.pr-preco{display:flex;align-items:baseline;gap:6px;margin-bottom:20px}.pr-preco b{font:800 34px/1 var(--fh)}.pr-preco small{color:var(--muted);font-size:14px}
.pr-acoes{display:flex;gap:10px;flex-wrap:wrap}.pr-acoes .btn{flex:1 1 auto}
@media(max-width:1100px){.produtos{grid-template-columns:1fr;max-width:640px;margin:0 auto}.produtos>.produto:last-child:nth-child(odd) ul{grid-template-columns:1fr}}
.tabela.texto td{text-align:left;vertical-align:top;color:var(--soft);font-size:14.5px;line-height:1.5}.tabela.texto td:first-child{color:var(--text);font-weight:600;white-space:nowrap}
.tabela.texto thead th{text-align:left}.tabela.texto thead a{color:var(--text);text-decoration:none}.tabela.texto thead a:hover{color:var(--acc)}
/* Páginas de produto */
.hero-prod .wrap{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.hero-prod .tela img{width:100%;height:auto;display:block}
.tela>img{display:block;width:100%;height:auto}
.cartao .tag{display:inline-block;margin-top:16px;font-size:12px;font-weight:600;color:var(--gold);border:1px solid rgba(237,196,123,.35);border-radius:999px;padding:4px 10px}
.portes{margin-top:18px}.porte{padding:22px 24px;border-radius:16px;border:1px dashed var(--line2)}.porte b{display:block;font:700 18px var(--fh)}.porte p{font-size:14.5px;margin:6px 0 10px}
.porte span{font-size:12.5px;font-weight:600;color:var(--acc);letter-spacing:.04em}
/* Planos: abas por produto */
.prod-abas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 auto 26px;max-width:1280px}
.prod-abas button{display:flex;gap:12px;align-items:center;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.prod-abas button:hover{border-color:var(--line2)}.prod-abas button[aria-selected=true]{border-color:rgba(138,166,255,.6);background:rgba(138,166,255,.1)}
.prod-abas .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}.prod-abas .ic svg{width:20px;height:20px}
.prod-abas b{display:block;font:700 15.5px var(--fh)}.prod-abas small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.prod-painel+.prod-painel{margin-top:80px}.js .prod-painel+.prod-painel{margin-top:0}
@media(max-width:1280px){.prod-abas{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px}}
@media(max-width:1100px){.prod-abas{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.prod-abas button:last-child:nth-child(odd){grid-column:1/-1}}@media(max-width:760px){.prod-abas{grid-template-columns:1fr}}
@media(max-width:980px){.hero-prod .wrap{grid-template-columns:1fr}}
.hero{overflow-x:clip}
@media(max-width:980px){.topo.aberto{backdrop-filter:none;background:#06070b}.topo.aberto .menu{background:#06070b;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}}

/* Academia em destaque no menu (um ponto discreto, como o das etiquetas) */
.menu a.menu-dest{display:inline-flex;align-items:center;gap:7px;color:var(--text)}
.menu a.menu-dest i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);flex:none}
/* Academia na página inicial: um cartão por trilha, em pares (é a vista sem JavaScript; com ele, a órbita abaixo) */
.ac-home-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:960px;margin:0 auto}
.ac-home{display:flex;flex-direction:column;padding:26px;border-radius:20px;background:var(--surface);border:1px solid var(--line);min-width:0}
.ac-home .pr-cab b{font:700 19px var(--fh);color:var(--text)}
.ac-home>p{font-size:14.5px;margin:14px 0 0}
.ac-home ul{list-style:none;padding:0;margin:16px 0 20px;display:grid;gap:9px;font-size:14.5px;color:var(--soft);flex:1;align-content:start}
.ac-home li{display:flex;gap:10px;align-items:center}.ac-home li svg{flex:none;width:18px;height:18px;color:var(--mint)}.ac-home li b{color:var(--text)}
.ac-home-acoes{display:flex;gap:10px;flex-wrap:wrap}.ac-home-acoes .btn{flex:1 1 auto;padding:11px 16px;font-size:14px}
.ac-home .tag{align-self:flex-start;font-size:12px;font-weight:600;color:var(--gold);border:1px solid rgba(237,196,123,.35);border-radius:999px;padding:4px 10px}
@media(max-width:760px){.ac-home-grade{grid-template-columns:1fr;max-width:640px}}
/* Academia em órbita (site.js › Órbita): os aplicativos giram em volta da Academia; o da frente (à direita, junto do
   cartão; no celular, embaixo) mostra o seu cartão. Sem JavaScript fica a grade de cartões acima. */
@property --giro{syntax:'<angle>';inherits:true;initial-value:0deg}
.orb-palco{display:none}
.ac-orbita.orb-on{display:grid;grid-template-columns:440px minmax(0,1fr);gap:44px;align-items:center;max-width:1060px;margin:0 auto;overflow:clip}
.orb-on .orb-palco{display:block;position:relative;width:440px;aspect-ratio:1;--R:172px;--frente:0deg}
.orb-anel{position:absolute;inset:48px;border-radius:50%;border:1px dashed rgba(255,255,255,.13);animation:orb-gira 90s linear infinite}
.orb-anel.b{inset:14px;border:1px solid rgba(138,166,255,.10);background:radial-gradient(closest-side,transparent 70%,rgba(138,166,255,.07) 92%,transparent);animation-direction:reverse;animation-duration:140s}
.orb-palco::after{content:"";position:absolute;right:-30px;top:50%;width:140px;height:140px;transform:translate(0,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(169,139,255,.22),transparent);pointer-events:none}
@keyframes orb-gira{to{transform:rotate(360deg)}}
.orb-centro{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;
 background:radial-gradient(circle at 50% 35%,#1a2033,#0d1017 72%);border:1px solid var(--line);box-shadow:0 0 60px -10px rgba(138,166,255,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.orb-centro img{width:44px;height:44px;border-radius:12px}.orb-centro>b{font:800 17px var(--fh);color:var(--text)}
.orb-centro small{font-size:11.5px;line-height:1.35;color:var(--muted);max-width:120px}.orb-centro small b{color:var(--text)}
.orb-giro{position:absolute;inset:0;transition:--giro 1.15s cubic-bezier(.65,0,.35,1)}
.orb-sat{position:absolute;left:50%;top:50%;width:110px;padding:0;border:0;background:none;cursor:pointer;color:inherit;font:inherit;
 --a:calc(var(--i)*360deg/var(--n) + var(--giro) + var(--frente));transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(-1*var(--a))) translate(-50%,-50%)}
.orb-pos{display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.62;transition:opacity .4s}
.orb-sat .ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);box-shadow:0 10px 30px -12px rgba(0,0,0,.9);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.orb-sat .ic svg{width:25px;height:25px}
.orb-sat small{font:600 13px var(--fb);color:var(--soft);white-space:nowrap}
.orb-sat:hover .orb-pos,.orb-sat:focus-visible .orb-pos{opacity:.9}
.orb-sat:focus-visible{outline:none}.orb-sat:focus-visible .ic{outline:2px solid var(--acc);outline-offset:3px}
.orb-sat[aria-selected=true] .orb-pos{opacity:1}
.orb-sat[aria-selected=true] .ic{transform:scale(1.22);box-shadow:0 0 0 6px rgba(255,255,255,.04),0 0 34px -4px currentColor}
.orb-sat[aria-selected=true] small{color:var(--text)}
.orb-on .orb-cartoes{display:grid;grid-template-columns:minmax(0,1fr);max-width:none;margin:0}
.orb-on .orb-cartoes>.ac-home{grid-area:1/1;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility 0s}
.js .orb-on .orb-cartoes>.ac-home:not(.ativo){opacity:0;transform:translateX(18px);visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}
@media(max-width:980px){.ac-orbita.orb-on{grid-template-columns:1fr;gap:18px;max-width:640px}.orb-on .orb-palco{width:min(420px,100%);margin:0 auto;--R:min(160px,34vw);--frente:90deg}
 .orb-palco::after{right:auto;left:50%;top:auto;bottom:-34px;transform:translate(-50%,0)}}
@media(max-width:480px){.orb-centro{width:118px;height:118px}.orb-centro img{width:34px;height:34px}.orb-centro>b{font-size:15px}.orb-centro small{font-size:10.5px}
 .orb-sat .ic{width:48px;height:48px}.orb-sat .ic svg{width:21px;height:21px}.orb-sat small{font-size:12px}.orb-sat{width:90px}}
/* Rodapé das páginas de produto: a trilha da Academia */
.rod-trilha{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;margin-bottom:44px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.rod-trilha .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none}.rod-trilha .ic svg{width:21px;height:21px}
.rod-trilha .rt-txt{flex:1 1 240px;min-width:0}.rod-trilha .rt-txt b{display:block;font:700 16px var(--fh);color:var(--text)}.rod-trilha .rt-txt small{color:var(--muted);font-size:13.5px}
.rod-trilha .rt-acoes{display:flex;gap:10px;flex-wrap:wrap}.rodape .rod-trilha a.btn{color:var(--text);font-size:14px;padding:10px 16px}
/* Planos do Jarvis Reforma: grupos (empresa e escritório) e o adicional para quem já é cliente */
.planos-grupo{text-align:center;margin:34px 0 18px}.planos-grupo:first-child{margin-top:8px}.planos-grupo h3{font-size:clamp(20px,2vw,24px)}.planos-grupo p{font-size:15px;margin-top:4px}
.planos.p2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
.plano .adic{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);margin:-6px 0 16px;padding-top:12px;border-top:1px dashed var(--line2)}
.plano .adic svg{flex:none;width:16px;height:16px;color:var(--mint);margin-top:1px}.plano .adic a{color:var(--acc)}.plano .adic b{color:var(--text)}
.adic-aud{display:flex;gap:18px;align-items:flex-start;margin-top:22px;padding:24px 28px;border-radius:22px;border:1px solid rgba(102,223,181,.35);background:rgba(102,223,181,.05)}
.adic-aud>.ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}.adic-aud>.ic svg{width:23px;height:23px}
.adic-aud.adic-nor{border-color:rgba(138,166,255,.35);background:rgba(138,166,255,.05)}.adic-nor li svg{color:var(--acc)}
.adic-aud h3{font-size:19px}.adic-aud p{font-size:14.5px;margin:6px 0 12px}
.adic-aud ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14.5px;color:var(--soft)}.adic-aud li{display:flex;gap:10px}.adic-aud li svg{flex:none;width:18px;height:18px;color:var(--mint);margin-top:2px}.adic-aud li b{color:var(--text)}
@media(max-width:980px){.planos.p2{grid-template-columns:1fr;max-width:520px}}
@media(max-width:600px){.adic-aud{flex-direction:column;padding:20px}}