: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;

}
/* Contact form submission and spam-trap helpers */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form button:disabled{opacity:.65;cursor:wait}
.form-message[hidden]{display:none}