/* Dar ul Barkat: calm glass, royal blue and icy light */
:root {
  --ink:#0f172a; --ink-2:#3d5068; --ink-3:#64748b;
  --brand:#2563eb; --brand-700:#1e40af; --brand-100:#dbeafe; --brand-050:#f0f7ff;
  --pulse:#0d6efd; --pulse-100:#dbeafe; --paper:#f4f9ff; --mist:#d8e8f7;
  --sage:#e7f2ff; --sage-ink:#2563eb;
  --shadow-sm:0 4px 12px rgba(37,99,235,.08); --shadow:0 12px 30px rgba(30,64,175,.10); --shadow-lg:0 26px 64px rgba(30,64,175,.15);
  --ff-display:"Avenir Next","Segoe UI",system-ui,sans-serif; --ff-body:"Avenir Next","Segoe UI",system-ui,sans-serif;
  --glass:rgba(255,255,255,.62); --glass-edge:rgba(255,255,255,.90);
}
body { position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(223,243,255,.2),rgba(96,170,228,.17)),url("../img/glass-atmosphere.svg") center/cover fixed no-repeat,linear-gradient(150deg,#d8efff,#86bce9);background-size:auto,cover,auto;background-position:center,center,center; }
body::before { content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 4%,rgba(255,255,255,.24),transparent 48%),radial-gradient(ellipse at 92% 55%,rgba(47,142,221,.14),transparent 42%); }
.glass-motion { position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint; }
.glass-orb { position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.72) 8%,rgba(231,247,255,.48) 26%,rgba(98,176,233,.32) 67%,rgba(255,255,255,.58) 83%,rgba(41,126,198,.3) 100%);border:1px solid rgba(255,255,255,.88);box-shadow:inset -14px -18px 28px rgba(37,116,181,.16),inset 10px 8px 18px rgba(255,255,255,.88),0 18px 36px rgba(36,118,185,.13);will-change:transform;backface-visibility:hidden;}
.glass-orb--large { width:clamp(150px,19vw,290px);aspect-ratio:1;left:-6vw;top:26vh;animation:orb-float 9s ease-in-out infinite alternate; }
.glass-orb--small { width:clamp(58px,7vw,100px);aspect-ratio:1;right:7vw;bottom:12vh;opacity:.78;animation:orb-float 7s ease-in-out -2s infinite alternate-reverse; }
.glass-ring { position:absolute;display:block;width:clamp(220px,30vw,440px);aspect-ratio:1;right:-10vw;top:15vh;border:clamp(9px,1.3vw,19px) solid rgba(255,255,255,.54);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 46%,rgba(194,230,255,.28) 64%,rgba(255,255,255,.55) 72%,rgba(63,147,211,.2) 78%,rgba(255,255,255,.38) 82%,transparent 84%);box-shadow:inset 8px 8px 16px rgba(255,255,255,.72),inset -10px -12px 20px rgba(46,125,187,.15),0 18px 35px rgba(46,125,187,.12);transform:rotateX(58deg) rotateZ(-18deg);will-change:transform;backface-visibility:hidden;animation:ring-drift 19s ease-in-out infinite alternate; }
.glass-health-objects { position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.88; }
.health-object { transform-box:fill-box;transform-origin:center;will-change:transform;backface-visibility:hidden; }
.health-object--cross { animation:orb-float 8s ease-in-out infinite alternate; }
.health-object--vial { animation:orb-float 10s ease-in-out -3s infinite alternate-reverse; }
.health-object--molecule { animation:orb-float 12s ease-in-out -5s infinite alternate; }
.health-object--tile { animation:ring-drift 17s ease-in-out -4s infinite alternate-reverse; }
main>section { background:transparent!important; }
.site-header { background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.92);box-shadow:0 12px 36px rgba(30,64,175,.09);backdrop-filter:blur(22px) saturate(155%); }
.header-inner { background:rgba(255,255,255,.56);border-color:rgba(255,255,255,.82);box-shadow:0 16px 40px rgba(37,99,235,.08);backdrop-filter:blur(18px) saturate(145%); }
.main-nav ul { gap:clamp(10px,1.15vw,17px); }
.hero { background:radial-gradient(ellipse at 73% 38%,rgba(191,219,254,.34),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.56),rgba(239,247,255,.4)); }
.hero-copy h1 { color:#0f172a;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.055em; }
.hero-copy h1 span { display:block; }
.hero-copy h1 span+span { color:#2563eb; }
.hero-copy .lead { color:#475569;max-width:39ch; }
.hero .pbtn--primary { background:linear-gradient(145deg,#3478f6,#1d4ed8);box-shadow:0 12px 28px rgba(37,99,235,.24); }
.hero .pbtn--primary:hover { background:#1e40af; }
.hero-frame { border:1px solid rgba(255,255,255,.92);box-shadow:0 26px 70px rgba(30,64,175,.16),inset 0 1px 0 #fff; }
.hero-frame img { object-position:50% 15%; }
.hero-chips li,.dept-card,.doc-card,.opd-cover,.rx-panel,.rx-dx,.info-card,.faq-item,.story,.stat,.hero-card,.book-side__panel,.book-form-wrap,.about-cards {
 background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(248,252,255,.58));
 border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 38px rgba(37,99,235,.075),inset 0 1px 0 rgba(255,255,255,.96);
 backdrop-filter:blur(18px) saturate(150%);
}
.dept-card { transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.dept-card:hover { transform:translateY(-5px);border-color:#bfdbfe;box-shadow:0 22px 44px rgba(37,99,235,.14); }
.rx { position:relative;isolation:isolate; }
.rx::before { content:none; }
.rx-grid { position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(18px,3vw,40px);min-height:500px;margin-bottom:30px;padding:clamp(28px,4.2vw,56px);overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:32px;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(244,250,255,.74) 52%,rgba(219,239,255,.72));box-shadow:0 28px 70px rgba(34,100,166,.15),inset 0 1px 0 #fff;backdrop-filter:blur(16px) saturate(145%); }
.rx-grid::before { content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 48%,rgba(97,174,234,.24),transparent 44%),linear-gradient(90deg,rgba(255,255,255,.12),transparent 48%,rgba(255,255,255,.25)); }
.rx-grid::after { content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.52);border-radius:24px;pointer-events:none; }
.rx-panel { position:relative;z-index:2;min-width:0;padding:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important; }
.rx-panel .eyebrow { margin-bottom:12px; }
.rx-panel .section-title { margin-bottom:14px; }
.rx-lead { max-width:48ch;line-height:1.65;margin-bottom:22px; }
.rx-list { gap:7px;margin-bottom:24px; }
.rx-list li { align-items:flex-start;gap:13px;padding:10px 12px;border:1px solid transparent;border-radius:15px;transition:background .2s ease,border-color .2s ease; }
.rx-list li+li { border-top-color:rgba(37,99,235,.09); }
.rx-list li svg { width:23px;height:23px;margin-top:1px;padding:4px;border-radius:50%;background:linear-gradient(145deg,#fff,#dcedff);box-shadow:0 4px 10px rgba(37,99,235,.13); }
.rx-list strong { margin-bottom:2px; }
.rx-list span { display:block;line-height:1.5; }
.rx-actions { align-items:center;gap:12px 18px; }
.rx-note { max-width:28ch;line-height:1.5; }
.rx-ill { position:relative;z-index:1;display:grid;place-items:center;min-width:0;min-height:430px;padding:0;overflow:visible;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important; }
.rx-scene-glow { position:absolute;z-index:0;width:94%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(151,207,248,.35) 54%,rgba(87,163,224,.08) 72%,transparent 73%); }
.rx-scene-orbit { position:absolute;z-index:0;width:103%;height:74%;border:1px solid rgba(255,255,255,.82);border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 0 8px rgba(255,255,255,.09),inset 0 0 18px rgba(255,255,255,.46); }
.rx-ill .pharmacy-visual { position:relative;z-index:1;display:block;width:112%;max-width:640px;height:auto;margin-inline:auto; }
.rx-scene-label { position:absolute;z-index:3;right:0;bottom:6%;display:flex;align-items:center;gap:11px;max-width:235px;padding:12px 16px;border:1px solid rgba(255,255,255,.95);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(236,247,255,.7));box-shadow:0 14px 32px rgba(38,103,165,.14),inset 0 1px 0 #fff;backdrop-filter:blur(12px); }
.rx-scene-label__mark { display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(255,255,255,.95);border-radius:12px;background:linear-gradient(145deg,#63b2f6,#1e68d3);box-shadow:inset 0 1px 2px rgba(255,255,255,.7),0 6px 14px rgba(37,99,235,.2); }
.rx-scene-label__mark svg { width:21px;height:21px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,46,133,.26)); }
.rx-scene-label strong,.rx-scene-label small { display:block; }
.rx-scene-label strong { color:#102b55;font-family:var(--ff-display);font-size:.88rem;line-height:1.3; }
.rx-scene-label small { color:#58708e;font-size:.75rem;line-height:1.4; }
.rx-dx { border-color:rgba(255,255,255,.91); }
.dept-ic,.dept-ic--plum,.dept-ic--rose { color:#2563eb;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(219,234,254,.86));border:1px solid rgba(255,255,255,.98);box-shadow:0 10px 22px rgba(37,99,235,.12),inset 0 1px 0 #fff; }
.hero-card__thumb { display:grid;place-items:center;background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid #fff;box-shadow:inset 0 1px 3px #fff; }
.hero-card__thumb svg { width:42px;height:42px;filter:drop-shadow(0 5px 5px rgba(37,99,235,.2)); }
.opd-sched { background:linear-gradient(145deg,rgba(30,58,138,.94),rgba(37,99,235,.91));border-color:rgba(255,255,255,.44);box-shadow:0 26px 60px rgba(30,64,175,.27),inset 0 1px 0 rgba(255,255,255,.38); }
.hero-badge { color:#1e3a8a;background:rgba(255,255,255,.84);border:1px solid #fff;backdrop-filter:blur(14px); }
.hero-badge .ecg { stroke:#2563eb; }
.site-footer .container { background:linear-gradient(145deg,#123467,#0f172a);box-shadow:0 24px 70px rgba(15,23,42,.18); }
@media(max-width:900px) { .rx-grid { grid-template-columns:1fr;gap:4px;min-height:0;padding:clamp(24px,6vw,42px); } .rx-panel { order:1; } .rx-ill { order:2;min-height:clamp(290px,68vw,410px);margin-top:4px; } .rx-ill .pharmacy-visual { width:min(100%,560px); } .rx-scene-label { right:2%;bottom:3%; } }
@media(max-width:860px) { .site-footer .container { width:auto; } .hero-copy h1 { font-size:clamp(2rem,8.4vw,2.35rem); } }
@keyframes orb-float { from { transform:translate3d(0,-8px,0) scale(.98); } to { transform:translate3d(12px,20px,0) scale(1.04); } }
@keyframes ring-drift { from { transform:translate3d(0,-8px,0) rotateX(58deg) rotateZ(-18deg); } to { transform:translate3d(-24px,26px,0) rotateX(58deg) rotateZ(-8deg); } }
@media(prefers-reduced-motion:reduce) { body,body::before,.glass-orb,.glass-ring,.health-object { animation:none!important; } *,*::before,*::after { scroll-behavior:auto!important; } }

/* The supplied molecule clip carries the ambient motion; keep the decorative
   CSS objects still so the background stays smooth on modest devices. */
body { background:linear-gradient(150deg,#cceaff,#8abfe8); }
.site-background-video { position:fixed;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.48;pointer-events:none; }
body::before { background:rgba(255,255,255,.1);opacity:1; }
.glass-motion { display:none!important; }
.site-background-video { opacity:1; }
.glass-orb--large,.glass-orb--small,.glass-ring,.health-object { animation:none!important;will-change:auto; }
.glass-health-objects { opacity:.58; }
.site-header { backdrop-filter:blur(12px) saturate(140%); }
.header-inner { backdrop-filter:blur(8px) saturate(135%); }
.hero-chips li,.dept-card,.doc-card,.opd-cover,.rx-panel,.rx-dx,.info-card,.faq-item,.story,.stat,.hero-card,.book-side__panel,.book-form-wrap,.about-cards { backdrop-filter:blur(9px) saturate(140%); }
.rx-grid { backdrop-filter:blur(9px) saturate(140%); }
.rx-scene-label,.hero-badge { backdrop-filter:blur(7px); }

/* Give the appointment form room to breathe on wide screens. */
.book > .container { width:min(1380px,calc(100% - 48px));max-width:none; }
.book-grid { grid-template-columns:minmax(0,1.75fr) minmax(320px,.85fr);gap:clamp(24px,2.6vw,38px);align-items:start; }
.book-form-wrap { min-width:0;padding:clamp(28px,3.2vw,48px); }
.book-form-wrap .section-intro { max-width:62ch;margin-bottom:26px; }
.book-form { column-gap:22px;row-gap:20px; }
.book-side__panel { width:100%; }
.book-confirm-mark { display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid rgba(255,255,255,.96);border-radius:50%;color:#fff;background:linear-gradient(145deg,#55aaf2,#1d64d1);box-shadow:inset 0 1px 2px rgba(255,255,255,.66),0 7px 16px rgba(37,99,235,.18);font-size:1.6rem;font-weight:800; }
@media(max-width:991px) {
  .book > .container { width:calc(100% - 40px); }
  .book-grid { grid-template-columns:minmax(0,1fr); }
  .book-side__panel { position:static; }
}
@media(max-width:760px) {
  .book > .container { width:calc(100% - 32px); }
  .book-form { grid-template-columns:1fr; }
  .book-form .field--half { grid-column:1 / -1; }
  .book-form-wrap { padding:24px; }
}
@media(max-width:480px) {
  .book > .container { width:calc(100% - 16px);padding-inline:14px; }
  .book-form-wrap { padding:18px; }
}
@media(max-width:420px) {
  .stats .stats-grid { grid-template-columns:minmax(0,1fr);max-width:360px; }
  .stats .stat { padding:24px; }
}
@media(prefers-reduced-motion:reduce) { .site-background-video { display:none; } }

/* Darken foreground typography to hold contrast over the bright cyan video. */
body { color:#102443; }
.eyebrow:not(.eyebrow--light),.eyebrow--pulse { color:#123c78; }
.section-intro,.doc-role { color:#263f5c; }
.hero-copy h1 { color:#071b3e;text-shadow:0 1px 1px rgba(255,255,255,.72); }
.hero-copy h1 span+span { color:#083d91;text-shadow:0 1px 2px rgba(255,255,255,.78); }
.hero-copy .lead { color:#10294a;text-shadow:0 1px 2px rgba(255,255,255,.8);font-weight:500; }
.hero-copy > .eyebrow { color:#123b78;text-shadow:0 1px 2px rgba(255,255,255,.85);font-weight:700; }
.hero-copy { position:relative;z-index:1;padding:clamp(20px,2.4vw,32px);border:1px solid rgba(255,255,255,.88);border-radius:26px;background:linear-gradient(140deg,rgba(255,255,255,.78),rgba(242,249,255,.64));box-shadow:0 18px 44px rgba(17,53,106,.12),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(12px) saturate(145%); }
@media(max-width:860px) { .hero-copy { padding:20px; } }
main > .trustbar { background:linear-gradient(110deg,rgba(255,255,255,.76),rgba(245,250,255,.64))!important;border-block:1px solid rgba(255,255,255,.88);backdrop-filter:blur(12px) saturate(145%); }
.trustbar__label { color:#173b67; }
.trustbar__list li { color:#102443;opacity:1;text-shadow:0 1px rgba(255,255,255,.65); }
.section-head { padding:clamp(20px,2.4vw,32px);border:1px solid rgba(255,255,255,.88);border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.78),rgba(242,249,255,.64));box-shadow:0 16px 40px rgba(20,63,112,.1),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(12px) saturate(145%); }
.section-head .section-title { color:#0a1f40; }
.section-head .section-intro { color:#233b59;font-weight:500;text-shadow:0 1px rgba(255,255,255,.66); }
.dept-card h3,.doc-card h3,.why-list h3 { color:#102443; }
.dept-card > p,.why-list p { color:#263f5c; }
.why-copy { max-width:100%;padding:clamp(22px,3vw,36px);border:1px solid rgba(255,255,255,.88);border-radius:26px;background:linear-gradient(125deg,rgba(255,255,255,.78),rgba(243,249,255,.64));box-shadow:0 18px 46px rgba(20,63,112,.1),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(12px) saturate(145%); }
.why-copy > .section-title { color:#0a1f40; }
.why-copy > .section-intro { color:#233b59;font-weight:500; }
.why-list { gap:12px; }
.why-list li { padding:16px;border:1px solid rgba(255,255,255,.88);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(239,247,255,.62));box-shadow:0 8px 20px rgba(27,67,113,.07);backdrop-filter:blur(10px) saturate(140%); }
.doc-role { color:#263f5c; }

/* Shared palette balance across the full site: ocean video as the canvas,
   frosted white for reading surfaces, and blue for action and emphasis. */
:root { --palette-ocean:#cceaff;--palette-ice:#dbeafe;--palette-glass:rgba(255,255,255,.8);--palette-glass-tint:rgba(194,222,251,.68);--palette-ink:#102443;--palette-copy:#263f5c;--palette-action:#1761df; }
body { color:var(--palette-ink);background:linear-gradient(150deg,#f5fbff 0%,var(--palette-ocean) 46%,#80b7e8 100%); }
.hero-copy,.section-head,.why-copy,.why-list li,.dept-card,.doc-card,.opd-cover,.rx-dx,.info-card,.faq-item,.story,.stat,.hero-card,.book-side__panel,.book-form-wrap,.about-cards { background:linear-gradient(135deg,var(--palette-glass),var(--palette-glass-tint)); }
.section-head .section-title,.why-copy > .section-title,.dept-card h3,.doc-card h3,.why-list h3 { color:var(--palette-ink); }
.section-head .section-intro,.why-copy > .section-intro,.dept-card > p,.why-list p,.doc-role { color:var(--palette-copy); }
.pbtn--primary,.header-inner .pbtn--primary { background:linear-gradient(145deg,#3478f6,var(--palette-action)); }
.site-header { background:linear-gradient(110deg,rgba(255,255,255,.9),rgba(218,237,255,.84));border-color:rgba(255,255,255,.94); }
.header-inner { background:linear-gradient(110deg,rgba(255,255,255,.84),rgba(207,230,255,.76));border-color:rgba(255,255,255,.92); }
.hero-chips li,.trustbar__list li,.insurers li { background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(214,233,255,.82));border-color:rgba(255,255,255,.96); }
.text-link,.header-phone { color:#174fa8; }
.pbtn--ghost { color:#164fae;border-color:#64a4f5;background:rgba(255,255,255,.78); }
.pbtn--ghost:hover { color:#fff;background:var(--palette-action); }
.site-footer .container { background:linear-gradient(145deg,#1d4f9c,#0f2e5b); }
.about-cards { background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important; }
.about-cards .dept-card { border:1px solid rgba(255,255,255,.88);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(231,244,255,.62));box-shadow:0 16px 38px rgba(25,73,124,.1),inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(12px) saturate(145%); }
.about-cards .dept-card .text-link { color:#174fa8;text-shadow:0 1px rgba(255,255,255,.6); }
.map-embed { min-height:280px;border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 14px 34px rgba(18,57,101,.16),inset 0 1px 0 rgba(255,255,255,.85);background:rgba(255,255,255,.36); }
@media(max-width:640px) { .map-embed { min-height:250px; } }

/* Reuse the cards' medical icons as lightweight 3D accents. Motion runs on
   hover only, avoiding dozens of continuous animations over the video. */
:root { --palette-glass-tint:rgba(205,229,255,.72); }
.dept-card,.doc-card,.opd-cover,.rx-dx,.info-card,.faq-item,.story,.stat,.hero-card,.book-side__panel,.book-form-wrap,.why-list li,.rx-grid {
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.7,.25,1),box-shadow .28s ease,border-color .28s ease;
  border-color:rgba(255,255,255,.9);
  box-shadow:0 16px 38px rgba(26,77,133,.11),inset 0 1px 0 rgba(255,255,255,.97);
}
.dept-ic,.why-ic,.hero-card__thumb,.opd-cover__list svg,.rx-list li>svg,.hero-chips li svg {
  transform:perspective(500px) translateZ(10px) rotateY(-5deg);
  transform-style:preserve-3d;
  transition:transform .3s cubic-bezier(.2,.7,.25,1),box-shadow .3s ease;
  box-shadow:0 9px 20px rgba(20,79,151,.18),inset 0 1px 0 rgba(255,255,255,.98);
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .dept-card:hover,.doc-card:hover,.opd-cover:hover,.rx-dx:hover,.info-card:hover,.story:hover,.stat:hover,.hero-card:hover,.book-side__panel:hover,.book-form-wrap:hover,.why-list li:hover {
    transform:perspective(1100px) rotateX(.65deg) rotateY(-.65deg) translateY(-3px);
    box-shadow:0 24px 48px rgba(22,75,137,.16),inset 0 1px 0 rgba(255,255,255,.98);
  }
  .dept-card:hover .dept-ic,.why-list li:hover .why-ic,.hero-card:hover .hero-card__thumb,.opd-cover:hover .opd-cover__list svg,.rx-list li:hover>svg,.hero-chips li:hover svg {
    transform:perspective(500px) translateZ(22px) rotateY(12deg) rotateX(-6deg);
    box-shadow:0 15px 26px rgba(20,79,151,.23),inset 0 1px 0 rgba(255,255,255,.98);
  }
}
@media(prefers-reduced-motion:reduce) {
  .dept-card,.doc-card,.opd-cover,.rx-dx,.info-card,.faq-item,.story,.stat,.hero-card,.book-side__panel,.book-form-wrap,.why-list li,.rx-grid,.dept-ic,.why-ic,.hero-card__thumb,.opd-cover__list svg,.rx-list li>svg,.hero-chips li svg { transform:none!important;transition:none!important; }
}
.dept-ic,.why-ic,.hero-card__thumb {
  position:relative;overflow:visible;border:1px solid rgba(255,255,255,.98)!important;
  background:linear-gradient(145deg,#fff 0%,#e9f4ff 42%,#b7d8fa 100%)!important;
  box-shadow:0 5px 0 #9dc3ed,0 9px 18px rgba(20,79,151,.2),inset 0 1px 0 #fff!important;
  transform:perspective(520px) rotateX(8deg) rotateY(-12deg) translateZ(10px);
}
.dept-ic::after,.why-ic::after,.hero-card__thumb::after { content:"";position:absolute;top:5px;left:6px;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 0 10px rgba(255,255,255,.9);pointer-events:none; }
.dept-ic svg,.why-ic svg,.hero-card__thumb svg { position:relative;z-index:1;filter:drop-shadow(0 2px 1px rgba(12,63,132,.24)); }
.opd-cover__list svg { flex:0 0 28px!important;width:28px!important;height:28px!important;padding:5px;border:1px solid rgba(255,255,255,.96);border-radius:9px;background:linear-gradient(145deg,#fff,#cfe5ff);box-shadow:0 4px 0 #a7c9ef,0 7px 12px rgba(20,79,151,.15); }
.rx-list li>svg { flex:0 0 25px;width:25px!important;height:25px!important;padding:4px;border:1px solid rgba(255,255,255,.98);border-radius:50%;background:linear-gradient(145deg,#fff,#bddcff)!important;box-shadow:0 4px 0 #8db9e8,0 7px 12px rgba(20,79,151,.16)!important; }
@media(prefers-reduced-motion:reduce) { .dept-ic,.why-ic,.hero-card__thumb { transform:none!important; } }
.stories .story { background:linear-gradient(135deg,rgba(19,75,160,.96),rgba(37,99,235,.9) 58%,rgba(78,145,231,.88))!important;border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 52px rgba(15,63,137,.24),inset 0 1px 0 rgba(255,255,255,.52); }
.stories .story-quote { fill:#bcdcff;filter:drop-shadow(0 5px 10px rgba(6,41,105,.26)); }
.stories .story-quote-text,.stories .story-name { color:#fff; }
.stories .story-role { color:#d7eaff; }
.stories .story-rating svg { fill:#ffd166;filter:drop-shadow(0 2px 3px rgba(9,44,97,.24)); }
.stories .slider-btn { border-color:rgba(255,255,255,.84);background:linear-gradient(145deg,#fff,#dcecff);color:#174fa8;box-shadow:0 7px 18px rgba(24,82,158,.14); }
.stories .slider-dots button { background:#a9c9ed; }
.stories .slider-dots button[aria-selected="true"] { background:#1761df; }
.stats { background:transparent!important; }
.stats .stats-grid { gap:clamp(14px,2vw,22px); }
.stats .stat {
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(224,241,255,.82))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 18px 42px rgba(14,75,143,.16),inset 0 1px 0 #fff!important;
}
.stats .stat:nth-child(2) { background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(207,231,255,.88))!important; }
.stats .stat-num,.stats .stat:nth-child(2) .stat-num { color:#0756c8!important;text-shadow:0 2px 12px rgba(37,99,235,.12); }
.stats .stat-label,.stats .stat:nth-child(2) .stat-label { color:#244568!important;font-weight:600; }
.stats .stat::after { opacity:.58; }
.about-cards .dept-card {
  background:linear-gradient(145deg,rgba(15,86,190,.94),rgba(37,112,222,.91) 58%,rgba(92,163,235,.88))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 22px 46px rgba(15,63,137,.2),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.about-cards .dept-card h3 { color:#fff!important; }
.about-cards .dept-card > p { color:#eaf4ff!important; }
.about-cards .dept-card .text-link { color:#fff!important;text-shadow:0 1px 8px rgba(4,43,107,.35); }
.about-cards .dept-card .dept-ic { border-color:rgba(255,255,255,.96)!important; }
.book-form-wrap {
  background:linear-gradient(145deg,rgba(16,82,181,.95),rgba(37,112,222,.93) 58%,rgba(89,158,230,.9))!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 26px 58px rgba(13,59,128,.23),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
.book-form-wrap .section-title,.book-form-wrap .section-intro,.book-form-wrap .field label { color:#fff!important; }
.book-form-wrap .field label .opt { color:#dcecff!important; }
.book-form-wrap .field--check label { color:#eff7ff!important; }
.book-form-wrap .form-privacy {
  margin-top:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.58);border-radius:14px;
  background:rgba(255,255,255,.16);color:#f1f7ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.book-form-wrap .form-privacy strong { color:#fff; }
.rx-dx {
  background:linear-gradient(145deg,rgba(16,82,181,.95),rgba(37,112,222,.93) 58%,rgba(89,158,230,.9))!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 22px 46px rgba(13,59,128,.2),inset 0 1px 0 rgba(255,255,255,.56)!important;
}
.rx-dx__copy h3 { color:#fff!important; }
.rx-dx__copy p { color:#eaf4ff!important; }
.rx-dx__ic { background:linear-gradient(145deg,#fff,#d8ecff)!important;border:1px solid rgba(255,255,255,.98);box-shadow:0 8px 18px rgba(5,48,111,.2),inset 0 1px 0 #fff; }
.rx-dx__ic svg { stroke:#1261cc!important; }
.rx-dx .pbtn--ghost { color:#1254b4!important;background:linear-gradient(145deg,#fff,#e5f2ff)!important;border-color:rgba(255,255,255,.98)!important;box-shadow:0 8px 18px rgba(5,48,111,.2),inset 0 1px 0 #fff; }
@media(max-width:820px) {
  .chat-panel { height:min(480px,calc(100vh - 200px)); }
}
@supports(height:100dvh) {
  .chat-panel { height:min(520px,calc(100dvh - 150px)); }
  @media(max-width:820px) { .chat-panel { height:min(480px,calc(100dvh - 200px)); } }
}
/* Prefer translucent glass fills over live backdrop sampling: the video stays
   visible through panels without forcing every card to re-blur every frame. */
.site-header,.header-inner,.hero-chips li,.dept-card,.doc-card,.opd-cover,.rx-panel,.rx-dx,.info-card,.faq-item,.story,.stat,.hero-card,.book-side__panel,.book-form-wrap,.about-cards .dept-card,.rx-grid,.section-head,.hero-copy,.why-copy,.why-list li,.rx-scene-label,.hero-badge,.opd-sched {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* The video supplies ambient motion; avoid running extra full-hero loops. */
.hx-wash--1,.hx-wash--2,.hx-spark,.hx-ribbon,.hx-mol { animation:none!important; }
/* Keep the moving video and page scrolling light on GPU-bound devices. */
.site-background-video { transform:translate3d(0,0,0);backface-visibility:hidden; }
.site-header,.header-inner { -webkit-backdrop-filter:blur(5px) saturate(120%);backdrop-filter:blur(5px) saturate(120%); }
.hero-chips li,.dept-card,.doc-card,.opd-cover,.rx-panel,.rx-dx,.info-card,.faq-item,.story,.stat,.hero-card,.book-side__panel,.book-form-wrap,.about-cards .dept-card {
  -webkit-backdrop-filter:blur(3px) saturate(112%);
  backdrop-filter:blur(3px) saturate(112%);
}
.rx-grid,.section-head,.hero-copy,.why-copy { -webkit-backdrop-filter:blur(5px) saturate(120%);backdrop-filter:blur(5px) saturate(120%); }
