*{box-sizing:border-box}
body {margin:0;font-family:'Inter',Arial,Helvetica,sans-serif;color:#1e293b;background:#fff;}
header {display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#f8fafc;position:sticky;top:0;z-index:1000;border-bottom:1px solid #e2e8f0;}
.logo {height:50px}
nav a {margin:0 12px;text-decoration:none;color:#1e293b;font-weight:600;opacity:.9}
nav a:hover {color:#0ea5e9;opacity:1}
.hero {text-align:center;padding:120px 20px;background:linear-gradient(to bottom,#e0f2fe,#f8fafc)}
.hero h1 {font-size:2.6rem;margin:0 0 10px;color:#0f172a}
section {padding:60px 20px;max-width:1100px;margin:auto}
.gray-section {background:#f1f5f9;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
h2,h3,h4 {color:#0f172a;margin:0 0 10px}
ul {list-style-type:disc;padding-left:20px}
table.specs {border-collapse:collapse;width:100%;margin-top:10px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}
table.specs td {border:1px solid #cbd5e1;padding:10px}
.gallery {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:18px}
.gallery img {width:100%;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:transform .2s ease}
.gallery img:hover {transform:scale(1.02)}
.download-btn {display:inline-block;margin-top:18px;padding:12px 18px;background:#0ea5e9;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}
.download-btn:hover {background:#0369a1}
.coming-soon {margin-top:8px;color:#64748b}
footer {text-align:center;padding:30px;background:#f8fafc;font-size:.9em;color:#64748b;border-top:1px solid #e2e8f0}
@media (max-width:768px){header{flex-direction:column}nav a{display:inline-block;margin:8px 10px}}