/* ============================================================
   EYE MATCH ARTIFICIAL EYE CENTRE
   Modern Redesign — Luxury Medical Aesthetic
   Fonts: Cormorant Garamond (display) + Outfit (body)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --navy:         #050e1f;
  --navy-2:       #0a1930;
  --navy-3:       #0f2547;
  --blue:         #0d5eaf;
  --blue-light:   #1a7dd8;
  --cyan:         #00c6fb;
  --cyan-soft:    #a8edff;
  --gold:         #c9a84c;
  --white:        #ffffff;
  --off-white:    #f5f8fc;
  --surface:      #eef3fa;
  --border:       rgba(13,94,175,0.12);
  --border-light: rgba(13,94,175,0.07);
  --text-dark:    #08131f;
  --text-mid:     #354f6e;
  --text-soft:    #6b87a4;
  --text-muted:   #9bb0c5;
  --shadow-xs:  0 1px 4px rgba(5,14,31,0.06);
  --shadow-sm:  0 4px 16px rgba(5,14,31,0.08);
  --shadow-md:  0 8px 32px rgba(5,14,31,0.12);
  --shadow-lg:  0 20px 60px rgba(5,14,31,0.16);
  --shadow-xl:  0 32px 80px rgba(5,14,31,0.22);
  --radius-sm:  8px;
  --radius:     14px;
  --radius-lg:  22px;
  --radius-xl:  32px;
  --ease:        cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t:           0.3s;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Outfit', sans-serif; color: var(--text-dark); background: var(--white); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,h5 { font-family: 'Cormorant Garamond', serif; line-height: 1.2; letter-spacing: -0.01em; }
a { text-decoration: none; color: inherit; transition: color var(--t) var(--ease); }
img { max-width: 100%; display: block; }

/* ── LABEL TAG ── */
.label-tag {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Outfit', sans-serif;
  font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--cyan);
  background: rgba(0,198,251,0.08);
  border: 1px solid rgba(0,198,251,0.2);
  padding: 5px 14px; border-radius: 100px; margin-bottom: 18px;
}
.label-tag .dot { width:5px;height:5px;background:var(--cyan);border-radius:50%;animation:blink 2s infinite; }

/* ── TYPOGRAPHY ── */
.section-heading { font-size: clamp(2rem,3.5vw,2.8rem); font-weight:600; color:var(--text-dark); line-height:1.18; margin-bottom:14px; }
.section-heading em { font-style:italic; color:var(--blue); }
.section-sub { font-size:1.05rem; color:var(--text-soft); line-height:1.75; font-weight:400; max-width:560px; }

/* ── NAVBAR ── */
#mainNav {
  position: fixed; top:0; left:0; right:0; z-index:1000; padding:0;
  transition: background var(--t) var(--ease), box-shadow var(--t) var(--ease);
}
#mainNav.scrolled {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(20px);
  box-shadow: 0 1px 0 var(--border), 0 4px 24px rgba(5,14,31,0.06);
}
#mainNav:not(.scrolled) { background: transparent; }

.navbar { padding: 0 !important; }
.navbar-inner { display:flex; align-items:center; padding:15px 0; }

.nav-brand { display:flex; align-items:center; gap:11px; }
.nav-brand-icon { width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.15rem;flex-shrink:0; }
.nav-brand-text strong { display:block;font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:700;color:var(--navy);line-height:1.15;transition:color var(--t); }
.nav-brand-text span { font-size:0.68rem;color:var(--text-soft);letter-spacing:0.04em;font-weight:400; }
#mainNav:not(.scrolled) .nav-brand-text strong { color:white; }
#mainNav:not(.scrolled) .nav-brand-text span { color:rgba(255,255,255,0.5); }
#mainNav:not(.scrolled) .navbar-toggler { border-color:rgba(255,255,255,0.3); }
#mainNav:not(.scrolled) .navbar-toggler-icon { filter:invert(1); }

