:root{
  --navy:#0B2A5B;
  --teal:#0EA5A4;
  --bg:#F6F8FB;
  --border:#E5E7EB;
  --text:#0F172A;
  --muted:#475569;
}

html{ scroll-behavior:smooth; }
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.section{ padding:72px 0; }
@media (max-width:768px){ .section{ padding:48px 0; } }

.anchor{ scroll-margin-top: 90px; }

.btn-navy{ background:var(--navy); color:#fff; border:1px solid var(--navy); }
.btn-navy:hover{ background:#071f45; color:#fff; }

.btn-outline-navy{ border:1px solid var(--navy); color:var(--navy); }
.btn-outline-navy:hover{ background:var(--navy); color:#fff; }

.btn-teal{ background:var(--teal); color:#fff; border:1px solid var(--teal); }
.btn-teal:hover{ background:#0b8f8e; color:#fff; }

.card-soft{
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(15,23,42,.08);
  transition:transform .3s ease, box-shadow .3s ease;
}

.card-soft:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px rgba(15,23,42,.15);
}

.hero-img{
  border-radius:18px;
  min-height:380px;
  border:1px solid var(--border);
  background:
    linear-gradient(135deg, rgba(11,42,91,.25), rgba(14,165,164,.18)),
    url('../img/hero.jpg');
  background-size:cover;
  background-position:center;
}

.img-card{
  height:210px;
  border-radius:14px;
  border:1px solid var(--border);
  background-size:cover;
  background-position:center;
}

.small-muted{ color:var(--muted); }

.hero-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.badge-soft{
  background:rgba(11,42,91,.08);
  border-radius:999px;
  padding:8px 16px;
  font-size:.9rem;
  color:var(--navy);
  border:1px solid rgba(11,42,91,.15);
  display:flex;
  align-items:center;
  gap:8px;
}

.check-list{ list-style:none; padding:0; margin:24px 0 0; }
.check-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:10px;
  color:var(--muted);
}
.check-list i{ color:var(--teal); font-size:1.1rem; line-height:1.4; }

.feature-card{
  height:100%;
  padding:28px;
  border-radius:18px;
  border:1px solid var(--border);
  background:#fff;
  box-shadow:0 12px 32px rgba(15,23,42,.08);
  transition:transform .3s ease, border-color .3s ease;
}
.feature-card:hover{ transform:translateY(-8px); border-color:var(--navy); }

.feature-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(14,165,164,.12);
  color:var(--navy);
  font-size:1.4rem;
  margin-bottom:16px;
}

.stats-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:16px; margin-top:32px; }
.stat-pill{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px;
  text-align:center;
  box-shadow:0 6px 20px rgba(15,23,42,.08);
}
.stat-pill .value{ font-size:1.5rem; font-weight:700; color:var(--navy); }
.stat-pill .label{ font-size:.9rem; color:var(--muted); }

.soft-gradient{
  background:linear-gradient(135deg, rgba(11,42,91,.05), rgba(14,165,164,.08));
  border-radius:22px;
  padding:40px;
  border:1px solid rgba(11,42,91,.12);
}

.timeline{ position:relative; padding-left:32px; }
.timeline::before{
  content:'';
  position:absolute;
  left:16px;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg, var(--navy), rgba(11,42,91,.1));
}
.timeline-step{ position:relative; padding:12px 0 12px 32px; }
.timeline-step .timeline-icon{
  position:absolute;
  left:-32px;
  top:12px;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  color:var(--navy);
}

.pill-list{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.pill-list span{
  background:#fff;
  border:1px dashed var(--border);
  color:var(--muted);
  padding:6px 14px;
  border-radius:999px;
  font-size:.85rem;
}

.cta-panel{
  border-radius:20px;
  background:linear-gradient(120deg, var(--navy), #183a72);
  color:#fff;
  padding:40px;
  box-shadow:0 20px 40px rgba(11,42,91,.35);
}
.cta-panel .btn{ border-color:#fff; color:#fff; }
.cta-panel .btn:hover{ background:#fff; color:var(--navy); }

@media (max-width:576px){
  .hero-badges{ flex-direction:column; }
  .soft-gradient{ padding:28px; }
  .product-gallery > [class^="col-"],
  .product-gallery > [class*=" col-"]{
    flex:0 0 100% !important;
    max-width:100% !important;
  }
}

.mobile-lang-switch{
  position:fixed;
  bottom:20px;
  left:16px;
  right:16px;
  z-index:1050;
  background:#fff;
  border:1px solid var(--border);
  border-radius:999px;
  box-shadow:0 18px 36px rgba(15,23,42,.18);
  padding:8px;
  display:none;
  gap:8px;
}
.mobile-lang-switch a{
  flex:1;
  text-align:center;
  border-radius:999px;
  padding:10px 0;
  font-weight:600;
  color:var(--navy);
  text-decoration:none;
  font-size:.95rem;
}
.mobile-lang-switch a.active{
  background:var(--navy);
  color:#fff;
}
.mobile-lang-switch a:not(.active){
  border:1px dashed var(--border);
}
@media (max-width:991.98px){
  .mobile-lang-switch{ display:flex; }
}