:root{
  --brand:#c1121f;
  --dark:#0b0f19;
  --light:#ffffff;
  --muted:#6b7280;
  --bg:#f8fafc;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;color:#1f2937;background:var(--bg);}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.sp{padding:72px 0}
.sp.alt{background:#f1f5f9}
.navbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}
.navbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.navbar .logo img{height:54px}
.navbar ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.navbar li a{padding:10px 12px;border-radius:8px}
.navbar li a:hover{background:#f3f4f6}
.btn{background:var(--brand);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;display:inline-block}
.btn-outline{border:2px solid var(--brand);color:var(--brand);padding:10px 14px;border-radius:10px;font-weight:700}
.hero{position:relative;background:var(--dark);color:#fff}
.hero .media{position:absolute;inset:0;background:linear-gradient(120deg, rgba(193,18,31,.7), rgba(11,15,25,.6));}
.hero .container{position:relative;z-index:1}
.hero .content{padding:120px 0 100px;max-width:920px}
.hero h1{font-size:46px;line-height:1.1;margin:0 0 12px}
.hero p{font-size:20px;color:#e5e7eb;margin:0 0 22px}
.badges{display:flex;gap:12px;flex-wrap:wrap}
.badge{background:#111827;color:#fff;border:1px solid #374151;border-radius:999px;padding:6px 10px;font-size:13px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}
.kpi{background:#0f172a;border:1px solid #1f2937;border-radius:14px;padding:16px;color:#e5e7eb;text-align:center}
.kpi strong{font-size:22px;color:#fff;display:block}
.section-title{text-align:center;font-size:34px;margin:0 0 8px}
.section-sub{text-align:center;color:var(--muted);margin-bottom:28px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}
.card h3{margin:0 0 6px}
.card p{margin:0 0 8px;color:#4b5563}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{font-size:12px;background:#fff1f2;color:#7f1d1d;border:1px solid #fecaca;border-radius:999px;padding:4px 8px}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.why .item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;gap:12px}
.why .num{background:var(--brand);color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;counter-reset:step}
.step{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;position:relative}
.step::before{counter-increment:step;content:counter(step);position:absolute;top:-14px;left:-14px;background:var(--brand);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.price{background:#fff;border:2px solid #111827;border-radius:16px;padding:22px}
.price h4{margin:0 0 8px}
.amount{font-size:32px;font-weight:800;color:#111827}
.small{color:#6b7280;font-size:14px}
.contact{background:#111827;color:#fff;border-radius:16px;padding:24px}
.contact input,.contact select,.contact textarea{width:100%;padding:12px;margin-bottom:10px;border-radius:10px;border:1px solid #374151;background:#0b1220;color:#e5e7eb}
.footer{background:#0b0f19;color:#d1d5db;text-align:center;padding:16px;margin-top:36px}
.floating-whatsapp{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;border-radius:999px;padding:12px 16px;font-weight:800}