.navbar-nav .nav-link {
  font-size:0.85rem; font-weight:500; color:var(--text-mid);
  padding:6px 10px !important; position:relative;
  transition: color var(--t) var(--ease);
}
.navbar-nav .nav-link::after {
  content:''; position:absolute; bottom:0; left:10px; right:10px; height:2px;
  background:var(--blue); border-radius:2px;
  transform:scaleX(0); transition:transform 0.25s var(--ease); transform-origin:center;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color:var(--blue) !important; }
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after { transform:scaleX(1); }
#mainNav:not(.scrolled) .navbar-nav .nav-link { color:rgba(255,255,255,0.78) !important; }
#mainNav:not(.scrolled) .navbar-nav .nav-link:hover { color:white !important; }
#mainNav:not(.scrolled) .navbar-nav .nav-link::after { background:var(--cyan); }

.dropdown-menu { border:1px solid var(--border) !important; border-radius:var(--radius) !important; box-shadow:var(--shadow-lg) !important; padding:8px !important; min-width:230px; animation:dropIn 0.2s var(--ease) both; }
@keyframes dropIn { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
.dropdown-item { font-size:0.85rem;font-weight:500;color:var(--text-mid) !important;padding:9px 14px !important;border-radius:var(--radius-sm) !important;transition:all var(--t); }
.dropdown-item:hover { background:var(--surface) !important; color:var(--blue) !important; }

.btn-nav-book {
  background:linear-gradient(135deg,var(--blue),var(--blue-light)) !important;
  color:white !important; border-radius:100px !important; padding:8px 20px !important;
  font-size:0.82rem !important; font-weight:600 !important;
  box-shadow:0 4px 16px rgba(13,94,175,0.3) !important;
  transition:all var(--t) var(--ease) !important; border:none !important;
}
.btn-nav-book::after { display:none !important; }
.btn-nav-book:hover { transform:translateY(-1px) !important; box-shadow:0 6px 22px rgba(13,94,175,0.42) !important; color:white !important; }

.navbar-toggler { border:1px solid var(--border); padding:6px 10px; border-radius:var(--radius-sm); }
.navbar-toggler:focus { box-shadow:none; }

/* ── HERO ── */
.hero { min-height:100vh; background:var(--navy); position:relative; display:flex; align-items:center; overflow:hidden; }

.hero-bg {
  position:absolute; inset:0; overflow:hidden;
}
.hero-bg::before {
  content:''; position:absolute; width:900px; height:900px;
  background:radial-gradient(circle,rgba(13,94,175,0.35) 0%,transparent 65%);
  top:-200px; right:-200px; animation:meshFloat 8s ease-in-out infinite;
}
.hero-bg::after {
  content:''; position:absolute; width:600px; height:600px;
  background:radial-gradient(circle,rgba(0,198,251,0.12) 0%,transparent 70%);
  bottom:-100px; left:5%; animation:meshFloat 10s ease-in-out infinite reverse;
}
@keyframes meshFloat { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(20px,-30px) scale(1.05)} 66%{transform:translate(-15px,20px) scale(0.97)} }

.hero-grid {
  position:absolute; inset:0;
  background-image: linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
  background-size:60px 60px;
}

.hero-content { position:relative; z-index:2; }

.hero-eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12);
  backdrop-filter:blur(8px); color:var(--cyan-soft);
  font-size:0.75rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase;
  padding:7px 16px; border-radius:100px; margin-bottom:24px;
  animation:fadeUp 0.7s var(--ease) 0.1s both;
}
.hero-eyebrow .live-dot { width:6px;height:6px;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;animation:blink 2s infinite; }

.hero-h1 { font-size:clamp(2.6rem,5.5vw,4.8rem); font-weight:600; color:white; line-height:1.1; margin-bottom:20px; animation:fadeUp 0.7s var(--ease) 0.2s both; }
.hero-h1 .accent { color:var(--cyan); font-style:italic; }

.hero-lead { font-size:1.08rem; color:rgba(255,255,255,0.62); line-height:1.75; max-width:500px; font-weight:300; margin-bottom:36px; animation:fadeUp 0.7s var(--ease) 0.32s both; }

.hero-actions { display:flex; gap:12px; flex-wrap:wrap; animation:fadeUp 0.7s var(--ease) 0.44s both; }

