:root { --bg:#0f1115; --card:#161a22; --text:#e8edf2; --muted:#a9b4c2; --accent:#e53935; --accent2:#ff7043; --border:#232936; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
a{color:var(--accent2);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:24px}
.nav{position:sticky;top:0;z-index:50;background:rgba(15,17,21,.75);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}
.brand{display:flex;gap:10px;align-items:center;font-weight:700}
.brand img{width:26px;height:26px}
.nav a{color:var(--text);margin:0 10px} .nav .cta{background:var(--accent);padding:8px 12px;border-radius:8px}
.header-spacer{height:56px}
.hero{background:linear-gradient(180deg,#0f1115,#0d1117);border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:42px 24px}
.hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,46px)} .hero p{color:var(--muted)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.badge{background:var(--card);border:1px solid var(--border);padding:8px 12px;border-radius:999px;color:var(--muted);font-size:13px}
.hero-media{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.hero-media video{width:100%;height:100%;display:block;object-fit:cover}
.section{padding:36px 24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}
.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--border);padding:10px;text-align:left}
.small{color:var(--muted);font-size:13px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery img{width:100%;height:150px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
footer{border-top:1px solid var(--border);background:#0d1117}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}
.product-card{padding:0;overflow:hidden}
.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.product-card h3,.product-card p{padding:12px 14px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.grid-3,.grid-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(2,1fr)}}