body{font-family:Arial,sans-serif;margin:0} .container{width:90%;margin:auto}
.site-header{position:sticky;top:0;background:#111;color:#fff;padding:15px}
.hero{padding:100px 20px;text-align:center;background:linear-gradient(135deg,#111,#4f46e5);color:#fff}
.btn{display:inline-block;padding:12px 20px;background:#4f46e5;color:#fff;text-decoration:none;border-radius:6px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px}
.card{box-shadow:0 2px 10px rgba(0,0,0,.1);padding:15px}
.promote{padding:60px;text-align:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff}
.copy-btn{padding:5px 10px}
@media(max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}}