.btn-primary-hero {
  display:inline-flex; align-items:center; gap:9px;
  background:linear-gradient(135deg,var(--cyan),var(--blue-light));
  color:var(--navy) !important; font-weight:700; font-size:0.9rem;
  padding:14px 28px; border-radius:100px; border:none; cursor:pointer;
  transition:all var(--t) var(--ease);
  box-shadow:0 8px 28px rgba(0,198,251,0.35);
}
.btn-primary-hero:hover { transform:translateY(-2px); box-shadow:0 12px 36px rgba(0,198,251,0.5); }

.btn-ghost-hero {
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(255,255,255,0.07); color:white !important;
  font-weight:600; font-size:0.9rem; padding:14px 28px; border-radius:100px;
  border:1px solid rgba(255,255,255,0.18); cursor:pointer;
  transition:all var(--t) var(--ease); backdrop-filter:blur(6px);
}
.btn-ghost-hero:hover { background:rgba(255,255,255,0.13); border-color:rgba(255,255,255,0.35); }

.hero-stats {
  display:flex; gap:0; margin-top:52px; padding-top:36px;
  border-top:1px solid rgba(255,255,255,0.09);
  animation:fadeUp 0.7s var(--ease) 0.56s both;
}
.hero-stat { flex:1; text-align:center; padding:0 16px; position:relative; }
.hero-stat + .hero-stat::before { content:''; position:absolute; left:0; top:15%; bottom:15%; width:1px; background:rgba(255,255,255,0.1); }
.hero-stat-num { font-family:'Cormorant Garamond',serif; font-size:2.4rem; font-weight:700; color:white; line-height:1; margin-bottom:4px; }
.hero-stat-num sup { font-size:1.4rem; vertical-align:super; color:var(--cyan); }
.hero-stat-label { font-size:0.72rem; color:rgba(255,255,255,0.42); font-weight:500; letter-spacing:0.06em; text-transform:uppercase; }

/* Hero Visual */
.hero-visual { position:relative; z-index:2; animation:fadeLeft 0.8s var(--ease) 0.3s both; }

.eye-card {
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1);
  backdrop-filter:blur(24px); border-radius:var(--radius-xl); padding:36px 32px; text-align:center;
}

.eye-card img{
  border-radius: 15px;
}

