:root{
  --primary:#0ea5e9; /* sky-500 */
  --accent:#f97316;  /* orange-500 */
  --dark:#0f172a;    /* slate-900 */
  --muted:#64748b;   /* slate-500 */
  --bg:#f8fafc;      /* slate-50 */
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--dark);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:#fff;box-shadow:0 4px 20px rgba(2,6,23,.06);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:52px;width:auto}
.badge{font-weight:600;color:var(--accent)}
.nav a{margin-left:18px;text-decoration:none;color:var(--dark);font-weight:600}
.nav a.cta{padding:10px 16px;background:var(--accent);color:#fff;border-radius:10px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:64px 0}
.tag{display:inline-block;padding:6px 12px;background:#e0f2fe;color:#0369a1;border-radius:999px;font-weight:600}
h1{font-size:42px;line-height:1.15;margin:14px 0 12px}
.lead{font-size:18px;color:var(--muted);margin-bottom:18px}
.hero img{width:100%;border-radius:18px;box-shadow:0 10px 35px rgba(2,6,23,.15)}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.btn.primary{background:var(--primary);color:#fff}
.btn.outline{border:2px solid var(--primary);color:var(--primary)}
.section{padding:56px 0}
.section h2{font-size:30px;margin:0 0 8px}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 6px 24px rgba(2,6,23,.06)}
.card h3{margin:0 0 6px}
.card p{margin:0;color:var(--muted)}
.feature{display:flex;gap:18px;align-items:flex-start}
.feature i{height:42px;min-width:42px;border-radius:10px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:900}
.banner{background:linear-gradient(135deg,var(--dark),#111827);color:#fff;border-radius:18px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer{padding:30px 0;color:#94a3b8}
ul.clean{padding-left:18px;margin:8px 0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.kpis .kpi{background:#fff;border-radius:16px;padding:16px;text-align:center;box-shadow:0 6px 24px rgba(2,6,23,.06)}
.kpi .num{font-size:28px;font-weight:800;color:var(--accent)}
@media (max-width: 900px){
  .hero{grid-template-columns:1fr}
  .grid.cols-3{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
}