/* Basic reset */
* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#0b2a3a; background:#fff; line-height:1.5; }
.container { max-width:1100px; margin:0 auto; padding:24px; }

/* Header */
.site-header { border-bottom:1px solid rgba(11,42,58,0.06); background: #fff; position:sticky; top:0; z-index:50; }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.site-logo { height:56px; }

/* Nav */
.primary-nav .nav { list-style:none; display:flex; gap:18px; align-items:center; }
.primary-nav .nav li { display:inline-block; }
.nav-toggle { display:none; }

/* Hero */
.hero { padding:80px 0; background: linear-gradient(135deg, rgba(0,112,243,0.05) 0%, rgba(255,138,0,0.02) 100%); }
.hero-inner { display:flex; gap:28px; align-items:center; justify-content:space-between; }
.hero-text h1 { font-size:36px; margin-bottom:12px; }
.subtitle { color:#38607a; margin-bottom:18px; }
.btn.cta { display:inline-block; padding:12px 20px; border-radius:8px; text-decoration:none; background:linear-gradient(90deg,#0070f3,#ff8a00); color:#fff; font-weight:600; }

/* Services */
.services { padding:48px 0; }
.services-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:18px; }
.service-card { padding:18px; border-radius:12px; background:linear-gradient(180deg, rgba(0,112,243,0.03), rgba(255,138,0,0.01)); box-shadow:0 6px 18px rgba(11,42,58,0.04); }

/* Shop */
.shop { padding:48px 0; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px; }
.product img { width:100%; height:140px; object-fit:cover; border-radius:8px; }

/* Partners */
.partners { padding:32px 0; }
.partners-logos { display:flex; gap:16px; align-items:center; }
.partners-logos img { height:48px; opacity:0.9; }

/* Footer */
.site-footer { padding:24px 0; border-top:1px solid rgba(11,42,58,0.06); margin-top:40px; }

/* Responsive */
@media (max-width: 800px) {
  .hero-inner { flex-direction:column-reverse; text-align:center; }
  .services-grid { grid-template-columns:1fr; }
  .product-grid { grid-template-columns:1fr; }
  .nav-toggle { display:block; }
  .primary-nav { display:none; }
}