body{font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);}
.container{max-width:1200px;margin:auto;padding:2rem;}
.site-header{background:#fff;border-bottom:1px solid #e5e7eb;}
.nav{display:flex;justify-content:space-between;align-items:center;}
.hero{text-align:center;padding:4rem 1rem;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;}
.site-footer{text-align:center;padding:2rem;color:#6b7280;}