.eye-orb-wrap { width:200px; height:200px; margin:0 auto 28px; position:relative; }
.eye-orb {
  width:200px; height:200px; border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#ddeeff 0%,#b8d8ff 30%,#8fc4ff 60%,#5597e8 100%);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 12px rgba(0,198,251,0.07),0 0 0 24px rgba(0,198,251,0.04),0 0 60px rgba(0,198,251,0.3);
  animation:orbPulse 4s ease-in-out infinite;
}
@keyframes orbPulse {
  0%,100% { box-shadow:0 0 0 12px rgba(0,198,251,0.07),0 0 0 24px rgba(0,198,251,0.04),0 0 60px rgba(0,198,251,0.3); }
  50%     { box-shadow:0 0 0 16px rgba(0,198,251,0.1),0 0 0 32px rgba(0,198,251,0.05),0 0 90px rgba(0,198,251,0.45); }
}
.eye-iris { width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1565c0 0%,#0d47a1 35%,#062c6d 70%,#021440 100%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 12px rgba(0,0,0,0.4),0 0 30px rgba(21,101,192,0.4); }
.eye-pupil { width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#1a1a1a,#000);position:relative;box-shadow:inset 0 2px 8px rgba(0,0,0,0.8); }
.eye-pupil::before { content:'';position:absolute;top:8px;left:10px;width:11px;height:11px;background:rgba(255,255,255,0.85);border-radius:50%;filter:blur(1px); }
.eye-pupil::after { content:'';position:absolute;bottom:9px;right:8px;width:6px;height:6px;background:rgba(255,255,255,0.4);border-radius:50%; }

.float-badge { position:absolute;background:rgba(255,255,255,0.97);border-radius:var(--radius);padding:11px 16px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:9px;font-size:0.78rem;font-weight:700;color:var(--navy);white-space:nowrap; }
.float-badge i { font-size:1rem; }
.float-badge.top-right { top:12px;right:-20px;animation:floatY 3s ease-in-out infinite; }
.float-badge.bot-left  { bottom:20px;left:-24px;animation:floatY 3.5s ease-in-out infinite 1s; }
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

.eye-card-features { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px; }
.eye-feat { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:var(--radius-sm);padding:10px 12px;font-size:0.78rem;font-weight:500;color:rgba(255,255,255,0.75);display:flex;align-items:center;gap:7px;transition:background var(--t); }
.eye-feat:hover { background:rgba(255,255,255,0.09); }
.eye-feat i { color:var(--cyan);font-size:0.85rem; }

/* ── TRUST STRIP ── */
.trust-strip { background:var(--off-white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:18px 0; }
.trust-items { display:flex;justify-content:center;align-items:center;flex-wrap:wrap; }
.trust-item { display:flex;align-items:center;gap:8px;padding:4px 28px;font-size:0.82rem;font-weight:600;color:var(--text-mid);position:relative; }
.trust-item + .trust-item::before { content:'';position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--border); }
.trust-item i { color:var(--blue);font-size:1rem; }

/* ── SECTIONS ── */
section { padding: 96px 0; }

/* ── ABOUT ── */
.about-img-main {
  height:700px; border-radius:var(--radius-xl);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:white;text-align:center; position:relative;overflow:hidden;
}

.about-img-main img{
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.about-img-main::before { content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E"); }
.about-img-main i { font-size:5rem;opacity:0.25;margin-bottom:16px;position:relative;z-index:1; }
.about-img-main h4 { position:relative;z-index:1;font-size:1.4rem; }

.about-float-card { position:absolute;background:white;border-radius:var(--radius-lg);padding:18px 22px;box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--border-light); }
.about-float-card.c1 { bottom:30px;right:-24px; }
.about-float-card.c2 { top:30px;left:-24px; }
.about-float-card .big-num { font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--blue);line-height:1; }
.about-float-card .big-label { font-size:0.72rem;color:var(--text-soft);font-weight:500;margin-top:2px; }

.about-point { display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--border-light); }
.about-point:last-child { border-bottom:none;padding-bottom:0; }
.about-point-icon { width:46px;height:46px;background:linear-gradient(135deg,rgba(13,94,175,0.1),rgba(0,198,251,0.1));border:1px solid rgba(13,94,175,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1.1rem;flex-shrink:0;transition:all var(--t) var(--ease); }
.about-point:hover .about-point-icon { background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;border-color:transparent;transform:scale(1.08); }
.about-point h6 { font-family:'Outfit',sans-serif;font-size:0.95rem;font-weight:700;color:var(--text-dark);margin-bottom:3px; }
.about-point p { font-size:0.85rem;color:var(--text-soft);line-height:1.65;margin:0; }

/* ── SERVICES ── */
.service-card {
  background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);
  padding:28px 24px;height:100%;transition:all 0.35s var(--ease);position:relative;overflow:hidden;
}
.service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform 0.35s var(--ease); }
.service-card:hover { transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent; }
.service-card:hover::before { transform:scaleX(1); }

.svc-icon { width:58px;height:58px;background:linear-gradient(135deg,rgba(13,94,175,0.08),rgba(0,198,251,0.06));border:1px solid rgba(13,94,175,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--blue);margin-bottom:18px;transition:all 0.35s var(--ease); }
.service-card:hover .svc-icon { background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;border-color:transparent;transform:rotate(-4deg) scale(1.05); }
.service-card h5 { font-family:'Outfit',sans-serif;font-size:0.97rem;font-weight:700;color:var(--text-dark);margin-bottom:9px; }
.service-card p { font-size:0.84rem;color:var(--text-soft);line-height:1.68;margin-bottom:18px; }
.svc-link { font-size:0.82rem;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:5px;letter-spacing:0.02em;text-transform:uppercase; }
.svc-link i { transition:transform 0.25s var(--ease); }
.service-card:hover .svc-link i { transform:translateX(4px); }

/* ── WHY ── */
.why-section { background:var(--navy);position:relative;overflow:hidden; }
.why-section::before { content:'';position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(13,94,175,0.25) 0%,transparent 65%);top:-200px;right:-100px; }
.why-section::after { content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,198,251,0.1) 0%,transparent 70%);bottom:-100px;left:5%; }

