/* ---------------------------------------------------
           KP HIBA DIVINE HOSPITAL — GLASSMORPHISM PREMIUM
           Design: Floating Nav · Glass Cards · Rounded UI
        --------------------------------------------------- */
        
        :root {
          --navy:        #060e1f;
          --navy-mid:    #0d1f3c;
          --blue:        #1a56db;
          --blue-light:  #3b82f6;
          --teal:        #0d9488;
          --teal-light:  #14b8a6;
          --teal-glow:   rgba(13,148,136,.35);
          --green:       #059669;
          --sky:         #e0f2fe;
          --bg:          #f0f6ff;
          --bg-section:  #f7faff;
          --white:       #ffffff;
          --text:        #0f172a;
          --text-muted:  #64748b;
          --border:      rgba(148,163,184,.18);
          --glass-bg:    rgba(255,255,255,.65);
          --glass-dark:  rgba(255,255,255,.08);
          --glass-border:rgba(255,255,255,.35);
          --glass-shadow:0 8px 40px rgba(10,22,40,.12), inset 0 1px 0 rgba(255,255,255,.6);
          --shadow-sm:   0 2px 12px rgba(10,22,40,.06);
          --shadow-md:   0 10px 40px rgba(10,22,40,.12);
          --shadow-lg:   0 24px 70px rgba(10,22,40,.18);
          --shadow-glow: 0 8px 32px rgba(13,148,136,.25);
          --radius-xl:   28px;
          --radius-lg:   20px;
          --radius:      16px;
          --radius-sm:   12px;
          --radius-xs:   8px;
          --transition:  all .3s cubic-bezier(.4,0,.2,1);
        }
        
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; overflow-x: hidden; font-size: 16px; }
        
        body {
          font-family: 'DM Sans', sans-serif;
          color: var(--text);
          background: var(--bg);
          overflow-x: hidden;
          line-height: 1.7;
        }
        
        /* Subtle mesh background */
        body::before {
          content:'';
          position:fixed;
          inset:0;
          background:
            radial-gradient(ellipse 80% 50% at 10% 20%, rgba(26,86,219,.06) 0%, transparent 60%),
            radial-gradient(ellipse 60% 60% at 90% 80%, rgba(13,148,136,.06) 0%, transparent 60%);
          pointer-events:none;
          z-index:0;
        }
        
        img { width:100%; height:100%; object-fit:cover; display:block; }
        a   { text-decoration:none; color:inherit; }
        ul  { list-style:none; }
        
        .container {
          max-width: 1200px;
          margin: 0 auto;
          padding: 0 2rem;
          position: relative;
          z-index: 1;
        }
        
        /* --- GLASS MIXIN CLASSES -------------------------- */
        .glass {
          background: var(--glass-bg);
          backdrop-filter: blur(20px) saturate(180%);
          -webkit-backdrop-filter: blur(20px) saturate(180%);
          border: 1px solid var(--glass-border);
          box-shadow: var(--glass-shadow);
        }
        .glass-dark {
          background: var(--glass-dark);
          backdrop-filter: blur(24px) saturate(160%);
          -webkit-backdrop-filter: blur(24px) saturate(160%);
          border: 1px solid rgba(255,255,255,.12);
          box-shadow: 0 8px 32px rgba(0,0,0,.2);
        }
        
        /* --- TYPOGRAPHY ----------------------------------- */
        .section-label {
          display: inline-flex;
          align-items: center;
          gap: .5rem;
          font-size: .72rem;
          font-weight: 700;
          letter-spacing: .18em;
          text-transform: uppercase;
          color: var(--teal);
          background: rgba(13,148,136,.1);
          border: 1px solid rgba(13,148,136,.2);
          padding: .38rem 1rem;
          border-radius: 50px;
          margin-bottom: 1rem;
        }
        .section-label.light {
          color: rgba(255,255,255,.9);
          background: rgba(255,255,255,.1);
          border-color: rgba(255,255,255,.2);
        }
        .section-label::before {
          content:'';
          width:6px; height:6px;
          border-radius:50%;
          background:var(--teal);
          box-shadow:0 0 6px var(--teal);
        }
        .section-label.light::before { background:rgba(255,255,255,.9); box-shadow:none; }
        
        .section-title {
          font-family: 'Playfair Display', serif;
          font-size: clamp(1.9rem, 4vw, 2.75rem);
          font-weight: 700;
          color: var(--navy);
          line-height: 1.18;
          margin-bottom: 1rem;
        }
        .section-title em { font-style:italic; color:var(--teal); }
        .section-title.light { color:#fff; }
        .section-title.light em { color:var(--teal-light); }
        
        .section-desc { color:var(--text-muted); max-width:580px; margin:0 auto; }
        .section-desc.light { color:rgba(255,255,255,.7); }
        
        .section-header { text-align:center; margin-bottom:3.5rem; }
        .section-header .section-label { margin:0 auto 1rem; display:flex; width:max-content; }
        
        /* --- BUTTONS -------------------------------------- */
        .btn {
          display:inline-flex;
          align-items:center;
          gap:.6rem;
          padding:.85rem 2rem;
          border-radius:50px;
          font-family:'DM Sans',sans-serif;
          font-weight:700;
          font-size:.92rem;
          cursor:pointer;
          border:none;
          transition:var(--transition);
          white-space:nowrap;
          position:relative;
          overflow:hidden;
        }
        .btn::after {
          content:'';
          position:absolute;
          inset:0;
          background:linear-gradient(rgba(255,255,255,.15),transparent);
          border-radius:inherit;
          opacity:0;
          transition:opacity .3s;
        }
        .btn:hover::after { opacity:1; }
        
        .btn-primary {
          background:linear-gradient(135deg,var(--blue),var(--teal));
          color:#fff;
          box-shadow:0 4px 24px rgba(26,86,219,.35), inset 0 1px 0 rgba(255,255,255,.2);
        }
        .btn-primary:hover {
          transform:translateY(-2px);
          box-shadow:0 8px 36px rgba(26,86,219,.45), 0 0 0 3px rgba(26,86,219,.1);
        }
        .btn-emergency {
          background:rgba(255,255,255,.12);
          color:#fff;
          border:1.5px solid rgba(255,255,255,.3);
          backdrop-filter:blur(10px);
        }
        .btn-emergency:hover { background:rgba(255,255,255,.22); transform:translateY(-2px); }
        .btn-white { background:#fff; color:var(--navy); font-weight:700; }
        .btn-white:hover { background:var(--sky); transform:translateY(-2px); }
        .btn-doc {
          background:rgba(26,86,219,.08);
          color:var(--blue);
          font-size:.83rem;
          padding:.6rem 1.4rem;
          border-radius:50px;
          font-weight:700;
          width:100%;
          justify-content:center;
          border:1px solid rgba(26,86,219,.15);
        }
        .btn-doc:hover { background:var(--blue); color:#fff; border-color:var(--blue); }
        .btn-full { width:100%; justify-content:center; }
        
        /* --- FLOATING ELEMENTS ---------------------------- */
        .float-emergency {
          position:fixed;
          bottom:7.5rem; right:1.5rem;
          background:linear-gradient(135deg,#dc2626,#b91c1c);
          color:#fff;
          padding:.7rem 1.15rem;
          border-radius:50px;
          display:flex;
          align-items:center;
          gap:.5rem;
          font-weight:700;
          font-size:.82rem;
          box-shadow:0 4px 24px rgba(220,38,38,.45),inset 0 1px 0 rgba(255,255,255,.2);
          z-index:999;
          animation:pulse-red 2.5s infinite;
        }
        .float-emergency:hover { transform:scale(1.05); }
        .float-whatsapp {
          position:fixed;
          bottom:2rem; right:1.5rem;
          background:linear-gradient(135deg,#25d366,#1da851);
          color:#fff;
          width:54px; height:54px;
          border-radius:50%;
          display:flex;
          align-items:center;
          justify-content:center;
          font-size:1.4rem;
          box-shadow:0 4px 24px rgba(37,211,102,.45),inset 0 1px 0 rgba(255,255,255,.2);
          z-index:999;
          animation:bounce-gentle 3s ease-in-out infinite;
        }
        @keyframes pulse-red {
          0%,100%{ box-shadow:0 4px 24px rgba(220,38,38,.45); }
          50%{ box-shadow:0 4px 36px rgba(220,38,38,.75),0 0 0 6px rgba(220,38,38,.1); }
        }
        @keyframes bounce-gentle {
          0%,100%{ transform:translateY(0); }
          50%{ transform:translateY(-7px); }
        }
        
        /* --- FLOATING NAVBAR ------------------------------ */
        .navbar {
          position:fixed;
          top:.85rem;
          left:50%;
          transform:translateX(-50%);
          width:calc(100% - 3rem);
          max-width:1160px;
          z-index:1000;
          border-radius:var(--radius-xl);
          padding:0;
          transition:var(--transition);
          /* Initial: fully transparent glass */
          background:rgba(255,255,255,0);
          backdrop-filter:blur(0px);
          border:1px solid transparent;
          box-shadow:none;
        }
        .navbar.scrolled {
          background:rgba(255,255,255,.75);
          backdrop-filter:blur(28px) saturate(200%);
          -webkit-backdrop-filter:blur(28px) saturate(200%);
          border:1px solid rgba(255,255,255,.5);
          box-shadow:0 8px 40px rgba(10,22,40,.12),inset 0 1px 0 rgba(255,255,255,.8);
        }
        .nav-container {
          display:flex;
          align-items:center;
          justify-content:space-between;
          padding:.55rem 1.05rem;
        }
        .nav-brand { display:flex; align-items:center; }
        .brand-logo { display:flex; align-items:center; gap:.85rem; }
        .logo-mark {
          width:56px; height:56px;
          background:rgba(255,255,255,.98);
          border-radius:16px;
          overflow:hidden;
          display:flex;
          align-items:center;
          justify-content:center;
          border:1px solid rgba(255,255,255,.95);
          box-shadow:0 10px 26px rgba(10,22,40,.22);
          flex-shrink:0;
        }
        .logo-mark img { width:100%; height:100%; object-fit:contain; padding:.35rem; transform:scale(1.08); }
        .navbar .logo-mark {
          width:62px;
          height:62px;
          box-shadow:0 12px 30px rgba(10,22,40,.3), 0 0 0 4px rgba(255,255,255,.08);
        }
        .navbar .logo-mark img { padding:.25rem; transform:scale(1.14); }
        .footer .logo-mark {
          width:68px;
          height:68px;
        }
        .brand-text { display:flex; flex-direction:column; }
        .brand-main {
          /*font-family:'Playfair Display',serif;*/
          font-size:1.02rem;
          font-weight:700;
          color:var(--navy);
          line-height:1.2;
        }
        .brand-sub {
          font-size:.62rem;
          color:var(--text-muted);
          font-weight:600;
          letter-spacing:.04em;
        }
        /* On transparent hero bg, invert brand text */
        .navbar:not(.scrolled) .brand-main { color:#fff; }
        .navbar:not(.scrolled) .brand-sub { color:rgba(255,255,255,.55); }
        
        .nav-links {
          display:flex;
          align-items:center;
          gap:.1rem;
        }
        .nav-links a {
          font-size:.875rem;
          font-weight:500;
          padding:.46rem .85rem;
          border-radius:50px;
          color:rgba(255,255,255,.85);
          transition:var(--transition);
        }
        .navbar.scrolled .nav-links a { color:var(--text); }
        .nav-links a:hover {
          background:rgba(255,255,255,.15);
          color:#fff;
        }
        .navbar.scrolled .nav-links a:hover {
          background:var(--sky);
          color:var(--blue);
        }
        .nav-links .nav-cta {
          position:relative;
          isolation:isolate;
          display:inline-flex;
          align-items:center;
          justify-content:center;
          gap:.45rem;
          min-height:40px;
          background:linear-gradient(135deg,var(--blue),var(--teal)) !important;
          color:#fff !important;
          padding:.58rem 1.18rem !important;
          border:1px solid rgba(255,255,255,.42);
          border-radius:50px;
          font-weight:700;
          white-space:nowrap;
          overflow:hidden;
          box-shadow:0 12px 28px rgba(26,86,219,.24), inset 0 1px 0 rgba(255,255,255,.35);
        }
        .nav-links .nav-cta::before {
          content:'\f073';
          font-family:'Font Awesome 6 Free';
          font-weight:900;
          font-size:.78rem;
        }
        .nav-links .nav-cta::after {
          content:'';
          position:absolute;
          inset:0;
          z-index:-1;
          background:linear-gradient(135deg,var(--teal),var(--blue));
          opacity:0;
          transition:opacity .25s ease;
        }
        .nav-links .nav-cta:hover,
        .nav-links .nav-cta:focus-visible {
          transform:translateY(-2px);
          color:#fff !important;
          border-color:rgba(255,255,255,.7);
          box-shadow:0 16px 34px rgba(13,148,136,.34), inset 0 1px 0 rgba(255,255,255,.42) !important;
          outline:0;
        }
        .nav-links .nav-cta:hover::after,
        .nav-links .nav-cta:focus-visible::after {
          opacity:1;
        }
        .navbar.scrolled .nav-links .nav-cta:hover,
        .navbar.scrolled .nav-links .nav-cta:focus-visible {
          color:#fff !important;
        }
        
        .nav-toggle {
          display:none;
          flex-direction:column;
          gap:5px;
          background:none;
          border:none;
          cursor:pointer;
          padding:.5rem;
        }
        .nav-toggle span {
          width:24px; height:2px;
          background:#fff;
          border-radius:2px;
          transition:var(--transition);
          display:block;
        }
        .navbar.scrolled .nav-toggle span { background:var(--navy); }
        
        /* --- HERO ------------------------------------------ */
        .hero {
          min-height:100vh;
          background:linear-gradient(135deg, var(--navy) 0%, #112244 45%, #0c3356 100%);
          position:relative;
          display:flex;
          align-items:center;
          overflow:hidden;
        }
        .hero-bg { position:absolute; inset:0; }
        .hero-mesh {
          position:absolute; inset:0;
          background:
            radial-gradient(ellipse 65% 60% at 70% 35%, rgba(13,148,136,.3) 0%, transparent 65%),
            radial-gradient(ellipse 45% 45% at 15% 75%, rgba(26,86,219,.25) 0%, transparent 55%),
            radial-gradient(ellipse 30% 30% at 85% 80%, rgba(59,130,246,.15) 0%, transparent 50%);
        }
        /* Decorative grid lines */
        .hero-bg::after {
          content:'';
          position:absolute; inset:0;
          background-image:
            linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
          background-size:60px 60px;
        }
        .hero-particles { position:absolute; inset:0; }
        
        .hero-container {
          max-width:1200px;
          margin:0 auto;
          padding:9rem 2rem 5rem;
          display:grid;
          grid-template-columns:1fr 1fr;
          gap:4rem;
          align-items:center;
          position:relative;
          z-index:2;
        }
        
        .hero-badge {
          display:inline-flex;
          align-items:center;
          gap:.6rem;
          background:rgba(255,255,255,.08);
          border:1px solid rgba(255,255,255,.18);
          color:rgba(255,255,255,.9);
          font-size:.78rem;
          font-weight:600;
          padding:.45rem 1.1rem;
          border-radius:50px;
          margin-bottom:1.6rem;
          backdrop-filter:blur(10px);
          letter-spacing:.03em;
        }
        .badge-dot {
          width:8px; height:8px;
          border-radius:50%;
          background:var(--teal-light);
          box-shadow:0 0 0 3px rgba(20,184,166,.3);
          animation:pulse-dot 2s infinite;
        }
        @keyframes pulse-dot {
          0%,100%{ box-shadow:0 0 0 3px rgba(20,184,166,.3); }
          50%{ box-shadow:0 0 0 8px rgba(20,184,166,.08); }
        }
        
        .hero-headline {
          font-family:'Playfair Display',serif;
          font-size:clamp(2.4rem,5vw,3.9rem);
          font-weight:700;
          color:#fff;
          line-height:1.1;
          margin-bottom:1.5rem;
          text-shadow:0 2px 20px rgba(0,0,0,.2);
        }
        .hero-headline em { font-style:italic; color:var(--teal-light); }
        
        .hero-sub {
          color:rgba(255,255,255,.72);
          font-size:1.05rem;
          line-height:1.85;
          margin-bottom:2.5rem;
          max-width:500px;
        }
        .hero-sub strong { color:var(--teal-light); font-weight:700; }
        
        .hero-actions { display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:3rem; }
        
        /* Hero glass stats bar */
        .hero-stats {
          display:flex;
          align-items:center;
          gap:0;
          background:rgba(255,255,255,.07);
          border:1px solid rgba(255,255,255,.12);
          backdrop-filter:blur(20px) saturate(160%);
          border-radius:var(--radius-lg);
          padding:1.2rem 1.5rem;
          box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1);
          overflow:hidden;
        }
        .hstat { text-align:center; flex:1; }
        .hstat-num {
          font-family:'Playfair Display',serif;
          font-size:1.75rem;
          font-weight:700;
          color:#fff;
        }
        .hstat span { color:var(--teal-light); font-weight:700; font-size:1.3rem; }
        .hstat p { font-size:.7rem; color:rgba(255,255,255,.55); margin-top:2px; font-weight:600; letter-spacing:.04em; }
        .hstat-div { width:1px; height:40px; background:rgba(255,255,255,.12); }
        
        /* -- Hero visual -- */
        .hero-visual {
          position:relative;
          display:flex;
          align-items:center;
          justify-content:center;
        }
        .hero-card-main {
          width:420px; height:450px;
          border-radius:var(--radius-xl);
          overflow:hidden;
          box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15);
          border:2px solid rgba(255,255,255,.15);
          position:relative;
          z-index:2;
        }
        .hcard-img { position:relative; width:100%; height:100%; }
        .hcard-badge {
          position:absolute;
          bottom:1.2rem; left:50%;
          transform:translateX(-50%);
          background:rgba(255,255,255,.92);
          backdrop-filter:blur(16px);
          color:var(--navy);
          font-size:.76rem;
          font-weight:800;
          padding:.55rem 1.1rem;
          border-radius:50px;
          display:flex;
          align-items:center;
          gap:.4rem;
          white-space:nowrap;
          border:1px solid rgba(255,255,255,.6);
          box-shadow:0 4px 16px rgba(0,0,0,.15);
        }
        .hcard-badge i { color:var(--blue); }
        
        .hero-card-float {
          position:absolute;
          background:rgba(255,255,255,.88);
          backdrop-filter:blur(20px) saturate(180%);
          -webkit-backdrop-filter:blur(20px) saturate(180%);
          border:1px solid rgba(255,255,255,.7);
          border-radius:var(--radius);
          padding:1rem 1.25rem;
          display:flex;
          align-items:center;
          gap:.85rem;
          box-shadow:0 10px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.9);
          z-index:3;
          min-width:180px;
        }
        .hero-card-float i { font-size:1.4rem; }
        .card-top { top:1.5rem; left:-2.5rem; }
        .card-top i { color:#dc2626; }
        .card-bottom { bottom:2.5rem; right:-2rem; }
        .card-bottom i { color:var(--teal); }
        .hero-card-float strong { display:block; font-size:.9rem; color:var(--navy); }
        .hero-card-float span { font-size:.75rem; color:var(--text-muted); }
        .hero-card-float.float-up {
          animation:hero-float-up 5.5s ease-in-out infinite;
        }
        .hero-card-float.float-down {
          animation:hero-float-down 6.2s ease-in-out infinite;
        }
        .hero-ring {
          position:absolute;
          border-radius:50%;
          border:1px solid rgba(255,255,255,.07);
        }
        .ring1 { width:460px; height:460px; animation:spin 30s linear infinite; }
        .ring2 { width:620px; height:620px; animation:spin 50s linear infinite reverse; border-color:rgba(13,148,136,.08); }
        @keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
        @keyframes hero-float-up {
          0%, 100% { transform:translateY(0); }
          50% { transform:translateY(-8px); }
        }
        @keyframes hero-float-down {
          0%, 100% { transform:translateY(0); }
          50% { transform:translateY(8px); }
        }
        
        .hero-wave { position:absolute; bottom:0; left:0; right:0; line-height:0; }
        
        /* --- ABOUT ---------------------------------------- */
        .about { padding:7rem 0; background:var(--bg-section); }
        .about-grid {
          display:grid;
          grid-template-columns:1fr 1fr;
          gap:5rem;
          align-items:center;
        }
        .about-visual { position:relative; }
        .about-img-stack { position:relative; }
        .aimg-main {
          width:100%; height:420px;
          border-radius:var(--radius-xl);
          box-shadow:var(--shadow-lg);
        }
        .aimg-thumb {
          position:absolute;
          bottom:-2rem; right:-2rem;
          width:200px; height:160px;
          border-radius:var(--radius-lg);
          border:4px solid #fff;
          box-shadow:var(--shadow-md);
        }
        .about-since {
          position:absolute;
          top:-1.5rem; left:-1.5rem;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          color:#fff;
          width:96px; height:96px;
          border-radius:50%;
          display:flex;
          flex-direction:column;
          align-items:center;
          justify-content:center;
          box-shadow:0 8px 30px rgba(26,86,219,.4),inset 0 1px 0 rgba(255,255,255,.2);
        }
        .as-year { font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:700; line-height:1; }
        .as-text { font-size:.52rem; text-align:center; line-height:1.4; font-weight:700; opacity:.85; }
        
        .about-content .section-title { margin-bottom:1.2rem; }
        .about-content p { color:var(--text-muted); margin-bottom:1rem; }
        .about-features { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2rem; }
        .af-item {
          display:flex;
          align-items:flex-start;
          gap:.85rem;
          background:var(--glass-bg);
          backdrop-filter:blur(16px) saturate(160%);
          -webkit-backdrop-filter:blur(16px) saturate(160%);
          border:1px solid var(--glass-border);
          padding:1.1rem;
          border-radius:var(--radius-lg);
          box-shadow:var(--glass-shadow);
          transition:var(--transition);
        }
        .af-item:hover {
          box-shadow:0 16px 50px rgba(10,22,40,.14),inset 0 1px 0 rgba(255,255,255,.8);
          transform:translateY(-3px);
        }
        .af-item i { font-size:1.25rem; color:var(--teal); margin-top:.1rem; flex-shrink:0; }
        .af-item strong { display:block; font-size:.9rem; color:var(--navy); }
        .af-item span { font-size:.78rem; color:var(--text-muted); }
        
        /* --- CSR ------------------------------------------ */
        .csr { padding:7rem 0; position:relative; overflow:hidden; }
        .csr-bg {
          position:absolute; inset:0;
          background:linear-gradient(135deg,#060e1f 0%,#0d1f3c 55%,#0a2840 100%);
        }
        /* Decorative orbs */
        .csr-bg::before {
          content:'';
          position:absolute;
          width:600px; height:600px;
          border-radius:50%;
          background:radial-gradient(circle, rgba(13,148,136,.18) 0%, transparent 65%);
          top:-150px; right:-100px;
        }
        .csr-bg::after {
          content:'';
          position:absolute;
          width:400px; height:400px;
          border-radius:50%;
          background:radial-gradient(circle, rgba(26,86,219,.15) 0%, transparent 65%);
          bottom:-100px; left:-50px;
        }
        .csr .container { position:relative; z-index:2; }
        
        .csr-grid {
          display:grid;
          grid-template-columns:repeat(3,1fr);
          gap:1.4rem;
        }
        .csr-card {
          background:rgba(255,255,255,.06);
          backdrop-filter:blur(20px) saturate(150%);
          -webkit-backdrop-filter:blur(20px) saturate(150%);
          border:1px solid rgba(255,255,255,.1);
          border-radius:var(--radius-xl);
          padding:2rem;
          transition:var(--transition);
          position:relative;
          overflow:hidden;
        }
        .csr-card::before {
          content:'';
          position:absolute;
          inset:0;
          background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 50%);
          border-radius:inherit;
        }
        .csr-card:hover {
          background:rgba(255,255,255,.1);
          border-color:rgba(255,255,255,.18);
          transform:translateY(-5px);
          box-shadow:0 20px 60px rgba(0,0,0,.3);
        }
        .csr-card-highlight {
          background:linear-gradient(135deg,rgba(13,148,136,.2),rgba(26,86,219,.2));
          border-color:rgba(20,184,166,.25);
        }
        .csr-icon {
          width:56px; height:56px;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          border-radius:var(--radius);
          display:flex;
          align-items:center;
          justify-content:center;
          font-size:1.3rem;
          color:#fff;
          margin-bottom:1.25rem;
          box-shadow:0 6px 20px rgba(13,148,136,.3);
        }
        .csr-card h3 { color:#fff; font-size:1.02rem; margin-bottom:.75rem; font-weight:700; }
        .csr-card p { color:rgba(255,255,255,.6); font-size:.88rem; line-height:1.75; margin-bottom:1rem; }
        .csr-stat {
          display:inline-block;
          background:rgba(20,184,166,.15);
          border:1px solid rgba(20,184,166,.25);
          color:var(--teal-light);
          font-size:.75rem;
          font-weight:800;
          padding:.3rem .85rem;
          border-radius:50px;
          letter-spacing:.03em;
        }
        
        /* --- DEPARTMENTS ---------------------------------- */
        .departments { padding:7rem 0; background:var(--bg); }
        .dept-grid {
          display:grid;
          grid-template-columns:repeat(5,1fr);
          gap:1.2rem;
        }
        .dept-card {
          background:var(--glass-bg);
          backdrop-filter:blur(16px) saturate(160%);
          -webkit-backdrop-filter:blur(16px) saturate(160%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-xl);
          padding:1.5rem;
          box-shadow:var(--glass-shadow);
          transition:var(--transition);
        }
        .dept-card:hover {
          background:rgba(255,255,255,.88);
          transform:translateY(-6px);
          box-shadow:0 20px 60px rgba(10,22,40,.14),inset 0 1px 0 rgba(255,255,255,.9);
        }
        .dept-icon {
          width:50px; height:50px;
          background:color-mix(in srgb, var(--dc) 12%, white);
          border-radius:var(--radius);
          display:flex;
          align-items:center;
          justify-content:center;
          font-size:1.2rem;
          color:var(--dc);
          margin-bottom:1rem;
          border:1px solid color-mix(in srgb, var(--dc) 15%, transparent);
        }
        .dept-card h4 { font-size:.92rem; font-weight:700; color:var(--navy); margin-bottom:.45rem; }
        .dept-card p { font-size:.78rem; color:var(--text-muted); line-height:1.65; margin-bottom:.9rem; }
        .dept-card a { font-size:.78rem; font-weight:700; color:var(--blue); }
        .dept-card:hover a { color:var(--teal); }
        
        .dept-toolbar {
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:1rem;
          flex-wrap:wrap;
          margin-bottom:1.75rem;
          padding:1.1rem 1.25rem;
          border-radius:var(--radius-xl);
          background:rgba(255,255,255,.74);
          border:1px solid rgba(148,163,184,.18);
          box-shadow:var(--shadow-sm);
        }
        .dept-tools-left {
          display:flex;
          align-items:center;
          gap:.9rem;
          flex-wrap:wrap;
          flex:1 1 650px;
        }
        .dept-search {
          display:flex;
          align-items:center;
          gap:.7rem;
          min-width:260px;
          flex:1 1 280px;
          padding:.85rem 1rem;
          border-radius:16px;
          background:#fff;
          border:1px solid rgba(148,163,184,.22);
        }
        .dept-search i { color:var(--text-muted); }
        .dept-search input {
          width:100%;
          border:none;
          background:transparent;
          color:var(--text);
          font:inherit;
          outline:none;
        }
        .dept-filters {
          display:flex;
          align-items:center;
          gap:.55rem;
          flex-wrap:wrap;
        }
        .dept-filter {
          border:none;
          border-radius:999px;
          padding:.7rem 1rem;
          font:inherit;
          font-size:.78rem;
          font-weight:700;
          color:var(--text-muted);
          background:rgba(226,232,240,.65);
          cursor:pointer;
          transition:var(--transition);
        }
        .dept-filter:hover,
        .dept-filter.active {
          color:#fff;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          box-shadow:0 10px 24px rgba(26,86,219,.18);
        }
        .dept-tools-right {
          display:flex;
          align-items:center;
          gap:.8rem;
          flex-wrap:wrap;
          justify-content:flex-end;
        }
        .dept-result-count {
          font-size:.82rem;
          font-weight:700;
          color:var(--navy);
        }
        .dept-result-count span { color:var(--teal); }
        .dept-more-wrap {
          display:flex;
          justify-content:center;
          margin-top:1.6rem;
        }
        .dept-more-btn {
          border:none;
          border-radius:999px;
          padding:.9rem 1.4rem;
          font:inherit;
          font-size:.88rem;
          font-weight:700;
          color:var(--navy);
          background:#fff;
          box-shadow:var(--shadow-sm);
          cursor:pointer;
          transition:var(--transition);
        }
        .dept-more-btn:hover {
          transform:translateY(-2px);
          color:var(--teal);
          box-shadow:var(--shadow-md);
        }
        .dept-empty {
          grid-column:1 / -1;
          padding:2.2rem 1.5rem;
          text-align:center;
          color:var(--text-muted);
          border:1px dashed rgba(148,163,184,.32);
          border-radius:var(--radius-xl);
          background:rgba(255,255,255,.5);
        }
        
        /* --- DOCTORS -------------------------------------- */
        .doctors { padding:7rem 0; background:var(--bg-section); }
        .doctors-grid {
          display:grid;
          grid-template-columns:repeat(4,1fr);
          gap:1.4rem;
        }
        .treatment-grid,
        .project-grid {
          display:grid;
          grid-template-columns:repeat(3,1fr);
          gap:1.2rem;
        }
        .treatment-card,
        .project-card {
          background:var(--glass-bg);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-xl);
          padding:1.25rem;
          box-shadow:var(--glass-shadow);
        }
        .treatment-card h3,
        .project-card h3 {
          font-size:1rem;
          color:var(--navy);
          margin-bottom:.45rem;
        }
        .treatment-card p,
        .project-card p {
          font-size:.9rem;
          color:var(--text-muted);
          margin-bottom:.8rem;
        }
        .treatment-badge,
        .project-tag {
          display:inline-flex;
          align-items:center;
          gap:.35rem;
          border-radius:999px;
          padding:.25rem .65rem;
          font-size:.72rem;
          font-weight:700;
          color:var(--blue);
          background:rgba(26,86,219,.08);
          margin-bottom:.8rem;
        }
        
        /* --- CORPORATE VIDEO ----------------------------- */
        .corporate-video { padding:7rem 0; background:var(--bg-section); }
        .corporate-video-wrap {
          max-width:980px;
          margin:0 auto;
        }
        .corporate-video-frame {
          position:relative;
          width:100%;
          aspect-ratio:16 / 9;
          overflow:hidden;
          border-radius:var(--radius-xl);
          background:#000;
          border:1px solid rgba(255,255,255,.7);
          box-shadow:var(--shadow-lg);
        }
        .corporate-video-frame iframe {
          width:100%;
          height:100%;
          border:0;
          display:block;
        }
        .corporate-video-actions {
          display:flex;
          justify-content:center;
          flex-wrap:wrap;
          gap:.85rem;
          margin-top:1.5rem;
        }
        .treatment-list {
          display:grid;
          gap:.45rem;
          font-size:.88rem;
          color:var(--text);
        }
        .treatment-list li {
          display:flex;
          align-items:flex-start;
          gap:.45rem;
        }
        .treatment-list li i {
          color:var(--teal);
          margin-top:.2rem;
        }
        .doctor-card {
          background:var(--glass-bg);
          backdrop-filter:blur(16px) saturate(160%);
          -webkit-backdrop-filter:blur(16px) saturate(160%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-xl);
          overflow:hidden;
          box-shadow:var(--glass-shadow);
          transition:var(--transition);
        }
        .doctor-card:hover {
          transform:translateY(-6px);
          box-shadow:0 24px 64px rgba(10,22,40,.16),inset 0 1px 0 rgba(255,255,255,.9);
        }
        .doc-img-wrap { position:relative; height:260px; overflow:hidden; }
        .doc-img-wrap img { transition:transform .5s ease; }
        .doctor-card:hover .doc-img-wrap img { transform:scale(1.06); }
        .doc-avail {
          position:absolute;
          top:.85rem; right:.85rem;
          font-size:.68rem;
          font-weight:800;
          padding:.3rem .8rem;
          border-radius:50px;
          backdrop-filter:blur(10px);
          border:1px solid;
        }
        .doc-avail.available {
          background:rgba(220,252,231,.85);
          color:#15803d;
          border-color:rgba(21,128,61,.2);
        }
        .doc-avail.tomorrow {
          background:rgba(254,249,195,.85);
          color:#854d0e;
          border-color:rgba(133,77,14,.2);
        }
        .doc-info { padding:1.3rem; }
        .doc-info h4 { font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:.3rem; }
        .doc-spec { display:block; font-size:.8rem; color:var(--teal); font-weight:700; margin-bottom:.45rem; }
        .doc-exp { display:flex; align-items:center; gap:.4rem; font-size:.76rem; color:var(--text-muted); margin-bottom:1rem; }
        .doc-exp i { color:#f59e0b; }
        
        .specialist-clinics { padding:7rem 0; background:var(--bg-section); }
        .clinic-toolbar {
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:1rem;
          flex-wrap:wrap;
          margin-bottom:2rem;
        }
        .clinic-filters {
          display:flex;
          align-items:center;
          gap:.65rem;
          flex-wrap:wrap;
        }
        .clinic-filter {
          border:none;
          border-radius:999px;
          padding:.8rem 1.05rem;
          font:inherit;
          font-size:.82rem;
          font-weight:800;
          color:var(--text-muted);
          background:rgba(226,232,240,.72);
          cursor:pointer;
          transition:var(--transition);
        }
        .clinic-filter:hover,
        .clinic-filter.active {
          color:#fff;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          box-shadow:0 12px 28px rgba(26,86,219,.2);
        }
        .clinic-summary-count {
          font-size:.88rem;
          font-weight:700;
          color:var(--navy);
        }
        .clinic-summary-count span { color:var(--teal); }
        .doctor-showcase {
          display:grid;
          grid-template-columns:repeat(3,1fr);
          gap:1.6rem;
          margin-bottom:2rem;
        }
        .doctor-profile-card {
          display:flex;
          flex-direction:column;
          background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(243,248,255,.94) 100%);
          backdrop-filter:blur(18px) saturate(180%);
          -webkit-backdrop-filter:blur(18px) saturate(180%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-xl);
          overflow:hidden;
          box-shadow:var(--glass-shadow);
          transition:var(--transition);
        }
        .doctor-profile-card:hover {
          transform:translateY(-6px);
          box-shadow:0 24px 64px rgba(10,22,40,.16), inset 0 1px 0 rgba(255,255,255,.9);
        }
        .doctor-profile-card[hidden] { display:none !important; }
        .doctor-profile-card.is-over-limit { display:none; }
        .doctor-media {
          position:relative;
          aspect-ratio:5 / 6;
          overflow:hidden;
          display:flex;
          align-items:flex-end;
          padding:.9rem .9rem 0;
          background:
            radial-gradient(circle at top, rgba(255,255,255,.24), transparent 42%),
            linear-gradient(180deg, #dff4ff 0%, #bce7e7 45%, #eaf5ff 100%);
        }
        .doctor-media img {
          width:100%;
          height:100%;
          border-radius:calc(var(--radius-xl) - .45rem) calc(var(--radius-xl) - .45rem) 0 0;
          object-fit:cover;
          object-position:center top;
          box-shadow:0 18px 36px rgba(15,23,42,.14);
        }
        .doctor-media.missing-image img { opacity:0; }
        .doctor-media.missing-image::before {
          content:'';
          position:absolute;
          inset:.9rem .9rem 0;
          border-radius:calc(var(--radius-xl) - .45rem) calc(var(--radius-xl) - .45rem) 0 0;
          background:
            radial-gradient(circle at top, rgba(255,255,255,.18), transparent 52%),
            linear-gradient(160deg, rgba(255,255,255,.08), rgba(6,14,31,.1));
        }
        .doctor-media.missing-image .doctor-image-fallback { display:flex; }
        .doctor-image-fallback {
          position:absolute;
          inset:.9rem .9rem 0;
          display:none;
          flex-direction:column;
          align-items:center;
          justify-content:center;
          gap:.55rem;
          text-align:center;
          color:#fff;
          padding:1.25rem;
        }
        .doctor-image-fallback i { font-size:2rem; }
        .doctor-image-fallback strong { font-size:1rem; line-height:1.4; }
        .doctor-image-fallback span {
          font-size:.72rem;
          opacity:.85;
          max-width:200px;
          line-height:1.5;
        }
        .doctor-badge-row {
          position:absolute;
          inset:auto 1.3rem 1rem 1.3rem;
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:.6rem;
        }
        .doctor-badge,
        .doctor-status {
          display:inline-flex;
          align-items:center;
          gap:.4rem;
          padding:.45rem .8rem;
          border-radius:999px;
          font-size:.72rem;
          font-weight:800;
          backdrop-filter:blur(10px);
          border:1px solid rgba(255,255,255,.22);
        }
        .doctor-badge {
          background:rgba(6,14,31,.48);
          color:#fff;
        }
        .doctor-status {
          background:rgba(220,252,231,.88);
          color:#15803d;
        }
        .doctor-content {
          display:flex;
          flex-direction:column;
          flex:1;
          padding:1.35rem 1.25rem 1.25rem;
        }
        .doctor-content h3 {
          font-size:1.16rem;
          color:var(--navy);
          margin-bottom:.3rem;
        }
        .doctor-subtitle {
          color:var(--teal);
          font-size:.82rem;
          font-weight:700;
          margin-bottom:.85rem;
        }
        .doctor-chips {
          display:flex;
          flex-wrap:wrap;
          gap:.55rem;
          margin-bottom:.9rem;
        }
        .doctor-chips span {
          display:inline-flex;
          align-items:center;
          gap:.45rem;
          padding:.45rem .75rem;
          border-radius:999px;
          background:#fff;
          border:1px solid rgba(148,163,184,.16);
          color:var(--navy);
          font-size:.75rem;
          font-weight:700;
        }
        .doctor-chips i { color:var(--teal); }
        .doctor-content p {
          color:var(--text-muted);
          font-size:.84rem;
          line-height:1.7;
          flex:1;
          display:-webkit-box;
          -webkit-line-clamp:3;
          -webkit-box-orient:vertical;
          overflow:hidden;
        }
        .doctor-treatment-note {
          margin-top:.8rem;
          padding:.75rem .85rem;
          border-radius:var(--radius);
          border:1px solid rgba(13,148,136,.12);
          background:linear-gradient(135deg, rgba(240,253,250,.9), rgba(239,246,255,.95));
        }
        .doctor-treatment-note strong {
          display:block;
          font-size:.72rem;
          text-transform:uppercase;
          letter-spacing:.12em;
          color:var(--teal);
          margin-bottom:.25rem;
        }
        .doctor-treatment-note span {
          color:var(--navy);
          font-size:.81rem;
          line-height:1.5;
        }
        .doctor-asset-name {
          margin-top:.9rem;
          font-size:.72rem;
          color:var(--text-muted);
          padding-top:.8rem;
          border-top:1px solid rgba(148,163,184,.14);
        }
        .doctor-card-actions {
          display:flex;
          gap:.75rem;
          flex-wrap:wrap;
          margin-top:1.1rem;
        }
        .doctor-card-actions a {
          display:inline-flex;
          align-items:center;
          justify-content:center;
          gap:.45rem;
          padding:.75rem 1rem;
          border-radius:999px;
          font-size:.8rem;
          font-weight:800;
          transition:var(--transition);
        }
        .doctor-card-actions .doctor-book {
          background:linear-gradient(135deg,var(--blue),var(--teal));
          color:#fff;
          box-shadow:0 10px 24px rgba(26,86,219,.22);
        }
        .doctor-card-actions .doctor-call {
          background:#fff;
          color:var(--navy);
          border:1px solid rgba(148,163,184,.18);
        }
        .doctor-card-actions .doctor-profile-link {
          background:rgba(13,148,136,.1);
          color:var(--teal);
          border:1px solid rgba(13,148,136,.18);
        }
        .doctor-card-actions a:hover { transform:translateY(-2px); }
        .clinic-expand-bar {
          display:flex;
          justify-content:center;
          margin:-.4rem 0 2.4rem;
        }
        .clinic-more-btn {
          display:inline-flex;
          align-items:center;
          justify-content:center;
          gap:.55rem;
          border:1px solid rgba(13,148,136,.18);
          border-radius:999px;
          background:#fff;
          color:var(--navy);
          padding:.85rem 1.35rem;
          font:inherit;
          font-size:.9rem;
          font-weight:800;
          cursor:pointer;
          box-shadow:0 12px 30px rgba(10,22,40,.08);
          transition:var(--transition);
        }
        .clinic-more-btn:hover {
          transform:translateY(-2px);
          color:#fff;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          border-color:transparent;
          box-shadow:0 16px 36px rgba(13,148,136,.22);
        }
        .clinic-more-btn[hidden] { display:none; }
        .clinic-panels {
          display:grid;
          grid-template-columns:repeat(2,1fr);
          gap:1.4rem;
        }
        .clinic-panel {
          position:relative;
          background:var(--glass-bg);
          backdrop-filter:blur(18px) saturate(170%);
          -webkit-backdrop-filter:blur(18px) saturate(170%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-xl);
          box-shadow:var(--glass-shadow);
          padding:1.5rem;
          overflow:hidden;
          transition:var(--transition);
        }
        .clinic-panel::before {
          content:'';
          position:absolute;
          inset:0 0 auto 0;
          height:4px;
          background:linear-gradient(90deg,var(--blue),var(--teal));
        }
        .clinic-panel:hover {
          transform:translateY(-4px);
          box-shadow:0 24px 56px rgba(10,22,40,.12);
        }
        .clinic-panel-top {
          display:flex;
          align-items:flex-start;
          justify-content:space-between;
          gap:1rem;
          margin-bottom:1rem;
        }
        .clinic-panel-top h3 {
          font-family:'Playfair Display',serif;
          font-size:1.45rem;
          color:var(--navy);
          margin-bottom:.35rem;
        }
        .clinic-panel-top p {
          color:var(--text-muted);
          font-size:.86rem;
          line-height:1.7;
        }
        .clinic-pill {
          display:inline-flex;
          align-items:center;
          gap:.4rem;
          white-space:nowrap;
          padding:.45rem .8rem;
          border-radius:999px;
          background:rgba(13,148,136,.1);
          color:var(--teal);
          font-size:.72rem;
          font-weight:800;
        }
        .clinic-meta {
          display:flex;
          flex-wrap:wrap;
          gap:.6rem;
          margin-bottom:1rem;
        }
        .clinic-meta span {
          display:inline-flex;
          align-items:center;
          gap:.45rem;
          padding:.5rem .8rem;
          border-radius:999px;
          background:#fff;
          border:1px solid rgba(148,163,184,.16);
          color:var(--navy);
          font-size:.74rem;
          font-weight:700;
        }
        .clinic-meta i { color:var(--teal); }
        .clinic-list {
          display:grid;
          gap:.7rem;
        }
        .clinic-list.two-col { grid-template-columns:repeat(2,minmax(0,1fr)); }
        .clinic-list li {
          display:flex;
          align-items:flex-start;
          gap:.6rem;
          padding:.8rem .9rem;
          background:#fff;
          border:1px solid rgba(148,163,184,.14);
          border-radius:var(--radius);
          color:var(--text);
          font-size:.82rem;
          line-height:1.6;
        }
        .clinic-list li i { color:var(--teal); margin-top:.15rem; }
        .clinic-focus {
          margin-top:1rem;
          display:grid;
          grid-template-columns:repeat(2,minmax(0,1fr));
          gap:.75rem;
        }
        .clinic-focus div {
          padding:.9rem 1rem;
          border-radius:var(--radius-lg);
          background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,248,255,.95));
          border:1px solid rgba(148,163,184,.14);
        }
        .clinic-focus strong {
          display:block;
          color:var(--navy);
          margin-bottom:.2rem;
          font-size:.84rem;
        }
        .clinic-focus span {
          color:var(--text-muted);
          font-size:.78rem;
          line-height:1.6;
        }
        .clinic-offer {
          margin-top:1rem;
          padding:1rem 1.1rem;
          border-radius:var(--radius-lg);
          background:linear-gradient(135deg, rgba(13,148,136,.12), rgba(26,86,219,.12));
          border:1px solid rgba(13,148,136,.18);
        }
        .clinic-offer strong {
          display:flex;
          align-items:center;
          gap:.55rem;
          color:var(--navy);
          margin-bottom:.35rem;
        }
        .clinic-offer strong i { color:#f59e0b; }
        .clinic-offer p {
          color:var(--text-muted);
          font-size:.84rem;
          line-height:1.7;
        }
        .clinic-contact {
          display:grid;
          grid-template-columns:1fr auto;
          gap:1rem;
          align-items:center;
          margin-top:1rem;
          padding:1rem 1.1rem;
          background:#fff;
          border:1px solid rgba(148,163,184,.16);
          border-radius:var(--radius-lg);
        }
        .clinic-contact strong {
          display:block;
          color:var(--navy);
          margin-bottom:.3rem;
        }
        .clinic-contact p {
          color:var(--text-muted);
          font-size:.84rem;
          line-height:1.7;
        }
        .clinic-phones {
          display:flex;
          flex-direction:column;
          gap:.55rem;
        }
        .clinic-phones a {
          display:inline-flex;
          align-items:center;
          justify-content:center;
          gap:.45rem;
          min-width:160px;
          padding:.75rem 1rem;
          border-radius:999px;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          color:#fff;
          font-size:.84rem;
          font-weight:700;
          box-shadow:0 10px 24px rgba(26,86,219,.22);
        }
        
        /* --- LABORATORY ----------------------------------- */
        .laboratory { padding:7rem 0; background:var(--bg); }
        .lab-grid {
          display:grid;
          grid-template-columns:1fr 1fr;
          gap:5rem;
          align-items:center;
        }
        .lab-content .section-title { margin-bottom:1.2rem; }
        .lab-content p { color:var(--text-muted); margin-bottom:1.5rem; }
        .lab-features { display:flex; flex-direction:column; gap:.65rem; }
        .lf { display:flex; align-items:center; gap:.7rem; font-size:.9rem; color:var(--text); }
        .lf i { color:var(--teal); font-size:.95rem; }
        
        .lab-visual { position:relative; }
        .lab-img-wrap {
          height:420px;
          border-radius:var(--radius-xl);
          overflow:hidden;
          box-shadow:var(--shadow-lg);
        }
        .lab-ui-card {
          position:absolute;
          bottom:-1rem; left:-2rem;
          background:rgba(255,255,255,.88);
          backdrop-filter:blur(24px) saturate(180%);
          -webkit-backdrop-filter:blur(24px) saturate(180%);
          border:1px solid rgba(255,255,255,.7);
          border-radius:var(--radius-lg);
          padding:1.3rem;
          box-shadow:0 16px 50px rgba(10,22,40,.15),inset 0 1px 0 rgba(255,255,255,.9);
          width:220px;
        }
        .lui-header {
          font-size:.8rem; font-weight:800;
          color:var(--navy);
          display:flex; align-items:center; gap:.5rem;
          margin-bottom:.9rem;
          padding-bottom:.75rem;
          border-bottom:1px solid var(--border);
        }
        .lui-header i { color:var(--teal); }
        .lui-item {
          display:flex; align-items:center; gap:.6rem;
          font-size:.77rem; color:var(--text);
          margin-bottom:.5rem;
        }
        .lui-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
        .lui-dot.green { background:#22c55e; box-shadow:0 0 6px #22c55e; }
        .lui-dot.yellow { background:#f59e0b; animation:blink .9s ease-in-out infinite; }
        .lui-dot.blue { background:var(--blue); }
        @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.25} }
        .lui-footer {
          margin-top:.75rem; padding-top:.75rem;
          border-top:1px solid var(--border);
          font-size:.74rem; font-weight:800;
          color:var(--blue);
          display:flex; align-items:center; gap:.4rem;
          cursor:pointer;
        }
        
        /* --- FACILITIES ----------------------------------- */
        .facilities { padding:7rem 0; background:var(--bg-section); }
        .fac-grid {
          display:grid;
          grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
          gap:1.2rem;
          align-items:stretch;
        }
        .fac-card {
          background:var(--glass-bg);
          backdrop-filter:blur(16px) saturate(160%);
          -webkit-backdrop-filter:blur(16px) saturate(160%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-xl);
          padding:1.8rem;
          text-align:center;
          box-shadow:var(--glass-shadow);
          transition:var(--transition);
          position:relative;
          overflow:hidden;
          min-height:100%;
          display:flex;
          flex-direction:column;
          align-items:center;
          justify-content:flex-start;
        }
        .fac-card::before {
          content:'';
          position:absolute;
          inset:0;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          opacity:0;
          transition:opacity .3s;
          border-radius:inherit;
        }
        .fac-card:hover::before { opacity:1; }
        .fac-card:hover { transform:translateY(-6px); box-shadow:0 20px 60px rgba(26,86,219,.25); border-color:transparent; }
        .fac-icon {
          width:60px; height:60px;
          background:var(--sky);
          border-radius:50%;
          display:flex; align-items:center; justify-content:center;
          font-size:1.4rem;
          color:var(--blue);
          margin:0 auto 1.2rem;
          transition:var(--transition);
          position:relative; z-index:1;
        }
        .fac-card:hover .fac-icon { background:rgba(255,255,255,.2); color:#fff; }
        .fac-card h4 { font-size:.93rem; font-weight:700; color:var(--navy); margin-bottom:.5rem; transition:var(--transition); position:relative; z-index:1; }
        .fac-card p { font-size:.8rem; color:var(--text-muted); line-height:1.65; transition:var(--transition); position:relative; z-index:1; margin-top:auto; }
        .fac-card:hover h4,.fac-card:hover p { color:rgba(255,255,255,.92); }
        
        /* --- IMPACT ---------------------------------------- */
        .impact { padding:6.5rem 0; position:relative; overflow:hidden; }
        .impact-bg {
          position:absolute; inset:0;
          background:linear-gradient(135deg,#061827 0%,#0f766e 52%,#12336b 100%);
        }
        .impact-bg::before {
          content:'';
          position:absolute; inset:0;
          background:
            linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),
            linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);
          background-size:56px 56px;
          opacity:.18;
        }
        .impact .container { position:relative; z-index:2; }
        .impact-shell {
          display:grid;
          grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
          gap:2rem;
          align-items:center;
        }
        .impact-header { text-align:left; margin-bottom:0; }
        .impact-header .section-label { margin-bottom:1rem; }
        .impact-header .section-title { margin-bottom:1rem; max-width:520px; }
        .impact-lead {
          max-width:520px;
          color:rgba(255,255,255,.76);
          font-size:.98rem;
          line-height:1.85;
        }
        .impact-grid {
          display:grid;
          grid-template-columns:repeat(6,minmax(0,1fr));
          gap:1rem;
        }
        .impact-card {
          grid-column:span 2;
          min-height:160px;
          background:rgba(255,255,255,.11);
          backdrop-filter:blur(18px);
          -webkit-backdrop-filter:blur(18px);
          border:1px solid rgba(255,255,255,.18);
          border-radius:18px;
          padding:1.25rem;
          text-align:left;
          transition:var(--transition);
          box-shadow:0 18px 45px rgba(0,0,0,.14);
          display:flex;
          flex-direction:column;
          justify-content:space-between;
        }
        .impact-card-major { grid-column:span 3; min-height:190px; }
        .impact-card:hover {
          background:rgba(255,255,255,.18);
          transform:translateY(-5px);
          box-shadow:0 16px 40px rgba(0,0,0,.2);
          border-color:rgba(255,255,255,.25);
        }
        .impact-card-top {
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:.75rem;
          color:rgba(255,255,255,.72);
          font-size:.72rem;
          font-weight:800;
          letter-spacing:.08em;
          text-transform:uppercase;
        }
        .impact-card i {
          width:42px;
          height:42px;
          border-radius:12px;
          display:grid;
          place-items:center;
          background:rgba(255,255,255,.14);
          color:#fff;
          font-size:1.1rem;
        }
        .impact-num { display:flex; align-items:baseline; justify-content:flex-start; gap:.15rem; margin-top:1.2rem; }
        .counter,
        .impact-static { font-family:'Playfair Display',serif; font-size:2.55rem; line-height:1; font-weight:700; color:#fff; }
        .impact-card-major .counter { font-size:3rem; }
        .impact-num span:last-child { font-size:1.35rem; color:rgba(255,255,255,.72); font-weight:700; }
        .impact-card p { font-size:.82rem; color:rgba(255,255,255,.74); margin-top:.55rem; font-weight:700; line-height:1.4; }
        
        /* --- PATIENT VIDEOS & GOOGLE REVIEWS ------------- */
        .patient-video-stories {
          padding:7rem 0;
          background:linear-gradient(135deg,#061323 0%,#0a3040 48%,#0d766e 100%);
          position:relative;
          overflow:hidden;
        }
        .patient-video-stories::before {
          content:'';
          position:absolute;
          inset:0;
          background:
            linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08)),
            radial-gradient(circle at 15% 20%,rgba(20,184,166,.22),transparent 32%),
            radial-gradient(circle at 85% 12%,rgba(59,130,246,.16),transparent 30%);
          pointer-events:none;
        }
        .doctor-video-stories {
          background:linear-gradient(135deg,#071728 0%,#12336b 48%,#0f766e 100%);
        }
        .video-story-head {
          display:grid;
          grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);
          gap:2.5rem;
          align-items:end;
          position:relative;
          z-index:1;
          margin-bottom:2rem;
        }
        .video-story-copy { color:#fff; max-width:680px; }
        .video-story-copy .section-label {
          margin-bottom:1rem;
          color:#eafffb;
          background:rgba(255,255,255,.12);
          border-color:rgba(255,255,255,.22);
        }
        .video-story-copy .section-title { color:#fff; }
        .video-story-copy .section-title em { color:#a7f3d0; }
        .video-story-copy p {
          color:rgba(255,255,255,.78);
          line-height:1.85;
        }
        .video-story-points {
          display:grid;
          gap:.7rem;
          padding:1rem;
          border-radius:var(--radius-lg);
          background:rgba(255,255,255,.08);
          border:1px solid rgba(255,255,255,.13);
          backdrop-filter:blur(18px);
          -webkit-backdrop-filter:blur(18px);
        }
        .video-story-points span {
          display:flex;
          align-items:center;
          gap:.65rem;
          color:rgba(255,255,255,.9);
          font-size:.9rem;
          font-weight:700;
        }
        .video-story-points i {
          width:32px;
          height:32px;
          display:grid;
          place-items:center;
          border-radius:50%;
          background:rgba(255,255,255,.16);
          color:#fff;
        }
        .video-testimonial-slider {
          position:relative;
          z-index:1;
        }
        .video-testimonial-window {
          overflow:hidden;
          padding:.35rem;
          margin:-.35rem;
        }
        .video-testimonial-track {
          display:flex;
          gap:.95rem;
          transition:transform .45s cubic-bezier(.4,0,.2,1);
          will-change:transform;
        }
        .video-testimonial-card {
          flex:0 0 calc((100% - 3rem) / 4);
          background:
            linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,255,.96)),
            radial-gradient(circle at 50% 0%,rgba(20,184,166,.12),transparent 42%);
          border:1px solid rgba(255,255,255,.78);
          border-radius:16px;
          overflow:hidden;
          box-shadow:0 18px 52px rgba(0,0,0,.2);
          transition:var(--transition);
        }
        .video-testimonial-card:hover {
          transform:translateY(-4px);
          box-shadow:0 26px 70px rgba(0,0,0,.26);
        }
        .video-card-top {
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:.7rem;
          padding:.8rem .9rem .65rem;
        }
        .video-card-brand {
          display:flex;
          align-items:center;
          gap:.62rem;
          min-width:0;
        }
        .video-card-logo {
          width:36px;
          height:36px;
          border-radius:10px;
          background:#fff;
          border:1px solid rgba(148,163,184,.18);
          display:grid;
          place-items:center;
          overflow:hidden;
          box-shadow:0 8px 20px rgba(15,23,42,.08);
          flex-shrink:0;
        }
        .video-card-logo img {
          width:100%;
          height:100%;
          object-fit:contain;
          padding:.18rem;
        }
        .video-card-brand strong {
          display:block;
          color:var(--navy);
          font-size:.86rem;
          line-height:1.2;
          white-space:nowrap;
          overflow:hidden;
          text-overflow:ellipsis;
        }
        .video-card-brand span {
          display:block;
          color:var(--teal);
          font-size:.66rem;
          font-weight:800;
          letter-spacing:.08em;
          text-transform:uppercase;
        }
        .video-card-pill {
          display:inline-flex;
          align-items:center;
          gap:.35rem;
          white-space:nowrap;
          border-radius:999px;
          padding:.32rem .58rem;
          color:#0f766e;
          background:rgba(13,148,136,.1);
          border:1px solid rgba(13,148,136,.16);
          font-size:.66rem;
          font-weight:800;
        }
        .video-testimonial-frame {
          width:calc(100% - 1.5rem);
          aspect-ratio:9/13.2;
          background:#000;
          position:relative;
          margin:0 .75rem;
          border-radius:14px;
          overflow:hidden;
          box-shadow:0 14px 28px rgba(15,23,42,.18);
        }
        .video-testimonial-frame iframe {
          width:100%;
          height:100%;
          border:0;
          display:block;
        }
        .video-testimonial-info {
          display:flex;
          justify-content:space-between;
          gap:.75rem;
          padding:.78rem .9rem .9rem;
          align-items:center;
        }
        .video-testimonial-info h3 {
          color:var(--navy);
          font-size:.9rem;
          line-height:1.35;
          margin-bottom:.15rem;
          display:-webkit-box;
          -webkit-line-clamp:1;
          -webkit-box-orient:vertical;
          overflow:hidden;
        }
        .video-testimonial-info p {
          color:var(--text-muted);
          font-size:.76rem;
          line-height:1.45;
          display:-webkit-box;
          -webkit-line-clamp:2;
          -webkit-box-orient:vertical;
          overflow:hidden;
        }
        .video-testimonial-info a {
          width:34px;
          height:34px;
          display:grid;
          place-items:center;
          border-radius:50%;
          background:#ff0033;
          color:#fff;
          flex-shrink:0;
          box-shadow:0 8px 20px rgba(255,0,51,.22);
        }
        .video-testimonial-controls {
          display:flex;
          align-items:center;
          justify-content:center;
          gap:.75rem;
          margin-top:1.5rem;
        }
        .video-nav {
          width:44px;
          height:44px;
          border:1px solid rgba(255,255,255,.18);
          border-radius:50%;
          background:rgba(255,255,255,.12);
          color:#fff;
          display:grid;
          place-items:center;
          cursor:pointer;
          transition:var(--transition);
          backdrop-filter:blur(12px);
          -webkit-backdrop-filter:blur(12px);
        }
        .video-nav:hover {
          background:#fff;
          color:var(--teal);
          transform:translateY(-2px);
        }
        .video-dots {
          min-height:44px;
          display:flex;
          align-items:center;
          justify-content:center;
          gap:.45rem;
        }
        .video-dot {
          width:8px;
          height:8px;
          border:0;
          border-radius:50%;
          background:rgba(255,255,255,.38);
          cursor:pointer;
          transition:var(--transition);
        }
        .video-dot.active {
          width:26px;
          border-radius:999px;
          background:#fff;
        }
        
        .testimonials.google-reviews {
          padding:7rem 0;
          background:#f6f7f9;
        }
        .review-showcase {
          display:grid;
          grid-template-columns:220px minmax(0,1fr);
          gap:1.5rem;
          align-items:center;
        }
        .review-score {
          text-align:center;
          color:#050b18;
        }
        .review-score h3 {
          font-size:1.35rem;
          letter-spacing:.02em;
          margin-bottom:.5rem;
        }
        .review-stars {
          color:#fbbc04;
          font-size:1.45rem;
          letter-spacing:.03em;
          line-height:1;
          margin-bottom:.35rem;
        }
        .review-score p {
          color:#0f172a;
          font-size:.9rem;
          line-height:1.45;
          margin-bottom:.65rem;
        }
        .review-score p strong { font-weight:800; }
        .google-word {
          display:inline-flex;
          gap:0;
          align-items:center;
          font-size:1.75rem;
          font-weight:700;
          line-height:1;
          letter-spacing:0;
        }
        .google-word span:nth-child(1),
        .google-word span:nth-child(4) { color:#4285f4; }
        .google-word span:nth-child(2),
        .google-word span:nth-child(6) { color:#ea4335; }
        .google-word span:nth-child(3) { color:#fbbc04; }
        .google-word span:nth-child(5) { color:#34a853; }
        .review-slider {
          position:relative;
        }
        .review-window {
          overflow:hidden;
          padding:.25rem;
          margin:-.25rem;
        }
        .review-cards {
          display:flex;
          gap:1rem;
          transition:transform .45s cubic-bezier(.4,0,.2,1);
          will-change:transform;
        }
        .google-review-card {
          flex:0 0 calc((100% - 2rem) / 3);
          min-height:205px;
          background:#fff;
          border:1px solid rgba(15,23,42,.06);
          border-radius:8px;
          padding:1rem;
          box-shadow:0 18px 42px rgba(15,23,42,.08);
          display:flex;
          flex-direction:column;
          transition:var(--transition);
        }
        .google-review-card:hover {
          transform:translateY(-4px);
          box-shadow:0 24px 55px rgba(15,23,42,.12);
        }
        .review-card-top {
          display:flex;
          justify-content:space-between;
          align-items:flex-start;
          gap:.85rem;
          margin-bottom:.75rem;
        }
        .reviewer {
          display:flex;
          align-items:center;
          gap:.7rem;
          min-width:0;
        }
        .reviewer-avatar {
          width:38px;
          height:38px;
          display:grid;
          place-items:center;
          border-radius:50%;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          color:#fff;
          font-weight:800;
          flex-shrink:0;
          overflow:hidden;
        }
        .reviewer-avatar img { width:100%; height:100%; object-fit:cover; }
        .reviewer strong {
          display:block;
          color:#050b18;
          font-size:.9rem;
          line-height:1.2;
          white-space:nowrap;
          overflow:hidden;
          text-overflow:ellipsis;
        }
        .reviewer span {
          display:block;
          color:#6b7280;
          font-size:.75rem;
          line-height:1.2;
        }
        .review-google {
          color:#4285f4;
          font-size:1.05rem;
          flex-shrink:0;
        }
        .review-card-stars {
          color:#fbbc04;
          font-size:.9rem;
          margin-bottom:.65rem;
        }
        .review-card-stars i:last-child { color:#1a73e8; font-size:.72rem; margin-left:.18rem; }
        .google-review-card p {
          color:#111827;
          font-size:.9rem;
          line-height:1.55;
          margin-bottom:.8rem;
          white-space:pre-line;
          display:-webkit-box;
          -webkit-line-clamp:4;
          -webkit-box-orient:vertical;
          overflow:hidden;
        }
        .review-read-more {
          margin-top:auto;
          color:var(--blue);
          font-size:.78rem;
          font-weight:700;
          border:0;
          padding:.35rem 0 0;
          background:transparent;
          width:max-content;
          cursor:pointer;
          transition:var(--transition);
        }
        .review-read-more:hover { color:var(--teal); }
        .review-modal {
          position:fixed;
          inset:0;
          z-index:10020;
          display:grid;
          place-items:center;
          padding:1.25rem;
          opacity:0;
          visibility:hidden;
          pointer-events:none;
          transition:opacity .28s ease, visibility .28s ease;
        }
        .review-modal.is-open {
          opacity:1;
          visibility:visible;
          pointer-events:auto;
        }
        .review-modal-backdrop {
          position:absolute;
          inset:0;
          background:rgba(6,14,31,.72);
          backdrop-filter:blur(12px);
          -webkit-backdrop-filter:blur(12px);
        }
        .review-modal-dialog {
          position:relative;
          width:min(92vw, 760px);
          max-height:min(82vh, 760px);
          display:flex;
          flex-direction:column;
          overflow:hidden;
          border-radius:22px;
          background:linear-gradient(180deg,#fff,#f8fbff);
          border:1px solid rgba(255,255,255,.86);
          box-shadow:0 30px 100px rgba(0,0,0,.34);
          transform:translateY(18px) scale(.96);
          transition:transform .28s cubic-bezier(.4,0,.2,1);
        }
        .review-modal.is-open .review-modal-dialog {
          transform:translateY(0) scale(1);
        }
        .review-modal-head {
          display:flex;
          align-items:flex-start;
          justify-content:space-between;
          gap:1rem;
          padding:1.3rem 1.45rem 1rem;
          border-bottom:1px solid rgba(148,163,184,.16);
        }
        .review-modal-person {
          display:flex;
          align-items:center;
          gap:.85rem;
          min-width:0;
        }
        .review-modal-avatar {
          width:48px;
          height:48px;
          display:grid;
          place-items:center;
          border-radius:50%;
          background:linear-gradient(135deg,var(--blue),var(--teal));
          color:#fff;
          font-weight:900;
          flex-shrink:0;
        }
        .review-modal-person strong {
          display:block;
          color:var(--navy);
          font-size:1.02rem;
          line-height:1.25;
        }
        .review-modal-person span {
          color:var(--text-muted);
          font-size:.82rem;
        }
        .review-modal-close {
          width:40px;
          height:40px;
          display:grid;
          place-items:center;
          border:1px solid rgba(148,163,184,.18);
          border-radius:50%;
          background:#fff;
          color:var(--navy);
          cursor:pointer;
          transition:var(--transition);
          flex-shrink:0;
        }
        .review-modal-close:hover {
          background:var(--navy);
          color:#fff;
        }
        .review-modal-stars {
          color:#fbbc04;
          font-size:1rem;
          padding:1rem 1.45rem 0;
        }
        .review-modal-body {
          overflow:auto;
          padding:1rem 1.45rem 1.45rem;
        }
        .review-modal-body p {
          color:#111827;
          font-size:1rem;
          line-height:1.85;
          white-space:pre-line;
        }
        .review-modal-foot {
          display:flex;
          justify-content:space-between;
          align-items:center;
          gap:1rem;
          padding:1rem 1.45rem;
          border-top:1px solid rgba(148,163,184,.16);
          background:rgba(248,251,255,.86);
        }
        .review-modal-foot span {
          display:inline-flex;
          align-items:center;
          gap:.45rem;
          color:var(--teal);
          font-size:.8rem;
          font-weight:800;
        }
        .review-modal-foot a {
          display:inline-flex;
          align-items:center;
          gap:.45rem;
          color:var(--blue);
          font-size:.82rem;
          font-weight:800;
        }
        body.review-modal-open { overflow:hidden; }
        .trust-badge {
          width:max-content;
          margin:1rem 0 0 auto;
          display:flex;
          align-items:center;
          gap:.35rem;
          border-radius:4px;
          background:#0b7a53;
          color:#fff;
          padding:.36rem .65rem;
          font-size:.7rem;
          font-weight:800;
        }
        .trust-badge i { font-size:.78rem; }
        .review-slider-controls {
          display:flex;
          align-items:center;
          justify-content:center;
          gap:.75rem;
          margin-top:1.25rem;
        }
        .review-nav {
          width:42px;
          height:42px;
          display:grid;
          place-items:center;
          border:1px solid rgba(15,23,42,.08);
          border-radius:50%;
          background:#fff;
          color:#0f172a;
          cursor:pointer;
          box-shadow:0 10px 24px rgba(15,23,42,.08);
          transition:var(--transition);
        }
        .review-nav:hover {
          background:var(--teal);
          color:#fff;
          border-color:var(--teal);
          transform:translateY(-2px);
        }
        .review-dots {
          display:flex;
          align-items:center;
          justify-content:center;
          gap:.45rem;
          min-height:42px;
        }
        .review-dot {
          width:8px;
          height:8px;
          border:0;
          border-radius:50%;
          background:#cbd5e1;
          cursor:pointer;
          transition:var(--transition);
        }
        .review-dot.active {
          width:24px;
          border-radius:999px;
          background:var(--teal);
        }
        .review-actions {
          display:flex;
          justify-content:center;
          gap:.8rem;
          flex-wrap:wrap;
          margin-top:2rem;
        }
        
        /* --- APPOINTMENT ---------------------------------- */
        .appointment {
          padding:7rem 0;
          background:linear-gradient(135deg,var(--navy),#1a2f54);
          position:relative;
          overflow:hidden;
        }
        .appointment::before {
          content:'';
          position:absolute; inset:0;
          background:
            radial-gradient(ellipse 50% 70% at 0% 50%,rgba(13,148,136,.15) 0%,transparent 60%),
            radial-gradient(ellipse 40% 50% at 100% 50%,rgba(26,86,219,.12) 0%,transparent 60%);
        }
        .appt-grid {
          display:grid;
          grid-template-columns:1fr 1.4fr;
          gap:4rem;
          align-items:center;
          position:relative;
          z-index:1;
        }
        .appt-contact { display:flex; flex-direction:column; gap:1rem; }
        .ac-item {
          display:flex; align-items:flex-start; gap:1rem;
          background:rgba(255,255,255,.07);
          backdrop-filter:blur(16px);
          border:1px solid rgba(255,255,255,.1);
          border-radius:var(--radius-lg);
          padding:1rem 1.25rem;
          transition:var(--transition);
        }
        .ac-item:hover { background:rgba(255,255,255,.11); }
        .ac-item i { font-size:1.1rem; color:var(--teal-light); margin-top:.15rem; flex-shrink:0; }
        .ac-item strong { display:block; color:#fff; font-size:.9rem; }
        .ac-item span { font-size:.83rem; color:rgba(255,255,255,.55); }
        
        .appt-form-wrap {
          background:rgba(255,255,255,.92);
          backdrop-filter:blur(24px) saturate(200%);
          -webkit-backdrop-filter:blur(24px) saturate(200%);
          border:1px solid rgba(255,255,255,.8);
          border-radius:var(--radius-xl);
          padding:2.5rem;
          box-shadow:0 24px 80px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,1);
        }
        .appt-form h3 {
          font-family:'Playfair Display',serif;
          font-size:1.4rem;
          color:var(--navy);
          margin-bottom:1.5rem;
          padding-bottom:1rem;
          border-bottom:1px solid var(--border);
        }
        .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
        .form-group { margin-bottom:1rem; }
        .form-group label { display:block; font-size:.8rem; font-weight:700; color:var(--text-muted); margin-bottom:.45rem; }
        .form-group input,
        .form-group select,
        .form-group textarea {
          width:100%;
          padding:.75rem 1rem;
          border:1.5px solid var(--border);
          border-radius:var(--radius);
          font-family:'DM Sans',sans-serif;
          font-size:.9rem;
          color:var(--text);
          background:rgba(248,251,255,.8);
          transition:var(--transition);
          outline:none;
          resize:none;
        }
        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
          border-color:var(--teal);
          box-shadow:0 0 0 4px rgba(13,148,136,.1);
          background:#fff;
        }
        .form-note { font-size:.76rem; color:var(--text-muted); text-align:center; margin-top:.75rem; }
        
        /* --- GALLERY -------------------------------------- */
        .gallery { padding:7rem 0; background:var(--bg-section); }
        .gallery-grid {
          display:grid;
          grid-template-columns:repeat(4,1fr);
          grid-template-rows:auto auto;
          gap:1rem;
        }
        .gallery-item { position:relative; border-radius:var(--radius-lg); overflow:hidden; height:200px; cursor:pointer; }
        .gallery-item.gi-tall { grid-row:span 2; height:auto; min-height:410px; }
        .gallery-item.gi-wide { grid-column:span 2; }
        .gallery-item img { transition:transform .5s ease; }
        .gallery-item:hover img { transform:scale(1.08); }
        .gi-overlay {
          position:absolute; inset:0;
          background:linear-gradient(to top,rgba(6,14,31,.75) 0%,transparent 55%);
          display:flex; align-items:flex-end; padding:1.1rem;
          opacity:0; transition:var(--transition);
        }
        .gallery-item:hover .gi-overlay { opacity:1; }
        .gi-overlay span { color:#fff; font-weight:700; font-size:.85rem; }
        
        /* --- NEWS ----------------------------------------- */
        .news { padding:7rem 0; background:var(--bg); }
        .news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
        .news-card {
          background:var(--glass-bg);
          backdrop-filter:blur(16px) saturate(160%);
          -webkit-backdrop-filter:blur(16px) saturate(160%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-xl);
          overflow:hidden;
          box-shadow:var(--glass-shadow);
          transition:var(--transition);
        }
        .news-card:hover { box-shadow:0 20px 60px rgba(10,22,40,.14); transform:translateY(-5px); }
        .news-img { height:200px; overflow:hidden; }
        .news-img img { transition:transform .5s ease; }
        .news-card:hover .news-img img { transform:scale(1.05); }
        .news-content { padding:1.5rem; }
        .news-tag {
          font-size:.68rem; font-weight:800;
          text-transform:uppercase; letter-spacing:.08em;
          background:var(--sky); color:var(--blue);
          padding:.25rem .75rem; border-radius:50px;
          display:inline-block; margin-bottom:.75rem;
        }
        .news-tag.csr { background:rgba(5,150,105,.1); color:var(--green); }
        .news-tag.initiative { background:rgba(13,148,136,.1); color:var(--teal); }
        .news-content h4 { font-size:.97rem; font-weight:700; color:var(--navy); margin-bottom:.6rem; line-height:1.5; }
        .news-content p { font-size:.82rem; color:var(--text-muted); line-height:1.75; margin-bottom:1rem; }
        .news-meta { display:flex; justify-content:space-between; align-items:center; }
        .news-meta span { font-size:.75rem; color:var(--text-muted); display:flex; align-items:center; gap:.3rem; }
        .news-meta a { font-size:.8rem; font-weight:700; color:var(--teal); }
        
        /* --- CONTACT -------------------------------------- */
        .contact { padding:7rem 0; background:var(--bg-section); }
        .contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:3rem; align-items:start; }
        .ci-card {
          display:flex; align-items:flex-start; gap:1rem;
          padding:1.25rem;
          background:var(--glass-bg);
          backdrop-filter:blur(16px) saturate(160%);
          -webkit-backdrop-filter:blur(16px) saturate(160%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-lg);
          box-shadow:var(--glass-shadow);
          margin-bottom:1rem;
          transition:var(--transition);
        }
        .ci-card:hover { transform:translateX(4px); box-shadow:0 12px 40px rgba(10,22,40,.1); }
        .ci-card i { font-size:1.2rem; color:var(--teal); margin-top:.2rem; flex-shrink:0; }
        .ci-card strong { display:block; font-size:.9rem; color:var(--navy); margin-bottom:.3rem; }
        .ci-card p { font-size:.84rem; color:var(--text-muted); line-height:1.7; }
        .ci-social { display:flex; gap:.75rem; margin-top:1.25rem; }
        .ci-social a {
          width:42px; height:42px;
          border-radius:50%;
          background:var(--glass-bg);
          backdrop-filter:blur(12px);
          border:1px solid var(--glass-border);
          color:var(--blue);
          display:flex; align-items:center; justify-content:center;
          font-size:.9rem;
          box-shadow:var(--shadow-sm);
          transition:var(--transition);
        }
        .ci-social a:hover { background:var(--blue); color:#fff; border-color:var(--blue); transform:translateY(-2px); }
        .contact-map { height:420px; border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-lg); }
        
        /* --- FOOTER ---------------------------------------- */
        .footer { background:var(--navy); }
        .footer-top { padding:5rem 0 3rem; }
        .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; }
        .footer-brand p { color:rgba(255,255,255,.45); font-size:.87rem; line-height:1.85; margin-top:1.25rem; }
        .footer-csr-badge {
          display:inline-flex; align-items:center; gap:.5rem;
          background:rgba(13,148,136,.15);
          border:1px solid rgba(13,148,136,.25);
          color:var(--teal-light);
          font-size:.76rem; font-weight:800;
          padding:.5rem 1rem; border-radius:50px;
          margin-top:1rem; letter-spacing:.03em;
        }
        .footer-csr-badge i { color:#f87171; }
        .footer-col h5 { color:#fff; font-size:.88rem; font-weight:800; margin-bottom:1.25rem; letter-spacing:.03em; }
        .footer-col ul { display:flex; flex-direction:column; gap:.6rem; }
        .footer-col a { color:rgba(255,255,255,.4); font-size:.84rem; transition:var(--transition); }
        .footer-col a:hover { color:var(--teal-light); padding-left:5px; }
        .fe-num {
          display:inline-flex; align-items:center; gap:.5rem;
          background:linear-gradient(135deg,#dc2626,#b91c1c);
          color:#fff;
          padding:.75rem 1.25rem; border-radius:50px;
          font-size:1rem; font-weight:800;
          box-shadow:0 4px 20px rgba(220,38,38,.35);
        }
        .footer-emergency p { color:rgba(255,255,255,.4); font-size:.78rem; margin-top:.5rem; }
        .footer-bottom { border-top:1px solid rgba(255,255,255,.07); padding:1.5rem 0; }
        .footer-bottom .container { display:flex; justify-content:space-between; align-items:center; }
        .footer-bottom p { color:rgba(255,255,255,.35); font-size:.8rem; }
        .footer-bottom a { color:rgba(255,255,255,.35); transition:var(--transition); }
        .footer-bottom a:hover { color:var(--teal-light); }
        
        /* --- TOAST ---------------------------------------- */
        /*.toast {
          position:fixed;
          bottom:2rem; left:50%;
          transform:translateX(-50%) translateY(100px);
          background:linear-gradient(135deg,var(--green),#047857);
          color:#fff;
          padding:1rem 2rem;
          border-radius:50px;
          font-weight:700; font-size:.9rem;
          display:flex; align-items:center; gap:.5rem;
          box-shadow:0 8px 32px rgba(5,150,105,.4);
          z-index:9999;
          transition:transform .4s cubic-bezier(.4,0,.2,1);
          backdrop-filter:blur(10px);
        }
        .toast.show { transform:translateX(-50%) translateY(0); }*/
        .toast {
          position: fixed;
          bottom: 2rem;
          left: 50%;
          transform: translateX(-50%) translateY(100px);
        
          /* Add these */
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
        
          background: linear-gradient(135deg, var(--green), #047857);
          color: #fff;
          padding: 1rem 2rem;
          border-radius: 50px;
          font-weight: 700;
          font-size: .9rem;
          display: flex;
          align-items: center;
          gap: .5rem;
          box-shadow: 0 8px 32px rgba(5,150,105,.4);
          z-index: 9999;
          backdrop-filter: blur(10px);
        
          transition: all .4s cubic-bezier(.4,0,.2,1);
        }
        
        .toast.show {
          transform: translateX(-50%) translateY(0);
          opacity: 1;
          visibility: visible;
        }
        @media (max-width: 768px) {
          .toast {
            width: calc(100% - 2rem);
            max-width: 400px;
            border-radius: 16px;
            text-align: center;
            justify-content: center;
            bottom: 1rem;
          }
        }
        
        /* Hospital popup */
        body.popup-open { overflow:hidden; }
        .hospital-popup {
          position:fixed;
          inset:0;
          z-index:10000;
          display:flex;
          align-items:center;
          justify-content:center;
          padding:1.25rem;
          background:rgba(6,14,31,.72);
          backdrop-filter:blur(10px);
          -webkit-backdrop-filter:blur(10px);
          opacity:0;
          visibility:hidden;
          pointer-events:none;
          transition:opacity .25s ease, visibility .25s ease;
        }
        .hospital-popup.is-open {
          opacity:1;
          visibility:visible;
          pointer-events:auto;
        }
        .hospital-popup-dialog {
          position:relative;
          width:min(92vw, 760px);
          max-height:88vh;
          background:#fff;
          border-radius:var(--radius);
          box-shadow:0 28px 90px rgba(0,0,0,.38);
          overflow:hidden;
          transform:translateY(16px) scale(.98);
          transition:transform .25s ease;
        }
        .hospital-popup.is-open .hospital-popup-dialog {
          transform:translateY(0) scale(1);
        }
        .hospital-popup img {
          width:100%;
          height:auto;
          max-height:88vh;
          object-fit:contain;
          background:#fff;
        }
        .hospital-popup-close {
          position:absolute;
          top:.75rem;
          right:.75rem;
          width:42px;
          height:42px;
          display:inline-flex;
          align-items:center;
          justify-content:center;
          border:0;
          border-radius:50%;
          background:rgba(6,14,31,.78);
          color:#fff;
          font-size:1rem;
          cursor:pointer;
          box-shadow:0 8px 24px rgba(0,0,0,.24);
          transition:var(--transition);
          z-index:1;
        }
        .hospital-popup-close:hover,
        .hospital-popup-close:focus-visible {
          background:var(--blue);
          outline:0;
          transform:scale(1.05);
        }
        
        /* --- SCROLLBAR ------------------------------------ */
        ::-webkit-scrollbar { width:6px; }
        ::-webkit-scrollbar-track { background:var(--bg); }
        ::-webkit-scrollbar-thumb { background:var(--teal); border-radius:6px; }
        ::-webkit-scrollbar-thumb:hover { background:var(--blue); }
        
        /* --- RESPONSIVE ----------------------------------- */
        @media (max-width:1100px) {
          .dept-grid { grid-template-columns:repeat(3,1fr); }
          .doctor-showcase { grid-template-columns:repeat(2,1fr); }
          .clinic-panels { grid-template-columns:1fr; }
          .video-story-head { grid-template-columns:1fr; }
          .video-story-copy { max-width:760px; text-align:center; margin:0 auto; }
          .video-story-copy .section-label { margin-left:auto; margin-right:auto; width:max-content; display:flex; }
          .video-story-points { max-width:560px; margin:0 auto; }
          .video-testimonial-card { flex-basis:calc((100% - 2rem) / 3); }
          .review-showcase { grid-template-columns:1fr; }
          .google-review-card { flex-basis:calc((100% - 1rem) / 2); }
          .impact-shell { grid-template-columns:1fr; }
          .impact-header { text-align:center; }
          .impact-header .section-label { margin-left:auto; margin-right:auto; }
          .impact-header .section-title,
          .impact-lead { margin-left:auto; margin-right:auto; }
          .footer-grid { grid-template-columns:1fr 1fr; gap:2rem; }
          .navbar { width:calc(100% - 2rem); }
        }
        @media (max-width:900px) {
          .hero-container { grid-template-columns:1fr; text-align:center; }
          .hero-visual { display:none; }
          .hero-stats { justify-content:center; flex-wrap:wrap; }
          .hero-actions { justify-content:center; }
          .about-grid,.lab-grid,.appt-grid,.contact-grid { grid-template-columns:1fr; }
          .doctor-showcase,
          .clinic-panels,
          .clinic-contact,
          .clinic-list.two-col,
          .clinic-focus { grid-template-columns:1fr; }
          .clinic-panel-top,
          .clinic-toolbar { align-items:flex-start; }
          .aimg-thumb { display:none; }
          .about-features { grid-template-columns:1fr; }
          .csr-grid { grid-template-columns:1fr 1fr; }
          .doctors-grid { grid-template-columns:1fr 1fr; }
          .fac-grid { grid-template-columns:repeat(2,1fr); }
          .news-grid { grid-template-columns:1fr 1fr; }
          .gallery-grid { grid-template-columns:1fr 1fr; }
          .gallery-item.gi-wide { grid-column:span 2; }
          .gallery-item.gi-tall { grid-row:auto; height:200px; }
          .form-row { grid-template-columns:1fr; }
          .contact-map { height:300px; }
          .nav-toggle { display:flex; }
          .nav-links {
            position:fixed;
            top:0; right:-100%;
            height:100vh; width:290px;
            background:rgba(6,14,31,.95);
            backdrop-filter:blur(24px);
            flex-direction:column;
            align-items:flex-start;
            padding:5rem 2rem 2rem;
            gap:.25rem;
            transition:right .35s cubic-bezier(.4,0,.2,1);
            z-index:999;
            border-left:1px solid rgba(255,255,255,.1);
          }
          .nav-links.open { right:0; }
          .nav-links a { color:rgba(255,255,255,.8) !important; width:100%; padding:.8rem 1rem; border-radius:var(--radius-sm); }
          .nav-links a:hover { background:rgba(255,255,255,.08) !important; color:#fff !important; }
          .nav-links .nav-cta { background:linear-gradient(135deg,var(--blue),var(--teal)) !important; color:#fff !important; margin-top:.5rem; width:100%; }
          .navbar .logo-mark { width:58px; height:58px; }
        }
        @media (max-width:768px) {
          .csr-grid { grid-template-columns:1fr; }
          .dept-grid { grid-template-columns:1fr 1fr; gap:0.5rem; }
          .doctor-showcase { grid-template-columns:1fr; }
          .impact { padding:10.5rem 0 4.5rem; }
          .impact-grid { grid-template-columns:1fr; }
          .impact-card,
          .impact-card-major { grid-column:1 / -1; min-height:150px; }
          .project-grid {
              display:grid;
              grid-template-columns:repeat(1,1fr);
              gap:1.2rem;
            }
          .corporate-video { padding:5rem 0; }
          .corporate-video-frame { border-radius:var(--radius); }
          .patient-video-stories,
          .testimonials.google-reviews { padding:5rem 0; }
          .patient-video-stories { background:linear-gradient(135deg,#061323 0%,#0a3040 48%,#0d766e 100%); }
          .video-testimonial-card { flex-basis:100%; }
          .video-testimonial-frame { aspect-ratio:9/12.2; }
          .video-testimonial-info { padding:.9rem; }
          .video-testimonial-info h3 { font-size:.92rem; }
          .review-score h3 { font-size:1.1rem; }
          .google-word { font-size:1.45rem; }
          .google-review-card { flex-basis:100%; }
          .trust-badge { margin-right:auto; }
          .counter,
          .impact-static,
          .impact-card-major .counter { font-size:2.35rem; }
          .impact-card-top { align-items:flex-start; }
          .doctors-grid { grid-template-columns:1fr; }
          .fac-grid { grid-template-columns:1fr; }
          .news-grid { grid-template-columns:1fr; }
          .gallery-grid { grid-template-columns:1fr; }
          .gallery-item.gi-tall,.gallery-item.gi-wide { grid-row:auto; grid-column:auto; height:200px; }
          .footer-grid { grid-template-columns:1fr; }
          .footer-bottom .container { flex-direction:column; gap:.5rem; text-align:center; }
          .hero-stats { gap:.5rem; padding:1rem; }
          .appt-form-wrap { padding:1.5rem; }
          .float-emergency span { display:none; }
          .float-emergency { padding:.75rem; border-radius:50%; width:52px; height:52px; justify-content:center; }
          .navbar { width:calc(100% - 1.5rem); top:.75rem; }
          .brand-logo { gap:.65rem; }
          .navbar .logo-mark { width:52px; height:52px; border-radius:14px; }
          .navbar .logo-mark img { padding:.2rem; transform:scale(1.1); }
          .brand-main { font-size:.94rem; }
          .brand-sub { font-size:.58rem; }
          .doctor-media { aspect-ratio:5 / 6; }
          .doctor-content,
          .clinic-panel { padding:1.2rem; }
          .doctor-card-actions a,
          .clinic-phones a { min-width:0; width:100%; }
          .clinic-filters,
          .doctor-card-actions { width:100%; }
          .clinic-more-btn { width:100%; }
          .clinic-filter { width:100%; text-align:center; }
          .hospital-popup { padding:.8rem; }
          .hospital-popup-dialog { width:min(94vw, 420px); border-radius:var(--radius-sm); }
          .hospital-popup-close {
            top:.45rem;
            right:.45rem;
            width:38px;
            height:38px;
          }
        }
        
        @media (prefers-reduced-motion: reduce) {
          .hero-card-float.float-up,
          .hero-card-float.float-down,
          .ring1,
          .ring2,
          .float-emergency,
          .float-whatsapp {
            animation:none !important;
          }
        }
        
        /* --------------------------------------------------
           PACKAGES SECTION
        -------------------------------------------------- */
        .packages { padding:7rem 0; position:relative; overflow:hidden; }
        .pkg-bg {
          position:absolute; inset:0;
          background:linear-gradient(135deg, #060e1f 0%, #0d1f3c 60%, #0a2840 100%);
        }
        .pkg-bg::before {
          content:''; position:absolute;
          width:700px; height:700px; border-radius:50%;
          background:radial-gradient(circle, rgba(13,148,136,.15) 0%, transparent 65%);
          top:-200px; right:-150px;
        }
        .pkg-bg::after {
          content:''; position:absolute;
          width:500px; height:500px; border-radius:50%;
          background:radial-gradient(circle, rgba(26,86,219,.12) 0%, transparent 65%);
          bottom:-100px; left:-80px;
        }
        .packages .container { position:relative; z-index:2; }
        
        .pkg-grid {
          display:grid;
          grid-template-columns:repeat(3,1fr);
          gap:1.5rem;
          align-items:start;
        }
        
        .pkg-card {
          background:rgba(255,255,255,.07);
          backdrop-filter:blur(22px) saturate(150%);
          -webkit-backdrop-filter:blur(22px) saturate(150%);
          border:1px solid rgba(255,255,255,.12);
          border-radius:var(--radius-xl);
          overflow:hidden;
          transition:var(--transition);
          position:relative;
        }
        .pkg-card:hover {
          transform:translateY(-6px);
          background:rgba(255,255,255,.11);
          box-shadow:0 24px 70px rgba(0,0,0,.35);
          border-color:rgba(255,255,255,.2);
        }
        .pkg-featured {
          background:rgba(255,255,255,.1);
          border-color:rgba(20,184,166,.35);
          box-shadow:0 0 0 1px rgba(20,184,166,.2), 0 20px 60px rgba(0,0,0,.3);
        }
        .pkg-featured:hover { box-shadow:0 0 0 1px rgba(20,184,166,.3), 0 28px 80px rgba(0,0,0,.4); }
        
        .pkg-popular {
          position:absolute;
          top:1rem; right:1rem;
          background:linear-gradient(135deg,var(--teal),var(--blue));
          color:#fff;
          font-size:.68rem;
          font-weight:800;
          padding:.3rem .9rem;
          border-radius:50px;
          letter-spacing:.06em;
          text-transform:uppercase;
          z-index:3;
          box-shadow:0 4px 14px rgba(13,148,136,.4);
        }
        
        .pkg-header {
          padding:1.75rem 1.75rem 1.25rem;
          display:flex;
          align-items:flex-start;
          gap:1.1rem;
          border-bottom:1px solid rgba(255,255,255,.08);
        }
        .pkg-header.heart  { background:linear-gradient(135deg,rgba(220,38,38,.2),rgba(185,28,28,.1)); }
        .pkg-header.cardiac{ background:linear-gradient(135deg,rgba(13,148,136,.25),rgba(26,86,219,.2)); }
        .pkg-header.senior { background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(99,102,241,.1)); }
        
        .pkg-icon {
          width:52px; height:52px;
          border-radius:var(--radius);
          display:flex; align-items:center; justify-content:center;
          font-size:1.4rem;
          flex-shrink:0;
          box-shadow:0 4px 16px rgba(0,0,0,.2);
        }
        .heart  .pkg-icon { background:linear-gradient(135deg,#dc2626,#b91c1c); color:#fff; }
        .cardiac .pkg-icon { background:linear-gradient(135deg,var(--teal),var(--blue)); color:#fff; }
        .senior  .pkg-icon { background:linear-gradient(135deg,#7c3aed,#6366f1); color:#fff; }
        
        .pkg-header h3 {
          color:#fff;
          font-size:.95rem;
          font-weight:700;
          line-height:1.4;
          margin-bottom:.4rem;
        }
        .pkg-price {
          font-family:'Playfair Display',serif;
          font-size:1.4rem;
          font-weight:700;
          color:var(--teal-light);
        }
        .heart .pkg-price { color:#fca5a5; }
        .senior .pkg-price { color:#c4b5fd; }
        
        .pkg-body { padding:1.25rem 1.75rem; }
        .pkg-card .pkg-body {
          position:relative;
          max-height:260px;
          overflow:hidden;
          transition:max-height .4s ease;
        }
        .pkg-card.expanded .pkg-body { max-height:1600px; }
        .pkg-card .pkg-body::after {
          content:'';
          position:absolute;
          left:0;
          right:0;
          bottom:0;
          height:72px;
          background:linear-gradient(180deg, rgba(6,14,31,0), rgba(6,14,31,.92));
          transition:opacity .3s ease;
          pointer-events:none;
        }
        .pkg-card.expanded .pkg-body::after { opacity:0; }
        .pkg-section { margin-bottom:1.1rem; }
        .pkg-section h5 {
          font-size:.73rem;
          font-weight:800;
          text-transform:uppercase;
          letter-spacing:.1em;
          color:rgba(255,255,255,.55);
          display:flex;
          align-items:center;
          gap:.4rem;
          margin-bottom:.45rem;
          padding-bottom:.35rem;
          border-bottom:1px solid rgba(255,255,255,.07);
        }
        .pkg-section h5 i { color:var(--teal-light); font-size:.75rem; }
        .pkg-section ul { padding-left:0; display:flex; flex-direction:column; gap:.2rem; }
        .pkg-section ul li {
          color:rgba(255,255,255,.7);
          font-size:.8rem;
          padding:.1rem 0 .1rem .9rem;
          position:relative;
          line-height:1.5;
        }
        .pkg-section ul li::before {
          content:'·';
          position:absolute;
          left:0;
          color:var(--teal-light);
          font-weight:900;
        }
        .pkg-section.consult ul li { color:rgba(255,255,255,.85); font-weight:600; }
        .pkg-section.consult ul li::before { color:#fbbf24; }
        
        .btn-pkg {
          display:flex;
          width:calc(100% - 3.5rem);
          justify-content:center;
          align-items:center;
          margin:0 1.75rem 1.75rem;
          padding:.85rem;
          border-radius:50px;
          font-weight:700;
          font-size:.9rem;
          cursor:pointer;
          border:none;
          transition:var(--transition);
        }
        .heart-btn  { background:linear-gradient(135deg,#dc2626,#b91c1c); color:#fff; box-shadow:0 4px 20px rgba(220,38,38,.3); }
        .cardiac-btn{ background:linear-gradient(135deg,var(--teal),var(--blue)); color:#fff; box-shadow:0 4px 20px rgba(13,148,136,.35); }
        .senior-btn { background:linear-gradient(135deg,#7c3aed,#6366f1); color:#fff; box-shadow:0 4px 20px rgba(124,58,237,.3); }
        .btn-pkg:hover { transform:translateY(-2px); filter:brightness(1.1); }
        
        .pkg-meta {
          display:flex;
          flex-wrap:wrap;
          gap:.55rem;
          padding:0 1.75rem 1rem;
        }
        .pkg-meta span {
          display:inline-flex;
          align-items:center;
          gap:.35rem;
          padding:.45rem .8rem;
          border-radius:999px;
          color:rgba(255,255,255,.84);
          background:rgba(255,255,255,.08);
          border:1px solid rgba(255,255,255,.08);
          font-size:.73rem;
          font-weight:700;
        }
        .pkg-toggle {
          width:calc(100% - 3.5rem);
          margin:0 1.75rem 1rem;
          padding:.8rem 1rem;
          border-radius:16px;
          border:1px solid rgba(255,255,255,.12);
          background:rgba(255,255,255,.08);
          color:#fff;
          font:inherit;
          font-size:.82rem;
          font-weight:700;
          cursor:pointer;
          transition:var(--transition);
        }
        .pkg-toggle:hover {
          background:rgba(255,255,255,.13);
          border-color:rgba(255,255,255,.24);
        }
        .pkg-toggle i {
          margin-left:.45rem;
          transition:transform .3s ease;
        }
        .pkg-card.expanded .pkg-toggle i { transform:rotate(180deg); }
        
        /* Package notes */
        .pkg-notes {
          background:rgba(255,255,255,.07);
          backdrop-filter:blur(16px);
          -webkit-backdrop-filter:blur(16px);
          border:1px solid rgba(255,255,255,.12);
          border-radius:var(--radius-xl);
          padding:1.75rem 2rem;
          margin-top:2.5rem;
        }
        .pkg-notes h4 {
          color:#fff;
          font-size:1rem;
          font-weight:700;
          margin-bottom:1.1rem;
          display:flex;
          align-items:center;
          gap:.6rem;
        }
        .pkg-notes h4 i { color:var(--teal-light); }
        .pkg-notes ul { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
        .pkg-notes ul li {
          color:rgba(255,255,255,.65);
          font-size:.85rem;
          display:flex;
          align-items:flex-start;
          gap:.6rem;
          line-height:1.6;
        }
        .pkg-notes ul li i { color:var(--teal-light); font-size:.85rem; flex-shrink:0; margin-top:.2rem; }
        
        /* About address card */
        .about-address-card {
          display:flex;
          align-items:flex-start;
          gap:1rem;
          background:var(--glass-bg);
          backdrop-filter:blur(16px) saturate(160%);
          -webkit-backdrop-filter:blur(16px) saturate(160%);
          border:1px solid var(--glass-border);
          border-radius:var(--radius-lg);
          box-shadow:var(--glass-shadow);
          padding:1.1rem 1.25rem;
          margin-bottom:1.5rem;
        }
        .about-address-card i { color:var(--teal); font-size:1.2rem; flex-shrink:0; margin-top:.2rem; }
        .about-address-card strong { display:block; font-size:.88rem; color:var(--navy); line-height:1.6; margin-bottom:.5rem; }
        .addr-contacts { display:flex; gap:1rem; flex-wrap:wrap; }
        .addr-contacts a { font-size:.8rem; font-weight:700; color:var(--blue); display:flex; align-items:center; gap:.35rem; }
        .addr-contacts a:hover { color:var(--teal); }
        
        @media (max-width:900px) {
          .pkg-grid { grid-template-columns:1fr; }
          .pkg-notes ul { grid-template-columns:1fr; }
          .dept-toolbar { align-items:stretch; }
          .dept-tools-right { justify-content:flex-start; }
        }
        @media (max-width:768px) {
          .pkg-notes ul { grid-template-columns:1fr; }
          .pkg-grid { grid-template-columns:1fr; }
          .dept-search { min-width:100%; }
          .dept-filter,
          .dept-more-btn,
          .pkg-toggle { width:100%; justify-content:center; }
          .dept-tools-right { width:100%; }
        }
        
        /* Brochure / scheme banner */
        .scheme-banner {
          /*padding: 0 0 7rem;*/
          background:
            linear-gradient(180deg, var(--bg) 0%, var(--bg-section) 100%),
            radial-gradient(circle at top right, rgba(13,148,136,.08), transparent 25%);
        }
        .scheme-card {
          display:grid;
          grid-template-columns: 1.02fr 0.98fr;
          gap: 1.4rem;
          align-items:center;
          border-radius: calc(var(--radius-xl) + 4px);
          padding: 1.4rem;
          background:
            linear-gradient(135deg, rgba(6,14,31,.96), rgba(13,23,46,.96)),
            linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
          border: 1px solid rgba(148,163,184,.16);
          box-shadow: 0 18px 60px rgba(6,14,31,.22), inset 0 1px 0 rgba(255,255,255,.08);
          position: relative;
          overflow: hidden;
        }
        .scheme-card::before,
        .scheme-card::after {
          content:"";
          position:absolute;
          border-radius:50%;
          filter: blur(10px);
          opacity:.45;
          pointer-events:none;
        }
        .scheme-card::before {
          width: 220px; height: 220px;
          top: -70px; right: -60px;
          background: radial-gradient(circle, rgba(20,184,166,.18), transparent 65%);
        }
        .scheme-card::after {
          width: 180px; height: 180px;
          bottom: -80px; left: -60px;
          background: radial-gradient(circle, rgba(59,130,246,.16), transparent 65%);
        }
        .scheme-copy {
          position: relative;
          z-index: 1;
        }
        .scheme-badge {
          display:inline-flex;
          align-items:center;
          gap:.45rem;
          margin-bottom:.8rem;
          padding:.45rem .8rem;
          border-radius:999px;
          background: rgba(20,184,166,.12);
          border: 1px solid rgba(20,184,166,.22);
          color: #d6fff8;
          font-size:.74rem;
          font-weight:800;
          letter-spacing:.08em;
          text-transform:uppercase;
        }
        .scheme-copy .section-label {
          margin-bottom: .85rem;
          color: #d6fff8;
          background: rgba(255,255,255,.08);
          border-color: rgba(255,255,255,.12);
        }
        .scheme-copy .section-title {
          color: #fff;
          font-size: clamp(1.9rem, 3.4vw, 2.45rem);
          margin-bottom: .9rem;
        }
        .scheme-copy p {
          color: rgba(255,255,255,.76);
          max-width: 520px;
          margin-bottom: 1rem;
        }
        .scheme-points {
          display:grid;
          gap:.6rem;
          margin-bottom: 1.2rem;
        }
        .scheme-points li {
          display:flex;
          align-items:flex-start;
          gap:.55rem;
          color: rgba(255,255,255,.82);
          font-size:.92rem;
        }
        .scheme-points li i { color: var(--teal-light); margin-top:.15rem; }
        .scheme-actions {
          display:flex;
          gap:.75rem;
          flex-wrap:wrap;
        }
        .scheme-visual-wrap {
          position: relative;
          z-index: 1;
        }
        .scheme-highlight-card {
          position:absolute;
          top: -10px;
          right: -6px;
          max-width: 220px;
          padding: .85rem .95rem;
          border-radius: var(--radius);
          background: rgba(255,255,255,.14);
          border: 1px solid rgba(255,255,255,.16);
          box-shadow: 0 14px 34px rgba(6,14,31,.24);
          backdrop-filter: blur(12px);
          color: #fff;
        }
        .scheme-highlight-card strong { display:block; font-size:.88rem; margin-bottom:.25rem; }
        .scheme-highlight-card span { color: rgba(255,255,255,.78); font-size:.78rem; line-height:1.45; }
        .scheme-visual {
          border-radius: calc(var(--radius-xl) - 4px);
          overflow: hidden;
          border: 1px solid rgba(255,255,255,.16);
          box-shadow: 0 18px 38px rgba(6,14,31,.26);
          background: #fff;
        }
        .scheme-visual img {
          width: 100%;
          height: auto;
          display: block;
          transition: transform .35s ease;
        }
        .scheme-visual:hover img { transform: scale(1.03); }
        
        @media (max-width: 980px) {
          .scheme-card { grid-template-columns: 1fr; }
          .scheme-highlight-card { position: static; max-width: none; margin-bottom: .85rem; }
        }
        
        /* Responsive polish across the full home page */
        .container,
        .hero-container,
        .nav-container,
        .review-slider,
        .review-window,
        .review-cards,
        .video-testimonial-slider,
        .video-testimonial-window,
        .video-testimonial-track { min-width:0; }
        
        .btn,
        .section-label,
        .reviewer strong,
        .clinic-meta span,
        .pkg-meta span { max-width:100%; }
        
        @media (max-width:1200px) {
          .container,
          .hero-container {
            max-width:100%;
            padding-left:1.5rem;
            padding-right:1.5rem;
          }
          .navbar {
            max-width:calc(100% - 2rem);
          }
          .hero-card-main {
            width:min(38vw, 420px);
            height:min(42vw, 450px);
          }
          .ring1 { width:min(42vw, 460px); height:min(42vw, 460px); }
          .ring2 { width:min(54vw, 620px); height:min(54vw, 620px); }
          .dept-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
          .fac-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
          .video-testimonial-card { flex-basis:calc((100% - 2rem) / 3); }
        }
        
        @media (max-width:980px) {
          .about,
          .csr,
          .departments,
          .doctors,
          .specialist-clinics,
          .laboratory,
          .facilities,
          .impact,
          .projects,
          .corporate-video,
          .patient-video-stories,
          .testimonials.google-reviews,
          .appointment,
          .gallery,
          .contact,
          .packages {
            padding-top:5.5rem;
            padding-bottom:5.5rem;
          }
          .hero {
            min-height:auto;
            padding:7rem 0 4.5rem;
          }
          .hero-container {
            min-height:0;
          }
          .section-header { margin-bottom:2.5rem; }
          .section-label {
            white-space:normal;
            justify-content:center;
            text-align:center;
          }
          .clinic-toolbar {
            flex-direction:column;
            width:100%;
          }
          .clinic-filters,
          .dept-filters {
            width:100%;
          }
          .clinic-filter,
          .dept-filter {
            flex:1 1 auto;
            min-width:130px;
          }
          .lab-img-wrap { height:360px; }
          .lab-ui-card {
            left:1rem;
            bottom:1rem;
          }
          .scheme-actions .btn,
          .corporate-video-actions .btn,
          .review-actions .btn {
            flex:1 1 220px;
            justify-content:center;
          }
        }
        
        @media (max-width:768px) {
          .container,
          .hero-container {
            padding-left:1rem;
            padding-right:1rem;
          }
          .navbar {
            max-width:calc(100% - 1rem);
            width:calc(100% - 1rem);
          }
          .nav-container { gap:.75rem; }
          .nav-links {
            width:min(290px, calc(100vw - 1rem));
            max-width:100vw;
            overflow-y:auto;
          }
          .hero {
            padding-top:6.5rem;
            padding-bottom:3.75rem;
          }
          .hero-badge {
            margin-left:auto;
            margin-right:auto;
          }
          .hero-actions,
          .scheme-actions,
          .corporate-video-actions,
          .review-actions {
            width:100%;
          }
          .hero-actions .btn,
          .scheme-actions .btn,
          .corporate-video-actions .btn,
          .review-actions .btn,
          .appt-form .btn {
            width:100%;
            justify-content:center;
            white-space:normal;
            text-align:center;
          }
          .hero-stats {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            width:100%;
          }
          .hstat-div { display:none; }
          .dept-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
          .dept-card { padding:1.1rem; border-radius:var(--radius-lg); }
          .dept-toolbar {
            padding:1rem;
            border-radius:var(--radius-lg);
          }
          .dept-tools-left,
          .dept-tools-right,
          .dept-search,
          .dept-filters {
            width:100%;
            min-width:0;
          }
          .dept-filter,
          .clinic-filter {
            min-width:0;
          }
          .review-showcase { gap:1.25rem; }
          .review-window {
            padding:.2rem;
            margin:-.2rem;
          }
          .google-review-card {
            min-height:210px;
          }
          .review-modal {
            padding:.85rem;
          }
          .review-modal-dialog {
            width:100%;
            max-height:86vh;
            border-radius:18px;
          }
          .review-modal-head,
          .review-modal-stars,
          .review-modal-body,
          .review-modal-foot {
            padding-left:1rem;
            padding-right:1rem;
          }
          .review-modal-foot {
            flex-direction:column;
            align-items:flex-start;
          }
          .review-slider-controls {
            gap:.55rem;
          }
          .review-nav {
            width:38px;
            height:38px;
          }
          .trust-badge {
            max-width:100%;
            justify-content:center;
            text-align:center;
          }
          .video-testimonial-info {
            gap:.75rem;
          }
          .video-testimonial-card {
            flex-basis:100%;
          }
          .video-testimonial-info a {
            width:36px;
            height:36px;
          }
          .clinic-panel-top,
          .clinic-contact {
            gap:.85rem;
          }
          .clinic-panel-top {
            flex-direction:column;
          }
          .clinic-pill {
            white-space:normal;
          }
          .clinic-meta span {
            flex:1 1 100%;
          }
          .lab-img-wrap,
          .contact-map {
            height:300px;
          }
          .lab-ui-card {
            position:relative;
            left:auto;
            bottom:auto;
            width:100%;
            margin-top:1rem;
          }
          .pkg-header,
          .about-address-card {
            flex-direction:column;
          }
          .pkg-body,
          .pkg-card .pkg-body,
          .pkg-meta,
          .pkg-header {
            padding-left:1.2rem;
            padding-right:1.2rem;
          }
          .btn-pkg,
          .pkg-toggle {
            width:calc(100% - 2.4rem);
            margin-left:1.2rem;
            margin-right:1.2rem;
          }
          .scheme-card {
            padding:1rem;
            border-radius:var(--radius-lg);
          }
          .scheme-copy .section-label {
            width:100%;
          }
          .form-group input,
          .form-group select,
          .form-group textarea {
            font-size:16px;
          }
          .fac-grid {
            grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
          }
          .fac-card {
            text-align:left;
            align-items:flex-start;
            padding:1.25rem;
          }
          .fac-icon {
            margin:0 0 1rem;
          }
          .fac-card p {
            margin-top:0;
          }
          .footer-top { padding:4rem 0 2.5rem; }
        }
        
        @media (max-width:560px) {
          .container,
          .hero-container {
            padding-left:.85rem;
            padding-right:.85rem;
          }
          .navbar {
            top:.5rem;
            width:calc(100% - .75rem);
            max-width:calc(100% - .75rem);
          }
          .navbar .logo-mark {
            width:48px;
            height:48px;
            border-radius:12px;
          }
          .brand-main { font-size:.82rem; }
          .brand-sub { display:none; }
          .hero-headline {
            font-size:2rem;
            line-height:1.14;
          }
          .hero-tagline {
            font-size:.92rem;
          }
          .hero-sub,
          .section-desc {
            font-size:.92rem;
          }
          .section-title {
            font-size:1.75rem;
          }
          .about,
          .csr,
          .departments,
          .doctors,
          .specialist-clinics,
          .laboratory,
          .facilities,
          .impact,
          .projects,
          .corporate-video,
          .patient-video-stories,
          .testimonials.google-reviews,
          .appointment,
          .gallery,
          .contact,
          .packages {
            padding-top:4rem;
            padding-bottom:4rem;
          }
          .hero-stats,
          .dept-grid,
          .csr-grid,
          .about-features,
          .clinic-focus,
          .pkg-notes ul,
          .scheme-points {
            grid-template-columns:1fr;
          }
          .hero-stats {
            text-align:center;
          }
          .fac-grid {
            grid-template-columns:1fr;
          }
          .fac-card {
            display:grid;
            grid-template-columns:auto minmax(0,1fr);
            column-gap:1rem;
            align-items:start;
          }
          .fac-icon {
            grid-row:span 2;
            width:52px;
            height:52px;
            font-size:1.2rem;
          }
          .fac-card h4 {
            margin-bottom:.25rem;
          }
          .fac-card p {
            grid-column:2;
          }
          .dept-card h4,
          .fac-card h4,
          .project-card h3 {
            overflow-wrap:anywhere;
          }
          .dept-card,
          .csr-card,
          .fac-card,
          .project-card,
          .clinic-panel,
          .doctor-profile-card,
          .google-review-card,
          .video-testimonial-card,
          .appt-form-wrap,
          .pkg-card,
          .scheme-card {
            border-radius:var(--radius-lg);
          }
          .dept-filter,
          .clinic-filter {
            flex-basis:100%;
          }
          .review-card-top,
          .reviewer {
            gap:.55rem;
          }
          .reviewer-avatar {
            width:34px;
            height:34px;
          }
          .google-review-card {
            padding:.9rem;
          }
          .google-review-card p {
            font-size:.86rem;
            -webkit-line-clamp:5;
          }
          .review-modal-body p {
            font-size:.93rem;
            line-height:1.75;
          }
          .review-slider-controls {
            flex-wrap:wrap;
          }
          .review-dots {
            order:3;
            width:100%;
          }
          .review-nav {
            width:42px;
            height:42px;
          }
          .video-testimonial-info {
            align-items:center;
          }
          .video-testimonial-info h3 {
            font-size:.88rem;
          }
          .clinic-list li,
          .clinic-focus div,
          .pkg-notes,
          .appt-form-wrap {
            padding:1rem;
          }
          .gallery-item,
          .gallery-item.gi-tall,
          .gallery-item.gi-wide {
            height:220px;
          }
          .footer-bottom .container {
            padding-left:1rem;
            padding-right:1rem;
          }
        }
        
        @media (max-width:380px) {
          .hero-headline { font-size:1.8rem; }
          .section-title { font-size:1.58rem; }
          .btn {
            padding:.78rem 1rem;
            font-size:.85rem;
          }
          .hero-stats {
            padding:.85rem;
          }
          .hstat strong {
            font-size:1.1rem;
          }
          .dept-card,
          .google-review-card,
          .fac-card,
          .clinic-panel,
          .appt-form-wrap {
            padding:.85rem;
          }
          .review-stars { font-size:1.2rem; }
          .google-word { font-size:1.25rem; }
          .float-whatsapp,
          .float-emergency {
            width:48px;
            height:48px;
          }
        }