:root{--bg:#f7fbfb;--ink:#123033;--muted:#5e7477;--brand:#0f7f83;--brand2:#0ba39f;--accent:#f0b64d;--white:#fff;--line:#dbe9e9;--shadow:0 18px 50px rgba(18,48,51,.12)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin:auto}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}
.brand img{height:42px}

.brand .brand-text {
  background: linear-gradient(135deg, #1e4ed8 0%, #0f7f83 48%, #0ba39f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-weight:700;color:var(--muted)}
.nav-links a.active,.nav-links a:hover{color:var(--brand)}
.nav-toggle{display:none;border:0;background:transparent;font-size:1.8rem}

.hero{padding:88px 0;background:radial-gradient(circle at top right,#dff6f4,transparent 36%),linear-gradient(135deg,#f7fbfb,#fff)}
.pharma-hero{background:radial-gradient(circle at top right,#d8f5f1,transparent 38%),linear-gradient(135deg,#f7fbfb,#fff8ed)}
.hero-grid,.split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.eyebrow{display:inline-flex;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:800;font-size:.78rem;margin-bottom:12px}

h1,h2,h3{line-height:1.1;margin:0 0 16px}
h1{font-size:clamp(2.4rem,6vw,4.9rem);letter-spacing:-.055em}
h1 span{color:var(--brand)}
h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.035em}
h3{font-size:1.25rem}

.lead{font-size:1.2rem;color:var(--muted);max-width:680px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:800;border:1px solid transparent;cursor:pointer}
.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 24px rgba(15,127,131,.22)}
.secondary{background:#fff;border-color:var(--line);color:var(--brand)}

.trust-row{border-left:4px solid var(--accent);padding-left:16px;color:var(--muted)}
.trust-row strong{display:block;color:var(--ink)}

.hero-card,.panel,.contact-form,.card{background:var(--white);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.hero-card{padding:34px}
.hero-card ul,.check-list{padding-left:0;list-style:none}
.hero-card li,.check-list li{margin:11px 0;padding-left:28px;position:relative}
.hero-card li:before,.check-list li:before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:900}
.hero-logo{height:86px;margin-bottom:22px}
.hero-visual img{width:100%;filter:drop-shadow(0 20px 35px rgba(18,48,51,.14))}

.section{padding:86px 0}
.tint{background:#eaf7f6}
.section-heading{text-align:center;max-width:760px;margin:0 auto 44px}
.section-heading p{color:var(--muted)}
.cards{display:grid;gap:22px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card{padding:28px}
.card img{height:54px;margin-bottom:18px}
.card p,.panel p{color:var(--muted)}
.reverse{grid-template-columns:.95fr 1.05fr}
.panel{padding:34px}

.contact-form{padding:28px;display:grid;gap:10px}
.contact-form label{font-weight:800}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(11,163,159,.18);border-color:var(--brand2)}
.form-message{padding:12px 14px;border-radius:12px;font-weight:700}
.success{background:#e8fff4;color:#09643b}
.error{background:#fff0ec;color:#9b2f1b}

.site-footer{background:#102c2f;color:#d4eeee;padding:54px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:34px}

.site-footer h4{color:#fff;margin:0 0 10px}
.site-footer a{display:block;color:#d4eeee;margin:6px 0}
.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:18px;font-size:.9rem;color:#a8c8ca}

code{background:#eef7f6;padding:2px 6px;border-radius:6px}

@media(max-width:900px){
  .hero-grid,.split,.reverse,.footer-grid{grid-template-columns:1fr}
  .cards.three,.cards.four{grid-template-columns:1fr 1fr}
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;box-shadow:var(--shadow);flex-direction:column}
  .nav-links.open{display:flex}
}

@media(max-width:560px){
  .cards.three,.cards.four{grid-template-columns:1fr}
  .hero{padding:58px 0}
  .section{padding:58px 0}
  .btn{width:100%}
}


.site-footer .footer-brand {
  text-align: left !important;
}

.site-footer .footer-logo {
  width: 250px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 0 18px 0 !important;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,0.3)) !important;
}

.site-footer .footer-tagline {
  text-align: left !important;
  max-width: 520px !important;
  margin: 0 !important;
  font-size: 1.25rem;
  font-weight: 600;
}

.service-cards {
  align-items: stretch;
}

.service-card {
  padding: 0 !important;
  overflow: hidden;
  min-height: 540px;
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Disable old pseudo-background rules if still present */
.service-card::before,
.service-card::after {
  content: none !important;
  display: none !important;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 55px rgba(18,48,51,.14);
}

.service-card-media {
  flex: 0 0 58%;
  min-height: 310px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 88%;
  background-color: #f8fbfb;
  transition: opacity 0.35s ease, transform 0.35s ease, filter 0.35s ease;
}

.service-card:hover .service-card-media {
  opacity: 0.72;
  transform: scale(1.03);
  filter: saturate(0.95);
}

.pharma-card .service-card-media {
  background-image: url("/assets/img/pharma2.png");
}

.care-card .service-card-media {
  background-image: url("/assets/img/care1.png");
}

.diagnostics-card .service-card-media {
  background-image: url("/assets/img/prevention.png");
}

.service-card-content {
  flex: 1;
  padding: 28px 30px 32px;
  background: #ffffff;
  border-top: 1px solid rgba(219,233,233,.85);
}

.service-card h3 {
  color: #083f88;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0 0 14px;
}

.service-card p {
  color: #4b666b;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}

@media(max-width:900px) {
  .service-card {
    min-height: 500px;
  }

  .service-card-media {
    flex-basis: 56%;
    min-height: 280px;
    background-size: 82%;
  }
}

@media(max-width:560px) {
  .service-card {
    min-height: 460px;
  }

  .service-card-media {
    flex-basis: 52%;
    min-height: 240px;
    background-size: 84%;
  }

  .service-card-content {
    padding: 24px;
  }
}

.service-card {
  border-radius: 28px;
  overflow: hidden;
}

.service-card-media {
  border-radius: 28px 28px 0 0;
  overflow: hidden;
  margin: 0;
}

.service-card {
  border-radius: 28px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.service-card-media {
  margin: 16px 16px 0 16px;
  border-radius: 22px 22px 18px 18px;
  overflow: hidden;
  min-height: 280px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.service-card-content {
  border-top: none;
  padding: 28px 30px 32px;
}