:root{--brand-red:#c21f1f;--black:#0b0b0b;--muted:#6b6b6b;}
*{box-sizing:border-box}
body{font-family:Inter, Arial, sans-serif; margin:0; color:var(--black);}
.container{max-width:1200px;margin:0 auto;padding:0 1rem;}
.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000;}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0;}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--brand-red);font-weight:700;text-decoration:none;}
.brand img{height:48px;width:48px;border-radius:6px;object-fit:cover;}
.nav-links{display:flex;gap:1rem;align-items:center;}
.nav-links a{color:var(--black);text-decoration:none;padding:.5rem .75rem;border-radius:6px;font-weight:600;}
.nav-links a.cta{background:var(--brand-red);color:#fff;}
.hero{display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center;padding:4rem 0;}
.hero h1{font-size:2rem;margin:0 0 1rem;color:var(--brand-red);}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:2rem 0;}
.card{background:#fff;border:1px solid #eee;padding:1rem;border-radius:10px;box-shadow:0 6px 18px rgba(11,11,11,0.05);}
.footer{background:#0b0b0b;color:#fff;padding:2rem 0;margin-top:3rem;}
.footer a{color:var(--brand-red);}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:2rem 0}.nav-links{display:none}}
img[loading="lazy"]{opacity:0;transition:opacity .3s ease-in-out}
img[loading="lazy"].loaded{opacity:1}