*{box-sizing:border-box}
:root{--green:#08783f;--dark:#063b2a;--blue:#123d75;--mint:#eaf7f1;--ink:#14233a;--muted:#5f6d7b;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:#fff;border-bottom:1px solid #e5eee9}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:52px;height:52px;border:3px solid var(--green);border-radius:50%;display:grid;place-items:center;font-weight:900;color:var(--green);font-size:13px}
.brand-name{font-size:25px;font-weight:900;letter-spacing:1px;color:#08783f}
.brand-name span{font-family:Georgia,serif;color:#d32020;font-size:18px;font-weight:700}
.tagline{font-size:12px;color:#52616d}
.trust{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.trust span{font-size:12px;font-weight:800;border:1px solid #b7d9c8;border-radius:99px;padding:7px 11px;color:var(--green)}
.nav{position:sticky;top:0;z-index:20;background:var(--dark);box-shadow:0 3px 14px #0002}
.nav-inner{display:flex;justify-content:center;gap:28px;padding:13px 0}
.nav a{text-decoration:none;color:#fff;font-weight:700;font-size:14px}
.nav a:hover{color:#9ff0c4}
.hero{padding:58px 0 48px;background:linear-gradient(135deg,#f2fbf7,#f6faff)}
.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:900;color:var(--green);margin:0 0 10px}
.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.03;margin:0 0 18px;color:var(--blue)}
.hero h1 span{color:var(--green)}
.hero-text{font-size:18px;color:var(--muted);max-width:600px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.btn{display:inline-block;text-decoration:none;border-radius:10px;padding:12px 19px;font-weight:800;border:0;cursor:pointer}
.btn.primary{background:var(--green);color:#fff}
.btn.whatsapp{background:#159b52;color:#fff}
.btn.small{padding:9px 15px;background:var(--green);color:#fff}
.btn.full{width:100%;text-align:center}
.hero-image-card{background:#fff;padding:10px;border-radius:20px;box-shadow:0 18px 55px #123d7520}
.hero-image-card img{width:100%;height:auto;border-radius:14px}
.badges{display:flex;gap:10px;flex-wrap:wrap}
.badges div{min-width:100px;padding:11px 14px;border-radius:12px;background:#fff;border:1px solid #dcece5}
.badges strong,.badges small{display:block}.badges strong{color:var(--blue)}.badges small{color:var(--muted)}
.notice{background:var(--green);color:#fff}.notice-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0}.notice-inner span{margin-left:10px;opacity:.9}
.notice .btn{background:#fff;color:var(--green)}
.section{padding:82px 0}.light{background:#f5faf8}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.section h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 18px;color:var(--blue)}
.section p{color:var(--muted)}
.credentials{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.credential{padding:24px;background:#fff;border-radius:15px;border:1px solid #dceae4;box-shadow:0 8px 30px #00000008}
.credential strong,.credential span{display:block}.credential strong{color:var(--green);font-size:20px}.credential span{font-size:14px;color:var(--muted)}
.section-heading{text-align:center;max-width:760px;margin:0 auto 38px}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.card{background:#fff;border:1px solid #dceae4;border-radius:16px;padding:20px;box-shadow:0 8px 28px #00000008;transition:.25s}
.card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #0002}
.card .icon{font-size:25px;color:var(--green);font-weight:900}
.card h3{font-size:17px;margin:10px 0 6px;color:var(--blue)}
.card p{font-size:13px;margin:0}
.technology-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.technology-image{border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #123d7520}
.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{padding:9px 0;color:var(--ink)}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;border-radius:50%;background:var(--green);color:#fff;font-weight:900}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery img{width:100%;border-radius:18px;box-shadow:0 12px 35px #0002}
.contact-section{background:linear-gradient(135deg,#063b2a,#08783f);color:#fff}.contact-section h2{color:#fff}.contact-section p,.contact-section .contact-item span{color:#d8eee3}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.contact-item{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff26}.contact-item strong{color:#b8f4d1}.contact-item a{color:#fff;font-weight:700}
.contact-card{background:#fff;color:var(--ink);padding:28px;border-radius:20px}.contact-card p{color:var(--muted)}.map-placeholder{height:100px;border-radius:14px;background:#eaf7f1;display:grid;place-items:center;font-size:45px}
footer{background:#05271d;color:#d9eee4;padding:30px 0 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid strong{font-size:20px;color:#fff}.footer-grid p{margin:4px 0;font-size:13px}.copyright{text-align:center;border-top:1px solid #ffffff18;margin-top:25px;padding:15px;font-size:12px}
.floating-wa{position:fixed;right:18px;bottom:18px;z-index:30;background:#16a05a;color:#fff;text-decoration:none;font-weight:900;padding:13px 17px;border-radius:99px;box-shadow:0 10px 30px #0003}
@media(max-width:950px){.cards{grid-template-columns:repeat(3,1fr)}.hero-grid,.two-col,.technology-grid,.contact-grid{grid-template-columns:1fr}.hero-copy{order:1}.hero-image-card{order:2}.nav-inner{gap:15px;overflow:auto;justify-content:flex-start}.topbar-inner{align-items:flex-start}.trust{display:none}}
@media(max-width:620px){.topbar-inner{padding:12px 0}.brand-name{font-size:21px}.nav a{font-size:13px;white-space:nowrap}.hero{padding:35px 0}.hero h1{font-size:42px}.hero-text{font-size:16px}.notice-inner{display:block;padding:14px 0}.notice-inner .btn{margin-top:10px}.section{padding:58px 0}.credentials{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.footer-grid{display:block}.contact-item{grid-template-columns:1fr}.floating-wa{right:12px;bottom:12px}.trust{display:none}}
@media(max-width:420px){.cards{grid-template-columns:1fr}}


/* Expanded services & quality section */
.service-groups{
  display:grid;
  gap:32px;
}
.service-group > h3{
  margin:0 0 14px;
  color:#075f4f;
  font-size:1.35rem;
}
.service-group .cards{
  margin-bottom:0;
}
.quality-section{
  background:linear-gradient(135deg,#f8fffd,#eef8f6);
}
.quality-card{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:28px;
  align-items:center;
  background:#fff;
  border:1px solid #d5ebe5;
  border-radius:22px;
  padding:28px;
  box-shadow:0 12px 30px rgba(0,70,60,.08);
}
.quality-badge{
  width:100px;
  height:100px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#075f4f;
  color:#fff;
  font-weight:800;
  font-size:1.35rem;
  text-align:center;
}
.quality-badge small{
  font-size:.75rem;
  font-weight:600;
  margin-top:2px;
}
.quality-card h3{
  margin-top:0;
  color:#123b57;
}
.quality-card p{
  margin:.4rem 0;
}
.quality-note{
  font-size:.82rem;
  color:#65757a;
  margin-top:14px !important;
}
@media (max-width:700px){
  .quality-card{
    grid-template-columns:1fr;
    text-align:center;
  }
  .quality-badge{
    margin:auto;
  }
}

/* User-provided Biocon Healthcare logo */
.brand-logo-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 12px;
}
.brand-logo {
  width: min(150px, 42vw);
  height: auto;
  border-radius: 18px;
  object-fit: contain;
  background: #fff;
}