﻿  :root{
    --teal-900:#0b3d34;
    --teal-700:#0f7a5c;
    --teal-600:#158a68;
    --teal-100:#e5f3ec;
    --red-600:#c41e3a;
    --red-100:#fbe7ea;
    --ink:#16211d;
    --ink-soft:#4a5952;
    --paper:#f7f9f7;
    --paper-card:#ffffff;
    --line:#dde6e1;
    --shadow: 0 20px 45px -25px rgba(11,61,52,0.35);
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    overflow-x:hidden;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .hindi{font-family:'Noto Sans Devanagari', sans-serif;}

  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 28px;
  }
  section{padding:96px 0;}
  h1,h2,h3{font-family:'Fraunces', serif; font-weight:600; color:var(--teal-900); line-height:1.15;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
    color:var(--red-600);
    margin-bottom:14px;
  }
  .eyebrow::before{content:""; width:22px; height:2px; background:var(--red-600); display:inline-block;}
  .section-head{max-width:640px; margin-bottom:52px;}
  .section-head h2{font-size:clamp(28px,3.4vw,40px); margin-bottom:14px;}
  .section-head p{color:var(--ink-soft); font-size:16.5px;}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 26px; border-radius:999px;
    font-weight:700; font-size:15px;
    border:1.5px solid transparent;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  }
  .btn-primary{background:var(--red-600); color:#fff; box-shadow:0 14px 30px -12px rgba(196,30,58,0.55);}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 34px -12px rgba(196,30,58,0.6);}
  .btn-outline{border-color:rgba(255,255,255,0.55); color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,0.12);}
  .btn-ghost{border-color:var(--teal-700); color:var(--teal-700);}
  .btn-ghost:hover{background:var(--teal-100);}

  /* ---------- Header ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(247,249,247,0.9);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 28px;
    max-width:1180px; margin:0 auto;
  }
  .brand{display:flex; align-items:center; gap:12px;}
  .brand img{height:44px; width:auto;}
  .brand-text{display:flex; flex-direction:column; line-height:1.15;}
  .brand-text b{font-family:'Fraunces', serif; font-size:19px; color:var(--teal-900); letter-spacing:.01em;}
  .brand-text span{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--red-600); font-weight:700;}
  .nav-links{display:flex; align-items:center; gap:32px;}
  .nav-links a{font-size:14.5px; font-weight:600; color:var(--ink-soft);}
  .nav-links a:hover{color:var(--teal-700);}
  .nav-cta{display:flex; align-items:center; gap:14px;}
  .nav-emergency{font-size:13px; font-weight:700; color:var(--red-600);}
  .menu-toggle{display:none; background:none; border:none; font-size:26px; color:var(--teal-900); cursor:pointer;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    background:linear-gradient(155deg, var(--teal-900) 0%, var(--teal-700) 62%, var(--teal-600) 100%);
    color:#fff;
    padding:76px 0 0;
    overflow:hidden;
  }
  .hero .wrap{
    display:grid; grid-template-columns:1.05fr .95fr; gap:52px;
    align-items:center;
    padding-bottom:64px;
  }
  .hero-copy .eyebrow{color:#ffd4dc;}
  .hero-copy .eyebrow::before{background:#ffd4dc;}
  .hero-copy h1{color:#fff; font-size:clamp(34px, 4.6vw, 54px); margin-bottom:20px;}
  .hero-copy h1 em{font-style:normal; color:#ffd4dc;}
  .hero-copy p{font-size:17px; color:rgba(255,255,255,0.86); max-width:480px; margin-bottom:32px;}
  .hero-actions{display:flex; flex-wrap:wrap; gap:16px; margin-bottom:36px;}
  .hero-quickfacts{display:flex; flex-wrap:wrap; gap:26px;}
  .hero-quickfacts div{display:flex; align-items:center; gap:10px; font-size:13.5px; font-weight:600; color:rgba(255,255,255,0.9);}
  .hero-quickfacts svg{flex:none;}

  .hero-media{position:relative;}
  .hero-media .frame{
    border-radius:22px; overflow:hidden;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.45);
    border:1px solid rgba(255,255,255,0.18);
  }
  .hero-media .frame img{width:100%; height:100%; object-fit:cover;}
  .hero-badge{
    position:absolute; left:-18px; bottom:-24px;
    background:#fff; color:var(--teal-900);
    border-radius:16px; padding:16px 20px;
    box-shadow:var(--shadow);
    display:flex; align-items:center; gap:12px;
    max-width:230px;
  }
  .hero-badge svg{flex:none;}
  .hero-badge b{display:block; font-family:'Fraunces',serif; font-size:15px;}
  .hero-badge span{font-size:12px; color:var(--ink-soft);}

  /* ECG signature strip */
  .ecg-strip{
    width:100%; height:64px;
    display:block;
  }
  .ecg-strip path{
    fill:none; stroke:#ffd4dc; stroke-width:2.5;
    stroke-dasharray:1300; stroke-dashoffset:1300;
    animation:ecgDraw 3.4s ease-in-out infinite;
  }
  @keyframes ecgDraw{
    0%{stroke-dashoffset:1300;}
    55%{stroke-dashoffset:0;}
    100%{stroke-dashoffset:-1300;}
  }
  .ecg-strip.divider path{stroke:var(--red-600); opacity:.55;}

  /* ---------- Services ---------- */
  .services-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:22px;
  }
  .service-card{
    background:var(--paper-card);
    border:1px solid var(--line);
    border-radius:18px;
    padding:30px 24px;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .service-card:hover{transform:translateY(-6px); box-shadow:var(--shadow); border-color:transparent;}
  .service-icon{
    width:52px; height:52px; border-radius:14px;
    background:var(--teal-100); color:var(--teal-700);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:18px;
  }
  .service-card h3{font-size:17.5px; color:var(--teal-900); margin-bottom:8px;}
  .service-card p{font-size:14px; color:var(--ink-soft);}

  /* ---------- Why us ---------- */
  .why{background:var(--teal-900); color:#fff; position:relative;}
  .why .wrap{display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:start;}
  .why .section-head h2{color:#fff;}
  .why .section-head p{color:rgba(255,255,255,0.75);}
  .why-list{display:grid; grid-template-columns:1fr 1fr; gap:24px 32px;}
  .why-item{display:flex; gap:16px;}
  .why-item .num{
    font-family:'Fraunces',serif; font-size:22px; color:#ffd4dc; flex:none; width:34px;
  }
  .why-item h4{font-size:15.5px; margin-bottom:6px; font-weight:700;}
  .why-item p{font-size:13.5px; color:rgba(255,255,255,0.72);}

  /* ---------- About / Facility ---------- */
  .about .wrap{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
  .about-media{position:relative; border-radius:20px; overflow:hidden; box-shadow:var(--shadow);}
  .about-media img{width:100%;}
  .about-copy .section-head{margin-bottom:26px;}
  .about-facts{display:flex; flex-direction:column; gap:18px; margin-top:8px;}
  .about-fact{display:flex; gap:14px; align-items:flex-start;}
  .about-fact svg{flex:none; margin-top:2px;}
  .about-fact b{display:block; color:var(--teal-900); font-size:15px;}
  .about-fact span{font-size:13.5px; color:var(--ink-soft);}

  /* ---------- Contact ---------- */
  .contact{background:var(--teal-100);}
  .contact .wrap{display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:24px; overflow:hidden; box-shadow:var(--shadow); background:#fff;}
  .contact-info{padding:52px 46px; background:var(--teal-900); color:#fff;}
  .contact-info h2{color:#fff; font-size:28px; margin-bottom:12px;}
  .contact-info p{color:rgba(255,255,255,0.75); font-size:14.5px; margin-bottom:34px;}
  .contact-row{display:flex; gap:16px; margin-bottom:26px;}
  .contact-row svg{flex:none; margin-top:3px;}
  .contact-row b{display:block; font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:#ffd4dc; margin-bottom:4px;}
  .contact-row span, .contact-row a{font-size:15px; color:#fff; font-weight:600;}
  .map-frame{min-height:340px; height:100%;}
  .map-frame iframe{width:100%; height:100%; min-height:340px; border:0; display:block;}

  /* ---------- Footer ---------- */
  footer{background:var(--ink); color:rgba(255,255,255,0.65); padding:52px 0 24px;}
  .footer-top{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:36px;}
  .footer-brand{display:flex; align-items:center; gap:12px; max-width:340px;}
  .footer-brand img{height:40px; filter:brightness(0) invert(1); opacity:.9;}
  .footer-brand b{font-family:'Fraunces',serif; color:#fff; font-size:17px;}
  .footer-cols{display:flex; gap:64px; flex-wrap:wrap;}
  .footer-col h4{color:#fff; font-size:13px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:16px;}
  .footer-col li{margin-bottom:10px; font-size:14px;}
  .footer-col a:hover{color:#fff;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,0.12); padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px;}

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .hero .wrap{grid-template-columns:1fr;}
    .hero-media{order:-1;}
    .why .wrap{grid-template-columns:1fr;}
    .why-list{grid-template-columns:1fr;}
    .about .wrap{grid-template-columns:1fr;}
    .about-media{order:-1;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .contact .wrap{grid-template-columns:1fr;}
    .map-frame{min-height:280px;}
  }
  @media (max-width:720px){
    .nav-links{display:none;}
    .menu-toggle{display:block;}
    .nav-emergency{display:none;}
    section{padding:64px 0;}
    .services-grid{grid-template-columns:1fr;}
    .footer-top{flex-direction:column;}
  }
