*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background-color:#fdfdfd;color:#222;line-height:1.6;font-size:16px}
header{background-color:#fff;box-shadow:0 4px 12px #0000000d;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}
header .logo{font-size:1.8rem;font-weight:700;color:#1a1a1a;text-transform:uppercase}
nav a{color:#444;margin-left:2rem;text-decoration:none;font-weight:500;transition:color .3s}
nav a:hover{color:#000}
.hero{background:linear-gradient(to right,#f5f7fa,#c3cfe2);padding:5rem 2rem;text-align:center}
.hero h1{font-size:3rem;color:#111;margin-bottom:1rem}
.hero p{font-size:1.25rem;color:#444;max-width:600px;margin:0 auto}
.products{padding:4rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,fr));gap:2rem}
.product-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;padding:1.5rem;text-align:center}
.product-card img{max-width:100%;border-radius:8px;margin-bottom:1rem}
.product-card h3{font-size:1.25rem;color:#111;margin-bottom:.5rem}
.product-card p{font-size:1rem;color:#555}
footer{background-color:#f2f2f2;padding:2rem;text-align:center;color:#777;font-size:.875rem}
.btn{display:inline-block;background-color:#000;color:#fff;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:background-color .3s ease;cursor:pointer}
.btn:hover{background-color:#333}