:root{--brand:#163B65;--text:#0f172a;--muted:#64748b;--bg:#ffffff;--surface:#f8fafc;--border:#e2e8f0}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:14px;border:1px solid transparent;background:var(--brand);color:#fff;font-weight:600;transition:.2s}
.btn:hover{background:#0f2b49}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{border-color:var(--brand)}
.badge{display:inline-flex;gap:8px;align-items:center;background:#eef2f7;padding:6px 10px;border-radius:999px;color:#334155;font-size:12px}
.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.8);backdrop-filter:saturate(160%) blur(6px);border-bottom:1px solid var(--border)}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.nav a{font-size:14px;color:#334155;margin-left:22px}.nav a:hover{color:#0f2b49}
.hero{padding:80px 0;background:linear-gradient(180deg,#f1f5f9,#fff)}.grid{display:grid;gap:28px}.grid-2{grid-template-columns:1fr}@media(min-width:900px){.grid-2{grid-template-columns:1.15fr .85fr}}
.h1{font-size:40px;line-height:1.1;margin:0 0 12px;font-weight:800}.p{color:var(--muted);font-size:18px}
.cards{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cards{grid-template-columns:repeat(4,1fr)}}
.card{border:1px solid var(--border);border-radius:18px;background:#fff}.card .c-h{padding:18px 18px 0;font-weight:700}.card .c-b{padding:14px 18px 18px;color:var(--muted);font-size:14px}
.section{padding:70px 0}.section.alt{background:#f8fafc;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.steps{display:grid;gap:18px}@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}.step{border:1px solid var(--border);border-radius:18px;background:#fff;padding:18px}.step .num{width:34px;height:34px;border:1px solid var(--border);border-radius:999px;display:grid;place-items:center;font-weight:700;margin-bottom:10px}
.contact-wrap{display:grid;gap:26px}@media(min-width:980px){.contact-wrap{grid-template-columns:1fr 1fr}}.form{border:1px solid var(--border);border-radius:18px;background:#fff;padding:22px;display:grid;gap:14px}
.label{font-size:13px;color:#334155;margin-bottom:6px;display:block}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:14px}.textarea{min-height:120px;resize:vertical}
.small{font-size:12px;color:#64748b}.footer{border-top:1px solid var(--border);padding:30px 0;color:#64748b}.logo{display:flex;align-items:center;gap:12px}.logo img{height:36px;width:auto}.logo span{font-weight:700;letter-spacing:.2px}
.taglist{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;opacity:.7}.tag{height:38px;background:#fff;border:1px solid var(--border);border-radius:12px}

.logo-strip{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px 24px;align-items:center}
.logo-item{display:flex;align-items:center;justify-content:center;height:72px;border:1px solid var(--border);border-radius:14px;background:#fff}
.logo-item img{max-height:44px;max-width:160px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) opacity(.9);transition:filter .2s, transform .2s}
.logo-item:hover img{filter:none;transform:translateY(-1px)}
@media (max-width:720px){.logo-item{height:60px}.logo-item img{max-height:36px;max-width:130px}}

/* Quick links bar */
.top-quick-links{display:flex;gap:16px;align-items:center;justify-content:center;padding:10px 12px;background:#0f5b7f}
.top-quick-links a{color:#fff;text-decoration:none;font-weight:600}
.top-quick-links a:hover{text-decoration:underline}
.footer-links{margin-top:12px}


/* === Partner logos: fixed 2x4 grid === */
.partners .section-title{ text-align:center; }
.partner-logos--2x4{ 
  display:grid; 
  grid-template-columns: repeat(4, minmax(140px,1fr));
  gap: 24px; 
  justify-items:center; 
  align-items:center; 
  width:100%;
}
.partner-logos--2x4 .logo-item{ width:100%; height:60px; display:flex; align-items:center; justify-content:center; }
.partner-logos--2x4 .logo-item img{ max-height:60px; width:auto; object-fit:contain; max-width:100%; }
@media (max-width:900px){
  .partner-logos--2x4{ grid-template-columns: repeat(3, minmax(120px,1fr)); }
}
@media (max-width:640px){
  .partner-logos--2x4{ grid-template-columns: repeat(2, minmax(120px,1fr)); }
  .partner-logos--2x4 .logo-item{ height:50px; }
  .partner-logos--2x4 .logo-item img{ max-height:50px; }
}



/* === UPSCALE: partner logos to fill width (2x4) === */
.partners .container { max-width: 1200px; margin: 0 auto; padding: 0 clamp(12px, 2vw, 24px); }
.partner-logos.partner-logos--2x4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(16px, 2vw, 32px) !important;
  justify-items: center;
  align-items: center;
  width: 100%;
}
.partner-logos--2x4 .logo-item {
  height: clamp(80px, 9vw, 120px) !important;  /* bigger logos on wide screens */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-logos--2x4 .logo-item img {
  max-height: 100% !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* Responsive fallbacks to keep balance */
@media (max-width: 900px) {
  .partner-logos.partner-logos--2x4 { grid-template-columns: repeat(3, 1fr) !important; }
  .partner-logos--2x4 .logo-item { height: clamp(70px, 12vw, 110px) !important; }
}
@media (max-width: 640px) {
  .partner-logos.partner-logos--2x4 { grid-template-columns: repeat(2, 1fr) !important; }
  .partner-logos--2x4 .logo-item { height: clamp(60px, 18vw, 100px) !important; }
}