:root {
    --primary: #1a3a6e; /* Deep Navy */
    --accent: #f59e0b;  /* Safety Orange */
    --dark: #0f172a;
    --light: #f8fafc;
    --text: #334155;
  }
  *{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}
  body{color:var(--text);background:var(--light);line-height:1.6}
  .container{max-width:1200px;margin:0 auto;padding:0 20px}
  
  /* Header */
  header{background:var(--primary);color:#fff;padding:15px 0;position:sticky;top:0;z-index:100}
  nav{display:flex;justify-content:space-between;align-items:center}
  .logo{font-size:24px;font-weight:800;color:#fff;text-decoration:none}
  .logo span{color:var(--accent)}
  .btn{background:var(--accent);color:#fff;padding:12px 24px;border:none;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
  .btn:hover{opacity:0.9;transform:translateY(-2px)}

  /* Hero */
  .hero{background:linear-gradient(rgba(26,58,110,0.85), rgba(26,58,110,0.85)), url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?q=80&w=2070') center/cover; color:#fff;padding:100px 0;text-align:center}
  .hero h1{font-size:48px;margin-bottom:20px;line-height:1.2}
  .hero p{font-size:18px;max-width:700px;margin:0 auto 30px}
  .badge{display:inline-block;background:var(--accent);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:20px}

  /* Trust */
  .trust{background:#fff;padding:40px 0;text-align:center}
  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
  .trust-item{padding:20px}
  .trust-item h3{color:var(--primary);font-size:32px}

  /* Products */
  .products{padding:80px 0}
  .section-title{text-align:center;font-size:36px;color:var(--primary);margin-bottom:10px}
  .section-sub{text-align:center;margin-bottom:40px}
  .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
  .card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
  .card img{width:100%;height:220px;object-fit:cover}
  .card-body{padding:20px}
  .card h3{color:var(--primary);margin-bottom:8px}

  /* CTA */
  .cta{background:var(--primary);color:#fff;padding:80px 0;text-align:center}
  .cta h2{font-size:36px;margin-bottom:15px}

  /* Footer */
  footer{background:var(--dark);color:#cbd5e1;padding:40px 0;text-align:center}
  @media(max-width:768px){.hero h1{font-size:32px}.trust-grid{grid-template-columns:repeat(2,1fr)}}
  
  .logo img{
  height:50px; 
  width:160px;
  display:block;
}
@media(max-width:768px){
  .logo img{ height:40px; }
}