/* Nexis System · estilo compartilhado de todas as páginas */
:root{--bg:#070A0D;--bg2:#0b1015;--panel:#111A22;--panel2:#0d141a;--line:#2B3A46;--muted:#AEB8C2;--fg:#EDF1F5;--o:#FF6500;--o2:#FFB400;--ok:#3ddc97;--red:#ff5a5a;--blue:#5aa9ff;--wa:#25D366;
--light:#f4f6f8;--light2:#ffffff;--ink:#0d141a;--ink2:#4a5866;--lline:#dfe5ea;
--f:'Sora',system-ui,sans-serif;--m:'JetBrains Mono',ui-monospace,Consolas,monospace;--gut:max(18px,env(safe-area-inset-left,0px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f);font-size:16px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.1;text-wrap:balance;letter-spacing:-.02em}p{margin:0}
h2{font-size:clamp(30px,4.6vw,52px);font-weight:800}h1 em,h2 em,h3 em{font-style:normal;color:var(--o)}
.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--gut)}
section{position:relative;padding-block:clamp(72px,10vw,128px)}
.eyebrow{font:600 12px var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--o);display:flex;gap:10px;align-items:center;margin-bottom:16px}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor}
.eyebrow.c{justify-content:center}
.lead{color:var(--muted);font-size:clamp(16px,1.6vw,19px);max-width:62ch;margin-top:18px}
.center{text-align:center}.center .lead{margin-inline:auto}
.light{background:var(--light);color:var(--ink)}.light .lead,.light p{color:var(--ink2)}.light h2 em{color:var(--o)}
.btn{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--f);border-radius:12px;padding:15px 22px;text-decoration:none;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:transparent;transition:transform .2s,box-shadow .2s,border-color .2s}
.light .btn{color:var(--ink);border-color:var(--lline)}
.btn:hover{transform:translateY(-2px);border-color:var(--o)}
.btn:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--o2);outline-offset:3px}
.btn-o{background:var(--o);border-color:var(--o);color:#070A0D!important;box-shadow:0 10px 30px -10px rgba(255,101,0,.7)}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#04210f!important}
.btn svg{width:18px;height:18px;flex:none}
.rv{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv{opacity:0;transform:translateY(28px)}.js .rv.in{opacity:1;transform:none}
/* cabeçalho */
#hd{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent;padding-top:env(safe-area-inset-top,0px)}
#hd.sc{background:rgba(7,10,13,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.nav{display:flex;align-items:center;gap:20px;height:72px}
.logo svg{height:34px;width:auto;display:block}
.nav ul{display:flex;gap:4px;list-style:none;margin:0 auto;padding:0}
.nav ul a{font-size:14px;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px;white-space:nowrap}
.nav ul a:hover,.nav ul a[aria-current=page]{color:var(--fg);background:var(--panel)}
.nav .btn{padding:11px 16px;font-size:14px}
.mt{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;width:46px;height:46px;color:var(--fg);cursor:pointer}
@media(max-width:960px){.mt{display:grid;place-items:center}.nav .btn{display:none}.nav ul{position:fixed;inset:72px 0 auto;flex-direction:column;background:rgba(7,10,13,.97);padding:14px var(--gut) 22px;border-bottom:1px solid var(--line);transform:translateY(-140%);transition:transform .35s;margin:0}.nav ul.open{transform:none}.nav ul a{display:block;padding:14px 6px;font-size:17px}}
/* abertura */
.hero{min-height:100svh;display:flex;align-items:center;padding-top:110px;padding-bottom:80px;overflow:hidden;isolation:isolate}
.hero.short{min-height:auto;padding-top:150px;padding-bottom:70px}
#net{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.glow{position:absolute;z-index:-1;inset:auto -10% -30% -10%;height:70%;background:radial-gradient(60% 80% at 50% 100%,rgba(255,101,0,.32),transparent 70%)}
.hero-in{max-width:920px;position:relative;z-index:3}
.hero-in.c{text-align:center;margin:0 auto}.hero-in.c .lead{margin-inline:auto}
.hero h1{font-size:clamp(38px,6.4vw,78px);font-weight:800}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-in.c .cta-row{justify-content:center}
.toast{position:absolute;z-index:2;max-width:250px;font-size:12.5px;line-height:1.35;background:rgba(17,26,34,.86);backdrop-filter:blur(8px);border:1px solid var(--line);border-left:3px solid var(--o);border-radius:12px;padding:10px 13px;box-shadow:0 14px 40px rgba(0,0,0,.5);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .55s,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.toast.on{opacity:1;transform:none}
.toast b{display:block;font:600 10px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--o);margin-bottom:2px}
.toast span{color:var(--muted)}.toast.wa{border-left-color:var(--wa)}.toast.wa b{color:var(--wa)}
.toast.pix{border-left-color:#32BCAD}.toast.pix b{color:#32BCAD}.toast.pix span{color:var(--fg);font-weight:600}
@media(max-width:900px){.toast{max-width:190px;font-size:11px;padding:8px 10px}}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font:11px var(--m);letter-spacing:.2em;color:var(--muted);text-decoration:none;z-index:3}
/* faixa em loop */
.band{padding-block:26px;border-block:1px solid var(--line);background:var(--bg2);overflow:hidden}
.band small{display:block;text-align:center;font:600 11px var(--m);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.marq{display:flex;width:max-content;gap:0;animation:marq 38s linear infinite}
.marq:hover{animation-play-state:paused}
.marq span{display:inline-flex;align-items:center;gap:14px;font-size:clamp(18px,2.2vw,26px);font-weight:700;color:var(--fg);padding-right:42px;white-space:nowrap}
.marq span::after{content:"◆";color:var(--o);font-size:12px;margin-left:28px}
@keyframes marq{to{transform:translateX(-50%)}}
/* benefícios */
.ben{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,60px)}
@media(max-width:980px){.ben{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ben{grid-template-columns:1fr}}
.bcard{background:var(--light2);border:1px solid var(--lline);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:0 20px 50px -30px rgba(13,20,26,.35)}
.bcard .no{font:600 12px var(--m);color:var(--o)}
.bcard h3{font-size:20px;font-weight:800;color:var(--ink)}
.bcard p{font-size:14.5px}
.ill{height:120px;border-radius:14px;background:var(--light);border:1px solid var(--lline);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:12px;gap:8px}
.ill .bar{width:18%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--o2),var(--o));height:10%;transition:height 1.2s cubic-bezier(.2,.8,.2,1)}
.in .ill .bar{height:var(--h)}
.ill.rank{flex-direction:column;align-items:stretch;justify-content:center;gap:6px}
.ill.rank div{height:18px;border-radius:6px;background:#e3e8ec;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.ill.rank div.me{background:var(--o);color:#fff;font:600 10px var(--m);display:flex;align-items:center;padding-left:8px}
.in .ill.rank div.me{transform:translateY(-72px)}
.in .ill.rank div:not(.me){transform:translateY(24px)}
.ill.sheets{align-items:center}
.ill.sheets i{width:26%;height:60%;border-radius:8px;border:1px solid var(--lline);background:repeating-linear-gradient(180deg,#fff 0 10px,#eef2f5 10px 11px);transition:all 1s cubic-bezier(.2,.8,.2,1)}
.ill.sheets b{position:absolute;inset:18px 22%;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 12px var(--m);opacity:0;transform:scale(.8);transition:all .8s .6s}
.in .ill.sheets i{opacity:0;transform:scale(.6)}.in .ill.sheets b{opacity:1;transform:none}
.ill.clock{align-items:center;justify-content:center}
.ill.clock svg{width:96px;height:96px}
.ill.clock .hand{transform-origin:50px 50px;animation:spin 6s linear infinite}
/* fluxo (etapas com telinhas) */
.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,5vw,64px);align-items:center;padding-block:clamp(34px,6vw,64px);border-bottom:1px solid var(--line)}
.stage:last-child{border-bottom:0}
.stage:nth-child(even) .txt{order:2}
@media(max-width:820px){.stage{grid-template-columns:1fr}.stage:nth-child(even) .txt{order:0}}
.stage .no{font:600 12px var(--m);letter-spacing:.16em;color:var(--o)}.stage .no span{color:var(--muted);margin-left:8px}
.stage h3{font-size:clamp(26px,3.2vw,38px);font-weight:800;margin:10px 0 12px}
.stage p{color:var(--muted);max-width:46ch}
.ui{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:16px;min-height:260px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000}
.ui .hd{display:flex;justify-content:space-between;align-items:center;font:600 10.5px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.live{display:inline-flex;align-items:center;gap:6px;color:var(--ok)}.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.25}}
.in-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.in-item{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:12.5px;transition:all .45s;min-width:0}
.in-item i{font:600 9.5px var(--m);font-style:normal;background:#1c2833;color:var(--blue);border-radius:6px;padding:4px 6px;flex:none}
.in-item.scan{border-color:var(--o);box-shadow:0 0 0 3px rgba(255,101,0,.12)}
.in-item.ok{border-color:rgba(61,220,151,.5)}.in-item.ok::after{content:"✓";margin-left:auto;color:var(--ok);font-weight:800}
.scanbar{height:3px;border-radius:2px;background:var(--panel);margin-top:12px;overflow:hidden}.scanbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--o),var(--o2));transition:width .6s}
.in-cap{font:11px var(--m);color:var(--muted);margin-top:8px}
.st-big{font-size:20px;font-weight:800;margin-bottom:12px}
.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.st-grid div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}
.st-grid small{display:block;font:10px var(--m);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.st-grid b{font-size:17px;font-variant-numeric:tabular-nums}
.spark{width:100%;height:70px;display:block}
.cl{display:grid;grid-template-columns:100px 1fr;gap:12px}
.cl-in{display:flex;flex-direction:column;gap:6px;justify-content:center}
.cl-in span{font:11px var(--m);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 8px;transition:all .5s}
.cl-in span.go{opacity:0;transform:translateX(40px)}
.cl-out{display:flex;flex-direction:column;gap:8px}
.bucket{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--panel);display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:44px}
.bucket b{font:600 10.5px var(--m);letter-spacing:.08em;padding:3px 7px;border-radius:6px}
.bucket .chip{font:10.5px var(--m);background:#1c2833;border-radius:6px;padding:3px 6px;animation:pop .4s}
@keyframes pop{from{transform:scale(.6);opacity:0}}
.b1 b{background:rgba(255,90,90,.15);color:var(--red)}.b2 b{background:rgba(255,180,0,.15);color:var(--o2)}.b3 b{background:rgba(90,169,255,.15);color:var(--blue)}.b4 b{background:rgba(174,184,194,.12);color:var(--muted)}
.tk-title{font-weight:700;margin-bottom:10px}
.row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px;color:var(--muted);transition:all .4s}
.row i{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center;font-style:normal;font-size:11px}
.row small{margin-left:auto;font:11px var(--m);opacity:0;transition:opacity .4s;white-space:nowrap}
.row.run{background:rgba(255,101,0,.08);color:var(--fg)}.row.run i{border-color:var(--o);border-top-color:transparent;animation:spin .8s linear infinite}
.row.done{color:var(--fg)}.row.done i{background:var(--ok);border-color:var(--ok);color:#06210f}.row.done i::after{content:"✓"}.row.done small{opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}
.al-flow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.al-flow span{font:600 10.5px var(--m);border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--muted);transition:all .4s}
.al-flow span.on{color:var(--ok);border-color:rgba(61,220,151,.5)}.al-flow span.warn{color:#070A0D;background:var(--o2);border-color:var(--o2)}
.al-card{background:var(--panel);border:1px solid var(--o2);border-radius:14px;padding:14px;opacity:.25;transition:opacity .5s}.al-card.on{opacity:1}
.al-card small{font:600 10.5px var(--m);color:var(--o2);letter-spacing:.1em;text-transform:uppercase}
.al-card b{display:block;margin:6px 0 4px;font-size:15px}.al-card p{font-size:13px;color:var(--muted);margin:0 0 10px}
.al-act{display:flex;gap:8px;align-items:center}.al-act span{font:600 12px var(--f);border-radius:10px;padding:8px 14px;background:var(--o);color:#070A0D;transition:all .4s}
.al-act em{font:600 11px var(--m);font-style:normal;color:var(--muted)}.al-card.ok .al-act span{background:var(--ok)}
.chat{display:flex;flex-direction:column;gap:8px}
.m{font-size:13px;padding:9px 12px;border-radius:14px;max-width:84%;opacity:0;transform:translateY(8px);transition:all .45s}
.m.in{opacity:1;transform:none}.m.c{background:#1f2c34;align-self:flex-start}.m.a{background:#0b4d3b;align-self:flex-end}
.m.s{align-self:center;font:11px var(--m);color:var(--o2);border:1px dashed var(--o);background:transparent;max-width:100%;text-align:center}
.bd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bd .col{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;min-height:150px;min-width:0}
.bd .col b{display:block;font:600 9.5px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.card{background:#1c2833;border:1px solid var(--line);border-radius:8px;padding:6px;font-size:11px;margin-bottom:6px}
.card.mv{border-color:var(--o);box-shadow:0 0 0 2px rgba(255,101,0,.2);animation:pop .4s}.card small{display:block;color:var(--muted);font-size:10px}
/* caminhos (o que você precisa) */
.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,56px)}
@media(max-width:980px){.paths{grid-template-columns:1fr 1fr}}@media(max-width:600px){.paths{grid-template-columns:1fr}}
.path{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;min-width:0;transition:transform .3s,border-color .3s,box-shadow .3s}
.path:hover{transform:translateY(-6px);border-color:var(--o);box-shadow:0 30px 60px -26px rgba(255,101,0,.35)}
.path .k{font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--o)}
.path h3{font-size:24px;font-weight:800}
.path p{color:var(--muted);font-size:15px}
.path .for{font-size:13.5px;color:var(--fg);border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.path .for b{color:var(--o2);font-weight:600}
.path .go{font:600 13px var(--m);color:var(--o)}
/* dor */
.scene{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;margin-top:clamp(56px,8vw,100px)}
.scene:nth-of-type(even) .s-txt{order:2}
@media(max-width:860px){.scene{grid-template-columns:1fr}.scene:nth-of-type(even) .s-txt{order:0}}
.s-n{font:600 12px var(--m);color:var(--red);letter-spacing:.14em;text-transform:uppercase}
.scene h3{font-size:clamp(26px,3.2vw,38px);font-weight:800;margin:10px 0 14px}
.quote{font-size:clamp(17px,1.9vw,21px);color:var(--fg);border-left:3px solid var(--red);padding:2px 0 2px 16px;margin-bottom:18px}
.pain{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.pain li{display:flex;gap:12px;color:var(--muted);font-size:15.5px}.pain li::before{content:"✕";color:var(--red);font-weight:800;flex:none}
.gain{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gain li{display:flex;gap:12px;font-size:15.5px}.gain li::before{content:"✓";color:var(--ok);font-weight:800;flex:none}
.fix{font-size:15px;color:var(--fg);background:rgba(255,101,0,.1);border:1px solid rgba(255,101,0,.35);border-radius:12px;padding:12px 16px}.fix b{color:var(--o)}
.vis{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.8);overflow:hidden}
.serp .bar{background:#1a2530;border-radius:999px;padding:10px 16px;font-size:13px;margin-bottom:14px}
.serp .r{padding:10px 12px;border-radius:10px;margin-bottom:6px;font-size:13px;background:rgba(255,255,255,.04)}
.serp .r small{display:block;color:var(--muted);font-size:11.5px}
.serp .gap{border:1px dashed var(--red);color:var(--red);text-align:center;border-radius:10px;padding:12px;font:600 11.5px var(--m);margin:10px 0}
.serp .r.me{opacity:.45;filter:grayscale(1);background:transparent}
.dm{display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.dm div{padding:9px 13px;border-radius:14px;max-width:80%}
.dm .c{background:#24313c;align-self:flex-start}.dm .e{background:#3a2414;align-self:flex-end;color:var(--o2)}
.dm .sys{align-self:center;font:11px var(--m);color:var(--red);border:1px dashed var(--red);max-width:100%;text-align:center}
.sheets3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sheet{background:#0c1319;border:1px solid var(--line);border-radius:10px;padding:10px;font:11px var(--m);color:var(--muted);min-width:0}
.sheet h4{margin:0 0 8px;font:600 11px var(--m);color:var(--fg);overflow:hidden;text-overflow:ellipsis}
.sheet i{display:block;height:7px;border-radius:3px;background:var(--line);margin-bottom:6px}
.sheet strong{display:block;margin-top:8px;font:700 15px var(--f);color:var(--fg)}.sheet.bad strong{color:var(--red)}
.neq{text-align:center;color:var(--red);font:700 13px var(--m);margin-top:12px}
.dor-end{text-align:center;margin-top:clamp(64px,9vw,110px)}
.dor-end h3{font-size:clamp(28px,4vw,46px);font-weight:800;max-width:20ch;margin:0 auto 26px}
/* cases no formato Automy */
.ctabs{display:flex;gap:6px;overflow-x:auto;margin-top:clamp(30px,4vw,48px);padding-bottom:6px;border-bottom:1px solid var(--lline)}
.ctabs button{all:unset;cursor:pointer;flex:none;display:flex;gap:10px;align-items:baseline;padding:12px 16px;border-radius:12px 12px 0 0;color:var(--ink2);font:600 14px var(--f);border-bottom:3px solid transparent}
.ctabs button i{font:600 11px var(--m);font-style:normal;color:#9aa6b2}
.ctabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--o)}.ctabs button[aria-selected=true] i{color:var(--o)}
.ctabs button:focus-visible{outline:2px solid var(--o2)}
.case{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;background:linear-gradient(135deg,#fff 0%,#f7f3ef 100%);border:1px solid var(--lline);border-radius:28px;padding:clamp(20px,3.5vw,44px);margin-top:22px;box-shadow:0 30px 70px -40px rgba(13,20,26,.45);animation:caseIn .6s cubic-bezier(.2,.8,.2,1)}
@keyframes caseIn{from{opacity:0;transform:translateY(16px)}}
@media(max-width:900px){.case{grid-template-columns:1fr}}
.stack{position:relative;aspect-ratio:16/12;min-width:0}
.stack img{position:absolute;border-radius:12px;border:1px solid var(--lline);box-shadow:0 24px 50px -20px rgba(13,20,26,.45);background:#fff;object-fit:cover;object-position:top left}
.stack .s1{width:82%;aspect-ratio:16/10;left:14%;top:14%;z-index:2}
.stack .s2{width:46%;aspect-ratio:16/10;left:0;top:0;z-index:1;opacity:.95}
.stack .s3{width:44%;aspect-ratio:16/10;left:4%;bottom:0;z-index:3}
.stack .ph{position:absolute;right:0;bottom:-2%;width:27%;aspect-ratio:9/19;object-fit:cover;object-position:top;border-radius:26px;border:6px solid #0d141a;box-shadow:0 30px 60px -20px rgba(13,20,26,.6);z-index:4;background:#0d141a}
.stack.with-ph .s1{width:76%;left:4%;top:16%}.stack.with-ph .s2{left:20%;top:0;width:52%}
.case .brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.case .brand b{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--o),var(--o2));color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}
.case .brand span{font-size:clamp(24px,2.6vw,32px);font-weight:800;color:var(--o)}
.case h3{font-size:clamp(26px,3vw,36px);font-weight:800;color:var(--ink);margin-bottom:12px}
.case p.d{color:var(--ink2);font-size:16px}
.kpis{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--lline);margin-top:20px;padding-top:18px}
.kpis div b{display:block;color:var(--o);font-size:16px;font-weight:800;line-height:1.2}
.kpis div small{font:600 11px var(--m);letter-spacing:.08em;text-transform:uppercase;color:#7b8794}
.case .btn{margin-top:22px;background:rgba(255,101,0,.08);border-color:rgba(255,101,0,.35);color:var(--o)!important}
.case .pill{display:inline-block;font:600 10px var(--m);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--o2);color:#b77b00;border-radius:999px;padding:3px 10px;margin-left:8px;vertical-align:middle}
/* sites (faixa de capas) */
.sitestrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}
@media(max-width:820px){.sitestrip{grid-template-columns:1fr 1fr}}
.sitestrip a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);position:relative;text-decoration:none}
.sitestrip img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;transition:transform .8s}
.sitestrip a:hover img{transform:scale(1.05)}
.sitestrip span{position:absolute;left:10px;bottom:10px;font:600 12px var(--f);background:rgba(7,10,13,.85);border:1px solid var(--line);border-radius:8px;padding:5px 10px}
/* processo */
.phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:clamp(36px,5vw,56px)}
@media(max-width:900px){.phases{grid-template-columns:1fr 1fr}}@media(max-width:520px){.phases{grid-template-columns:1fr}}
.phase{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0;position:relative}
.phase small{font:600 11px var(--m);letter-spacing:.12em;color:var(--o)}
.phase b{display:block;font-size:19px;margin:8px 0 6px}.phase span{color:var(--muted);font-size:14px}
.phase em{display:inline-block;margin-top:12px;font:600 10.5px var(--m);font-style:normal;color:var(--o2);border:1px solid rgba(255,180,0,.4);border-radius:999px;padding:3px 9px}
/* time */
.team{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(36px,5vw,56px)}
@media(max-width:800px){.team{grid-template-columns:1fr}}
.person{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;gap:18px;align-items:flex-start}
.person .ini{flex:none;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#FF6500,#FFB400);color:#070A0D;font-weight:800;font-size:24px;display:grid;place-items:center;overflow:hidden}
.person .ini img{width:100%;height:100%;object-fit:cover}
.person small{color:var(--o);font:600 11px var(--m);letter-spacing:.08em;text-transform:uppercase}
.person b{display:block;font-size:19px;margin:2px 0 6px}.person p{color:var(--muted);font-size:14.5px}
.person a.ig{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font:600 13px var(--f);text-decoration:none;color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
@media(max-width:600px){.nums{grid-template-columns:1fr}}
.nums div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.nums b{display:block;font-size:34px;font-weight:800;color:var(--o)}.nums span{color:var(--muted);font-size:14px}
/* perguntas */
.faq{max-width:860px;margin:clamp(30px,4vw,48px) auto 0;display:grid;gap:10px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--o);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);padding-bottom:18px}
/* chamada final */
.final{text-align:center;background:radial-gradient(60% 80% at 50% 120%,rgba(255,101,0,.28),transparent 70%),var(--bg)}
.final h2{max-width:18ch;margin:0 auto}
.final .cta-row{justify-content:center}
.price{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.price div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-width:220px;flex:1}
.price small{font:600 11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.price b{display:block;font-size:26px;font-weight:800;color:var(--o);margin:4px 0}
.price span{font-size:13.5px;color:var(--muted)}
.light .price div{background:#fff;border-color:var(--lline)}
.ref{font-size:12.5px;color:var(--muted);margin-top:12px}
/* frentes (página de sistemas) */
.front-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:clamp(28px,4vw,40px) 0 16px}
.front-tabs button{all:unset;cursor:pointer;font:600 14px var(--f);padding:12px 18px;border-radius:12px;border:1px solid var(--line);color:var(--muted);background:var(--panel)}
.front-tabs button[aria-selected=true]{border-color:var(--o);color:var(--fg);box-shadow:0 0 0 3px rgba(255,101,0,.15)}
.front{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;background:var(--panel2);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,28px)}
@media(max-width:860px){.front{grid-template-columns:1fr}}
.front h3{font-size:26px;font-weight:800;margin-bottom:14px}
.sub{font:600 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--o);margin:4px 0 10px}
.seg{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.seg span{font-size:12.5px;border:1px solid var(--line);border-radius:8px;padding:5px 9px;color:var(--muted)}.seg span b{color:var(--fg)}
.cloud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(30px,4vw,44px)}
@media(max-width:900px){.cloud{grid-template-columns:1fr 1fr}}
.cloud div{background:#fff;border:1px solid var(--lline);border-radius:16px;padding:18px;min-width:0}
.cloud b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}.cloud span{font-size:14px;color:var(--ink2)}
/* visualizador de sites */
.vchips{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;margin-top:clamp(30px,4vw,50px)}
.vchip{flex:none;display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);color:var(--fg);border-radius:14px;padding:6px 14px 6px 6px;cursor:pointer;font:600 13px var(--f)}
.vchip img{width:64px;height:40px;border-radius:8px;object-fit:cover;object-position:top}
.vchip[aria-selected=true]{border-color:var(--o);box-shadow:0 0 0 3px rgba(255,101,0,.15)}
.vstage{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:center}
@media(max-width:900px){.vstage{grid-template-columns:1fr}}
.vtop{display:flex;gap:8px;margin-bottom:14px}
.vtop button{font:600 13px var(--f);border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:9px 16px;cursor:pointer}
.vtop button[aria-pressed=true]{color:var(--o);border-color:var(--o)}
.vdev{display:flex;justify-content:center}
.vframe{position:relative;width:100%;aspect-ratio:16/10;background:#000;border:10px solid #1a232c;border-bottom-width:16px;border-radius:14px 14px 4px 4px;overflow:hidden;transition:width .7s cubic-bezier(.2,.8,.2,1),border-radius .7s;box-shadow:0 40px 80px -30px #000}
.vframe.mob{width:min(290px,100%);aspect-ratio:390/800;border-width:11px;border-radius:38px}
.vframe iframe{position:absolute;left:0;top:0;border:0;background:#fff;transform-origin:0 0}
.vload{position:absolute;inset:0;display:grid;place-items:center;font:12px var(--m);color:var(--muted);background:#080c10;pointer-events:none;transition:opacity .4s}.vload.off{opacity:0}
.vinfo{display:flex;flex-direction:column;gap:12px}
.vinfo h3{font-size:24px;font-weight:800}.vinfo .sec-t{color:var(--muted);font-size:14px}
.vinfo ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.vinfo li{font-size:14.5px;color:var(--muted);display:flex;gap:10px}.vinfo li::before{content:"→";color:var(--o)}
.lvl{align-self:flex-start;font:600 10px var(--m);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--o);color:var(--o);border-radius:999px;padding:3px 10px}
.vhint{font:11px var(--m);color:var(--muted);margin-top:12px}
/* janela do case */
dialog{padding:0;border:1px solid var(--line);border-radius:22px;background:var(--bg);color:var(--fg);width:min(1120px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:hidden}
dialog::backdrop{background:rgba(2,4,6,.82);backdrop-filter:blur(6px)}
.md{display:flex;flex-direction:column;max-height:calc(100svh - 26px)}
.md-h{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:22px 24px 14px;border-bottom:1px solid var(--line)}
.md-h h3{font-size:clamp(22px,3vw,30px);font-weight:800}.md-h p{color:var(--muted);font-size:14px;margin-top:4px}
.x{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--fg);font-size:20px;cursor:pointer}
.tabs{display:flex;gap:6px;padding:12px 24px 0;overflow-x:auto}
.tabs button{font:600 13px var(--f);background:none;border:1px solid transparent;border-bottom:none;color:var(--muted);padding:11px 16px;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap}
.tabs button[aria-selected=true]{color:var(--o);background:var(--panel);border-color:var(--line)}
.md-b{overflow:auto;padding:22px 24px 26px;background:var(--panel);border-top:1px solid var(--line);flex:1}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.md-b h4{margin:0 0 10px;font:600 12px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--o)}
.prob{font-size:17px}
.fn{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fn li{display:flex;gap:12px;font-size:15px;color:var(--muted)}.fn li::before{content:"✓";color:var(--o);font-weight:800;flex:none}.fn li b{color:var(--fg)}
.gal{display:grid;grid-template-columns:200px 1fr;gap:20px}
.thumbs{display:flex;flex-direction:column;gap:8px;max-height:56svh;overflow:auto}
.thumbs button{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:6px;color:var(--muted);font:600 11.5px var(--f);cursor:pointer}
.thumbs button[aria-pressed=true]{border-color:var(--o);color:var(--fg)}
.thumbs img{aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:6px;width:100%}
.big-img{background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.big-img .f{display:flex;align-items:center;justify-content:center;background:#0c1319;max-height:52svh;overflow:auto;padding:6px}
.big-img img{max-width:100%;height:auto;max-height:50svh;object-fit:contain}
.big-img .cp{padding:14px 18px;border-top:1px solid var(--line)}.big-img .cp b{display:block;font-size:16px;margin-bottom:3px}.big-img .cp span{color:var(--muted);font-size:14px}
.md-f{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--line);background:var(--bg)}
.md-f small{color:var(--muted);font-size:12.5px}
@media(max-width:760px){.cols{grid-template-columns:1fr}.gal{grid-template-columns:1fr}.thumbs{flex-direction:row;max-height:none;overflow-x:auto}.thumbs button{min-width:140px}.md-h,.tabs,.md-b,.md-f{padding-inline:16px}}
.flowstages .stage{padding-block:24px}.flowstages .stage h3{font-size:22px}
/* formulário em etapas */
#qz{width:min(560px,calc(100vw - 24px));border:1px solid rgba(255,101,0,.35);background:#0b1015;box-shadow:0 30px 90px -20px rgba(255,101,0,.35)}
.qz{padding:26px 26px 22px;display:flex;flex-direction:column;gap:16px}
.qz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qz-top b{font:600 11px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--o)}
.qz-x{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;font-size:16px}
.qz-bar{display:flex;align-items:center;gap:12px}.qz-bar div{flex:1;height:5px;border-radius:3px;background:var(--panel);overflow:hidden}
.qz-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--o),var(--o2));border-radius:3px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.qz-bar span{font:12px var(--m);color:var(--muted);min-width:32px;text-align:right}
.qz-step{display:flex;flex-direction:column;gap:12px;animation:qzIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes qzIn{from{opacity:0;transform:translateX(18px)}}
.qz-step h3{font-size:22px;font-weight:800}.qz-step h3 i{color:var(--red);font-style:normal}.qz-step p{color:var(--muted);font-size:14px}
.qz input,.qz select{font:17px var(--f);padding:15px 16px;border-radius:12px;background:var(--bg);border:1px solid var(--line);color:var(--fg);width:100%}
.qz input:focus,.qz select:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(255,101,0,.18)}
.qz-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qz-opts button{text-align:left;font:600 14.5px var(--f);color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}
.qz-opts button small{display:block;font-weight:400;color:var(--muted);font-size:12.5px;margin-top:2px}
.qz-opts button[aria-pressed=true]{border-color:var(--o);background:rgba(255,101,0,.1)}
@media(max-width:520px){.qz-opts{grid-template-columns:1fr}.qz{padding:20px 18px}}
.qz-err{color:var(--red);font-size:13px;min-height:18px}
.qz-nav{display:flex;justify-content:space-between;gap:10px}.qz-nav[hidden],.qz-x[hidden]{display:none}
.qz-nav .btn[disabled]{opacity:.35;pointer-events:none}
.qz-done{text-align:center;align-items:center}
.qz-done .ok{width:64px;height:64px;border-radius:50%;background:rgba(37,211,102,.15);color:var(--wa);display:grid;place-items:center;font-size:30px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* rodapé */
footer{border-top:1px solid var(--line);padding-block:40px}
.ft{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.ft .logo svg{height:30px}.ft p{color:var(--muted);font-size:13.5px;margin-top:10px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,auto);gap:8px 28px}
.ft ul a{color:var(--muted);text-decoration:none;font-size:14px}.ft ul a:hover{color:var(--fg)}
.fab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:40;width:60px;height:60px;border-radius:50%;background:var(--wa);display:grid;place-items:center;color:#04210f;box-shadow:0 12px 30px rgba(37,211,102,.4)}
.fab svg{width:30px;height:30px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .rv{opacity:1;transform:none}.toast{opacity:1;transform:none}.marq{animation:none}}
.light .path{background:#fff;border-color:var(--lline);color:var(--ink)}.light .path p{color:var(--ink2)}.light .path .for{color:var(--ink);border-color:var(--lline)}.light .path .for b{color:#c46a00}
.light .btn{color:var(--ink)}
/* celulares do Nexis Link */
.phones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(30px,4vw,50px)}
@media(max-width:980px){.phones{grid-template-columns:1fr 1fr}}
.phones figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.phones figcaption{font:600 12.5px var(--m);color:var(--muted)}
.phonebox{position:relative;width:100%;max-width:250px;aspect-ratio:390/800;border:9px solid #1a232c;border-radius:34px;overflow:hidden;background:#000;box-shadow:0 30px 60px -24px #000}
.phonebox iframe{position:absolute;left:0;top:0;border:0;background:#fff;transform-origin:0 0}
@media(min-width:900px){.ctabs{flex-wrap:wrap;overflow:visible}}
/* fundo vivo em todas as partes escuras: rede animada + brilhos laranja que se movem devagar */
#net{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2;opacity:.85;pointer-events:none}
.bgfx{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:var(--bg)}
.bgfx::before,.bgfx::after{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(40px);opacity:.55}
.bgfx::before{background:radial-gradient(circle,rgba(255,101,0,.35),transparent 62%);left:-20vmax;top:30vh;animation:drift1 26s ease-in-out infinite alternate}
.bgfx::after{background:radial-gradient(circle,rgba(255,180,0,.18),transparent 60%);right:-25vmax;top:-20vmax;animation:drift2 32s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(55vw,-35vh) scale(1.15)}}
@keyframes drift2{to{transform:translate(-45vw,60vh) scale(.9)}}
body{background:transparent}
html{background:var(--bg)}
.hero{isolation:auto}
.tint{background:linear-gradient(180deg,rgba(11,16,21,.55),rgba(11,16,21,.35))}
.band{background:rgba(11,16,21,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.final{background:radial-gradient(60% 80% at 50% 120%,rgba(255,101,0,.3),transparent 70%)}
.light{position:relative;z-index:1}
footer{background:rgba(7,10,13,.6)}
@media(prefers-reduced-motion:reduce){.bgfx::before,.bgfx::after{animation:none}}
/* busca no mapa (página Site · Posicionamento no Google) */
.gmock{display:flex;flex-direction:column;align-items:center;gap:12px}
.gm-phone{width:min(360px,100%);background:#fff;color:#202124;border-radius:34px;border:10px solid #1a232c;box-shadow:0 40px 90px -30px #000,0 0 0 1px rgba(255,101,0,.15);overflow:hidden;font-family:Roboto,Arial,system-ui,sans-serif}
.gm-search{display:flex;align-items:center;gap:10px;margin:14px 14px 8px;padding:11px 14px;border-radius:999px;background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.28);font-size:14px;color:#3c4043}
.gm-search svg{color:#5f6368;flex:none}
.gm-chips{display:flex;gap:6px;padding:0 14px 10px;overflow:hidden}
.gm-chips span{flex:none;font-size:11.5px;border:1px solid #dadce0;border-radius:999px;padding:5px 10px;color:#3c4043;white-space:nowrap}
.gm-chips span.on{background:#e8f0fe;border-color:#d2e3fc;color:#1967d2}
.gm-map{position:relative;height:150px;overflow:hidden}
.gm-map svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;width:18px;height:18px;margin:-18px 0 0 -9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ea4335;box-shadow:0 2px 4px rgba(0,0,0,.3)}
.pin.c{opacity:.55;transform:rotate(-45deg) scale(.8)}
.pin.me{width:26px;height:26px;margin:-26px 0 0 -13px;background:var(--o);z-index:2;animation:pinDrop .9s cubic-bezier(.3,1.6,.5,1) both}
.pin.me::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,101,0,.25);animation:pinPulse 1.8s ease-out infinite}
.pin.me i{position:absolute;left:30px;top:-6px;transform:rotate(45deg);transform-origin:left;font:700 11px Roboto,Arial,sans-serif;font-style:normal;color:#202124;background:#fff;border-radius:6px;padding:3px 7px;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.25)}
@keyframes pinDrop{from{transform:rotate(-45deg) translate(-40px,-40px);opacity:0}}
@keyframes pinPulse{from{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}
.gm-card{padding:12px 16px;border-top:1px solid #ececec}
.gm-card.me{background:#fff7f1;border-left:4px solid var(--o);animation:gmIn .7s .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes gmIn{from{opacity:0;transform:translateY(12px)}}
.gm-top{display:flex;justify-content:space-between;align-items:center}
.gm-top b{font-size:16px;font-weight:600;color:#1a0dab}
.gm-card.me .gm-top b{color:#202124}
.first{font:700 11px Roboto,Arial,sans-serif;background:var(--o);color:#fff;border-radius:6px;padding:3px 8px}
.gm-rate{font-size:13px;color:#70757a;margin-top:2px;display:flex;align-items:center;gap:2px}
.gm-rate b{color:#3c4043;font-weight:500;margin-right:3px}
.stars{color:#fbbc04;letter-spacing:-1px}.stars.off{color:#dadce0}
.gm-rate .n{margin-left:4px}
.gm-meta{font-size:12.5px;color:#70757a;margin-top:2px}.gm-meta em{font-style:normal;color:#188038;font-weight:500}
.gm-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;border-radius:10px;overflow:hidden}
.gm-photos img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gm-btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.gm-btns span{font-size:12px;font-weight:500;color:#1967d2;border:1px solid #dadce0;border-radius:999px;padding:6px 11px}
.gm-btns span.wa{color:#fff;background:#25D366;border-color:#25D366}
.gm-card.dim{opacity:.55}.gm-card.dim .gm-top b{color:#3c4043;font-size:14.5px}
.gm-cap{font:11px var(--m);color:var(--muted)}
@media(prefers-reduced-motion:reduce){.pin.me,.pin.me::after,.gm-card.me{animation:none}}
/* ofertas sem preço (croqui grátis) */
.offer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(30px,4vw,48px)}
.offer.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.offer,.offer.two{grid-template-columns:1fr}}
.offer article{background:#fff;border:1px solid var(--lline);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px -30px rgba(13,20,26,.35);min-width:0}
.offer small{font:600 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--o)}
.offer h3{font-size:22px;font-weight:800;color:var(--ink)}
.offer p{font-size:15px}
.offer .btn{margin-top:auto;align-self:flex-start}
/* menu do celular escondido de verdade quando fechado */
@media(max-width:960px){.nav ul{visibility:hidden}.nav ul.open{visibility:visible}}
/* portfólio: como usar, dica sobre a tela, tela cheia e grade de sites */
.vhow{list-style:none;margin:clamp(22px,3vw,34px) 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.vhow li{display:flex;align-items:center;gap:10px;background:rgba(17,26,34,.8);border:1px solid var(--line);border-radius:999px;padding:8px 16px 8px 8px;font-size:14px}
.vhow b{width:26px;height:26px;border-radius:50%;background:var(--o);color:#070A0D;display:grid;place-items:center;font-size:13px}
.vtop{align-items:center;flex-wrap:wrap}
.vtop button{display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:10px 18px}
.vfull{margin-left:auto;font:600 13px var(--f);color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--line);padding-bottom:2px}
.vfull:hover{color:var(--fg)}
.vtip{position:absolute;inset:0;display:grid;place-items:end center;padding-bottom:22px;background:linear-gradient(180deg,transparent 55%,rgba(7,10,13,.55));cursor:pointer;transition:opacity .4s;z-index:3}
.vtip span{font:600 13px var(--f);background:rgba(7,10,13,.88);border:1px solid var(--o);border-radius:999px;padding:10px 16px;color:var(--fg);animation:tipBob 1.6s ease-in-out infinite}
.vtip.off{opacity:0;pointer-events:none}
@keyframes tipBob{50%{transform:translateY(-6px)}}
.sgrid-t{font-size:clamp(22px,2.6vw,30px);font-weight:800;margin:clamp(48px,7vw,80px) 0 18px}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1000px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sgrid{grid-template-columns:1fr}}
.scard{all:unset;cursor:pointer;display:flex;flex-direction:column;background:rgba(17,26,34,.85);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.scard:hover,.scard:focus-visible{transform:translateY(-5px);border-color:var(--o);box-shadow:0 26px 50px -24px rgba(255,101,0,.35)}
.scard.on{border-color:var(--o);box-shadow:0 0 0 3px rgba(255,101,0,.2)}
.sshot{position:relative;aspect-ratio:16/11;background:#0c1319;overflow:hidden}
.sshot .sd{position:absolute;left:8%;top:10%;width:74%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line);box-shadow:0 14px 30px -14px #000}
.sshot .sm{position:absolute;right:6%;bottom:6%;width:24%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:12px;border:3px solid #1a232c;box-shadow:0 14px 30px -10px #000}
.smeta{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.smeta b{font-size:16px}.smeta small{color:var(--muted);font-size:13px}
.smeta em{font:600 12px var(--m);font-style:normal;color:var(--o);margin-top:4px}
/* dor em fundo claro, com perguntas */
.qs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(30px,4vw,48px)}
@media(max-width:980px){.qs{grid-template-columns:1fr 1fr}}@media(max-width:520px){.qs{grid-template-columns:1fr}}
.q{background:#fff;border:1px solid var(--lline);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px -30px rgba(13,20,26,.35);min-width:0}
.q span{width:42px;height:42px;border-radius:12px;background:rgba(255,90,90,.1);color:var(--red);display:grid;place-items:center;font-size:22px;font-weight:800}
.q p{font-size:17px;line-height:1.45;color:var(--ink)!important}.q b{color:var(--o)}
.light .scene h3{color:var(--ink)}.light .s-n{color:var(--red)}
.light .pain li{color:var(--ink2)}.light .gain li{color:var(--ink)}
.light .vis{color:var(--fg)}.light .vis small{color:var(--muted)}
/* Nexis Link: três celulares, o do meio em destaque */
.phones.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;max-width:920px;margin-inline:auto}
.phones.three .phonebox{max-width:260px}
.phones.three .mid .phonebox{max-width:300px;border-color:#2a1a10;box-shadow:0 0 0 2px var(--o),0 40px 80px -24px rgba(255,101,0,.45)}
.phones.three .mid figcaption{color:var(--o)}
@media(max-width:700px){.phones.three{grid-template-columns:1fr}.phones.three .mid{order:-1}}
/* Nexis Link: o que é (telas), benefícios, selos e setores */
.ben3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(26px,4vw,40px)}
@media(max-width:700px){.ben3{grid-template-columns:1fr}}
.ben3 div{background:rgba(17,26,34,.8);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.ben3 b{display:block;font-size:18px;color:var(--o)}.ben3 span{color:var(--muted);font-size:14px}
.anat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(30px,4vw,48px)}
@media(max-width:980px){.anat{grid-template-columns:repeat(2,minmax(0,1fr))}}
.anat figure{margin:0;display:flex;flex-direction:column;gap:14px;align-items:center;min-width:0}
.anat .shot{width:100%;max-width:230px;aspect-ratio:390/844;border:8px solid #1a232c;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px -24px #000;transition:transform .4s}
.anat figure:nth-child(even) .shot{transform:translateY(24px)}
.anat .shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.anat figcaption{text-align:center;display:flex;flex-direction:column;gap:2px;max-width:230px}
.anat figure:nth-child(even) figcaption{margin-top:24px}
.anat figcaption i{font:600 11px var(--m);font-style:normal;color:var(--o)}
.anat figcaption b{font-size:16px}.anat figcaption span{font-size:13.5px;color:var(--muted)}
.anat-cap{text-align:center;font:11px var(--m);color:var(--muted);margin-top:22px}
.badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.badges span{font-size:14px;border:1px solid var(--line);background:rgba(17,26,34,.8);border-radius:999px;padding:9px 16px;color:var(--muted)}
.badges b{color:var(--fg)}
.segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(30px,4vw,48px)}
@media(max-width:980px){.segs{grid-template-columns:1fr 1fr}}@media(max-width:520px){.segs{grid-template-columns:1fr}}
.sg{background:#fff;border:1px solid var(--lline);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 18px 40px -30px rgba(13,20,26,.35);min-width:0}
.sg b{font-size:17px;color:var(--ink)}.sg small{font-size:13px;color:var(--ink2)}
.sg p{font:600 11.5px var(--m);color:var(--o)!important;margin-top:6px;line-height:1.6}
/* quem somos */
.qs-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:end}
@media(max-width:900px){.qs-head{grid-template-columns:1fr}}
.qs-head .lead{margin-top:0}
.axis{display:flex;align-items:stretch;gap:12px;margin-top:clamp(30px,4vw,48px)}
.axis i{align-self:center;font-style:normal;font-size:30px;font-weight:800;color:var(--o)}
.ax{flex:1;background:#fff;border:1px solid var(--lline);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:2px;min-width:0;box-shadow:0 18px 40px -30px rgba(13,20,26,.35)}
.ax b{font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ax span{font:600 11.5px var(--m);color:var(--o);text-transform:uppercase;letter-spacing:.08em}
.ax small{font-size:13px;color:var(--ink2)}
.ax.nx{background:var(--ink);border-color:var(--ink)}.ax.nx b{color:#fff}.ax.nx span{color:var(--o2)}
@media(max-width:760px){.axis{flex-direction:column}.axis i{align-self:center}}
.mvv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
@media(max-width:760px){.mvv{grid-template-columns:1fr}}
.mvv div{border-top:2px solid var(--o);padding-top:12px}
.mvv small{font:600 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--o)}
.mvv p{font-size:16px;color:var(--ink)!important;margin-top:6px}
/* quem está por trás */
.founders{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(32px,4vw,52px)}
@media(max-width:820px){.founders{grid-template-columns:1fr}}
.founder{position:relative;display:flex;gap:22px;align-items:center;background:linear-gradient(160deg,rgba(17,26,34,.92),rgba(13,20,26,.85));border:1px solid var(--line);border-radius:24px;padding:26px;overflow:hidden;transition:border-color .3s,transform .3s}
.founder::before{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,101,0,.22),transparent 65%);pointer-events:none}
.founder:hover{border-color:rgba(255,101,0,.6);transform:translateY(-4px)}
.founder .ph{position:relative;flex:none;width:132px;height:132px;border-radius:50%;padding:4px;background:conic-gradient(from 0deg,var(--o),var(--o2),transparent 60%,var(--o));animation:ring 6s linear infinite}
.founder .ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0d141a;border:3px solid #0d141a;animation:ring 6s linear infinite reverse}
@keyframes ring{to{transform:rotate(360deg)}}
.founder .role{display:inline-block;font:600 11px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--o);border:1px solid rgba(255,101,0,.4);border-radius:999px;padding:4px 10px}
.founder h3{font-size:clamp(22px,2.4vw,28px);font-weight:800;margin:10px 0 6px}
.founder p{color:var(--muted);font-size:14.5px}
@media(max-width:520px){.founder{flex-direction:column;text-align:center}}
.founders-q{text-align:center;max-width:46ch;margin:clamp(30px,4vw,44px) auto 0;font-size:clamp(17px,2vw,21px);color:var(--fg)}
@media(prefers-reduced-motion:reduce){.founder .ph,.founder .ph img{animation:none}}
/* Nexis Link: etapas com um celular que troca de tela */
.stepper{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,72px);align-items:center;margin-top:clamp(32px,4vw,52px)}
@media(max-width:860px){.stepper{grid-template-columns:1fr}.st-ph-wrap{order:-1}}
.st-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.st-item{all:unset;cursor:pointer;position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(17,26,34,.6);overflow:hidden;transition:background .3s,border-color .3s;width:100%;box-sizing:border-box}
.st-item i{grid-row:span 2;font:600 13px var(--m);font-style:normal;color:var(--muted);width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;transition:all .3s}
.st-item b{font-size:17px}.st-item span{font-size:14px;color:var(--muted)}
.st-item .st-bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--o),var(--o2))}
.st-item.on{background:rgba(255,101,0,.08);border-color:rgba(255,101,0,.5)}
.st-item.on i{background:var(--o);border-color:var(--o);color:#070A0D}
.st-item.on .st-bar{animation:stbar var(--dur,3.6s) linear forwards}
.st-item:focus-visible{outline:2px solid var(--o2)}
@keyframes stbar{to{width:100%}}
.st-ph-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.st-cap{font:11px var(--m);color:var(--muted)}
.st-phone{position:relative;width:280px;aspect-ratio:390/800;border:10px solid #1a232c;border-radius:40px;background:#0d0d10;overflow:hidden;box-shadow:0 40px 90px -30px #000,0 0 0 1px rgba(255,101,0,.2)}
.st-phone::before{content:"";position:absolute;top:8px;left:50%;width:90px;height:22px;margin-left:-45px;border-radius:12px;background:#000;z-index:5}
.scr{position:absolute;inset:0;padding:46px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .55s,transform .65s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,#1b1410,#0d0d10 60%);color:#f4ede6}
.scr.on{opacity:1;transform:none}
.scr b{font-size:17px}.scr small{font-size:12px;color:#c9b8a8}
.s-open{justify-content:center}
.s-open .lg,.s-links .av{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:28px;color:#070A0D;background:linear-gradient(135deg,var(--o),var(--o2));box-shadow:0 0 0 8px rgba(255,101,0,.12),0 0 60px rgba(255,101,0,.45)}
.scr.on .lg{animation:lgIn 1.2s cubic-bezier(.2,1.4,.4,1) both}
@keyframes lgIn{from{transform:scale(.3) rotate(-30deg);opacity:0}}
.s-open .ld{display:block;width:60%;height:3px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;position:relative}
.s-open .ld::after{content:"";position:absolute;inset:0;background:var(--o);transform:translateX(-100%)}
.scr.on .ld::after{animation:ld 2.6s ease forwards}
@keyframes ld{to{transform:none}}
.s-links .av{width:64px;height:64px;font-size:22px;margin-top:6px}
.s-links a,.s-cat a{display:block;width:100%;text-align:center;font-size:13px;font-weight:600;padding:12px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#f4ede6}
.s-links a.wa,.s-cat a.wa{background:#25D366;border-color:#25D366;color:#04210f}
.scr.on a{animation:slideIn .5s both}.scr.on a:nth-of-type(2){animation-delay:.12s}.scr.on a:nth-of-type(3){animation-delay:.24s}.scr.on a:nth-of-type(4){animation-delay:.36s}
@keyframes slideIn{from{opacity:0;transform:translateX(-16px)}}
.s-cat{align-items:stretch}.s-cat>b{text-align:left}
.s-cat .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.s-cat .grid div{background:rgba(255,255,255,.06);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px}
.s-cat .grid i{display:block;aspect-ratio:4/3;border-radius:8px;background:linear-gradient(135deg,#3a2a20,#6b4426)}
.s-cat .grid span{font-size:11px}.s-cat .grid em{font-style:normal;font-size:12px;font-weight:700;color:var(--o2)}
.scr.on .grid div{animation:pop .45s both}.scr.on .grid div:nth-child(2){animation-delay:.1s}.scr.on .grid div:nth-child(3){animation-delay:.2s}.scr.on .grid div:nth-child(4){animation-delay:.3s}
.s-trust{align-items:stretch}.s-trust>b{font-size:30px;text-align:center}.s-trust>b span{font-size:16px;color:#fbbc04;letter-spacing:-1px}.s-trust>small{text-align:center}
.s-trust .rev{font-size:13px;background:rgba(255,255,255,.06);border-left:3px solid var(--o);border-radius:10px;padding:10px 12px;font-style:italic}
.s-trust .faq-i{display:flex;justify-content:space-between;font-size:12.5px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05)}
.s-trust .faq-i span{color:var(--o)}
@media(prefers-reduced-motion:reduce){.st-item.on .st-bar{animation:none;width:100%}}
/* instrução de arrastar nos celulares do Nexis Link */
.drag-hint{display:flex;align-items:center;justify-content:center;gap:12px;margin:clamp(20px,3vw,30px) auto 0;width:fit-content;max-width:100%;font-size:15px;font-weight:600;color:var(--fg);background:rgba(17,26,34,.85);border:1px solid var(--o);border-radius:999px;padding:12px 22px;text-align:center}
.drag-hint .hand{display:inline-block;font-size:20px;animation:drag 1.8s ease-in-out infinite}
@keyframes drag{0%,100%{transform:translateY(4px)}50%{transform:translateY(-8px)}}
.ptip{all:unset;cursor:pointer;position:absolute;inset:0;z-index:3;display:grid;place-items:end center;padding-bottom:18px;background:linear-gradient(180deg,transparent 55%,rgba(7,10,13,.6));transition:opacity .4s}
.ptip span{font:600 12px var(--f);background:rgba(7,10,13,.9);border:1px solid var(--o);border-radius:999px;padding:8px 14px;color:var(--fg);animation:tipBob 1.6s ease-in-out infinite}
.ptip.off{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.drag-hint .hand,.ptip span{animation:none}}
/* cartões de oferta com telinha */
.offer article.has-th{flex-direction:row;align-items:center;gap:18px}
.offer article.has-th>div{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.offer article.has-th .btn{margin-top:6px}
.offer .th{flex:none;width:92px;aspect-ratio:240/519;object-fit:cover;object-position:top;border-radius:16px;border:4px solid #1a232c;box-shadow:0 16px 30px -14px rgba(13,20,26,.6);transform:rotate(4deg);transition:transform .4s}
.offer article.has-th:hover .th{transform:rotate(0) scale(1.05)}
@media(max-width:420px){.offer .th{width:70px}}
/* conversa com cara de WhatsApp */
.wa-chat{width:min(380px,100%);margin-inline:auto;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -28px rgba(13,20,26,.55);border:1px solid #d1d7db;font-family:Roboto,"Segoe UI",Arial,system-ui,sans-serif;background:#efeae2}
.wa-hd{display:flex;align-items:center;gap:10px;background:#008069;color:#fff;padding:12px 14px}
.wa-back{font-size:26px;line-height:1;opacity:.9}
.wa-av{width:38px;height:38px;border-radius:50%;background:#dfe5e7;color:#54656f;display:grid;place-items:center;font-weight:700}
.wa-hd b{display:block;font-size:15.5px;font-weight:500}.wa-hd small{font-size:12px;opacity:.85}
.wa-body{display:flex;flex-direction:column;gap:6px;padding:14px 12px 16px;min-height:300px;background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:14px 14px}
.wa-day{align-self:center;font-size:11.5px;color:#54656f;background:#fff;border-radius:8px;padding:4px 10px;box-shadow:0 1px .5px rgba(11,20,26,.13);margin-bottom:4px}
.wa-m{position:relative;max-width:82%;font-size:14px;line-height:1.35;color:#111b21;padding:6px 9px 18px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13);min-width:90px}
.wa-m i{position:absolute;right:8px;bottom:3px;font-style:normal;font-size:11px;color:#667781}
.wa-m i b{color:#53bdeb;font-weight:400;letter-spacing:-3px;margin-left:2px}
.wa-m.in{align-self:flex-start;background:#fff;border-top-left-radius:0}
.wa-m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:0}
.wa-note{align-self:center;font-size:12px;color:#54656f;background:#fff5c4;border-radius:8px;padding:5px 12px;box-shadow:0 1px .5px rgba(11,20,26,.13);margin:4px 0}
.wa-note.red{background:#ffe1e1;color:#b42318}
.wa-in{display:flex;align-items:center;gap:8px;background:#f0f2f5;padding:8px 10px}
.wa-in span{flex:1;background:#fff;border-radius:20px;padding:9px 14px;font-size:14px;color:#8696a0}
.wa-in i{width:38px;height:38px;border-radius:50%;background:#00a884;flex:none}
.in .wa-m,.wa-chat.rv.in .wa-m{animation:waIn .45s both}
.in .wa-body>*:nth-child(2){animation-delay:.1s}.in .wa-body>*:nth-child(3){animation-delay:.4s}.in .wa-body>*:nth-child(4){animation-delay:.9s}.in .wa-body>*:nth-child(5){animation:waIn .45s 1.5s both}.in .wa-body>*:nth-child(6){animation-delay:2.1s}.in .wa-body>*:nth-child(7){animation:waIn .45s 2.7s both}
@keyframes waIn{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.wa-m,.wa-note{animation:none!important}}
/* trilha em etapas (hospedagem) */
.tl{position:relative;max-width:820px;margin:clamp(36px,5vw,64px) auto 0;display:flex;flex-direction:column;gap:clamp(34px,5vw,56px)}
.tl-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.tl-svg path{fill:none;stroke-width:2;stroke-linecap:round}
.tl-base{stroke:#dfe5ea;stroke-dasharray:4 7}
.tl-draw{stroke:var(--o)}
.tl-step{position:relative;display:flex;align-items:center;gap:20px;width:62%;margin-left:6%}
.tl-step.r{flex-direction:row-reverse;margin-left:auto;margin-right:6%;text-align:right}
.tl-ic{flex:none;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--lline);box-shadow:0 0 0 10px rgba(255,101,0,.05),0 20px 40px -20px rgba(13,20,26,.35);transition:all .5s cubic-bezier(.2,.8,.2,1);z-index:1}
.tl-ic svg{width:34px;height:34px;fill:none;stroke:#9aa6b2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.tl-tx small{font:600 10.5px var(--m);letter-spacing:.14em;color:#9aa6b2;transition:color .4s}
.tl-tx b{display:block;font-size:clamp(20px,2.4vw,26px);font-weight:800;color:var(--ink);margin:2px 0}
.tl-tx span{font-size:14.5px;color:var(--ink2)}
.tl-step.on .tl-ic{border-color:var(--o);box-shadow:0 0 0 10px rgba(255,101,0,.12),0 0 40px rgba(255,101,0,.35);transform:scale(1.06)}
.tl-step.on .tl-ic svg{stroke:var(--o)}
.tl-step.on .tl-tx small{color:var(--o)}
@media(max-width:640px){.tl-step,.tl-step.r{width:100%;margin:0;flex-direction:row;text-align:left}.tl-ic{width:66px;height:66px}.tl-ic svg{width:28px;height:28px}}
.offer.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.offer.four{grid-template-columns:1fr 1fr}}@media(max-width:560px){.offer.four{grid-template-columns:1fr}}
/* celular com o Nexis Link da Nexis */
.st-phone.nx .scr{background:radial-gradient(120% 60% at 50% 0%,#2a1408,#0b0d10 55%);color:#eef1f4;padding:44px 16px 16px;gap:9px}
.s-open{justify-content:center}
.s-open .mk{width:96px;height:auto;filter:drop-shadow(0 0 24px rgba(255,101,0,.5))}
.scr.on .mk{animation:lgIn 1.1s cubic-bezier(.2,1.4,.4,1) both}
.s-open .wd{width:150px;height:auto;margin-top:-4px}
.s-open .ld{display:block;width:62%;height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;position:relative;margin-top:10px}
.s-open .ld::after{content:"";position:absolute;inset:0;background:var(--o);transform:translateX(-100%)}
.s-open .pct{font:600 11px var(--m);color:#aeb8c2}
.s-open small{font:11px var(--m);color:#aeb8c2}.s-open small b{color:var(--o);animation:pulse 1s infinite}
.s-links .wd2{width:150px;height:auto;margin-top:4px}
.pill-nx{font:600 8.5px var(--m);letter-spacing:.12em;color:#ffb27a;border:1px solid rgba(255,101,0,.4);border-radius:999px;padding:4px 9px}
.s-links h4{font-size:15.5px;font-weight:800;text-align:center;margin:2px 0 4px;line-height:1.2}.s-links h4 em{font-style:normal;color:var(--o)}
.st-phone.nx .s-links a,.st-phone.nx .prod{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-align:left;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:12.5px;font-weight:600;color:#eef1f4}
.st-phone.nx .s-links a.hot{background:linear-gradient(90deg,#ff6500,#ff8a2a);border-color:#ff6500;color:#1a0b02}
.st-phone.nx .s-links a i,.st-phone.nx .prod i{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:13px;background:rgba(255,101,0,.15);color:var(--o)}
.st-phone.nx .s-links a.hot i{background:rgba(0,0,0,.15);color:#1a0b02}
.st-phone.nx .s-links a span,.st-phone.nx .prod span{flex:1;display:flex;flex-direction:column;min-width:0}
.st-phone.nx .s-links a small,.st-phone.nx .prod small{font-weight:400;font-size:10.5px;opacity:.75}
.st-phone.nx .s-links a em,.st-phone.nx .prod em{font-style:normal;opacity:.7}
.bar-top{display:flex;align-items:center;gap:10px;width:100%}.bar-top span{width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:14px}.bar-top b{font-size:14px}
.s-cat,.s-trust{align-items:stretch}
.s-cat .chips{display:flex;gap:5px}.s-cat .chips span{font-size:10.5px;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.15);color:#aeb8c2}.s-cat .chips span.on{background:var(--o);border-color:var(--o);color:#1a0b02;font-weight:700}
.st-phone.nx .prod b{font-size:12.5px}
.scr.on .prod{animation:slideIn .45s both}.scr.on .prod:nth-of-type(2){animation-delay:.1s}.scr.on .prod:nth-of-type(3){animation-delay:.2s}.scr.on .prod:nth-of-type(4){animation-delay:.3s}.scr.on .prod:nth-of-type(5){animation-delay:.4s}
.st-phone.nx .s-cat a.wa{margin-top:auto}
.s-trust .who{border:1px solid rgba(255,101,0,.3);background:rgba(255,101,0,.06);border-radius:12px;padding:10px}
.s-trust .who small{font:600 9px var(--m);letter-spacing:.12em;color:var(--o)}.s-trust .who b{display:block;font-size:13.5px;line-height:1.3;margin-top:4px}.s-trust .who em{font-style:normal;color:var(--o)}
.s-trust .revw{border-radius:12px;padding:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px}
.s-trust .revw .st{color:#fbbc04;letter-spacing:1px;font-size:14px}.s-trust .revw b{font-size:12.5px}.s-trust .revw small{font-size:10.5px;color:#aeb8c2}
.s-trust .loc{display:flex;align-items:center;gap:10px;border-radius:12px;padding:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.s-trust .loc .mp{flex:none;width:58px;height:58px;border-radius:10px;position:relative;background:linear-gradient(90deg,transparent 46%,#fff3 46% 54%,transparent 54%),linear-gradient(0deg,transparent 46%,#fff3 46% 54%,transparent 54%),#26323b}
.s-trust .loc .mp i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-14px 0 0 -7px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--o)}
.s-trust .loc span{flex:1;display:flex;flex-direction:column}.s-trust .loc b{font-size:12.5px}.s-trust .loc small{font-size:10.5px;color:#aeb8c2}
.s-trust .loc em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--o)}
.scr.on .who,.scr.on .revw,.scr.on .loc{animation:waIn .45s both}.scr.on .revw{animation-delay:.2s}.scr.on .loc{animation-delay:.4s}
.st-cap a{color:var(--o);text-decoration:none}
.s-open .ld::after{transform:translateX(calc(-100% + var(--p,0) * 100%))}
.segs.compact{gap:12px}
.segs.compact .sg{padding:16px 18px;gap:4px;border-left:3px solid var(--o)}
.segs.compact .sg b{font-size:16.5px}
/* instrução discreta, sem moldura */
.drag-hint{background:none;border:0;padding:0;font:600 11.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:12px}
.drag-hint::before,.drag-hint::after{content:"";width:28px;height:1px;background:var(--line)}
.ptip span,.vtip span{animation:none;font-weight:500;border-color:rgba(255,255,255,.18)}
/* visualizador: botões ao lado (em cima do selo) e tela cheia embaixo do computador */
.vside{display:flex;flex-direction:column;gap:18px}
.vside .vtop{margin:0;flex-wrap:nowrap}
.vside .vtop button{flex:1;justify-content:center;padding:10px 12px}
.vbelow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.vbelow .vhint{margin:0}
.vbelow .vfull{margin-left:0}
@media(max-width:900px){.vside{order:-1}.vside .vtop{order:0}}
/* busca no mapa, versão "dor": concorrentes na frente, a sua empresa por último */
.gmock.bad .gm-card:not(.ghost){background:#fff}
.gmock.bad .pin{opacity:1;transform:rotate(-45deg)}
.gm-gap{text-align:center;font:600 11px Roboto,Arial,sans-serif;color:#d93025;border:1px dashed #f4a29b;background:#fdecea;border-radius:8px;margin:8px 14px;padding:7px}
.gm-card.ghost{opacity:.5;filter:grayscale(1)}
.gm-card.ghost .gm-top b{color:#5f6368}
/* modo celular: informações mais perto do telefone */
@media(min-width:901px){.vstage.mob-mode{grid-template-columns:auto 300px;justify-content:center;gap:56px}.vstage.mob-mode .vdev{justify-content:flex-end}.vstage.mob-mode .vframe{width:300px}.vstage.mob-mode .vbelow{justify-content:center;gap:24px}}
/* tela cheia dentro da página */
.fsv{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#070A0D}
.fsv[hidden]{display:none}
.fsv-bar{display:flex;align-items:center;gap:14px;padding:10px max(16px,env(safe-area-inset-left,0px));padding-top:max(10px,env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);background:rgba(7,10,13,.96)}
.fsv-bar .btn{padding:10px 16px;font-size:14px}
.fsv-n{flex:1;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsv-f{flex:1;width:100%;border:0;background:#fff}
@media(max-width:560px){.fsv-cta{display:none}}
.final h2{max-width:none}@media(max-width:700px){.final h2 br{display:none}}
/* celular com as telas reais do nexislink.com.br */
.st-phone.real .scr{padding:0;background:#0b0d10}
.st-phone.real .scr img{width:100%;height:100%;object-fit:cover;object-position:top}
.st-phone.real::before{display:none}
.st-phone.real .scr.on img{animation:realIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes realIn{from{transform:scale(1.04);filter:blur(4px)}}
.st-list{gap:8px}.stepper .st-item{padding:13px 16px}.stepper .st-item b{font-size:16px}
.kpis{gap:18px 28px}
.kpis{display:grid;grid-template-columns:repeat(2,max-content);gap:16px 48px}
/* ---------- página de apresentação do case (tela cheia) ---------- */
dialog.clp-dlg{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;inset:0;border:0;border-radius:0;overflow:auto;overscroll-behavior:contain;background:var(--bg);scroll-behavior:smooth}
.clp{position:relative;min-height:100%;background:radial-gradient(60% 40% at 85% 0%,rgba(255,101,0,.16),transparent 70%),radial-gradient(50% 35% at 0% 45%,rgba(255,180,0,.07),transparent 70%),var(--bg)}
.clp-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:12px max(var(--gut),calc((100vw - 1120px)/2));background:rgba(7,10,13,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.clp-top b{flex:1;text-align:center;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clp-top .btn{padding:11px 16px;font-size:14px}
.clp-back{all:unset;cursor:pointer;font:600 14px var(--f);color:var(--fg);padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.clp-back:hover{border-color:var(--o)}
.clp-in{width:min(1120px,100% - 2*var(--gut));margin:0 auto}
.clp>section{padding-block:clamp(48px,8vw,96px)}
.clp-hero{padding-top:clamp(36px,6vw,72px)!important}
.clp-hero h2{font-size:clamp(40px,6.4vw,78px);font-weight:800;letter-spacing:-.02em;line-height:1}
.clp-hero h2 .pill{display:inline-block;font:600 11px var(--m);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--o2);color:var(--o2);border-radius:999px;padding:5px 12px;vertical-align:middle;font-style:normal;margin-left:6px}
.clp-t{font-size:clamp(22px,2.8vw,32px);font-weight:600;margin-top:18px;max-width:28ch;line-height:1.2}
.clp-pipe{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:36px;counter-reset:p}
.clp-pipe::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent);z-index:0}
.clp-pipe::after{content:"";position:absolute;top:calc(50% - 4px);left:0;width:60px;height:10px;border-radius:10px;background:linear-gradient(90deg,transparent,var(--o),var(--o2));filter:blur(1px);animation:clpRun 3.2s linear infinite;z-index:0}
@keyframes clpRun{from{left:-60px}to{left:100%}}
.clp-pipe button{all:unset;position:relative;z-index:1;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);font:600 15px var(--f);color:var(--fg);transition:border-color .4s,box-shadow .4s,transform .4s,background .4s}
.clp-pipe button small{font:600 11px var(--m);letter-spacing:.14em;color:var(--muted);transition:color .4s}
.clp-pipe button.on{border-color:var(--o);background:#1a1410;box-shadow:0 0 0 4px rgba(255,101,0,.12),0 14px 40px -14px rgba(255,101,0,.6);transform:translateY(-3px)}
.clp-pipe button.on small{color:var(--o)}
.clp-pipe button:hover{border-color:var(--o2)}
.clp-dor{background:linear-gradient(180deg,transparent,rgba(255,90,90,.06) 40%,transparent)}
.clp-dor .eyebrow{color:var(--red)}
.clp-q{font-size:clamp(24px,3.4vw,40px);font-weight:700;line-height:1.25;max-width:30ch;position:relative;padding-left:clamp(18px,2.4vw,28px);border-left:3px solid var(--red)}
.clp h3{font-size:clamp(28px,3.8vw,46px);font-weight:800;line-height:1.1;max-width:22ch}
.clp h3 em{font-style:normal;color:var(--o)}
.clp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
.clp-f{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:var(--panel2);border:1px solid var(--line);overflow:hidden;min-width:0}
.clp-f.rv{transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),border-color .45s,background .45s,box-shadow .45s}
.clp-f small{font:600 11px var(--m);letter-spacing:.14em;color:var(--o)}
.clp-f b{font-size:18px;font-weight:700}
.clp-f span{color:var(--muted);font-size:14.5px;line-height:1.5}
.clp-f::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--o),var(--o2));transition:width 1.4s linear}
.clp-f.on{border-color:rgba(255,101,0,.55);background:#14110e;box-shadow:0 18px 50px -24px rgba(255,101,0,.55)}
.clp-f.on::after{width:100%}
.flow-lite{border-top:1px solid var(--line)}
.clp-stages{margin-top:10px}
.clp-stages .stage{scroll-margin-top:80px}
.clp-end{text-align:center;border-top:1px solid var(--line);background:radial-gradient(50% 70% at 50% 100%,rgba(255,101,0,.14),transparent 70%)}
.clp-end h3{margin-inline:auto}.clp-end .lead{margin-inline:auto}
.clp-end .btn{margin-top:26px;font-size:17px;padding:18px 26px}
@media(max-width:900px){.clp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.clp-grid{grid-template-columns:1fr}.clp-pipe{grid-template-columns:1fr 1fr}.clp-pipe::before,.clp-pipe::after{display:none}.clp-top b{display:none}.clp-top{justify-content:space-between}.clp-f{padding:18px}}
/* etiqueta e número dos passos (aparecem só no fluxo claro do case) */
.stage .no .n{font:inherit;color:inherit}.stage .tag{display:none}
/* fluxo do case em fundo branco, no formato "01 + etiqueta + título + explicação + desenho" */
.flow-lite{background:#f6f7f9;color:#0d141a;--panel:#f3f6f9;--panel2:#fff;--line:#e2e8ee;--fg:#0d141a;--muted:#5b6876;--ok:#14a76c;border-top:0!important}
.flow-lite .eyebrow{color:var(--o)}
.flow-lite .stage{border-bottom:1px dashed #dfe5ea}
.flow-lite .stage .no{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.flow-lite .stage .no .n{font:800 clamp(52px,6vw,76px)/.95 var(--f);letter-spacing:-.04em;background:linear-gradient(135deg,var(--o) 20%,var(--o2));-webkit-background-clip:text;background-clip:text;color:transparent}
.flow-lite .stage .no span{display:none}
.flow-lite .stage .tag{display:inline-block;font:600 10.5px var(--m);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#c24d00;background:rgba(255,101,0,.08);border:1px solid rgba(255,101,0,.35);border-radius:999px;padding:5px 11px}
.flow-lite .stage h3{font-size:clamp(26px,3vw,36px);margin:14px 0 10px}
.flow-lite .stage p{color:#4a5866;font-size:16px;line-height:1.6;max-width:44ch}
.flow-lite .ui{border-color:#e2e8ee;box-shadow:0 40px 80px -40px rgba(13,20,26,.3),0 0 0 8px rgba(255,255,255,.6)}
.flow-lite .in-item i,.flow-lite .bucket .chip,.flow-lite .card{background:#e9eef3}
.flow-lite .in-item i{color:#2a6fd6}
.flow-lite .m.c{background:#eef1f4}.flow-lite .m.a{background:#d9fdd3}
.flow-lite .m.s,.flow-lite .al-card small,.flow-lite .b2 b{color:#b06d00}
.flow-lite .al-flow span.on{color:#14a76c}
.flow-lite .row.run{background:rgba(255,101,0,.08)}
/* faixa de sites do início: nome e para que serve, embaixo da tela */
.sitestrip a{display:flex;flex-direction:column;background:var(--panel2)}
.sitestrip span.sx{position:static;display:flex;flex-direction:column;gap:3px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 14px 14px}
.sitestrip .sx b{font:700 14px var(--f);color:var(--fg)}
.sitestrip .sx small{font-size:12.5px;color:var(--muted)}
.sitestrip a:hover{border-color:rgba(255,101,0,.5)}
/* trilha em zigue-zague também em seção escura (Como trabalhamos) */
.tl-tag{display:inline-block;margin-top:8px;font:600 10.5px var(--m);font-style:normal;letter-spacing:.08em;color:#c24d00;border:1px solid rgba(255,101,0,.35);background:rgba(255,101,0,.07);border-radius:999px;padding:4px 10px}
.tint .tl-base{stroke:#3a4a57}
.tint .tl-ic{background:var(--panel2);border-color:var(--line);box-shadow:0 0 0 10px rgba(255,101,0,.06),0 20px 40px -20px #000}
.tint .tl-ic svg{stroke:#7d8b98}
.tint .tl-tx small{color:#7d8b98}
.tint .tl-tx b{color:var(--fg)}
.tint .tl-tx span{color:var(--muted)}
.tint .tl-tag{color:var(--o2);border-color:rgba(255,180,0,.35);background:rgba(255,180,0,.06)}
.tint .tl-step.on .tl-ic{background:#1a1410}
.tl-tag{display:block;width:max-content;max-width:100%}.tl-step.r .tl-tag{margin-left:auto}
@media(max-width:640px){.tl-step.r .tl-tag{margin-left:0}}
/* fluxo claro fora do case (página de agentes) */
section.flow-lite h2{color:#0d141a}section.flow-lite .lead{color:#4a5866}
/* ---------- página de agentes ---------- */
.ag3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(30px,4vw,48px);counter-reset:a}
.ag3>div{position:relative;background:#fff;border:1px solid var(--lline);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 50px -30px rgba(13,20,26,.35);min-width:0}
.ag3>div:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--o);border-right:2px solid var(--o);transform:translateY(-50%) rotate(45deg);z-index:1}
.ag3 i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,101,0,.1);margin-bottom:6px}
.ag3 i svg,.uses i svg,.hub-n i svg{width:22px;height:22px;fill:none;stroke:var(--o);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ag3 small{font:600 11px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--o)}
.ag3 b{font-size:20px;color:var(--ink)}.ag3 span{font-size:15px;color:var(--ink2)}
.vs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;margin-top:16px}
.vs>div{border-radius:20px;padding:22px 24px;border:1px dashed #cfd7de;background:rgba(255,255,255,.6)}
.vs .ai{border:1px solid rgba(255,101,0,.45);background:#fff7f1}
.vs small{font:600 11px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}.vs .ai small{color:var(--o)}
.vs p{font-size:17px;color:var(--ink)!important;margin-top:8px;line-height:1.5}.vs b{color:var(--ink)}
.qs.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.punch{font-size:clamp(22px,2.6vw,30px);font-weight:700;margin-top:clamp(28px,4vw,44px);max-width:34ch}.punch em{font-style:normal;color:var(--o)}
.uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(30px,4vw,48px)}
.uses>div{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;align-items:start;background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0;transition:border-color .3s,transform .3s}
.uses>div:hover{border-color:rgba(255,101,0,.5);transform:translateY(-3px)}
.uses i{grid-row:span 2;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,101,0,.12);border:1px solid rgba(255,101,0,.3)}
.uses b{font-size:17px}.uses span{font-size:14px;color:var(--muted);line-height:1.5}
.uses em{position:absolute;top:14px;right:14px;font:600 10px var(--m);font-style:normal;letter-spacing:.08em;color:var(--o2);border:1px solid rgba(255,180,0,.4);border-radius:999px;padding:3px 8px}
.uses .hl{border-color:rgba(255,180,0,.35)}
.usebox{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;margin-top:18px;padding:clamp(22px,3vw,34px);border-radius:24px;border:1px solid rgba(255,101,0,.4);background:radial-gradient(80% 120% at 0% 0%,rgba(255,101,0,.16),transparent 60%),var(--panel2)}
.usebox small{font:600 11px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--o)}
.usebox h3{font-size:clamp(24px,3vw,34px);font-weight:800;margin:10px 0}.usebox h3 em{font-style:normal;color:var(--o)}
.usebox p{color:var(--muted)}
.usebox ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.usebox li{display:flex;align-items:center;gap:10px;font-weight:600;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.usebox li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(61,220,151,.15);animation:pulse 1.6s infinite}
.usebox li:nth-child(2)::before{animation-delay:.3s}.usebox li:nth-child(3)::before{animation-delay:.6s}.usebox li:nth-child(4)::before{animation-delay:.9s}.usebox li:nth-child(5)::before{animation-delay:1.2s}
.hub{position:relative;height:clamp(380px,42vw,480px);margin-top:clamp(30px,4vw,48px)}
.hub-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hub-svg path{fill:none;stroke:var(--o);stroke-width:2;stroke-dasharray:3 7;vector-effect:non-scaling-stroke;opacity:.55;animation:hubDash 1.1s linear infinite}
.hub-svg path:nth-child(even){animation-direction:reverse}
@keyframes hubDash{to{stroke-dashoffset:-20}}
.hub-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle at 30% 25%,#ff8a3d,var(--o) 60%,#d94f00);color:#fff;box-shadow:0 20px 60px -10px rgba(255,101,0,.6);z-index:1}
.hub-c::before,.hub-c::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(255,101,0,.35);animation:hubRing 2.4s ease-out infinite}
.hub-c::after{animation-delay:1.2s}
@keyframes hubRing{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
.hub-c b{font-size:22px;font-weight:800}.hub-c small{font:600 10.5px var(--m);letter-spacing:.06em;opacity:.9}
.hub-n{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--lline);border-radius:16px;padding:10px 16px 10px 10px;box-shadow:0 18px 40px -24px rgba(13,20,26,.4);white-space:nowrap;z-index:1}
.hub-n i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,101,0,.1)}
.hub-n b{display:block;font-size:15px;color:var(--ink)}.hub-n small{font-size:12.5px;color:var(--ink2)}
.segs.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.ag3,.uses,.qs.three{grid-template-columns:1fr 1fr}.ag3>div::after{display:none}.usebox{grid-template-columns:1fr}.hub-n{padding:8px 12px 8px 8px}.hub-n small{display:none}}
@media(max-width:700px){.hub{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-svg{display:none}.hub-c{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;justify-self:center;margin:14px 0 22px}.hub-n{position:static;transform:none;white-space:normal}.hub-n small{display:block}}
@media(max-width:600px){.ag3,.uses,.qs.three,.vs,.segs.three{grid-template-columns:1fr}}
/* rede animada atrás das seções brancas */
section.light,section.flow-lite{position:relative;isolation:isolate}
.net-l{position:absolute;left:0;top:0;width:100%;z-index:-1;pointer-events:none;will-change:transform}
/* faixa "O que resolvemos": duas fitas cruzadas, uma laranja e uma vazada, em sentidos opostos */
.band{position:relative;padding:46px 0 52px;overflow:hidden;background:var(--bg2)}
.band small{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--o);margin-bottom:22px}
.band small::before,.band small::after{content:"";width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--o))}
.band small::after{transform:scaleX(-1)}
.tape{position:relative;width:112%;margin-left:-6%;overflow:hidden;padding:14px 0}
.tape.t1{z-index:2;background:linear-gradient(90deg,#ff6500,#ff8a1e 50%,#ff6500);transform:rotate(-1.8deg);box-shadow:0 18px 40px -12px rgba(255,101,0,.55)}
.tape.t2{z-index:1;margin-top:6px;background:#0d141a;border-block:1px solid rgba(255,255,255,.08);transform:rotate(1.4deg)}
.tape .marq{animation-duration:55s}.tape .marq.rev{animation-direction:reverse;animation-duration:65s}
.tape .marq span{display:inline-flex;align-items:center;gap:0;padding:0;margin:0;border:0;background:none;border-radius:0;font:800 clamp(18px,2.3vw,30px)/1.1 var(--f);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}
.tape .marq span::after{content:"✦";margin:0 clamp(18px,2.4vw,34px);font-size:.62em}
.tape.t1 .marq span{color:#0b0d10}.tape.t1 .marq span::after{color:#0b0d10;opacity:.75}
.tape.t2 .marq span{color:transparent;-webkit-text-stroke:1.2px rgba(237,241,245,.6)}.tape.t2 .marq span::after{color:var(--o);-webkit-text-stroke:0}
.tape .marq:hover{animation-play-state:running}
/* celular do Nexis Link com o app real dentro */
.st-phone.live{background:#07070a}
.st-phone.live .st-if{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#07070a}
.st-tap{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(255,255,255,.35);border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 6px rgba(255,101,0,.25);pointer-events:none;opacity:0;z-index:6;left:50%;top:50%}
.st-tap.go{animation:stTap .9s ease-out}
@keyframes stTap{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(.8)}45%{transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}
.st-cap .st-you{color:var(--o);font-weight:700}
.stepper.st-paused .st-item.on .st-bar{animation-play-state:paused}
.st-phone.live .st-if{top:30px}
/* dores do início: busca do Google e WhatsApp recortados */
.vis.bare{background:none;border:0;padding:0;box-shadow:none;overflow:visible}
.gsearch{position:relative;background:#fff;color:#202124;border-radius:18px;padding:16px 18px 6px;box-shadow:0 30px 70px -28px rgba(0,0,0,.8);font-family:Arial,Helvetica,sans-serif;max-width:520px;margin-inline:auto;-webkit-mask-image:linear-gradient(180deg,#000 95%,transparent);mask-image:linear-gradient(180deg,#000 95%,transparent)}
.gs-top{display:flex;align-items:center;gap:14px}
.gs-logo{font:600 22px/1 Arial,Helvetica,sans-serif;letter-spacing:-.5px;flex:none}
.gs-logo b:nth-child(1),.gs-logo b:nth-child(4){color:#4285f4}.gs-logo b:nth-child(2),.gs-logo b:nth-child(6){color:#ea4335}.gs-logo b:nth-child(3){color:#fbbc05}.gs-logo b:nth-child(5){color:#34a853}
.gs-bar{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:1px solid #dfe1e5;border-radius:999px;padding:8px 14px;box-shadow:0 1px 6px rgba(32,33,36,.18);font-size:14px}
.gs-bar span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;border-right:2px solid #4285f4;width:0;animation:gsType 1.1s steps(26) .3s forwards,gsCaret .7s step-end 5 .3s}
.gs-bar svg{width:18px;height:18px;flex:none;fill:none;stroke:#4285f4;stroke-width:2;stroke-linecap:round}
@keyframes gsType{to{width:100%}}@keyframes gsCaret{50%{border-color:transparent}}
.gs-tabs{display:flex;gap:16px;font-size:12.5px;color:#5f6368;border-bottom:1px solid #ebebeb;margin:12px -18px 4px;padding:0 18px}
.gs-tabs span{padding:6px 0 8px}.gs-tabs .on{color:#1a73e8;border-bottom:3px solid #1a73e8}
.gs-r{padding:10px 0;border-bottom:1px solid #f1f3f4;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.in .gs-r{opacity:1;transform:none}.in .gs-r:nth-child(3){transition-delay:1.5s}.in .gs-r:nth-child(4){transition-delay:1.75s}.in .gs-r:nth-child(5){transition-delay:2s}.in .gs-r.me{transition-delay:2.6s}
.gs-r small{display:flex;align-items:center;gap:8px;font-size:12px;color:#4d5156}
.gs-r small i{width:18px;height:18px;border-radius:50%;background:#e8eaed;flex:none}
.gs-r b{display:block;color:#1a0dab;font-size:16.5px;font-weight:400;margin:3px 0 2px}
.gs-st{display:block;font-size:12px;color:#e37400}
.gs-r p{font-size:13px;color:#4d5156!important;margin:2px 0 0;line-height:1.4}
.gs-gap{position:relative;text-align:center;padding:12px 0 6px;opacity:0;transition:opacity .5s 2.3s}.in .gs-gap{opacity:1}
.gs-gap::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed #e0e3e7}
.gs-gap span{position:relative;font:600 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:#b42318;background:#fff;padding:0 10px}
.gs-r.me{border:0;opacity:0;background:#f6f7f8;margin:0 -18px;padding:10px 18px 14px}.in .gs-r.me{opacity:1}.gs-r.me small{color:#b42318;font-weight:700}
.gs-r.me b{color:#5f6368}
.wa-chat.sm .wa-body{min-height:0}
/* Axis + Next = Nexis: os símbolos que formam a logo */
.ax-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,101,0,.1);border:1px solid rgba(255,101,0,.3);margin-bottom:10px;transition:transform .6s cubic-bezier(.2,1.4,.4,1)}
.ax-ic svg{width:24px;height:24px;fill:none;stroke:var(--o);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ax-mk{display:block;height:46px;margin-bottom:10px}
.ax-mk svg{height:100%;width:auto;overflow:visible}
.axis.rv .ax-ic,.axis.rv .ax-mk{opacity:0;transform:scale(.6)}
.axis.rv.in .ax-ic,.axis.rv.in .ax-mk{opacity:1;transform:none;transition:opacity .5s,transform .7s cubic-bezier(.2,1.4,.4,1)}
.axis.rv.in .ax:nth-of-type(2) .ax-ic{transition-delay:.25s}
.axis.rv.in .ax-mk{transition-delay:.6s}
.axis.rv.in .ax-mk svg{animation:mkGlow 2.6s ease-in-out 1.3s infinite}
@keyframes mkGlow{50%{filter:drop-shadow(0 0 12px rgba(255,101,0,.55))}}
.st-cap:has(.st-you){text-align:center}
/* ---------- Resultado real: mini cenas animadas (ciclo de 6 s; o estado sem animação é o final) ---------- */
.ill2{height:150px;border-radius:14px;background:var(--light);border:1px solid var(--lline);position:relative;overflow:hidden;padding:12px}
.ben:not(.play) .ill2 *{animation-play-state:paused!important}
/* 1 · Ser encontrado: a sua empresa sobe para o 1º lugar da busca */
.g1-bar{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3e8ec;border-radius:999px;padding:6px 10px;font:500 11px Arial,sans-serif;color:#3c4043;box-shadow:0 1px 5px rgba(32,33,36,.14)}
.g1-bar svg{flex:none;width:12px;height:12px;fill:none;stroke:#4285f4;stroke-width:2.4;stroke-linecap:round}
.g1-bar span{white-space:nowrap;overflow:hidden;border-right:1.5px solid #4285f4;animation:g1type 6s steps(24) infinite}
@keyframes g1type{0%{max-width:0}22%,100%{max-width:100%}}
.g1-list{position:relative;margin-top:9px;display:flex;flex-direction:column;gap:5px}
.g1-r{height:26px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e9edf0;border-radius:8px;padding:0 8px;min-width:0}
.g1-r b{font:600 11px var(--f);color:#3c4a57;white-space:nowrap}.g1-r span{font-size:9.5px;color:#e37400;white-space:nowrap}
.g1-r:not(.me){animation:g1dn 6s cubic-bezier(.2,.8,.2,1) infinite;opacity:.75}
.g1-r.me{border-color:rgba(255,101,0,.55);box-shadow:0 8px 18px -10px rgba(255,101,0,.7);animation:g1me 6s cubic-bezier(.2,.8,.2,1) infinite;z-index:1}
.g1-r.me b{color:var(--ink)}
.g1-r.me em{margin-left:auto;font:700 9.5px var(--m);font-style:normal;background:var(--o);color:#fff;border-radius:6px;padding:2px 6px;animation:g1badge 6s infinite}
@keyframes g1me{0%,32%{transform:translateY(62px);border-color:#e9edf0;box-shadow:none}52%,92%{transform:none;border-color:rgba(255,101,0,.55);box-shadow:0 8px 18px -10px rgba(255,101,0,.7)}100%{transform:translateY(62px);border-color:#e9edf0;box-shadow:none}}
@keyframes g1dn{0%,32%{transform:translateY(-31px)}52%,92%{transform:none}100%{transform:translateY(-31px)}}
@keyframes g1badge{0%,50%{transform:scale(0)}58%{transform:scale(1.3)}64%,92%{transform:scale(1)}100%{transform:scale(0)}}
/* 2 · Vender mais: barras sobem, a linha cresce e chega pedido */
.g2-hd small{display:block;font:600 9.5px var(--m);letter-spacing:.08em;text-transform:uppercase;color:#7d8b98}
.g2-hd b{font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.g2-bars{position:absolute;left:12px;right:12px;bottom:10px;height:72px;display:flex;align-items:flex-end;gap:6px}
.g2-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--o2),var(--o));opacity:.9;animation:g2bar 6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i) * .1s)}
@keyframes g2bar{0%,4%{height:8%}30%,90%{height:var(--h)}100%{height:8%}}
.g2-line{position:absolute;left:12px;bottom:14px;height:72px;width:calc(100% - 24px);overflow:visible}
.g2-line path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:160;animation:g2draw 6s ease-out infinite}
@keyframes g2draw{0%,25%{stroke-dashoffset:160}50%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:160}}
.g2-toast{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e3e8ec;border-radius:10px;padding:6px 9px;box-shadow:0 10px 24px -12px rgba(13,20,26,.45);animation:g2toast 6s cubic-bezier(.2,1.3,.4,1) infinite}
.g2-toast i{width:18px;height:18px;border-radius:50%;background:var(--wa);flex:none;box-shadow:0 0 0 3px rgba(37,211,102,.18)}
.g2-toast span{font-size:9.5px;color:#5b6876;line-height:1.2}.g2-toast b{display:block;font-size:10.5px;color:var(--ink)}
@keyframes g2toast{0%,52%{opacity:0;transform:translateY(-14px) scale(.9)}60%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px) scale(.9)}}
/* 3 · Menos planilha: as planilhas entram num painel só */
.g3-s{position:absolute;font:600 9.5px var(--m);color:#3c4a57;background:#fff;border:1px solid #dfe5ea;border-left:3px solid #1f9d55;border-radius:6px;padding:6px 8px;box-shadow:0 8px 18px -12px rgba(13,20,26,.4);opacity:0;animation:g3s 6s cubic-bezier(.5,0,.3,1) infinite}
.g3-s.a{left:10px;top:12px;--tx:52px;--ty:44px}.g3-s.b{right:10px;top:30px;--tx:-48px;--ty:26px}.g3-s.c{left:18px;bottom:14px;--tx:44px;--ty:-34px}
.g3-s.b{animation-delay:.15s}.g3-s.c{animation-delay:.3s}
@keyframes g3s{0%{opacity:0;transform:scale(.8)}8%,26%{opacity:1;transform:none}44%,100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}
.g3-p{position:absolute;left:50%;top:50%;width:62%;transform:translate(-50%,-50%);background:var(--ink);color:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 18px 36px -16px rgba(13,20,26,.7);animation:g3p 6s cubic-bezier(.2,1.2,.4,1) infinite}
.g3-p small{font:600 9.5px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--o2)}
.g3-k{display:flex;gap:5px;margin:7px 0}.g3-k i{flex:1;height:18px;border-radius:5px;background:rgba(255,255,255,.1)}.g3-k i:first-child{background:rgba(255,101,0,.5)}
.g3-ln i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.18);width:var(--w);margin-top:4px}
.g3-p em{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font:600 9px var(--m);font-style:normal;color:#3ddc97}
.g3-p em::before{content:"";width:6px;height:6px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 3px rgba(61,220,151,.2)}
@keyframes g3p{0%,38%{opacity:0;transform:translate(-50%,-50%) scale(.6)}50%,92%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}
/* 4 · Mais tempo: as tarefas se fazem sozinhas */
.g4-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.g4-hd small{font:600 9.5px var(--m);letter-spacing:.08em;text-transform:uppercase;color:#7d8b98}
.g4-hd svg{width:20px;height:20px;fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round}
.g4-hd .hd{transform-origin:12px 12px;animation:spin 2s linear infinite}
.g4-t{display:flex;align-items:center;gap:8px;height:28px;background:#fff;border:1px solid #e9edf0;border-radius:8px;padding:0 8px;margin-top:5px;font-size:11px;color:var(--ink)}
.g4-t i{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--ok);background:var(--ok);display:grid;place-items:center;animation:g4chk 6s infinite both;animation-delay:calc(var(--i) * .7s)}
.g4-t i::after{content:"";width:5px;height:3px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg) translate(0,-1px)}
.g4-t em{margin-left:auto;font:600 8.5px var(--m);font-style:normal;color:#14a76c;background:rgba(61,220,151,.14);border-radius:999px;padding:2px 7px;animation:g4tag 6s infinite both;animation-delay:calc(var(--i) * .7s)}
@keyframes g4chk{0%,22%{background:transparent;border-color:#cfd7de;transform:scale(1)}30%{background:var(--ok);border-color:var(--ok);transform:scale(1.3)}36%,88%{background:var(--ok);border-color:var(--ok);transform:scale(1)}96%,100%{background:transparent;border-color:#cfd7de}}
@keyframes g4tag{0%,26%{opacity:0;transform:translateX(6px)}34%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.g3-s{display:none}.g1-bar span{max-width:100%}}
/* ---------- dores do início: três telas do mesmo tamanho ---------- */
.dv{position:relative;width:min(440px,100%);aspect-ratio:440/400;margin-inline:auto}
/* 01 · Google, mais enxuto e da altura da caixa */
.dv .gsearch{height:100%;max-width:none;padding:14px 16px 4px;overflow:hidden;-webkit-mask-image:none;mask-image:none;display:flex;flex-direction:column}
.dv .gs-logo{font-size:19px}.dv .gs-bar{padding:7px 12px;font-size:13px}
.dv .gs-tabs{margin:10px -16px 2px;padding:0 16px}
.dv .gs-r{padding:7px 0}.dv .gs-r b{font-size:14.5px;margin:2px 0 1px}.dv .gs-r small{font-size:11px}.dv .gs-r small i{width:15px;height:15px}
.dv .gs-gap{padding:8px 0 4px}
.dv .gs-r.me{margin:0 -16px;padding:8px 16px 12px;flex:1}
/* 02 · WhatsApp dentro de um celular, cortado embaixo */
.dv-ph{display:flex;justify-content:center;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent);mask-image:linear-gradient(180deg,#000 86%,transparent)}
.dv-ph::before{content:"";position:absolute;inset:12% 6% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,101,0,.28),transparent);filter:blur(10px)}
.phf{position:relative;width:min(262px,64%);height:118%;border:9px solid #0d141a;border-bottom:0;border-radius:38px 38px 0 0;background:#0d141a;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -20px #000}
.phf-notch{position:absolute;top:6px;left:50%;width:74px;height:18px;margin-left:-37px;border-radius:10px;background:#000;z-index:3}
.wa-chat.in-ph{width:100%;height:100%;border-radius:30px 30px 0 0;border:0;box-shadow:none;display:flex;flex-direction:column}
.wa-st{display:flex;justify-content:space-between;align-items:center;background:#008069;color:#fff;padding:8px 16px 0;font-size:10.5px}
.wa-st span{width:22px;height:9px;border:1.5px solid rgba(255,255,255,.8);border-radius:3px}
.in-ph .wa-hd{padding:8px 10px}.in-ph .wa-av{width:30px;height:30px;font-size:13px}.in-ph .wa-hd b{font-size:13.5px}.in-ph .wa-hd small{font-size:10.5px}
.in-ph .wa-body{flex:1;padding:10px 8px;gap:5px}
.in-ph .wa-m{font-size:12px;padding:5px 8px 16px}.in-ph .wa-m i{font-size:9.5px}
.in-ph .wa-note,.in-ph .wa-day{font-size:10.5px}
/* 03 · várias planilhas com erro */
.xl{perspective:900px}
.xw{position:absolute;width:74%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06);font-family:Arial,Helvetica,sans-serif;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.xw.w1{left:0;top:0}.xw.w2{left:13%;top:21%}.xw.w3{left:26%;top:42%}
.in .xw{opacity:1;transform:none}.in .xw.w1{transition-delay:.15s}.in .xw.w2{transition-delay:.45s}.in .xw.w3{transition-delay:.75s}
.xt{display:flex;align-items:center;gap:7px;background:#1d6f42;color:#fff;font-size:11.5px;font-weight:700;padding:6px 10px}
.xt i{width:12px;height:12px;border-radius:3px;background:#fff;opacity:.85;flex:none}
.xg{display:grid;grid-template-columns:22px repeat(3,minmax(0,1fr));font-size:10.5px;color:#202124}
.xg span{border-right:1px solid #e3e6e8;border-bottom:1px solid #e3e6e8;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.xg .h{background:#f1f3f4;color:#5f6368;text-align:center;padding:3px 2px;font-size:9.5px}
.xg .er{color:#b42318;font-weight:700;background:#fff1f0;animation:xErr 1.6s ease-in-out infinite}
@keyframes xErr{50%{background:#ffd4d0}}
.xs{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;color:#5f6368;background:#f8f9fa}
.xs b{font-size:13.5px;color:#202124}.xs.bad b{color:#b42318}
.xn{position:absolute;left:4%;bottom:0;font:600 11.5px var(--m);color:#ff8a8a;background:rgba(180,35,24,.16);border:1px solid rgba(255,90,90,.45);border-radius:10px;padding:8px 12px;opacity:0;transition:opacity .5s 1.2s}
.in .xn{opacity:1}
@media(max-width:600px){.xg{font-size:9.5px}.xt{font-size:10.5px}.xn{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.xw,.xn{opacity:1;transform:none}}
/* Google da dor: mais apertado para caber a "Sua empresa" */
.dv .gsearch{padding:12px 14px 0}
.dv .gs-top{gap:10px}.dv .gs-logo{font-size:17px}.dv .gs-bar{padding:6px 11px;font-size:12.5px}
.dv .gs-tabs{margin:8px -14px 0;padding:0 14px;font-size:11.5px}.dv .gs-tabs span{padding:5px 0 6px}
.dv .gs-r{padding:5px 0}.dv .gs-r b{font-size:13.5px;margin:1px 0 0}.dv .gs-r small{font-size:10.5px;gap:6px}.dv .gs-r small i{width:13px;height:13px}.dv .gs-st{font-size:11px}
.dv .gs-gap{padding:5px 0 2px}.dv .gs-gap span{font-size:9.5px}
.dv .gs-r.me{margin:0 -14px;padding:7px 14px 10px}.dv .gs-r.me p{font-size:12px}
@media(max-width:600px){.dv .gsearch .gs-r:nth-child(5){display:none}}
/* abas dos cases passando sozinhas: barrinha de tempo na aba ativa */
.ctabs button{position:relative}
.ctabs button[aria-selected=true]::after{content:"";position:absolute;left:0;bottom:-3px;height:3px;width:100%;background:linear-gradient(90deg,var(--o2),var(--o));transform-origin:left;animation:cBar var(--cdur,3.5s) linear}
@keyframes cBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#cases.c-hold .ctabs button[aria-selected=true]::after{animation:none}
.cases-more{display:flex;justify-content:center;margin-top:26px}
.front-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
/* cartão 3 v2: quatro planilhas entram e o painel ocupa a telinha inteira */
.g3-s.a{left:10px;top:12px;--tx:56px;--ty:40px}.g3-s.b{left:auto;right:10px;top:12px;--tx:-52px;--ty:40px}
.g3-s.c{left:10px;top:auto;bottom:12px;--tx:56px;--ty:-40px}.g3-s.d{right:10px;bottom:12px;--tx:-52px;--ty:-40px;animation-delay:.45s}
.g3-p{left:8px;top:8px;right:8px;bottom:8px;width:auto;transform:none;padding:10px 12px;display:flex;flex-direction:column;gap:7px}
@keyframes g3p{0%,38%{opacity:0;transform:scale(.55)}50%,92%{opacity:1;transform:none}100%{opacity:0;transform:scale(.55)}}
.g3-top{display:flex;align-items:center;justify-content:space-between}
.g3-top em{display:inline-flex;align-items:center;gap:5px;font:600 9px var(--m);font-style:normal;color:#3ddc97}
.g3-top em::before{content:"";width:6px;height:6px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 3px rgba(61,220,151,.2)}
.g3-p .g3-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}
.g3-p .g3-k div{background:rgba(255,255,255,.07);border-radius:6px;padding:5px 6px;min-width:0}
.g3-p .g3-k div:first-child{background:rgba(255,101,0,.22)}
.g3-p .g3-k span{display:block;font:600 7.5px var(--m);letter-spacing:.06em;text-transform:uppercase;color:#9aa6b2}
.g3-p .g3-k b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g3-ch{flex:1;display:flex;align-items:flex-end;gap:4px;min-height:0;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}
.g3-ch i{flex:1;height:var(--h);border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--o2),var(--o));opacity:.85;animation:g3ch 6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i) * .05s)}
@keyframes g3ch{0%,44%{height:6%}62%,92%{height:var(--h)}100%{height:6%}}
.g4-t span{white-space:nowrap}
/* WhatsApp da dor: conversa larga, do tamanho das outras telas */
.wa-chat.fill{width:100%;height:100%;display:flex;flex-direction:column;margin:0}
.wa-chat.fill .wa-body{flex:1;min-height:0;overflow:hidden;padding:12px 12px 10px;gap:6px}
.wa-chat.fill .wa-m{font-size:13px}
.g3-p .g3-k b{font-size:10px}
.wa-chat.fill .wa-hd{padding:9px 12px}.wa-chat.fill .wa-av{width:34px;height:34px}
.wa-chat.fill .wa-body{gap:5px;padding:10px 12px 8px}
.wa-chat.fill .wa-m{font-size:12.5px;padding:5px 8px 14px}.wa-chat.fill .wa-m i{bottom:2px;font-size:10px}
.wa-chat.fill .wa-day{margin:0 0 2px;padding:3px 9px;font-size:11px}
.wa-chat.fill .wa-note{font-size:11px;padding:4px 10px;margin:2px 0}
.wa-chat.fill .wa-in{padding:7px 10px}.wa-chat.fill .wa-in span{padding:7px 12px;font-size:13px}.wa-chat.fill .wa-in i{width:32px;height:32px}
@media(max-width:600px){.wa-chat.fill .wa-day,.wa-chat.fill .wa-body>:nth-child(3){display:none}.wa-chat.fill .wa-hd small{font-size:10.5px}}
/* Como nasceu a Nexis: de onde vem o nome e o slogan */
.name-o{margin-top:clamp(36px,5vw,56px);max-width:62ch}
.name-o small{display:block;font:600 11.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--o);margin-bottom:8px}
.name-o p{font-size:clamp(16px,1.6vw,18.5px);color:var(--ink2)}.name-o b{color:var(--ink)}
.name-o+.axis{margin-top:20px}
.slogan{display:flex;align-items:center;justify-content:center;gap:16px;margin:clamp(26px,4vw,40px) auto 0;font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.01em;text-align:left}
.slogan svg{flex:none;height:1.6em;width:auto}
.slogan em{font-style:normal;color:var(--o)}
.slogan+.mvv{margin-top:clamp(30px,4vw,48px)}
/* Axis + Next = Nexis, no formato do Nexis Link */
.axn{max-width:780px;margin:22px auto 0}
.axn-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.axn-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(255,101,0,.35);border-radius:20px;padding:22px 20px 18px;box-shadow:0 22px 50px -30px rgba(13,20,26,.4)}
.axn-card::after{content:"";position:absolute;top:-40%;left:-60%;width:45%;height:180%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,180,0,.16),transparent);transition:left 1.4s ease .3s;pointer-events:none}
.axn-card.in::after{left:130%}
.axn-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,101,0,.1);border:1px solid rgba(255,101,0,.35);margin-bottom:12px}
.axn-ic svg{width:24px;height:24px;fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#hAx .axn-ic svg{animation:spin 12s linear infinite}
#hNx .axn-ic svg{animation:axNudge 1.6s ease-in-out infinite}
@keyframes axNudge{50%{transform:translateX(3px)}}
.axn-card b{display:block;font-size:clamp(26px,3vw,32px);font-weight:800;color:var(--ink);letter-spacing:-.02em}
.axn-card .u{display:block;width:28px;height:3px;border-radius:2px;background:var(--o);margin:8px 0 12px;box-shadow:0 0 10px rgba(255,101,0,.6)}
.axn-card ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.axn-card li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink2)}
.axn-card li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--o);flex:none}
.axn-card small{display:block;margin-top:14px;padding-top:10px;border-top:1px dashed rgba(255,101,0,.35);font:600 11.5px var(--m);color:#c24d00}
.axn-plus{align-self:center;font-size:34px;font-weight:800;color:var(--o)}
.axn-join{display:block;width:100%;height:40px;opacity:1!important;transform:none!important}
.axn-join path{fill:none;stroke:var(--o);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.3s ease .4s}
.axn-join.in path{stroke-dashoffset:0}
.axn-res{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;background:var(--ink);color:#fff;border-radius:22px;padding:22px 26px;box-shadow:0 30px 60px -28px rgba(255,101,0,.55),0 0 0 1px rgba(255,101,0,.45)}
.axn-res::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,200,140,.14) 50%,transparent 70%);transform:translateX(-100%);animation:axShine 4s ease-in-out 1.5s infinite}
@keyframes axShine{40%,100%{transform:translateX(100%)}}
.axn-mk{position:relative;flex:none;height:64px;width:auto;filter:drop-shadow(0 0 14px rgba(255,101,0,.45))}
.axn-eq{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:clamp(18px,2.2vw,24px);font-weight:800}
.axn-eq i{font-style:normal;color:var(--o2)}
.axn-eq strong{font-size:clamp(28px,3.4vw,38px);color:var(--o);text-shadow:0 0 24px rgba(255,101,0,.5)}
.axn-res p{position:relative;color:#c9d2da!important;font-size:15px;margin-top:6px}
.axn+.slogan{margin-top:clamp(34px,5vw,52px)}
@media(max-width:600px){.axn-row{grid-template-columns:1fr;gap:10px}.axn-plus{justify-self:center;font-size:28px;line-height:1}.axn-join{display:none}.axn-res{margin-top:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.axn-mk{height:48px}}
@media(max-width:600px){.axn-row{grid-template-columns:1fr auto 1fr;gap:6px}.axn-plus{font-size:22px}.axn-card{padding:14px 11px 12px;border-radius:16px}.axn-ic{width:36px;height:36px;border-radius:11px;margin-bottom:8px}.axn-ic svg{width:19px;height:19px}.axn-card b{font-size:22px}.axn-card .u{margin:6px 0 9px}.axn-card ul{gap:4px}.axn-card li{font-size:12.5px;gap:6px;line-height:1.25}.axn-card small{font-size:9.5px;margin-top:10px;padding-top:8px}.axn-join{display:block;height:28px}.axn-res{margin-top:0}}
.xw.w1{top:8%}.xw.w2{top:29%}.xw.w3{top:50%}
/* cartão 3: painel claro, como os outros */
.g3-p{background:#fff;color:var(--ink);border:1px solid #e3e8ec;box-shadow:0 14px 30px -18px rgba(13,20,26,.35)}
.g3-p small{color:var(--o)}
.g3-top em{color:#14a76c}.g3-top em::before{background:#14a76c;box-shadow:0 0 0 3px rgba(20,167,108,.15)}
.g3-p .g3-k div{background:#f3f6f9}.g3-p .g3-k div:first-child{background:rgba(255,101,0,.12)}
.g3-p .g3-k span{color:#7d8b98}.g3-p .g3-k b{color:var(--ink);font-size:11px}
.g3-ch{border-top-color:#eef1f4}
/* Resultado real: pergunta embaixo dos cartões e cartões clicáveis */
.ben-q{text-align:center;margin-top:clamp(34px,5vw,56px)}
.ben-q h3{font-size:clamp(24px,3.2vw,38px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ben-q h3 em{font-style:normal;color:var(--o)}
.ben-q p{margin-top:8px;color:var(--ink2)}
.bcard[data-lead]{cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s}
.bcard[data-lead]:hover,.bcard[data-lead]:focus-visible{transform:translateY(-4px);border-color:rgba(255,101,0,.5);box-shadow:0 26px 50px -28px rgba(255,101,0,.45);outline:none}
/* Quem somos em fundo claro, emendado com Como nasceu a Nexis */
.light .founders-q{color:var(--ink)}
#quem-somos .lead{margin-top:10px}
#quem-somos.light+#historia{padding-top:clamp(24px,4vw,48px)}
.light .founder{background:linear-gradient(160deg,#111a22,#0d141a);color:var(--fg);box-shadow:0 30px 60px -30px rgba(13,20,26,.55)}
/* símbolos da logo nos cartões Axis (Λ) e Next (>) */
.axn-ic.sym{width:64px;height:64px;border-radius:18px;background:#fff7f0;border-color:rgba(255,101,0,.3)}
.axn-ic.sym svg{width:38px;height:38px;fill:url(#nxG);stroke:none;filter:drop-shadow(0 6px 10px rgba(255,101,0,.3))}
#hAx .axn-ic.sym svg{animation:axUp 1.8s ease-in-out infinite}
@keyframes axUp{50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.axn-ic.sym svg{animation:none!important}}
/* missão, visão e valores em cartões com ícone */
.mvv2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,56px)}
.mvv2 article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--lline);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px;min-width:0;box-shadow:0 20px 50px -30px rgba(13,20,26,.35);transition:transform .35s,border-color .35s,box-shadow .35s}
.mvv2 article::after{content:"";position:absolute;left:24px;bottom:0;height:3px;width:0;border-radius:3px 3px 0 0;background:var(--o);transition:width .9s cubic-bezier(.2,.8,.2,1) .4s}
.mvv2 article.in::after{width:56px}
.mvv2 article:hover{transform:translateY(-4px);border-color:rgba(255,101,0,.5);box-shadow:0 26px 50px -28px rgba(255,101,0,.4)}
.mvv2 .mi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffa21c,#ff4d0a);box-shadow:0 12px 24px -10px rgba(255,101,0,.6)}
.mvv2 .mi svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mvv2 em{position:absolute;top:14px;right:20px;font:800 44px/1 var(--f);font-style:normal;color:rgba(13,20,26,.06)}
.mvv2 small{margin-top:8px;font:600 11.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--o)}
.mvv2 p{margin:0;font-size:17px;font-weight:600;line-height:1.45;color:var(--ink)!important}
.mvv2 article:nth-child(2){transition-delay:.1s}.mvv2 article:nth-child(3){transition-delay:.2s}
@media(max-width:820px){.mvv2{grid-template-columns:1fr}}
/* conclusão ao lado do Next: Axis + Next = Nexis numa linha só */
.axn{max-width:none}
.axn-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.1fr)}
/* rodapé: só os ícones das redes da Nexis */
.ft{align-items:center}
.ft-so{display:flex;gap:12px}
.ft-so a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--fg);border:1px solid var(--line);background:rgba(255,255,255,.03);transition:color .25s,border-color .25s,background .25s,transform .25s}
.ft-so a:hover,.ft-so a:focus-visible{color:#fff;border-color:var(--o);background:rgba(255,101,0,.15);transform:translateY(-2px);outline:none}
.ft-so svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* cartão Nexis (conclusão) no mesmo formato, em escuro */
.axn-card.axn-nx{background:var(--ink);border-color:rgba(255,101,0,.55);box-shadow:0 30px 60px -28px rgba(255,101,0,.55)}
.axn-nx b{color:var(--o)}
.axn-nx li{color:#c9d2da}
.axn-nx small{color:var(--o2);border-top-color:rgba(255,101,0,.35)}
.axn-nx .axn-ic{background:rgba(255,101,0,.12);border-color:rgba(255,101,0,.45)}
.axn-nx .axn-ic.sym svg{width:auto;height:40px;filter:drop-shadow(0 0 10px rgba(255,101,0,.5))}
@media(max-width:980px){.axn-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.axn-row>.axn-is{grid-column:1/-1;justify-self:center;line-height:1}.axn-row>.axn-nx{grid-column:1/-1;justify-self:center;width:100%;max-width:440px}}
@media(max-width:600px){.axn-row{grid-template-columns:1fr}.axn-row>.axn-nx{max-width:none}}
/* slogan sem a logo */
.slg{text-align:center;margin:clamp(40px,6vw,64px) auto 0}
.slg small{display:block;font:600 11.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.slg p{margin:10px 0 0;font-size:clamp(26px,4vw,46px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--ink)!important}
.slg em{position:relative;font-style:normal;color:var(--o);white-space:nowrap}
.slg em::after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.12em;border-radius:99px;background:linear-gradient(90deg,var(--o2),var(--o));transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1) .5s}
.slg.in em::after{transform:none}
/* sites do início em fundo claro, emendado com os cases */
.light .sitestrip a{background:#fff;border-color:var(--lline);box-shadow:0 20px 50px -30px rgba(13,20,26,.35)}
.light .sitestrip a:hover{border-color:rgba(255,101,0,.5)}
.light .sitestrip span.sx{border-top-color:var(--lline)}
.light .sitestrip .sx b{color:var(--ink)}
.light .sitestrip .sx small{color:var(--ink2)}
#cases-sec.light+#sites-home.light{padding-top:clamp(24px,4vw,48px)}
/* Como nasceu a Nexis: título em duas linhas e o texto embaixo */
#historia .qs-head{grid-template-columns:1fr;gap:16px}
#historia .qs-head h2 em{display:block}
#historia .qs-head .lead{max-width:62ch}
#historia .qs-head+.axn{margin-top:clamp(32px,5vw,52px)}
@media(max-width:1080px){.mvv2{grid-template-columns:1fr}}@media(max-width:480px){.mvv2 article{padding:22px 20px}.mvv2 p{font-size:15.5px}}
/* visão em duas linhas no computador: cartão do meio um pouco mais largo */
@media(min-width:1081px){.mvv2{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}.mvv2 p{font-size:16px}}
/* cartões de oferta sobre fundo escuro (hospedagem): transparentes e sutis, sem o branco */
section:not(.light) .offer article{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s,transform .3s,background .3s}
section:not(.light) .offer article:hover{border-color:rgba(255,101,0,.45);background:linear-gradient(160deg,rgba(255,101,0,.08),rgba(255,255,255,.02));transform:translateY(-4px)}
section:not(.light) .offer h3{color:var(--fg)}
section:not(.light) .offer p{color:var(--muted)}