/* Simple responsive layout */
body {font-family: Arial, sans-serif; margin:0; padding:0; line-height:1.5; color:#333; background:#fafafa;}
header.hero {background:#2c3e50; color:#fff; text-align:center; padding:4rem 1rem;}
header .cta {display:inline-block; margin-top:1rem; padding:0.75rem 1.5rem; background:#e67e22; color:#fff; text-decoration:none; border-radius:4px;}
section {padding:2rem 1rem; max-width:1200px; margin:auto;}
section.products .grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:1.5rem;}
.card {background:#fff; border:1px solid #ddd; border-radius:6px; padding:1rem; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.placeholder {background:#ddd; width:100%; height:150px; display:flex; align-items:center; justify-content:center; color:#555; margin-bottom:0.5rem; font-weight:bold;}
.price {font-size:1.2rem; font-weight:bold; margin-top:0.5rem;}
.waitlist form {display:flex; flex-direction:column; max-width:400px; margin:auto;}
.waitlist input {padding:0.75rem; margin-bottom:1rem; border:1px solid #ccc; border-radius:4px;}
.waitlist button {padding:0.75rem; background:#27ae60; color:#fff; border:none; border-radius:4px; cursor:pointer;}
footer {background:#2c3e50; color:#fff; text-align:center; padding:1rem;}
@media (max-width:600px) {header.hero {padding:2rem 0.5rem;}}