.why-card { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:28px 24px;height:100%;transition:all 0.35s var(--ease);position:relative;z-index:1; }
.why-card:hover { background:rgba(255,255,255,0.07);border-color:rgba(0,198,251,0.25);transform:translateY(-4px); }
.why-icon { width:60px;height:60px;border-radius:50%;background:rgba(0,198,251,0.1);border:1px solid rgba(0,198,251,0.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--cyan);margin-bottom:18px;transition:all 0.35s var(--ease); }
.why-card:hover .why-icon { background:rgba(0,198,251,0.2);transform:scale(1.08); }
.why-card h5 { font-family:'Outfit',sans-serif;font-size:1rem;font-weight:700;color:white;margin-bottom:10px; }
.why-card p { font-size:0.84rem;color:rgba(255,255,255,0.52);line-height:1.7;margin:0; }

/* ── TESTIMONIALS ── */
.testi-card { background:var(--off-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:30px 28px;height:100%;transition:all 0.35s var(--ease);position:relative; }
.testi-card:hover { transform:translateY(-4px);box-shadow:var(--shadow-md);background:white; }
.testi-quote { font-family:'Cormorant Garamond',serif;font-size:3.5rem;line-height:1;color:var(--blue);opacity:0.13;position:absolute;top:14px;left:22px;user-select:none; }
.stars { color:#f59e0b;font-size:0.8rem;letter-spacing:2px;margin-bottom:14px; }
.testi-text { font-size:0.9rem;color:var(--text-mid);line-height:1.75;margin-bottom:22px;font-style:italic; }
.testi-meta { display:flex;align-items:center;gap:13px; }
.testi-avatar { width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:1rem;font-family:'Outfit',sans-serif;flex-shrink:0; }
.testi-meta h6 { font-family:'Outfit',sans-serif;font-size:0.9rem;font-weight:700;color:var(--text-dark);margin:0 0 2px; }
.testi-meta p { font-size:0.76rem;color:var(--text-soft);margin:0; }

/* ── GALLERY ── */
.gallery-placeholder-new { height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;border-radius:var(--radius-lg);position:relative;overflow:hidden;cursor:pointer;transition:transform 0.35s var(--ease); }
.gallery-placeholder-new:hover { transform:scale(1.03); }
.gallery-placeholder-new::after { content:'';position:absolute;inset:0;background:rgba(5,14,31,0);transition:background 0.35s;border-radius:var(--radius-lg); }
.gallery-placeholder-new:hover::after { background:rgba(5,14,31,0.25); }
.gallery-placeholder-new i { font-size:2.8rem;opacity:0.35;margin-bottom:10px;position:relative;z-index:1; }
.gallery-placeholder-new .g-title { font-size:0.87rem;font-weight:700;position:relative;z-index:1; }
.gallery-placeholder-new .g-sub { font-size:0.72rem;opacity:0.6;margin-top:3px;position:relative;z-index:1; }
.g-tag { display:inline-block;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);font-size:0.68rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-top:8px;position:relative;z-index:1; }

/* ── FAQ ── */
.accordion-item { border:1px solid var(--border-light) !important;border-radius:var(--radius) !important;margin-bottom:10px !important;overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--t); }
.accordion-item:hover { box-shadow:var(--shadow-sm); }
.accordion-button { font-family:'Outfit',sans-serif;font-size:0.93rem;font-weight:600;color:var(--text-dark);background:var(--white) !important;padding:18px 22px !important;border:none;box-shadow:none !important; }
.accordion-button:not(.collapsed) { color:var(--blue) !important;background:rgba(13,94,175,0.03) !important; }
.accordion-body { font-size:0.9rem;color:var(--text-mid);line-height:1.75;padding:0 22px 20px; }

/* ── CTA ── */
.cta-section { background:linear-gradient(135deg,var(--blue) 0%,var(--navy-3) 50%,var(--navy) 100%);padding:72px 0;position:relative;overflow:hidden; }
.cta-section::before { content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(0,198,251,0.15) 0%,transparent 70%);top:-200px;right:-100px; }

