:root{--etik-red:#DA291C;--bg:#0c0c0c;--fg:#fff;--muted:#a1a1aa;--ink:#1f1f1f}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;background:#0b0b0b;color:var(--fg)}
a{color:var(--fg);text-decoration:none}a.btn{display:inline-block;background:var(--etik-red);padding:12px 18px;border-radius:14px;font-weight:600}
a.btn-outline{display:inline-block;border:1px solid rgba(255,255,255,.15);padding:12px 18px;border-radius:14px}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;background:rgba(12,12,12,.9);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid rgba(255,255,255,.08);z-index:20}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.navbar img{height:42px}
.navbar ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.hero{position:relative;overflow:hidden;padding:84px 0 64px;background:
 radial-gradient(900px 420px at -10% 0%, rgba(218,41,28,.16), transparent 60%),
 radial-gradient(900px 420px at 110% 120%, rgba(218,41,28,.12), transparent 60%)}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 10px;font-weight:800}.hero p{font-size:20px;color:#d1d1d1;max-width:760px}
.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr} .hero h1{font-size:38px}}
.card{background:linear-gradient(180deg, rgba(20,20,20,.9), rgba(12,12,12,.96));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}
.card h3{margin:8px 0 6px}.badge{display:inline-block;background:rgba(218,41,28,.1);border:1px solid rgba(218,41,28,.35);color:#f5f5f5;padding:6px 10px;border-radius:12px;margin-right:8px;margin-bottom:8px;font-size:13px}
.section{padding:58px 0;border-top:1px solid rgba(255,255,255,.08)}.section h2{font-size:32px;margin:0 0 6px}
.lead{color:#cfcfcf}.kpis{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
.kpi{flex:1 1 160px;background:#101010;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}
.kpi strong{font-size:22px}footer{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;color:#b9b9b9}
hr.sep{border:0;border-top:1px solid rgba(255,255,255,.08);margin:18px 0}.small{font-size:14px;color:#bdbdbd}
.sub{font-size:14px;color:#a8a8a8;margin-top:4px}.line{height:1px;background:linear-gradient(90deg, var(--etik-red), rgba(218,41,28,.0));margin:14px 0}