:root{--ink:#0c0d10;--ink2:#1b1d23;--paper:#eceef1;--white:#fff;--red:#d71920;--red2:#b01218;--soft:#b8bec8;--mute:#4a5260;--line:#d3d7de;--ff-h:'Bricolage Grotesque',system-ui,sans-serif;--ff-b:'IBM Plex Sans',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font:400 1.0625rem/1.6 var(--ff-b);background:var(--white);color:var(--ink)}
a{color:inherit}
img{max-width:100%}
.container{width:min(100% - 40px,1120px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:3px solid #ff6b70;outline-offset:3px}

h1,h2,h3{font-family:var(--ff-h);line-height:1.08;letter-spacing:-.02em}
h2{font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:700;max-width:18ch}
h3{font-size:1.2rem;font-weight:700}
.lead{max-width:56ch;margin-top:16px;font-size:1.1rem}
.h-left{margin-bottom:8px}
.section{padding:clamp(64px,9vw,112px) 0}
.paper{background:var(--paper)}
.dark{background:var(--ink);color:#fff}
.dark .lead,.dark label{color:var(--soft)}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:6px;font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,border-color .2s}
.btn.primary{background:var(--red);color:#fff;margin-top:24px}
.btn.primary:hover{background:var(--red2)}
.btn.ghost{border-color:#5b616c;color:#fff;margin-top:24px}
.btn.ghost:hover{border-color:#fff}

.header{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;border-bottom:1px solid #262930}
.nav-wrap{height:68px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font:800 1.3rem var(--ff-h);text-decoration:none}
.brand img{display:block;height:48px;width:auto}
.nav{display:flex;gap:22px;margin-left:auto;font-size:.95rem}
.nav a{text-decoration:none;color:var(--soft)}
.nav a:hover{color:#fff}
.nav-cta{background:var(--red);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:11px 18px;border-radius:6px;white-space:nowrap}
.nav-cta:hover{background:var(--red2)}
.menu-btn{display:none;margin-left:auto;background:none;border:0;width:40px;height:40px;cursor:pointer}
.menu-btn span{display:block;width:24px;height:2px;background:#fff;margin:6px auto}

.hero{background:var(--ink);color:#fff;padding:clamp(56px,8vw,104px) 0}
.hero-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(32px,6vw,88px);align-items:center}
h1{font-size:clamp(2.5rem,5.6vw,4.5rem);font-weight:800;max-width:14ch}
.hero-copy p{max-width:50ch;margin-top:24px;color:var(--soft);font-size:1.15rem}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.trilho{list-style:none;position:relative;padding-left:34px}
.trilho::before{content:"";position:absolute;left:7px;top:28px;bottom:44px;width:2px;background:linear-gradient(var(--red),#3a3d45)}
.trilho li{position:relative;padding:19px 0 10px;opacity:0;transform:translateY(8px);animation:entra .5s ease forwards}
.trilho li::before{content:"";position:absolute;left:-36px;top:20px;width:16px;height:16px;border-radius:50%;background:var(--ink);border:3px solid var(--red)}
.trilho li:nth-child(1){animation-delay:.15s}.trilho li:nth-child(2){animation-delay:.3s}.trilho li:nth-child(3){animation-delay:.45s}.trilho li:nth-child(4){animation-delay:.6s}.trilho li:nth-child(5){animation-delay:.75s}
.trilho strong{display:block;font:700 1.35rem/24px var(--ff-h)}
.trilho span{color:var(--soft);font-size:.95rem}
@keyframes entra{to{opacity:1;transform:none}}

.svc-list{margin-top:32px;border-top:2px solid var(--ink)}
.svc{border-bottom:1px solid var(--line)}
.svc summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;gap:20px;align-items:baseline;padding:22px 0;cursor:pointer;list-style:none}
.svc summary::-webkit-details-marker{display:none}
.svc summary h3{font-size:clamp(1.25rem,2.4vw,1.7rem)}
.svc summary span{color:var(--mute)}
.svc summary::after{content:"+";font:500 1.6rem var(--ff-h);color:var(--red);transition:transform .2s}
.svc[open] summary::after{transform:rotate(45deg)}
.svc p{padding:0 0 24px;max-width:62ch;color:var(--mute)}
.svc p a{color:var(--red2);font-weight:600}

.diag{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start}
.sintomas{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--line)}
.sintomas button{text-align:left;padding:15px 14px;background:none;border:0;border-bottom:1px solid var(--line);border-left:4px solid transparent;font:500 1.05rem var(--ff-b);cursor:pointer;color:var(--ink)}
.sintomas button:hover{background:var(--paper)}
.sintomas button[aria-pressed="true"]{border-left-color:var(--red);background:var(--paper);font-weight:600}
.resposta{background:var(--ink);color:#fff;padding:clamp(24px,4vw,44px);border-radius:4px;position:sticky;top:92px}
.resposta h3{font-size:1.6rem}
.resposta p{margin-top:12px;color:var(--soft)}
.resposta ul{margin:18px 0 0 20px;color:#e3e6eb}
.resposta li{margin-top:6px}

.linha{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;counter-reset:s}
.linha li{counter-increment:s;position:relative;padding:28px 28px 0 0;border-top:2px solid var(--ink)}
.linha li::before{content:counter(s);position:absolute;top:-15px;left:0;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font:700 .9rem/28px var(--ff-h);text-align:center}
.linha p{margin-top:8px;color:var(--mute)}

.rental{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start}
.tabela{width:100%;border-collapse:collapse}
.tabela th,.tabela td{text-align:left;padding:18px 14px 18px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tabela thead th{border-bottom:2px solid var(--ink);font-size:.9rem;color:var(--mute);font-weight:600}
.tabela tbody th{font:700 1.2rem var(--ff-h);width:34%}
.tabela td{color:var(--mute)}

.techs-title{margin-top:64px;font-weight:600;color:var(--mute)}
.depo{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,6vw,80px);margin-top:72px}
blockquote footer{margin-top:10px;font-size:.95rem;color:var(--mute)}
.depo-main p{font:700 clamp(1.5rem,3vw,2.3rem)/1.2 var(--ff-h);letter-spacing:-.01em}
.depo-main footer{margin-top:20px}
.depo-side blockquote{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.depo-side blockquote:last-child{border:0}

.carrossel{position:relative;margin-top:32px;padding:0 64px}
.techs.carrossel{margin-top:16px}
.faixa{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;padding:2px}
.faixa::-webkit-scrollbar{display:none}
.faixa.arrastando{cursor:grabbing;scroll-snap-type:none;user-select:none}
.slot{flex:0 0 200px;height:108px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:6px;scroll-snap-align:start;display:flex}
.techs .slot{flex-basis:170px;height:92px;padding:8px 12px}
.slot img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .25s,opacity .25s;-webkit-user-drag:none;user-select:none}
.slot{overflow:hidden}
.slot img{transform:translate(var(--x,0),var(--y,0)) scale(var(--z,1))}
.slot:hover img{filter:none;opacity:1}
.seta{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:#fff;font:500 1.6rem/1 var(--ff-h);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.seta.prev{left:6px}.seta.next{right:6px}
.seta:disabled{opacity:0;pointer-events:none}
.seta:hover{background:var(--red)}
.mais{margin-top:36px}
.mais summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:600;color:var(--red2);padding:10px 0;border-bottom:2px solid var(--red)}
.mais summary::-webkit-details-marker{display:none}
.mais summary::after{content:"+";font:500 1.3rem var(--ff-h)}
.mais[open] summary::after{content:"\2212"}
.mais-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 56px;margin-top:28px}
.mais-grid blockquote{padding-top:18px;border-top:1px solid var(--line)}
.google{margin-top:72px}
.google h3{font-size:1.5rem}
.google .nota{color:#b7791f;letter-spacing:2px}
.cta-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px)}
.contatos{margin-top:28px;line-height:2}
.contatos a{color:#fff}
.form{display:flex;flex-direction:column;gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:.95rem;font-weight:500}
.form input,.form select,.form textarea{font:inherit;padding:13px 14px;border-radius:6px;border:1px solid #3d414a;background:var(--ink2);color:#fff}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid #ff6b70;outline-offset:1px}
.form .invalido{border-color:#ff6b70}
.form .btn{margin-top:4px}
.form-status{min-height:1.4em;font-size:.95rem;color:var(--soft)}
.form-status a{color:#fff}

.footer{background:var(--ink);color:var(--soft);padding:36px 0;border-top:1px solid #262930;font-size:.95rem}
.footer-layout{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.footer strong{font:800 1.2rem var(--ff-h);color:#fff}
.wa-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#1faa55;display:grid;place-items:center;z-index:60;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.wa-float:hover{background:#188a45}

@media(max-width:900px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--ink);flex-direction:column;padding:12px 20px 20px;gap:0;border-bottom:1px solid #262930}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid #262930}
  .nav-cta{display:none}
  .hero-layout,.diag,.rental,.depo,.cta-layout,.mais-grid{grid-template-columns:1fr}
  .linha{grid-template-columns:1fr;gap:32px}
  .resposta{position:static}
  .svc summary{grid-template-columns:1fr 24px}
  .svc summary span{display:none}
  .footer-layout{grid-template-columns:1fr}
  .brand img{height:40px}
  .seta{display:none}
  .carrossel{padding:0}
  .slot{flex-basis:160px;height:92px}
  .techs .slot{flex-basis:130px;height:72px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
  .trilho li{opacity:1;transform:none}
}

/* ===== ZOOM DAS LOGOS =====
   1 = tamanho normal | maior = aumenta | menor = diminui.
   Vale para qualquer dispositivo. Opcional: --x e --y movem a logo (ex.: --x:5px; --y:-3px). */
.slot img[alt="Laboratório São Geraldo"]{--z:1}
.slot img[alt="Laboratório Viotti"]{--z:1}
.slot img[alt="GR Day Clinic"]{--z:2.5}
.slot img[alt="Skyfit"]{--z:1.6}
.slot img[alt="Mega Segurança"]{--z:1.5}
.slot img[alt="Grupo Potência"]{--z:1}
.slot img[alt="Questor"]{--z:1.5}
.slot img[alt="Multrigo"]{--z:1}
.slot img[alt="Boa Ideia"]{--z:1.5}
.slot img[alt="V4 Company"]{--z:2.5}
.slot img[alt="Dell"]{--z:1.}
.slot img[alt="HP"]{--z:1}
.slot img[alt="Lenovo"]{--z:1}
.slot img[alt="Microsoft"]{--z:2.5}
.slot img[alt="Windows Server"]{--z:2.5}
.slot img[alt="Linux"]{--z:2}
.slot img[alt="Acronis"]{--z:1}
.slot img[alt="ESET"]{--z:1}
.slot img[alt="pfSense"]{--z:2.6}
.slot img[alt="Zabbix"]{--z:2.3}
.slot img[alt="GLPI"]{--z:1}
.slot img[alt="Cloudflare"]{--z:1.8}