/* ── CONTACT ── */
.contact-info-row { display:flex;align-items:flex-start;gap:16px;margin-bottom:24px; }
.ci-icon { width:46px;height:46px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;flex-shrink:0; }
.ci-label { font-size:0.74rem;color:var(--text-soft);font-weight:500;margin-bottom:2px;letter-spacing:0.04em;text-transform:uppercase; }
.ci-value { font-size:0.95rem;color:var(--text-dark);font-weight:600;margin:0;line-height:1.55; }
.ci-value a { color:var(--blue); }
.ci-value a:hover { color:var(--cyan); }

/* ── PAGE HERO ── */
.page-hero { background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%);padding:110px 0 64px;position:relative;overflow:hidden; }
.page-hero::before { content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:50px 50px; }
.page-hero::after { content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(13,94,175,0.3) 0%,transparent 70%);top:-150px;right:-100px; }
.page-hero .container { position:relative;z-index:2; }
.page-hero h1 { color:white;font-size:clamp(1.9rem,4vw,3rem); }
.page-hero p { color:rgba(255,255,255,0.58);font-size:1.02rem;margin-top:8px; }
.breadcrumb { --bs-breadcrumb-divider-color:rgba(255,255,255,0.3); }
.breadcrumb-item a { color:rgba(255,255,255,0.5);font-size:0.82rem; }
.breadcrumb-item a:hover { color:var(--cyan); }
.breadcrumb-item.active { color:rgba(255,255,255,0.45);font-size:0.82rem; }
.breadcrumb-item+.breadcrumb-item::before { color:rgba(255,255,255,0.25); }

/* ── FOOTER ── */
.site-footer { background:var(--navy);padding:72px 0 0; }
.footer-brand-name { font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:700;color:white;line-height:1.2; }
.footer-brand-sub { font-size:0.7rem;color:rgba(255,255,255,0.38); }
.footer-desc { font-size:0.85rem;line-height:1.7;color:rgba(255,255,255,0.42);margin-top:14px; }
.footer-heading { font-family:'Outfit',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.32);margin-bottom:16px; }
.footer-links { list-style:none;padding:0;margin:0; }
.footer-links li { margin-bottom:10px; }
.footer-links a { font-size:0.87rem;color:rgba(255,255,255,0.5);display:flex;align-items:center;gap:6px;transition:all var(--t) var(--ease); }
.footer-links a:hover { color:var(--cyan);padding-left:4px; }
.footer-links a i { font-size:0.62rem;opacity:0.45; }
.footer-ci { display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:0.85rem;color:rgba(255,255,255,0.45);line-height:1.55; }
.footer-ci i { color:var(--cyan);font-size:0.9rem;margin-top:2px;flex-shrink:0; }
.footer-ci a { color:rgba(255,255,255,0.45); }
.footer-ci a:hover { color:var(--cyan); }
.social-row { display:flex;gap:8px;margin-top:20px; }
.social-btn { width:36px;height:36px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.09);border-radius:9px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.45);font-size:0.88rem;transition:all var(--t) var(--ease);text-decoration:none; }
.social-btn:hover { background:var(--cyan);border-color:var(--cyan);color:var(--navy);transform:translateY(-2px); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.06);padding:22px 0;margin-top:52px; }
.footer-bottom p { font-size:0.8rem;color:rgba(255,255,255,0.28);margin:0; }

/* ── BUTTONS ── */
.btn-blue { display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue),var(--blue-light));color:white !important;font-size:0.9rem;font-weight:700;padding:13px 28px;border-radius:100px;border:none;cursor:pointer;box-shadow:0 6px 22px rgba(13,94,175,0.3);transition:all var(--t) var(--ease);text-decoration:none; }
.btn-blue:hover { transform:translateY(-2px);box-shadow:0 10px 30px rgba(13,94,175,0.42);color:white !important; }

.btn-outline-blue { display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--blue) !important;font-size:0.9rem;font-weight:700;padding:11px 26px;border-radius:100px;border:2px solid var(--blue);cursor:pointer;transition:all var(--t) var(--ease);text-decoration:none; }
.btn-outline-blue:hover { background:var(--blue);color:white !important;transform:translateY(-2px); }

