/* XG Marketing v3 — preto profundo, azul elétrico, Geist. Animações leves (CSS + um pouco de JS), param fora da tela. */
:root{--bg:#06080d;--bg2:#0c0f17;--ink:#fff;--mut:#98a1b3;--acc:#1454f5;--acc2:#5b8cff;--line:rgba(255,255,255,.08);--light:#f4f5f8;--ink2:#0a0c12;--mut2:#5a6170;--r:20px;--ease:cubic-bezier(.2,.7,.1,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{width:min(1180px,90vw);margin:0 auto}.center{text-align:center}.mx{margin-left:auto;margin-right:auto}
section{padding:120px 0;position:relative}
h1{font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-.045em;font-weight:600}
h1 .rv{display:inline-block}
h2{font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.06;letter-spacing:-.04em;font-weight:600;margin-bottom:20px}
h3{font-size:1.3rem;letter-spacing:-.02em;font-weight:600;margin:6px 0 8px}
.acc{color:var(--acc2)}.light .acc{color:var(--acc)}
.lead{font-size:1.12rem;color:var(--mut);max-width:540px;margin:20px 0 32px;font-weight:300}
.light{background:var(--light);color:var(--ink2)}.light .lead,.light p{color:var(--mut2)}
.blue{background:var(--acc);color:#fff}.blue .lead{color:rgba(255,255,255,.82)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--acc);color:#fff;padding:15px 26px;border-radius:999px;font-weight:500;font-size:1rem;transition:transform .3s var(--ease),box-shadow .3s,background .3s;box-shadow:0 10px 30px -10px rgba(20,84,245,.7)}
.btn:hover{transform:translateY(-2px);background:#2b66ff;box-shadow:0 16px 40px -12px rgba(20,84,245,.9)}
.btn .arr{font-style:normal;transition:transform .3s var(--ease)}.btn:hover .arr{transform:translateX(4px)}
.btn-white{background:#fff;color:var(--acc);box-shadow:0 10px 30px -12px rgba(0,0,0,.4)}.btn-white:hover{background:#fff}
.btn-sm{padding:10px 18px;font-size:.9rem}
.ctas{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.micro{color:var(--mut);font-size:.85rem}
.fine{font-size:.78rem;color:var(--mut);margin-top:18px}.on-blue{color:rgba(255,255,255,.7)}

/* topo */
.top{position:fixed;inset:16px 0 auto;z-index:40;display:flex;justify-content:center;pointer-events:none}
.pill{pointer-events:auto;display:flex;align-items:center;gap:30px;padding:7px 7px 7px 20px;border-radius:999px;background:rgba(12,15,23,.66);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--line);width:min(1080px,92vw);justify-content:space-between;transition:background .3s}
.logo{display:flex;align-items:center;gap:10px}.logo span{font-size:.62rem;line-height:1.15;color:var(--mut);border-left:1px solid var(--line);padding-left:10px}
.links{display:flex;gap:28px;font-size:.9rem;color:var(--mut);margin-left:auto}.links a{transition:color .2s}.links a:hover{color:#fff}

/* primeira tela */
.hero{min-height:100svh;padding:150px 0 40px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.aurora{position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(40% 40% at 70% 40%,rgba(20,84,245,.28),transparent 70%),radial-gradient(30% 30% at 20% 70%,rgba(91,140,255,.12),transparent 70%);filter:blur(20px);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{to{transform:translate3d(-4%,3%,0) scale(1.08)}}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative}
.hero-grid>*{min-width:0}
.rv{opacity:0;transform:translateY(24px);filter:blur(6px);animation:rise .9s var(--ease) forwards}
.hero-txt .rv:nth-child(1){animation-delay:.05s}.hero-txt h1 .rv:nth-child(2){animation-delay:.15s}.hero-txt h1 .rv:nth-child(3){animation-delay:.25s}.lead.rv{animation-delay:.4s}.ctas.rv{animation-delay:.55s}
@keyframes rise{to{opacity:1;transform:none;filter:none}}
.x3d{position:relative;height:440px;perspective:1100px;touch-action:pan-y;cursor:grab;user-select:none}
.x3d:active{cursor:grabbing}
.x-obj{position:absolute;inset:0;margin:auto;width:340px;height:153px;transform-style:preserve-3d;will-change:transform}
.x-obj img{position:absolute;inset:0;width:100%;height:100%}
.orbit{position:absolute;inset:0;margin:auto;width:420px;height:420px;animation:spin 26s linear infinite;pointer-events:none}
.orbit span{position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translateX(210px) rotate(calc(-1 * var(--a)));translate:-50% -50%;font-size:.72rem;padding:7px 12px;border-radius:999px;background:rgba(12,15,23,.8);border:1px solid rgba(91,140,255,.35);color:#cfdaff;white-space:nowrap;backdrop-filter:blur(6px)}
.orbit span{animation:counter 26s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes counter{to{rotate:-360deg}}
.hint{position:absolute;bottom:0;width:100%;text-align:center;font-size:.72rem;color:var(--mut);letter-spacing:.06em}
.marquee{margin-top:56px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;gap:70px;width:max-content;animation:mq 30s linear infinite;align-items:center}
.mq-track img{height:38px;width:auto;opacity:.75;filter:grayscale(1) brightness(1.9)}
@keyframes mq{to{transform:translateX(-50%)}}

/* resultados */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}
.r-nav{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:.85rem}.r-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);transition:background .2s}.r-nav button:hover{background:rgba(255,255,255,.06)}
.r-card{display:grid;grid-template-columns:1.5fr 1fr;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(140deg,#0e1424,#0a0d15)}
.r-main{padding:40px}.r-main small{color:var(--mut);font-size:.82rem}
.r-lbl{font-size:.78rem;color:var(--mut);margin-top:24px}
.r-big{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:600;letter-spacing:-.04em;color:var(--acc2);font-variant-numeric:tabular-nums;line-height:1.05;margin-top:4px}
.r-sub{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}.r-sub b{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}
.r-chart{background:var(--acc);padding:40px 34px;display:flex;flex-direction:column}
.r-chart .r-lbl{margin:0;color:rgba(255,255,255,.75)}
.bars{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:40px;min-height:220px;margin-top:20px}
.bar{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;justify-content:flex-end;width:70px}
.bar i{display:block;width:100%;height:0;border-radius:10px 10px 4px 4px;background:rgba(255,255,255,.35);transition:height 1.4s var(--ease)}
.bar i.v{background:#fff;box-shadow:0 0 40px rgba(255,255,255,.35)}
.bar span{font-size:.78rem;color:rgba(255,255,255,.85)}

/* caminho com linha que enche ao rolar */
.track{position:relative;margin-top:60px}
.track-line{position:absolute;left:0;right:0;top:22px;height:2px;background:#dfe3eb;border-radius:2px}
.track-line i{position:absolute;inset:0;background:var(--acc);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .2s linear}
.stops{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.stop .n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid #dfe3eb;font-size:.82rem;font-weight:600;color:var(--mut2);margin-bottom:22px;transition:all .5s var(--ease)}
.stop.on .n{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 0 0 8px rgba(20,84,245,.12)}
.stop b{font-size:1.25rem;display:block;margin-bottom:6px}.stop p{font-size:.95rem}

/* CRM */
.crm-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.crm .lead{color:rgba(255,255,255,.85)}
.crm-card{background:#0a0d16;border-radius:24px;padding:28px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);position:relative;color:#fff;overflow:hidden}
.cc-head{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--mut);margin-bottom:22px}
.live{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#7ee2a8}.live i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}}
.cc-rail{position:absolute;left:47px;top:78px;bottom:76px;width:2px;background:rgba(255,255,255,.08)}
.cc-rail i{position:absolute;inset:0;background:var(--acc2);transform-origin:top;transform:scaleY(var(--p,0));transition:transform .6s var(--ease)}
.cc-steps{list-style:none;display:grid;gap:14px;position:relative}
.cc-steps li{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:14px;border-radius:14px;border:1px solid transparent;transition:all .5s var(--ease);opacity:.45}
.cc-steps li:before{content:"";grid-row:span 2;width:12px;height:12px;border-radius:50%;background:#1b2132;border:2px solid #2a3248;justify-self:center;align-self:center;transition:all .4s}
.cc-steps li.on{opacity:1;background:rgba(91,140,255,.08);border-color:rgba(91,140,255,.25)}
.cc-steps li.on:before{background:var(--acc2);border-color:var(--acc2);box-shadow:0 0 0 6px rgba(91,140,255,.18)}
.cc-steps b{font-weight:500}.cc-steps small{color:var(--mut);font-size:.8rem}
.cc-toast{margin-top:18px;font-size:.8rem;color:var(--acc2);padding:12px 14px;border-radius:12px;background:rgba(91,140,255,.08);opacity:0;transform:translateY(8px);transition:all .5s var(--ease)}.cc-toast.on{opacity:1;transform:none}

/* serviços com mini animações */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:54px}
.svc{background:var(--bg2);border:1px solid var(--line);border-radius:26px;padding:26px 28px 32px;transition:border-color .4s,transform .4s var(--ease);overflow:hidden}
.svc:hover{border-color:rgba(91,140,255,.45);transform:translateY(-4px)}
.svc small{color:var(--acc2);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.svc p{color:var(--mut);max-width:440px}
.viz{height:190px;border-radius:18px;background:radial-gradient(80% 90% at 50% 100%,rgba(20,84,245,.18),transparent 70%),#0a0d16;border:1px solid var(--line);margin-bottom:24px;position:relative;overflow:hidden}
.viz *{animation-play-state:var(--play,paused)}.svc.vis .viz *{--play:running}
/* tráfego */
.v-ads .ad{position:absolute;left:22px;top:24px;width:140px;padding:10px;border-radius:12px;background:#fff;color:#0a0c12;animation:bob 4s ease-in-out infinite}
.v-ads .ad i{display:block;height:54px;border-radius:8px;background:linear-gradient(135deg,#1454f5,#5b8cff)}.v-ads .ad b{display:block;height:6px;border-radius:3px;background:#d7dbe4;margin-top:8px}.v-ads .ad b.s{width:60%}
.v-ads .ad em{display:block;margin-top:8px;font-style:normal;font-size:.62rem;font-weight:600;background:#0a0c12;color:#fff;border-radius:6px;padding:4px;text-align:center}
.v-ads .chart{position:absolute;right:24px;bottom:24px;left:190px;height:120px;display:flex;align-items:flex-end;gap:8px}
.v-ads .chart i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(#5b8cff,#1454f5);transform-origin:bottom;animation:grow 3.6s var(--ease) infinite}
.v-ads .chart i:nth-child(2){animation-delay:.1s}.v-ads .chart i:nth-child(3){animation-delay:.2s}.v-ads .chart i:nth-child(4){animation-delay:.3s}.v-ads .chart i:nth-child(5){animation-delay:.4s}.v-ads .chart i:nth-child(6){animation-delay:.5s}
@keyframes grow{0%{transform:scaleY(.15)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.tag{position:absolute;right:20px;top:18px;font-size:.7rem;padding:5px 10px;border-radius:999px;background:rgba(34,197,94,.14);color:#7ee2a8}
@keyframes bob{50%{transform:translateY(-6px)}}
/* presença */
.v-ig .prof{position:absolute;left:24px;top:26px;display:flex;align-items:center;gap:10px}.v-ig .prof i{width:42px;height:42px;border-radius:50%;background:conic-gradient(#5b8cff,#1454f5,#5b8cff);padding:3px;animation:spin 6s linear infinite}
.v-ig .prof b{width:90px;height:8px;border-radius:4px;background:#2a3248}
.v-ig .grid9{position:absolute;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.v-ig .grid9 i{aspect-ratio:1;border-radius:6px;background:#1a2133;animation:lit 4.8s infinite}
.v-ig .grid9 i:nth-child(2){animation-delay:.6s}.v-ig .grid9 i:nth-child(3){animation-delay:1.2s}.v-ig .grid9 i:nth-child(4){animation-delay:1.8s}.v-ig .grid9 i:nth-child(5){animation-delay:2.4s}.v-ig .grid9 i:nth-child(6){animation-delay:3s}
@keyframes lit{0%,100%{background:#1a2133}20%{background:linear-gradient(135deg,#1454f5,#5b8cff)}40%{background:#1a2133}}
.pin{position:absolute;right:20px;top:30px;font-size:.72rem;padding:7px 12px;border-radius:10px;background:#fff;color:#0a0c12;font-weight:600;animation:bob 3.4s ease-in-out infinite}
/* site */
.v-site .browser{position:absolute;left:50%;top:22px;translate:-50% 0;width:260px;height:160px;border-radius:12px;background:#f4f5f8;padding:10px;overflow:hidden}
.v-site .bb{display:flex;gap:4px;margin-bottom:10px}.v-site .bb i{width:7px;height:7px;border-radius:50%;background:#d0d4dd}
.v-site .bh{height:12px;width:70%;border-radius:4px;background:#0a0c12}.v-site .bl{height:6px;width:85%;border-radius:3px;background:#cfd4de;margin-top:8px}.v-site .bl.s{width:55%}
.v-site .bcta{display:inline-block;margin-top:14px;font-size:.62rem;font-weight:600;color:#fff;background:var(--acc);padding:7px 12px;border-radius:999px;animation:press 4s infinite}
.v-site .cursor{position:absolute;width:14px;height:14px;left:200px;top:120px;background:#0a0c12;clip-path:polygon(0 0,0 100%,30% 72%,52% 100%,66% 92%,46% 66%,82% 66%);animation:aim 4s var(--ease) infinite}
@keyframes aim{0%{left:200px;top:120px}40%,55%{left:62px;top:110px}100%{left:200px;top:120px}}
@keyframes press{0%,42%,60%,100%{transform:scale(1)}48%{transform:scale(.92)}}
.ping{position:absolute;right:16px;bottom:16px;font-size:.7rem;padding:6px 11px;border-radius:999px;background:#22c55e;color:#04170b;font-weight:600;opacity:0;animation:ping 4s infinite}
@keyframes ping{0%,48%{opacity:0;transform:translateY(8px)}55%,85%{opacity:1;transform:none}100%{opacity:0}}
/* assessoria */
.v-plan .plan{position:absolute;left:24px;top:28px;display:grid;gap:12px}
.v-plan .row{display:flex;align-items:center;gap:10px}.v-plan .row i{width:16px;height:16px;border-radius:5px;border:2px solid #2a3248;position:relative;animation:chk 5s infinite}
.v-plan .row:nth-child(2) i{animation-delay:.7s}.v-plan .row:nth-child(3) i{animation-delay:1.4s}.v-plan .row:nth-child(4) i{animation-delay:2.1s}
.v-plan .row b{height:7px;border-radius:4px;background:#2a3248;width:150px}.v-plan .row:nth-child(2) b{width:120px}.v-plan .row:nth-child(4) b{width:100px}
@keyframes chk{0%,15%{background:transparent;border-color:#2a3248}25%,90%{background:var(--acc2);border-color:var(--acc2)}100%{background:transparent;border-color:#2a3248}}
.v-plan .ring{position:absolute;right:30px;top:50%;translate:0 -50%;width:110px;height:110px}
.v-plan .ring svg{width:100%;height:100%;rotate:-90deg}.v-plan circle{fill:none;stroke:#1a2133;stroke-width:4}.v-plan circle.p{stroke:var(--acc2);stroke-linecap:round;stroke-dasharray:101;stroke-dashoffset:101;animation:ring 5s var(--ease) infinite}
@keyframes ring{0%{stroke-dashoffset:101}70%,90%{stroke-dashoffset:10}100%{stroke-dashoffset:101}}
.v-plan .ring span{position:absolute;inset:0;display:grid;place-items:center;font-size:.75rem;color:var(--mut)}

/* investimento e como começar */
.invest h2{margin-bottom:14px}.invest .btn{margin-top:8px}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px}
.how div{background:#fff;border:1px solid #e4e7ee;border-radius:22px;padding:30px}
.n{color:var(--acc);font-weight:600;font-size:.85rem}.how b{display:block;font-size:1.3rem;margin:12px 0 6px}
/* dúvidas */
.faq-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px}
details{border-bottom:1px solid #dfe3eb;padding:20px 0}
summary{cursor:pointer;font-weight:500;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--acc);font-size:1.3rem;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}
details p{margin-top:10px}
/* fechamento e rodapé */
.closing{overflow:hidden}.a2{inset:-30% -10% auto;opacity:.8}
.foot{border-top:1px solid var(--line);padding:44px 0}
.foot-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;color:var(--mut);font-size:.85rem}
.foot-grid div{display:flex;gap:20px}.foot-grid a:hover{color:#fff}.cnpj{grid-column:1/-1;font-size:.75rem;opacity:.7}

/* revelar ao rolar (JS liga a classe .in; sem JS fica visível) */
.js .up{opacity:0;transform:translateY(-22px);filter:blur(4px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease)}.js .up.in{opacity:1;transform:none;filter:none}

/* DIAGNÓSTICO em tela cheia */
.diag{border:0;padding:0;width:100%;max-width:100%;height:100%;max-height:100%;background:rgba(6,8,13,.97);color:#fff;backdrop-filter:blur(10px)}
.diag[open]{display:flex;flex-direction:column;animation:fade .35s var(--ease)}
.diag::backdrop{background:rgba(0,0,0,.6)}
@keyframes fade{from{opacity:0}}
.d-top{display:flex;align-items:center;gap:20px;padding:22px 5vw}
.d-prog{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.d-prog i{display:block;height:100%;width:0;background:var(--acc2);transition:width .5s var(--ease)}
.d-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--mut)}
.d-body{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 5vw 60px;overflow:auto}
.d-step{width:min(640px,100%);animation:slide .45s var(--ease)}
@keyframes slide{from{opacity:0;transform:translateX(30px)}}
.d-k{color:var(--acc2);font-size:.85rem;margin-bottom:10px}
.d-q{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;margin-bottom:28px}
.d-ops{display:grid;gap:10px}
.d-op{display:flex;align-items:center;gap:14px;text-align:left;font-size:1.05rem;padding:18px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);transition:all .2s}
.d-op kbd{font-family:inherit;font-size:.72rem;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;border:1px solid rgba(255,255,255,.2);color:var(--mut)}
.d-op:hover{border-color:var(--acc2);background:rgba(91,140,255,.08)}.d-op.sel{border-color:var(--acc2);background:rgba(91,140,255,.16)}
.d-form{display:grid;gap:12px}
.d-form input{font:inherit;font-size:1.05rem;padding:17px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;width:100%}
.d-form input::placeholder{color:#6f7788}.d-form input:focus{outline:none;border-color:var(--acc2);background:rgba(91,140,255,.06)}
.d-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.d-err{color:#ff7a7a;font-size:.9rem;min-height:1.2em}
.d-safe{font-size:.8rem;color:var(--mut);margin-top:4px}
.d-back{margin-top:22px;color:var(--mut);font-size:.9rem}
.d-res{width:min(640px,100%);animation:slide .45s var(--ease)}
.d-res .badge{display:inline-block;font-size:.75rem;padding:6px 12px;border-radius:999px;background:rgba(91,140,255,.14);color:#cfdaff;margin-bottom:16px}
.d-res ul{list-style:none;margin:22px 0 30px;display:grid;gap:10px}.d-res li{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#d9deea}

/* celular */
@media (max-width:960px){
  section{padding:84px 0}.hero{padding:120px 0 30px;min-height:auto}
  .hero-grid,.crm-grid,.faq-grid{grid-template-columns:1fr;gap:34px}
  .hero-txt{text-align:center}.hero-txt .lead{margin-left:auto;margin-right:auto}.ctas{justify-content:center}
  .x3d{height:300px}.x-obj{width:230px;height:104px}.orbit{width:290px;height:290px}.orbit span{transform:rotate(var(--a)) translateX(145px) rotate(calc(-1 * var(--a)));font-size:.62rem}
  .links{display:none}.logo span{display:none}.pill{width:auto;gap:18px}
  .sec-head{flex-direction:column;align-items:flex-start}
  .r-card{grid-template-columns:1fr}.r-main,.r-chart{padding:28px}.bars{min-height:160px}
  .stops{grid-template-columns:1fr 1fr;row-gap:36px}.track-line{display:none}
  .svc-grid,.how{grid-template-columns:1fr}
  .v-ads .chart{left:176px;right:16px}.v-site .browser{width:230px}
  .d-two{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}.foot-grid div{flex-wrap:wrap}
}
/* v3.1 */
.hero{min-height:min(100svh,940px)}
.hint{bottom:-34px}
.mq-track img{height:44px;opacity:.85}
@media (max-width:960px){.x3d{margin-bottom:30px}.mq-track img{height:34px}}
.center .lead{text-align:center}

/* ===== v3.2 ===== */
/* clientes com destaque */
.clients{margin-top:70px;text-align:center}
.clients>p{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:26px}
.marquee{margin-top:0}
.mq-track{gap:96px;animation-duration:42s}
.mq-track img{height:62px;opacity:.92;filter:grayscale(1) brightness(2.2)}
/* holograma */
.x3d:before{content:"";position:absolute;left:50%;bottom:6%;width:300px;height:46px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(91,170,255,.55),rgba(20,84,245,.15) 60%,transparent);filter:blur(2px)}
.x3d:after{content:"";position:absolute;left:50%;bottom:9%;width:260px;height:62%;translate:-50% 0;background:linear-gradient(to top,rgba(91,170,255,.28),rgba(91,170,255,.04) 70%,transparent);clip-path:polygon(38% 100%,62% 100%,100% 0,0 0);pointer-events:none;animation:beam 4s ease-in-out infinite}
@keyframes beam{50%{opacity:.6}}
.x-obj{filter:drop-shadow(0 0 22px rgba(91,170,255,.45))}
.x-obj img{mix-blend-mode:screen}
.x-scan{position:absolute;inset:-10px;background:repeating-linear-gradient(to bottom,rgba(140,200,255,.18) 0 1px,transparent 1px 4px);mask:url(brand/xg.svg) center/contain no-repeat;-webkit-mask:url(brand/xg.svg) center/contain no-repeat;animation:scan 3s linear infinite;pointer-events:none;transform:translateZ(22px)}
@keyframes scan{to{background-position:0 40px}}
.x-obj.flick{animation:flick 6s infinite}
@keyframes flick{0%,96%,100%{opacity:1}97%{opacity:.75}98%{opacity:1}99%{opacity:.85}}
.orbit span{display:flex;align-items:center;gap:7px;padding:8px 13px;font-size:.76rem;background:rgba(20,40,80,.35);border-color:rgba(120,180,255,.45);box-shadow:0 0 18px rgba(91,170,255,.25),inset 0 0 12px rgba(91,170,255,.15);color:#dbe8ff}
.orbit svg{width:15px;height:15px}
/* resultados mais lentos */
.bar i{transition:height 2.8s var(--ease)}
/* CRM alinhado */
.cc-rail{display:none}
.cc-prog{height:3px;border-radius:3px;background:rgba(255,255,255,.08);margin-bottom:18px;overflow:hidden}.cc-prog i{display:block;height:100%;background:var(--acc2);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .7s var(--ease)}
.cc-steps li{align-items:center}
.cc-steps li:before{grid-row:1 / span 2}
.crm-link{display:inline-block;margin-left:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);font-size:.95rem}
/* diagnóstico: primeiro só o nome */
.d-name{display:flex;gap:10px}.d-name input{flex:1;font:inherit;font-size:1.3rem;padding:18px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff}
.d-name input:focus{outline:none;border-color:var(--acc2)}
@media (max-width:960px){.mq-track img{height:44px}.mq-track{gap:60px}.d-name{flex-direction:column}}
/* ===== v3.3: entrada igual ao site original; sem feixe falso ===== */
.js .up{opacity:0;transform:translateY(35px);filter:none;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .up.in{opacity:1;transform:translateY(0)}
.x3d:before,.x3d:after{content:none;display:none}
.x-obj{filter:drop-shadow(0 0 28px rgba(91,140,255,.35))}
.x-scan{opacity:.45}
.rv{opacity:0;transform:translateY(20px);filter:none;animation:reveal .8s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes reveal{to{opacity:1;transform:none}}
.hero-txt h1 .rv:nth-child(1){animation-delay:0s}.hero-txt h1 .rv:nth-child(2){animation-delay:.08s}.hero-txt h1 .rv:nth-child(3){animation-delay:.16s}.lead.rv{animation-delay:.26s}.ctas.rv{animation-delay:.36s}

/* ===== v3.6: luxo minimalista, cabeçalho em três pontas, clientes grandes, vitrine proporcional ===== */
section{padding:150px 0}
h1{font-weight:500;letter-spacing:-.05em}
h2{font-weight:500;letter-spacing:-.045em}
.lead{font-weight:300;line-height:1.6}
.btn{padding:17px 32px;box-shadow:0 10px 28px -14px rgba(20,84,245,.65)}
.btn-sm{padding:14px 26px;font-size:.95rem}
/* cabeçalho: XG numa ponta, Diagnóstico na outra, links no centro */
.top{inset:20px 0 auto}
.pill{width:min(1260px,94vw);padding:12px 12px 12px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:rgba(9,12,19,.58);border-color:rgba(255,255,255,.09);justify-content:normal}
.pill .logo{justify-self:start;gap:14px}
.pill .logo img{width:64px;height:auto}
.pill .logo span{font-size:.68rem;padding-left:14px}
.pill .links{margin:0;justify-self:center;gap:44px;font-size:.95rem}
.pill .btn-sm{justify-self:end}
/* sem efeito de holograma: só o X 3D com brilho suave */
.x-scan{display:none}.x-obj.flick{animation:none}
.orbit span{box-shadow:none;background:rgba(12,17,28,.72);border-color:rgba(255,255,255,.13);color:#dbe4f5}
.aurora{opacity:.8}
/* clientes grandes */
.clients{margin-top:84px}
.clients>p{margin-bottom:34px;letter-spacing:.2em}
.mq-track{gap:130px;animation-duration:48s}
.mq-track img{height:96px;opacity:.95;filter:grayscale(1) brightness(2.3)}
/* respiro entre blocos */
.sec-head{margin-bottom:48px}
.track{margin-top:76px}
.how{margin-top:64px;gap:24px}
.how div{padding:36px}
.show{margin-top:72px;gap:56px}
.r-main{padding:48px}.r-chart{padding:48px 40px}
.faq-grid{gap:90px}
details{padding:24px 0}
/* vitrine: palco proporcional (as cenas são desenhadas em 600x500 e escalam) */
.stage2{--s:1;min-height:0;height:calc(500px * var(--s));border-radius:30px}
.scene{inset:auto;left:0;top:0;width:600px;height:500px;zoom:var(--s)}
.show-list li.on{background:rgba(255,255,255,.04)}
.show-list b{font-weight:500}
@media (max-width:960px){
  section{padding:96px 0}
  .pill{display:flex;justify-content:space-between;width:92vw;padding:10px 10px 10px 22px}
  .pill .logo img{width:54px}.pill .btn-sm{padding:12px 20px}
  .mq-track{gap:80px}.mq-track img{height:64px}
  .clients{margin-top:56px}
  .r-main,.r-chart{padding:30px}
  .faq-grid{gap:34px}
}
.c1{bottom:9%;right:8%}