/* Simple, clean, modern */
:root{
  --bg:#0b1220;
  --fg:#e5e7eb;
  --muted:#9ca3af;
  --brand:#f59e0b;
  --card:#111827;
  --stroke:#1f2937;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
  --radius: 18px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, Noto Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  background: radial-gradient(1000px 500px at 10% -10%, rgba(245,158,11,.15), transparent 40%), var(--bg);
  color:var(--fg);
  line-height:1.6;
}

.container{max-width:1100px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.3px}
.brand img{width:44px;height:44px}
.brand.small img{width:28px;height:28px}
.brand span{font-size:1.15rem}
.nav-actions{display:flex;gap:10px;flex-wrap:wrap}

.btn{border:1px solid var(--stroke);padding:10px 16px;border-radius:12px;text-decoration:none;color:var(--fg);display:inline-block;box-shadow:none;transition:all .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--brand),#ffcc4d);color:#111;border-color:#000}
.btn.outline{background:transparent}
.btn.ghost{background:transparent;border-color:transparent}
.btn.full{width:100%;text-align:center}
.btn.lg{padding:14px 20px;font-size:1.05rem;font-weight:700}
.btn.sm{padding:6px 10px;font-size:.9rem}

header{position:relative;overflow:hidden}
.hero{display:grid;grid-template-columns:1.2fr .9fr;gap:32px;padding:40px 0 20px 0}
.hero-text h1{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.15;margin:.4rem 0 .8rem 0}
.highlight{color:#ffe082;text-shadow:0 6px 20px rgba(245,158,11,.35)}
.hero-text p{color:var(--fg);opacity:.9;max-width:62ch}
.cta{display:flex;gap:12px;margin:16px 0 6px 0;flex-wrap:wrap}
.badges{display:flex;gap:10px;list-style:none;padding:0;margin:12px 0 0 0;flex-wrap:wrap}
.badges li{border:1px dashed var(--stroke);padding:6px 10px;border-radius:999px;font-size:.9rem;color:var(--muted)}

.hero-card .card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.list{padding-left:18px;margin:12px 0}
.list li{margin:8px 0}

.section{padding:54px 0}
h2{font-size:clamp(1.4rem,2.2vw,2rem);margin:0 0 18px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:18px}
.feature h3{margin-top:4px}
.band{background:linear-gradient(90deg, rgba(245,158,11,.2), transparent);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.band-inner{padding:20px 0}
.steps{counter-reset:s;display:grid;gap:10px;padding-left:0}
.steps li{list-style:none;background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start}
.steps li span{display:inline-grid;place-items:center;background:#222;min-width:28px;height:28px;border-radius:7px;border:1px solid var(--stroke);font-weight:700}

.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}
.map iframe{width:100%;height:260px;border:0;border-radius:14px}

.footer{border-top:1px solid var(--stroke);padding:22px 0;margin-top:30px;background:#0a0f1a}
.footer-inner{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer p{color:var(--muted);margin:0}

.floating-whatsapp{
  position:fixed;right:18px;bottom:18px;background:linear-gradient(135deg,#25D366,#6ee7b7);
  color:#111;text-decoration:none;padding:12px 14px;border-radius:999px;border:1px solid #064e3b;box-shadow:var(--shadow);font-weight:800
}

@media (max-width: 920px){
  .hero{grid-template-columns:1fr;gap:20px}
  .grid{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}