.btn-cyan { display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--cyan),var(--blue-light));color:var(--navy) !important;font-size:0.9rem;font-weight:700;padding:13px 28px;border-radius:100px;border:none;cursor:pointer;box-shadow:0 6px 22px rgba(0,198,251,0.3);transition:all var(--t) var(--ease);text-decoration:none; }
.btn-cyan:hover { transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,198,251,0.45); }

.btn-wa { display:inline-flex;align-items:center;gap:8px;background:#25d366;color:white !important;font-size:0.9rem;font-weight:700;padding:13px 26px;border-radius:100px;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(37,211,102,0.35);transition:all var(--t) var(--ease);width:100%;justify-content:center;text-decoration:none; }
.btn-wa:hover { background:#1da851;transform:translateY(-1px);color:white !important; }

.btn-call-em { display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:white !important;font-size:0.9rem;font-weight:700;padding:13px 26px;border-radius:100px;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(13,94,175,0.3);transition:all var(--t) var(--ease);width:100%;justify-content:center;text-decoration:none; }
.btn-call-em:hover { background:var(--navy-3);transform:translateY(-1px);color:white !important; }

/* ── FLOATING ── */
.float-wa { position:fixed;bottom:28px;right:24px;z-index:9990; }
.float-wa a { width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.45rem;box-shadow:0 6px 24px rgba(37,211,102,0.5);transition:all var(--t) var(--ease-spring);text-decoration:none; }
.float-wa a:hover { transform:scale(1.1) translateY(-2px); }

.float-call { position:fixed;bottom:28px;left:24px;z-index:9990; }
.float-call a { width:56px;height:56px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;box-shadow:0 6px 24px rgba(13,94,175,0.45);transition:all var(--t) var(--ease-spring);text-decoration:none; }
.float-call a:hover { transform:scale(1.1) translateY(-2px); }

/* ── MODAL ── */
.modal-content { border:none;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl); }
.modal-header { background:linear-gradient(135deg,var(--navy),var(--navy-3));border:none;padding:24px 28px; }
.modal-title { font-family:'Cormorant Garamond',serif;color:white;font-size:1.5rem;font-weight:600; }
.modal-header .btn-close { filter:invert(1);opacity:0.7; }
.modal-body { padding:28px; }
.form-label { font-size:0.82rem;font-weight:700;color:var(--text-dark);margin-bottom:6px;letter-spacing:0.02em; }
.form-control, .form-select { border:1.5px solid rgba(13,94,175,0.15);border-radius:var(--radius-sm);padding:10px 14px;font-size:0.9rem;font-family:'Outfit',sans-serif;color:var(--text-dark);background:var(--white);transition:all var(--t) var(--ease); }
.form-control:focus, .form-select:focus { border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,94,175,0.1);outline:none; }

/* ── SERVICE DETAIL ── */
.svc-detail-card { background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;margin-bottom:22px;box-shadow:var(--shadow-xs); }
.svc-detail-card h3 { font-family:'Outfit',sans-serif;font-size:1.2rem;font-weight:700;color:var(--blue);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:10px; }
.benefit-row { display:flex;align-items:flex-start;gap:12px;margin-bottom:12px; }
.benefit-row i { color:var(--cyan);font-size:1rem;margin-top:2px;flex-shrink:0; }
.benefit-row p { font-size:0.9rem;color:var(--text-mid);line-height:1.65;margin:0; }
.step-row { display:flex;gap:16px;margin-bottom:22px;align-items:flex-start; }
.step-circle { width:36px;height:36px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:0.85rem;flex-shrink:0; }
.step-row h6 { font-family:'Outfit',sans-serif;font-size:0.95rem;font-weight:700;color:var(--text-dark);margin-bottom:4px; }
.step-row p { font-size:0.87rem;color:var(--text-soft);margin:0;line-height:1.6; }

.sidebar-widget { background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-xs); }
.sidebar-widget h5 { font-family:'Outfit',sans-serif;font-size:0.78rem;font-weight:700;color:var(--text-dark);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:0.08em; }
.sw-link { display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);font-size:0.87rem;font-weight:500;color:var(--text-mid);transition:all var(--t) var(--ease);cursor:pointer;text-decoration:none; }
.sw-link:hover, .sw-link.active { background:var(--surface);color:var(--blue); }
.sw-link i { color:var(--cyan);font-size:0.7rem; }

