:root{--primary:#0b1b2b;--accent:#1f9962;--ink:#10233a;--muted:#5b6b7b;--bg:#fff;--bg-alt:#f6f8fb;--radius:14px;--shadow:0 8px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--primary);text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.row{display:flex;gap:16px}.between{justify-content:space-between}.center{align-items:center}
.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #eef1f5;z-index:50;padding:10px 0}
.brand-logo svg{height:auto;max-height:80px;width:auto;max-width:200px;display:block}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--primary);font-weight:600}
.nav .btn{border:1px solid #d9e1ea;padding:10px 12px;border-radius:10px}
.nav-toggle{display:none;background:none;border:none;font-size:28px;cursor:pointer}
@media(max-width:720px){
  .nav{display:none;position:absolute;right:20px;top:64px;background:#fff;border:1px solid #eef1f5;border-radius:12px;box-shadow:var(--shadow);padding:14px 16px;flex-direction:column;gap:12px}
  .nav.show{display:flex}
  .nav-toggle{display:block}
  .container.row{position:relative}
}
.hero{padding:84px 0;text-align:center;background:radial-gradient(1200px 500px at 20% -10%,rgba(31,153,98,.2),transparent),linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.hero h1{font-size:clamp(28px,4vw,46px);margin:0 0 10px;color:var(--primary)}
.lead{font-size:clamp(16px,2.4vw,20px);color:#2b4158;max-width:760px;margin:0 auto 24px}
.btn{display:inline-block;border-radius:12px;padding:12px 16px;font-weight:700;text-decoration:none;border:1px solid #d9e1ea;color:var(--primary);background:#fff;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}
.section{padding:60px 0}
.section.alt{background:var(--bg-alt)}
h2{font-size:clamp(22px,3vw,32px);margin:0 0 18px;color:var(--primary)}
h3{margin:10px 0 10px;color:var(--primary)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:#fff;border:1px solid #eef1f5;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.footer{border-top:1px solid #eef1f5;padding:26px 0;background:#fff}
.foot-right a{margin-left:16px;color:#334a62}
.muted{color:var(--muted)}
.form{background:#fff;border:1px solid #eef1f5;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;flex:1}
.field input,.field select,.field textarea{border:1px solid #d9e1ea;border-radius:12px;padding:12px 14px;font-size:16px;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
.row.wrap{flex-wrap:wrap}.row .field{min-width:240px}
.badge{display:inline-block;background:var(--bg-alt);border:1px solid #e6edf3;border-radius:999px;padding:6px 12px;font-weight:600;color:#2c4660}
.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 10px 20px rgba(0,0,0,.15);text-decoration:none;font-weight:800;z-index:99}
.service{display:flex;gap:14px;align-items:flex-start}
.service-icon{width:36px;height:36px;flex:0 0 36px;background:#e8f6f0;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #d3ece2}
.service-icon img{width:22px;height:22px;display:block}