*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;color:#1a2340;background:#fff}

/* TOP BAR */
.top-bar{background:#fff;border-bottom:none;padding:7px 4%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.top-bar-left{display:flex;gap:20px;flex-wrap:wrap}
.top-bar-left a{color:#555;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:5px}
.top-bar-left a:hover{color:#1a3a6b}
.top-bar-left span{color:#555;font-size:13px;display:flex;align-items:center;gap:5px}
.top-bar-right a{background:#1a3a6b;color:#fff;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none}
.top-bar-right a:hover{background:#1a5fb4}

/* NAV */
nav{background:#fff;border-bottom:1px solid #dce6f5;padding:0 4%;display:flex;align-items:center;justify-content:space-between;height:68px;position:sticky;top:0;z-index:200}
.logo-wrap{display:flex;align-items:center;text-decoration:none}
.logo-text{line-height:1.15;text-decoration:none;display:flex;flex-direction:column}
.logo-text .l1{font-size:18px;font-weight:800;color:#1a3a6b}
.logo-text .l2{font-size:10px;font-weight:600;color:#888;letter-spacing:0.8px}
.nav-links{display:flex;gap:16px;list-style:none;align-items:center}
.nav-links a{text-decoration:none;color:#1a2340;font-size:13px;font-weight:600;cursor:pointer}
.nav-links a:hover{color:#1a5fb4}
.nav-links a.active-link{color:#1a5fb4;font-weight:800}



/* ============================================================
   BURGER MENU & MOBILE NAV PANEL
   ============================================================ */
.burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 6px;
  z-index: 300;
}
.burger-bar {
  display: block;
  width: 100%;
  height: 3px;
  background: #1a3a6b;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger.is-open .burger-bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.burger.is-open .burger-bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
.burger.is-open .burger-bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.mobile-nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 400;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.mobile-nav-overlay.is-visible { display: block; }
.mobile-nav-overlay.is-active { opacity: 1; }

.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 280px;
  max-width: 85vw;
  height: 100%;
  background: #fff;
  z-index: 500;
  padding: 12px 20px 32px;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.18);
  overflow-y: auto;
}
.mobile-nav.is-open { transform: translateX(0); }

.mobile-nav-close {
  align-self: flex-end;
  background: none;
  border: none;
  font-size: 28px;
  color: #1a3a6b;
  cursor: pointer;
  line-height: 1;
  padding: 4px 8px;
}

.mobile-nav-links { list-style: none; padding: 0; margin: 0 0 auto 0; }
.mobile-nav-links li { border-bottom: 1px solid #dce6f5; }
.mobile-nav-links a { display: block; padding: 14px 4px; font-size: 16px; font-weight: 600; color: #1a2340; text-decoration: none; }
.mobile-nav-links a:hover,
.mobile-nav-links a.active-link { color: #1a5fb4; }
.mobile-nav-links a.active-link { font-weight: 800; }

.mobile-nav-info {
  padding: 16px 0;
  border-top: 1px solid #dce6f5;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mobile-nav-info a,
.mobile-nav-info span {
  font-size: 13px;
  color: #555;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 7px;
}
.mobile-nav-info a:hover { color: #1a3a6b; }

.mobile-nav-cta { padding-top: 24px; border-top: 1px solid #dce6f5; margin-top: 4px; }

body.nav-open { overflow: hidden; }

section{padding:64px 5%}
.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#1a5fb4;margin-bottom:10px}
.section-title{font-size:32px;font-weight:800;color:#1a2340;margin-bottom:14px;line-height:1.2}
.section-sub{font-size:16px;color:#555;line-height:1.65;max-width:580px}
.center{text-align:center}
.section-sub.center,.section-title.center{margin-left:auto;margin-right:auto}
.btn-blue{background:#1a3a6b;color:#fff;padding:12px 22px;border-radius:7px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;border:none;cursor:pointer}
.btn-blue:hover{background:#1a5fb4}
.img-placeholder{background:linear-gradient(135deg,#e8f0fd,#ccdaf7);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#1a5fb4;font-size:13px;font-weight:600;text-align:center;padding:20px}

.hero{background:linear-gradient(135deg,#0f2244 0%,#1a5fb4 100%);color:#fff;padding:80px 5% 90px;text-align:center}
.hero-badge{display:inline-block;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:6px 16px;font-size:12px;margin-bottom:22px}
.hero h1{font-size:44px;font-weight:800;line-height:1.15;margin-bottom:18px;max-width:720px;margin-left:auto;margin-right:auto}
.hero p{font-size:17px;opacity:0.9;max-width:520px;margin:0 auto 36px;line-height:1.6}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-white{background:#fff;color:#1a3a6b;padding:13px 22px;border-radius:7px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;cursor:pointer;border:none}
.btn-hero-outline{background:transparent;color:#fff;padding:12px 22px;border-radius:7px;font-weight:600;font-size:14px;border:2px solid rgba(255,255,255,0.55);cursor:pointer;text-decoration:none;display:inline-block}
.trust-row{display:flex;gap:22px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.trust-item{font-size:13px;opacity:0.9}

.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:40px}
.service-card{border:1px solid #dce6f5;border-radius:12px;padding:26px 20px;background:#fff;transition:box-shadow 0.2s,transform 0.15s;text-decoration:none;color:inherit;display:block}
.service-card:hover{box-shadow:0 6px 24px rgba(26,95,180,0.12);transform:translateY(-2px)}
.service-icon{width:48px;height:48px;background:#e8f0fd;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:22px}
.service-card h3{font-size:16px;font-weight:700;margin-bottom:7px}
.service-card p{font-size:13px;color:#666;line-height:1.6}
.service-link{display:inline-block;margin-top:11px;font-size:13px;font-weight:700;color:#1a5fb4}

.why-bg{background:#f4f8ff}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:36px}
.why-card{background:#fff;border:1px solid #dce6f5;border-radius:10px;padding:20px 16px}
.why-num{font-size:28px;font-weight:800;color:#1a5fb4;line-height:1}
.why-card h4{font-size:14px;font-weight:700;margin:9px 0 5px}
.why-card p{font-size:13px;color:#666;line-height:1.6}

.about-strip{display:flex;gap:48px;align-items:center;flex-wrap:wrap}
.about-text{flex:1;min-width:280px}
.about-text p{font-size:15px;color:#555;line-height:1.75;margin-bottom:14px}
.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.badge{background:#e8f0fd;border:1px solid #b5ccef;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;color:#1a3a6b}

.testi-bg{background:#0f2244;color:#fff}
.testi-bg .section-label{color:#7eb3f5}
.testi-bg .section-title{color:#fff}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:36px}
.testi-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:22px}
.stars{color:#f5c842;font-size:13px;margin-bottom:10px}
.testi-card p{font-size:13px;line-height:1.65;color:rgba(255,255,255,0.85)}
.testi-author{margin-top:12px;font-size:12px;font-weight:600;color:rgba(255,255,255,0.5)}

.cta-strip{background:#1a3a6b;color:#fff;text-align:center;padding:60px 5%}
.cta-strip h2{font-size:32px;font-weight:800;margin-bottom:12px}
.cta-strip p{font-size:16px;opacity:0.9;margin-bottom:28px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.form-group{display:flex;flex-direction:column;gap:5px}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:12px;font-weight:700;color:#444}
.form-group input,.form-group select,.form-group textarea{border:1px solid #dce6f5;border-radius:8px;padding:10px 13px;font-size:14px;color:#1a2340;background:#fff;font-family:Arial,sans-serif}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid #1a5fb4;border-color:transparent}
.form-group textarea{resize:vertical;min-height:110px}

.service-hero{background:linear-gradient(135deg,#0f2244,#1a5fb4);color:#fff;padding:56px 5%}
.service-hero h1{font-size:36px;font-weight:800;margin-bottom:12px}
.service-hero p{font-size:16px;opacity:0.9;max-width:540px;line-height:1.6}
.two-col{display:flex;gap:44px;align-items:flex-start;flex-wrap:wrap}
.two-col .main{flex:1;min-width:280px}
.two-col .side{flex:0 0 300px}
.checklist{list-style:none;margin-top:14px}
.checklist li{padding:7px 0;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;display:flex;gap:9px;align-items:flex-start}
.checklist li::before{content:"✓";color:#1a5fb4;font-weight:700;flex-shrink:0}
.info-box{background:#f4f8ff;border:1px solid #dce6f5;border-radius:12px;padding:22px}
.info-box h4{font-weight:700;font-size:15px;margin-bottom:10px;color:#1a2340}
.info-box p{font-size:13px;color:#555;line-height:1.65}
.step-list{counter-reset:steps;list-style:none;margin-top:14px}
.step-list li{counter-increment:steps;display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #f0f0f0}
.step-list li::before{content:counter(steps);background:#1a3a6b;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.step-list li p{font-size:13px;color:#333;line-height:1.6}
.step-list li strong{display:block;font-size:14px;margin-bottom:2px}

/* GALLERY */
.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;margin-bottom:32px}
.filter-btn{background:#f4f8ff;border:1px solid #dce6f5;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;color:#1a3a6b;cursor:pointer}
.filter-btn.active,.filter-btn:hover{background:#1a3a6b;color:#fff;border-color:#1a3a6b}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.gallery-item{border-radius:12px;overflow:hidden;position:relative;cursor:pointer}
.gallery-item .thumb{border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#1a5fb4;text-align:center;padding:16px}
.gallery-item .thumb.kit{background:linear-gradient(135deg,#dbeafe,#bfdbfe);height:200px}
.gallery-item .thumb.bath{background:linear-gradient(135deg,#d1fae5,#a7f3d0);height:200px;color:#065f46}
.gallery-item .thumb.boil{background:linear-gradient(135deg,#fee2e2,#fecaca);height:200px;color:#991b1b}
.gallery-item .thumb.maint{background:linear-gradient(135deg,#fef3c7,#fde68a);height:200px;color:#92400e}
.gallery-caption{padding:10px 4px 4px;font-size:13px;font-weight:600;color:#1a2340}
.gallery-tag{font-size:11px;color:#1a5fb4;font-weight:600;text-transform:uppercase;letter-spacing:0.8px}
.gallery-item.hidden{display:none}

/* CONTACT PAGE */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.contact-card{background:#fff;border:1px solid #dce6f5;border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;gap:14px}
.contact-card-icon{font-size:32px;line-height:1}
.contact-card h3{font-size:18px;font-weight:800;color:#1a2340;margin:0}
.contact-card > p{font-size:14px;color:#555;line-height:1.7;margin:0}
.contact-btn-primary{display:flex;align-items:center;justify-content:space-between;background:#1a3a6b;color:#fff;padding:13px 16px;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none}
.contact-btn-primary:hover{background:#1a5fb4}
.contact-btn-primary span,.contact-btn-secondary span{font-size:11px;font-weight:600;opacity:0.75;text-transform:uppercase;letter-spacing:0.6px}
.contact-btn-secondary{display:flex;align-items:center;justify-content:space-between;background:#f4f8ff;color:#1a3a6b;border:1px solid #dce6f5;padding:13px 16px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none}
.contact-btn-secondary:hover{background:#e8f0fd}
.contact-note{font-size:12px;color:#888;line-height:1.6;margin:0;margin-top:auto;padding-top:4px}
.contact-address{font-size:14px;color:#1a2340;font-style:normal;line-height:1.75;background:#f4f8ff;border:1px solid #dce6f5;border-radius:8px;padding:14px 16px}

@media (max-width: 992px) {
  .contact-cards { grid-template-columns: 1fr; gap: 16px; margin-top: 32px; }
  .contact-card { padding: 24px 20px; }
}

.gs-hero{background:linear-gradient(135deg,#0f2244,#1a5fb4);color:#fff;padding:56px 5%;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.gs-badge-big{background:rgba(255,255,255,0.13);border:2px solid rgba(255,255,255,0.35);border-radius:14px;padding:24px;text-align:center;min-width:140px}
.gs-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:36px}
.gs-check-card{background:#f4f8ff;border:1px solid #dce6f5;border-radius:10px;padding:20px}
.gs-check-card h4{font-weight:700;margin-bottom:7px;font-size:14px}
.gs-check-card p{font-size:13px;color:#555;line-height:1.6}

footer{background:#0a1628;color:#9ca3af;padding:36px 5% 22px;text-align:center}
.footer-links{display:flex;gap:16px;justify-content:center;margin:12px 0;flex-wrap:wrap}
.footer-links a{color:#9ca3af;text-decoration:none;font-size:12px;cursor:pointer}
.footer-links a:hover{color:#fff}
.footer-copy{font-size:11px;margin-top:14px;opacity:0.45}

/* ============================================================
   RESPONSIVE — 992px BREAKPOINT
   ============================================================ */
@media (max-width: 992px) {
  .burger { display: flex; }
  .nav-links { display: none; }

  .top-bar { display: none; }

  nav { height: 58px; padding: 0 5%; }

  .hero { padding: 52px 5% 60px; }
  .hero h1 { font-size: 28px; }
  .hero p { font-size: 15px; }
  .hero-btns { flex-direction: column; align-items: center; gap: 10px; }
  .trust-row { flex-direction: column; align-items: center; gap: 8px; margin-top: 28px; }

  .service-hero h1 { font-size: 26px; }

  .two-col { flex-direction: column; gap: 28px; }
  .two-col .side { flex: 0 0 auto; width: 100%; }
  .two-col .main { min-width: 0; width: 100%; }

  .about-strip { flex-direction: column; gap: 28px; }
  .about-strip .img-placeholder { flex: 0 0 auto !important; width: 100%; height: 220px !important; }

  .form-grid { grid-template-columns: 1fr; }
  .form-group.full { grid-column: 1; }

  .gs-hero { flex-direction: column; align-items: flex-start; gap: 24px; padding: 40px 5%; }

  .section-title { font-size: 24px; }
  section { padding: 44px 5%; }

  .cta-strip { padding: 44px 5%; }
  .cta-strip h2 { font-size: 24px; }

  .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

  .footer-links { gap: 10px; }
}