/* ── BLOG ── */
.blog-card { background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.35s var(--ease);height:100%; }
.blog-card:hover { transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:transparent; }
.blog-thumb { height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center; overflow: hidden; }

.blog-thumb i { font-size:2.8rem;opacity:0.35;margin-bottom:8px; }
.blog-body { padding:22px; }
.blog-tag { display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);background:rgba(0,198,251,0.08);border:1px solid rgba(0,198,251,0.15);padding:3px 10px;border-radius:100px;margin-bottom:10px; }
.blog-card h5 { font-family:'Outfit',sans-serif;font-size:0.97rem;font-weight:700;color:var(--text-dark);margin-bottom:9px;line-height:1.45; }
.blog-card p { font-size:0.84rem;color:var(--text-soft);line-height:1.65;margin-bottom:16px; }
.blog-meta { font-size:0.76rem;color:var(--text-muted);display:flex;align-items:center;gap:12px; }
.blog-meta i { color:var(--cyan); }

.article-content h2 { font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight:700;color:var(--blue);margin:36px 0 14px; }
.article-content h3 { font-family:'Outfit',sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:24px 0 10px; }
.article-content p { color:var(--text-mid);line-height:1.85;margin-bottom:16px;font-size:0.97rem; }
.article-content ul { color:var(--text-mid);line-height:1.85;font-size:0.97rem;padding-left:22px;margin-bottom:16px; }
.article-content ul li { margin-bottom:8px; }
.article-highlight { background:var(--surface);border-left:4px solid var(--cyan);padding:18px 22px;border-radius:0 var(--radius) var(--radius) 0;margin:24px 0; }
.article-highlight p { margin:0;font-size:0.93rem; }

/* ── APPOINTMENT ── */
.appt-step { display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border-light); }
.appt-step:last-child { border-bottom:none; }
.appt-step-num { width:38px;height:38px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:0.88rem;flex-shrink:0; }
.appt-step h6 { font-family:'Outfit',sans-serif;font-size:0.92rem;font-weight:700;color:var(--text-dark);margin-bottom:3px; }
.appt-step p { font-size:0.84rem;color:var(--text-soft);margin:0;line-height:1.6; }

/* Gallery filter */
.gallery-filter .btn { border-radius:100px;font-size:0.82rem;font-weight:600;padding:7px 18px;transition:all var(--t); }
.gallery-filter .btn-primary { background:var(--blue);border-color:var(--blue); }
.gallery-filter .btn-outline-primary { border-color:var(--border);color:var(--text-mid); }
.gallery-filter .btn-outline-primary:hover { border-color:var(--blue);color:var(--blue);background:transparent; }

/* ── ANIMATIONS ── */
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeLeft { from{opacity:0;transform:translateX(32px)} to{opacity:1;transform:translateX(0)} }

.reveal { opacity:0;transform:translateY(28px);transition:opacity 0.65s var(--ease),transform 0.65s var(--ease); }
.reveal.revealed { opacity:1;transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.1s; }
.reveal-delay-2 { transition-delay:0.18s; }
.reveal-delay-3 { transition-delay:0.26s; }
.reveal-delay-4 { transition-delay:0.34s; }

/* ── RESPONSIVE ── */
@media (max-width:991px) {
  section { padding:72px 0; }
  .hero { min-height:auto;padding:110px 0 72px; }
  .hero-visual { margin-top:48px; }
  #mainNav:not(.scrolled) { background:rgba(5,14,31,0.97) !important; }
}
@media (max-width:767px) {
  section { padding:56px 0; }
  .hero-actions { flex-direction:column;align-items:flex-start; }
  .hero-stat { flex:0 0 50%; }
  .float-call { display:none; }
  .trust-item { padding:4px 14px; }
  .about-float-card.c1, .about-float-card.c2 { display:none; }
}
@media (max-width:575px) {
  .hero-h1 { font-size:2.2rem; }
  .section-heading { font-size:1.75rem; }
}