:root{--navy:#0b2b4b;--orange:#ef7f1a;--light:#f3f6f8;--text:#253442;--max:1180px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:#fff}
.container{width:min(var(--max),92%);margin:auto}.topo{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e5e9ed}
.nav{min-height:82px;display:flex;align-items:center;gap:28px}.marca{display:block;text-decoration:none}.marca img{display:block;width:auto;max-width:220px;max-height:58px}
nav{display:flex;gap:18px;margin-left:auto}nav a{color:var(--navy);text-decoration:none;font-size:14px;font-weight:700}
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;padding:14px 22px;border-radius:5px;font-weight:700}.btn-small{padding:10px 14px;font-size:13px}.btn-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.hero{padding:82px 0;background:linear-gradient(110deg,#eef5f9 0%,#fff 70%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--orange);margin-bottom:10px}h1{font-size:52px;line-height:1.08;color:var(--navy);margin:0 0 22px}h2{font-size:36px;line-height:1.15;color:var(--navy);margin:0 0 20px}h3{color:var(--navy)}
.lead{font-size:19px;max-width:680px}.acoes{display:flex;gap:12px;margin-top:30px}.foto-hero{height:380px;overflow:hidden;border-radius:8px}.foto-hero img{width:100%;height:100%;object-fit:cover;display:block}
.section{padding:76px 0}.section-soft{background:var(--light)}.intro{max-width:780px;margin-bottom:36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:25px;border:1px solid #e1e7eb;border-radius:7px;background:#fff}.cards h3{margin-top:0}
.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portfolio>div{overflow:hidden;background:#fff;border-radius:6px;color:var(--navy);font-weight:800}.portfolio img{width:100%;height:180px;object-fit:cover;display:block}.portfolio strong{display:block;padding:12px 14px;font-size:16px;line-height:1.3}
.manut{background:var(--navy);color:#fff}.manut h2{color:#fff}.manut .intro{color:#dce8f0}.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 22px}.planos article{background:#fff;color:var(--navy);padding:28px;text-align:center;border-radius:7px}.planos article.destaque{outline:3px solid var(--orange)}.planos span{display:block;font-weight:800}.planos strong{display:block;font-size:48px;color:var(--orange);margin:10px}.explica-planos{text-align:center;margin:22px auto 14px;font-size:15px;max-width:900px}.center{text-align:center}
.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.logos span{height:120px;background:#fff;border:1px solid #dfe5e9;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.logos img{display:block;width:auto;height:auto;max-width:100%;max-height:88px;object-fit:contain}
.sobre-grid,.contato-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contato{background:#eaf2f6}.contact-card{background:#fff;padding:28px;border-radius:7px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}.contact-card a:not(.btn){color:var(--navy);font-weight:700}
footer{background:#071e34;color:#d7e0e6;padding:38px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .marca{background:#fff;padding:7px 10px;border-radius:4px}
@media(max-width:900px){nav{display:none}.nav .btn-small{margin-left:auto}.hero-grid,.sobre-grid,.contato-grid{grid-template-columns:1fr}.cards,.portfolio{grid-template-columns:repeat(2,1fr)}.logos{grid-template-columns:repeat(2,1fr)}h1{font-size:40px}}
@media(max-width:600px){.nav .btn-small{display:none}.hero{padding:55px 0}.cards,.portfolio,.planos{grid-template-columns:1fr}.logos{grid-template-columns:repeat(2,1fr)}h1{font-size:34px}h2{font-size:29px}.acoes{flex-direction:column}.footer{flex-direction:column;align-items:flex-start}}
/* Clientes: logo + nome + segmento */
.logos .cliente {
    height: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    text-align: center;
}

.logos .cliente img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 75px;
    object-fit: contain;
    margin-bottom: 7px;
}

.logos .cliente strong {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    color: #253442;
}

.logos .cliente small {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.2;
    color: #788692;
}