:root{--bg:#f8fafc;--card:#fff;--muted:#6b7280;--accent:#0ea5a3;--container:1100px;font-family:Inter,system-ui,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#0f172a;line-height:1.5} .container{max-width:var(--container);margin:0 auto;padding:28px}
.site-header{background:transparent} .header-inner{display:flex;justify-content:space-between;align-items:center} .logo{text-decoration:none;font-weight:700;color:#0f172a} .main-nav a{margin-left:14px;text-decoration:none;color:#0f172a}
.hero{display:flex;gap:20px;align-items:center;padding:40px 0} .hero-copy h1{margin:0 0 12px;font-size:30px} .btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.grid{display:grid;gap:18px} .grid-3{grid-template-columns:repeat(3,1fr)} .feature, .product-card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(2,6,23,0.04)}
.products-preview img, .hero-image img{width:100%;height:auto;display:block}
.site-footer{padding:18px 0;text-align:center;color:var(--muted)}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-3{grid-template-columns:1fr}; .hero{flex-direction:column}}