:root { --ink:#102b46; --navy:#082843; --blue:#0878cb; --blue-2:#25a8e8; --sky:#eaf6ff; --line:#dceaf4; --muted:#61788b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#f8fcff; color:var(--ink); font-family:Tahoma, Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:86px; max-width:1240px; margin:auto; padding:0 28px; display:flex; align-items:center; gap:40px; border-bottom:1px solid rgba(16,43,70,.08); position:relative; z-index:20; }
.brand { display:flex; align-items:center; gap:12px; margin-left:auto; }
.brand-mark { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; color:white; font-weight:900; font-size:24px; background:linear-gradient(145deg,#0b83dd,#055ca5); box-shadow:0 8px 22px #0b78c92a; }
.brand b,.brand small { display:block; }.brand b{font-size:17px}.brand small{font-size:10px;color:#71869a;margin-top:4px}
nav { display:flex; gap:28px; font-size:13px; color:#48647c; } nav a{position:relative}nav a:after{content:'';position:absolute;right:0;bottom:-10px;width:0;height:2px;background:var(--blue);transition:.2s}nav a:hover{color:var(--blue)}nav a:hover:after{width:100%}
.header-cta,.primary { color:white; background:var(--blue); padding:13px 22px; border-radius:12px; font-size:13px; box-shadow:0 10px 28px #0878cb2c; transition:.2s; }.header-cta span,.primary span{margin-right:8px}.header-cta:hover,.primary:hover{transform:translateY(-2px);background:#056ab5}
.hero { min-height:620px; max-width:1240px; margin:auto; padding:72px 28px 82px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:54px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--blue); font-size:12px; font-weight:700; letter-spacing:-.2px; }.eyebrow:before{content:'';width:24px;height:2px;background:#4bb5ef;border-radius:4px}.eyebrow.light{color:#7fd1ff}.eyebrow.light:before{background:#52b9ec}
.hero h1 { font-size:clamp(48px,5vw,76px); line-height:1.22; letter-spacing:-3px; margin:18px 0 22px; }.hero h1 em{font-style:normal;color:var(--blue)}
.hero-copy>p { max-width:560px; color:var(--muted); line-height:2.15; font-size:16px; }
.hero-actions { display:flex; gap:12px; margin:32px 0; }.secondary{padding:13px 22px;border:1px solid var(--line);border-radius:12px;background:white;font-size:13px;transition:.2s}.secondary:hover{border-color:#78bee9;color:var(--blue)}
.trust-row{display:flex;align-items:center;gap:12px;color:#71869a;font-size:11px;flex-wrap:wrap}.trust-row b{color:var(--ink)}.trust-row>span{width:4px;height:4px;border-radius:50%;background:#48b4ef}
.hero-visual { position:relative; min-height:460px; border-radius:50% 50% 22% 50%; overflow:visible; background:linear-gradient(145deg,#e7f7ff,#a8def8); box-shadow:inset 0 0 0 1px #fff8,0 30px 70px #0b78c922; }
.hero-team{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(180deg,transparent 64%,#07385b80),url('./hero-team-v2.png');background-size:cover;background-position:center 36%;background-repeat:no-repeat}
.hero-shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff6,transparent 37%);pointer-events:none}
.availability-card{position:absolute;right:-22px;bottom:26px;width:235px;padding:16px 17px;display:flex;align-items:center;gap:11px;border-radius:18px;background:#fffffff2;box-shadow:0 20px 45px #0b4d7a28;backdrop-filter:blur(12px)}.availability-card i{width:10px;height:10px;background:#29bf72;border-radius:50%;box-shadow:0 0 0 6px #29bf7218}.availability-card span{flex:1}.availability-card small,.availability-card b{display:block}.availability-card small{font-size:9px;color:#7c8fa0}.availability-card b{font-size:12px;margin-top:5px}.availability-card strong{color:var(--blue)}
.experience-badge{position:absolute;left:-24px;top:48px;width:105px;height:105px;border-radius:50%;display:grid;align-content:center;text-align:center;background:var(--navy);color:white;border:7px solid #f8fcff;box-shadow:0 18px 38px #092f4b38}.experience-badge b{font-size:17px}.experience-badge span{font-size:8px;margin-top:3px;color:#b9d8ec}
.quick-facts{max-width:1184px;margin:0 auto 96px;background:white;border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 22px 60px #2f80ad0d}.quick-facts>div{display:flex;align-items:center;gap:13px;padding:22px 24px;border-left:1px solid #e5f0f7}.quick-facts>div:last-child{border-left:0}.quick-facts strong{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ecf7fd;color:var(--blue);font-size:20px}.quick-facts span b,.quick-facts span small{display:block}.quick-facts span b{font-size:12px}.quick-facts span small{font-size:9px;color:#8194a5;margin-top:5px}
.schedule-section { padding:94px max(28px,calc((100vw - 1184px)/2)); background:white; }
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-heading h2{font-size:36px;letter-spacing:-1.5px;line-height:1.5;margin:10px 0 0}.section-heading p{max-width:470px;color:var(--muted);font-size:13px;line-height:2}
.table-shell{overflow:hidden;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px #2f80ad0b}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:right;padding:20px 22px;border-bottom:1px solid #edf4f8;font-size:13px}th{color:#7890a3;background:#f6fbfe;font-size:11px;font-weight:600}tbody tr:last-child td{border:0}tbody tr{transition:.2s}tbody tr:hover{background:#fbfdff}td strong{font-size:14px}.booking-link{color:var(--blue);font-weight:700;white-space:nowrap}.booking-link span{margin-right:8px}.phone-list{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.phone-number{direction:ltr;display:inline-flex;align-items:center;gap:7px}.phone-number span{margin:0;font-size:12px}.phone-missing{color:#8aa0b1;font-size:11px}.day-pill{display:inline-block;min-width:72px;text-align:center;padding:8px 11px;border-radius:10px;color:#0871bc;background:#eaf6ff;font-weight:700}.schedule-note{font-size:10px;color:#7e91a2;margin:18px 4px 0}.schedule-note span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e9f5fc;color:var(--blue);font-weight:bold;margin-left:6px}
.specialties-section{padding:104px max(28px,calc((100vw - 1184px)/2));background:var(--navy);color:white;position:relative;overflow:hidden}.specialties-section:before{content:'+';position:absolute;left:2%;top:-140px;font-size:430px;line-height:1;color:#0e3756;opacity:.5;font-weight:200}.specialties-heading{position:relative}.specialties-heading h2{font-size:42px}.specialties-heading p{color:#a9c2d3}.specialty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;position:relative}.specialty-card{min-height:245px;background:#0d3451;border:1px solid #1b4968;border-radius:22px;display:grid;grid-template-columns:46% 54%;overflow:hidden;transition:.25s}.specialty-card:last-child{grid-column:1/-1;grid-template-columns:36% 64%}.specialty-card:hover{transform:translateY(-4px);border-color:#36779f}.specialty-photo{position:relative;min-height:245px;background-image:url('./specialties-grid-v2.png');background-repeat:no-repeat;background-size:400% 200%;filter:saturate(.82)}.specialty-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d3451 0%,transparent 50%)}.specialty-photo.endocrinology{background-position:0 0}.specialty-photo.hematology{background-position:33.333% 0}.specialty-photo.gastroenterology{background-position:66.667% 0}.specialty-photo.pulmonology{background-position:100% 0}.specialty-photo.cardiology{background-position:0 100%}.specialty-photo.urology{background-position:33.333% 100%}.specialty-photo.pediatrics{background-position:66.667% 100%}.specialty-photo>span{position:absolute;right:14px;top:14px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#082843bd;color:#9fdcff;font-size:10px;border:1px solid #ffffff3b}.specialty-copy{align-self:center;padding:26px 28px 26px 18px}.specialty-copy h3{margin:0 0 12px;font-size:19px}.specialty-copy p{color:#b2c8d7;font-size:11px;line-height:2.05;margin:0 0 18px}.specialty-copy a{font-size:10px;color:#6dcaee;font-weight:bold}.specialty-copy a span{margin-right:7px}
.about-section{max-width:1184px;margin:0 auto;padding:115px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.about-monogram{height:440px;border-radius:34% 10% 34% 10%;background:linear-gradient(145deg,#dff3ff,#f6fbff);position:relative;display:grid;place-items:center;overflow:hidden}.about-monogram:before,.about-monogram:after{content:'';position:absolute;border:1px solid #77c4eb66;border-radius:50%}.about-monogram:before{width:390px;height:390px}.about-monogram:after{width:250px;height:250px}.about-monogram span{font-size:70px;font-weight:900;color:#0878cb;letter-spacing:-6px;z-index:2}.about-monogram b{position:absolute;font-size:310px;line-height:1;color:#bde4f7;left:-40px;bottom:-85px;font-weight:200}.about-copy h2{font-size:47px;line-height:1.45;letter-spacing:-2px;margin:14px 0 20px}.about-copy>p{color:var(--muted);font-size:13px;line-height:2.2;max-width:550px}.about-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.about-copy li{font-size:12px;color:#3e5d73}.about-copy li i{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e7f6fd;color:var(--blue);margin-left:10px;font-weight:bold}
.contact-section{max-width:1184px;margin:0 auto 100px;border-radius:28px;padding:54px 62px;display:flex;align-items:center;justify-content:space-between;gap:60px;background:linear-gradient(135deg,#0878cb,#075693);color:white;position:relative;overflow:hidden}.contact-section:after{content:'+';position:absolute;left:30%;top:-125px;font-size:340px;line-height:1;color:#fff;opacity:.06}.contact-section h2{font-size:34px;line-height:1.6;margin:10px 0 0}.contact-card{max-width:440px;padding:24px 26px;border:1px solid #ffffff30;background:#ffffff10;border-radius:18px;position:relative;z-index:2;backdrop-filter:blur(8px)}.clinic-address{font-style:normal;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid #ffffff25}.clinic-address span,.clinic-address strong{display:block}.clinic-address span{font-size:9px;color:#aee0fa;margin-bottom:8px}.clinic-address strong{font-size:12px;line-height:2.05;color:#edf8ff;font-weight:500}.contact-card a{display:flex;justify-content:space-between;direction:ltr;font-weight:bold;font-size:14px}.contact-card a span{font-size:18px}
footer{max-width:1184px;margin:0 auto;padding:30px 0 45px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#758a9a;font-size:10px}.footer-brand{margin-left:auto}.footer-brand .brand-mark{width:36px;height:36px;border-radius:11px;font-size:20px}.footer-brand b{color:var(--ink);font-size:14px}footer>a:last-child{color:var(--blue);font-weight:bold}
@media(max-width:1100px){.quick-facts,.about-section,.contact-section,footer{margin-left:28px;margin-right:28px}.specialty-card{grid-template-columns:42% 58%}.about-section{gap:55px}.site-header nav{gap:18px}}
@media(max-width:820px){.site-header{height:74px;padding:0 18px}.site-header nav{display:none}.header-cta{padding:11px 14px}.hero{grid-template-columns:1fr;padding:56px 20px 78px}.hero h1{font-size:49px}.hero-visual{min-height:390px;max-width:560px;width:100%;justify-self:center}.quick-facts{grid-template-columns:repeat(2,1fr);margin-bottom:70px}.quick-facts>div:nth-child(2){border-left:0}.quick-facts>div:nth-child(-n+2){border-bottom:1px solid #e5f0f7}.specialty-grid{grid-template-columns:1fr}.specialty-card:last-child{grid-column:auto;grid-template-columns:42% 58%}.about-section{grid-template-columns:1fr;padding:80px 0}.about-monogram{height:360px}.contact-section{align-items:flex-start;flex-direction:column}.contact-card{max-width:none;width:100%}}
@media(max-width:600px){.brand small{display:none}.brand b{font-size:15px}.brand-mark{width:38px;height:38px}.hero{padding-top:44px}.hero h1{font-size:43px;letter-spacing:-2.4px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;text-align:center}.hero-visual{min-height:310px;border-radius:44% 44% 16% 44%}.availability-card{right:10px;bottom:15px}.experience-badge{width:88px;height:88px;left:0;top:25px}.quick-facts{grid-template-columns:1fr;margin-left:18px;margin-right:18px}.quick-facts>div{border-left:0;border-bottom:1px solid #e5f0f7!important}.quick-facts>div:last-child{border-bottom:0!important}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:30px}.schedule-section,.specialties-section{padding:72px 18px}.table-shell{border:0;box-shadow:none;overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tbody{display:grid;gap:12px}tbody tr{border:1px solid var(--line);border-radius:16px;padding:15px;background:white;box-shadow:0 10px 30px #2f80ad0a}td{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 4px;border-bottom:1px dashed #e4eef5;text-align:left}td:before{content:attr(data-label);font-size:10px;color:#8194a5;text-align:right}td:last-child{border-bottom:0}.specialty-card,.specialty-card:last-child{grid-template-columns:1fr}.specialty-photo{min-height:220px}.specialty-photo:after{background:linear-gradient(0deg,#0d3451 0%,transparent 48%)}.specialty-copy{padding:22px}.about-section{margin:0 18px;gap:38px}.about-monogram{height:290px}.about-monogram span{font-size:55px}.about-copy h2{font-size:37px}.contact-section{margin:0 18px 72px;padding:38px 25px}.contact-section h2{font-size:28px}footer{margin:0 18px;align-items:flex-start;flex-direction:column}.footer-brand{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}