body{font-family:system-ui,Arial,sans-serif;background:#020617;color:#e5e7eb;margin:0}
a{text-decoration:none;color:#38bdf8}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.navbar{position:sticky;top:0;background:#020617;border-bottom:1px solid #1f2937;padding:12px 0}
.nav-inner{display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:32px;height:32px;border-radius:999px;background:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:700;color:#38bdf8}
.brand-text{display:flex;flex-direction:column;font-size:13px}
.nav-links{display:flex;gap:16px;font-size:14px}
.nav-links a{color:#9ca3af;padding-bottom:3px;border-bottom:2px solid transparent}
.nav-links a.active,.nav-links a:hover{color:#e5e7eb;border-color:#38bdf8}
.nav-cta{padding:8px 14px;border-radius:999px;background:#22c55e;color:#022c22;font-size:13px;font-weight:600}
.section{padding:32px 0}
.section-title{font-size:22px;font-weight:700;margin-bottom:6px}
.section-subtitle{font-size:14px;color:#9ca3af;margin-bottom:18px}
.blog-card,.product-card,.contact-card,.contact-side{background:#020617;border:1px solid #1f2937;border-radius:14px;padding:16px;margin-bottom:16px}
.blog-category,.product-tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;margin-bottom:6px}
.blog-title,.product-name{font-size:16px;font-weight:600;margin-bottom:6px}
.blog-excerpt,.product-desc,.contact-card p,.contact-side span{font-size:14px;color:#9ca3af;line-height:1.6}
.blog-meta,.product-meta{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;margin-top:8px}
.product-grid,.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.footer{border-top:1px solid #1f2937;padding:14px 0 20px;font-size:12px;color:#9ca3af}
.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.contact-grid{display:grid;grid-template-columns:2fr 1.3fr;gap:18px}
.contact-form{display:grid;gap:10px}
.field{display:flex;flex-direction:column;gap:4px}
.field label{font-size:13px;color:#9ca3af}
.field input,.field textarea{border-radius:8px;border:1px solid #374151;background:#020617;color:#e5e7eb;padding:8px 10px;font-size:14px}
.btn-primary{display:inline-block;border-radius:999px;border:none;padding:8px 16px;background:#22c55e;color:#022c22;font-weight:600;font-size:13px;margin-top:6px}
@media(max-width:768px){.nav-links{display:none}.contact-grid{grid-template-columns:1fr}}