@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#123742;--dark:#0c3544;--dark2:#092b38;--teal:#117c88;--mint:#d8eee8;--cream:#f7f7f3;--line:#dbe5e2;--muted:#5f7479}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;line-height:1.6}html[lang=ar] body{font-family:'Noto Sans Arabic',sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:20px;height:20px;vertical-align:middle;flex:none}img{max-width:100%;display:block}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.topline{background:var(--dark2);color:#d8e9e7;font-size:12px;letter-spacing:.04em}.top-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top-inner a{white-space:nowrap}.top-inner svg{width:13px;height:13px}.site-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid #e9efee}.header-inner{height:94px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:9px;min-width:205px}.brand img{width:48px;height:48px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand strong{font:800 20px/1.1 Manrope,sans-serif;letter-spacing:.035em;color:var(--dark)}.brand small{font:700 9px/1.4 Manrope,sans-serif;letter-spacing:.25em;color:var(--teal)}nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}nav a{font-size:13px;font-weight:700;white-space:nowrap;color:#3e555b;transition:color .2s}nav a:hover,nav a.active{color:#087f86}.lang-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:100px;padding:4px;white-space:nowrap}.lang-switch a{font:700 11px/1.5 Manrope,sans-serif;padding:7px 8px;border-radius:100px}.lang-switch a.selected{background:var(--dark);color:white}.menu-toggle{display:none;border:0;background:transparent;color:var(--dark);font-size:25px;cursor:pointer}.hero{background:linear-gradient(115deg,#f5f8f6 0%,#f1f7f5 48%,#e6f0ec 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:625px;gap:35px}.hero-copy{padding:70px 0 80px;position:relative;z-index:2}.eyebrow{color:#64c7c5;font:800 11px/1.5 Manrope,sans-serif;letter-spacing:.20em;text-transform:uppercase;display:flex;gap:11px;align-items:center}.eyebrow.dark{color:#168492}.dot{display:inline-block;width:7px;height:7px;background:#49adac;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.16;letter-spacing:-.045em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.42}.hero h1{font-size:clamp(42px,4.45vw,70px);font-weight:700;max-width:670px;margin:24px 0 25px}.hero p{font-size:18px;color:#557177;max-width:510px;line-height:1.75}.actions{display:flex;align-items:center;gap:29px;margin-top:37px;flex-wrap:wrap}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;border-radius:6px;padding:15px 23px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:#fff;box-shadow:0 12px 25px #0c647327}.primary:hover{background:#096775}.text-link,.arrow-link{font-size:13px;font-weight:800;border-bottom:1px solid #7aa7a8;padding-bottom:5px}.hero-proof{display:flex;gap:28px;margin-top:62px;color:#59757a;font-size:12px;font-weight:700}.hero-proof span{display:flex;gap:8px;align-items:center}.hero-proof svg{color:#168b93;width:17px}.hero-visual{height:100%;min-height:625px;position:relative;display:flex;align-items:flex-end;justify-content:center}.photo-frame{position:relative;z-index:2;width:min(480px,95%);height:555px;border-radius:250px 250px 12px 12px;overflow:hidden;background:#e6ebea;box-shadow:20px 25px 55px #0f545126}.photo-frame img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.72)}.orbit{position:absolute;border:1px solid #9cbfbe;border-radius:50%;opacity:.7}.orbit-one{width:710px;height:710px;top:-220px;right:-185px}.orbit-two{width:510px;height:510px;top:-120px;right:-80px}.visual-label{position:absolute;z-index:3;bottom:40px;left:-20px;background:#fff;padding:18px 25px;min-width:265px;display:flex;align-items:center;gap:16px;box-shadow:0 15px 40px #17394120;font:800 12px/1.5 Manrope,sans-serif;letter-spacing:.08em}.visual-label small{font-size:8px;letter-spacing:.16em;color:var(--teal)}.small-line{width:28px;height:2px;background:var(--teal)}.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:43px}.section h2,.doctor-band h2,.info-section h2,.cta h2{font-size:clamp(32px,3vw,48px);margin:14px 0 0}.section-head h2{max-width:570px}.section-head p{max-width:460px;color:var(--muted);font-size:16px;margin:0 0 3px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:#f7f9f8;border:1px solid #e8eeec;min-height:258px;padding:27px;transition:background .2s,transform .2s}.service-card:hover{background:#ecf5f1;transform:translateY(-3px)}.card-num{font:700 11px Manrope,sans-serif;color:#95aaad}.service-card svg{display:block;width:35px;height:35px;color:#178995;margin:23px 0}.service-card h3{font-size:20px;margin:0 0 10px}.service-card p{color:var(--muted);font-size:13px;line-height:1.6}.section-end{margin-top:29px;display:flex;align-items:center;gap:8px;color:var(--teal)}.doctor-band{background:var(--dark);color:white;overflow:hidden}.doctor-layout{display:grid;grid-template-columns:270px 1fr 100px;gap:55px;min-height:405px;align-items:center}.doctor-mini{align-self:end;height:360px;overflow:hidden;border-radius:180px 180px 0 0}.doctor-mini img{width:100%;height:100%;object-fit:cover;object-position:center}.doctor-band h2{margin-top:15px}.doctor-band p{font-size:16px;max-width:560px;line-height:1.75;color:#c3d9db;margin:23px 0}.light-link{border-bottom:1px solid #8ecacb;color:#dff3ee;padding-bottom:6px;font-size:13px;font-weight:700}.doctor-mark{font:200px Georgia,serif;color:#2c6470;align-self:start;line-height:1}.step-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.steps-section{background:#fff}.lede{max-width:400px;color:var(--muted);margin:22px 0}.step-list{border-top:1px solid var(--line)}.step{display:flex;gap:33px;padding:25px 0;border-bottom:1px solid var(--line)}.step>span{font:800 13px Manrope;color:var(--teal)}.step h3{font-size:21px;margin:0 0 7px}.step p{color:var(--muted);font-size:14px;max-width:520px;margin:0}.info-section{background:#e7f0ed}.info-grid{display:grid;grid-template-columns:1fr 1fr}.info-pane{padding:56px 60px;background:#0f4552;color:white;min-height:410px}.info-pane.warm{background:#dbe9e3;color:var(--dark)}.info-pane h2{font-size:32px;margin-bottom:24px}.hours{max-width:440px}.hours div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #ffffff30;font-size:14px}.hours b{text-align:end;font-weight:600}.info-pane.warm p{font-size:18px;margin-bottom:65px}.outline{border:1px solid currentColor;color:inherit}.emergency-strip{background:#f7f8f5;padding:34px 0}.emergency-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.emergency-inner strong{font:700 20px Manrope}.emergency-inner p{color:var(--muted);font-size:13px;margin:5px 0 0}.emergency-inner>a{font:800 26px Manrope;color:var(--teal);white-space:nowrap}.emergency-inner>a svg{margin-left:8px}.inner-intro{background:linear-gradient(120deg,#0c3544,#155a67);color:#fff;padding:105px 0 100px;position:relative;overflow:hidden}.inner-intro:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #ffffff22;border-radius:50%;right:-100px;top:-120px;box-shadow:0 0 0 95px #ffffff08,0 0 0 190px #ffffff07}.inner-intro h1{font-size:clamp(42px,5vw,72px);max-width:830px;margin:17px 0}.inner-intro p{color:#c9dddc;max-width:690px;font-size:17px;line-height:1.8;margin:0}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.list-card{border:1px solid var(--line);padding:25px;min-height:165px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.list-card span{font:700 12px Manrope;color:var(--teal)}.list-card h3{font-size:19px;margin:10px 0 0}.list-card svg{align-self:flex-end;color:var(--teal)}.note{margin:35px 0 0;color:var(--muted);font-size:14px}.cta{background:var(--dark);color:#fff;padding:62px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:33px}.button.pale{background:#dbeee8;color:var(--dark)}.profile-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.profile-layout>img{height:600px;width:100%;object-fit:cover;object-position:center;border-radius:260px 260px 6px 6px}.profile-layout h2{font-size:42px;margin:17px 0}.profile-layout p{color:var(--muted);font-size:17px;max-width:530px}.values{margin-top:35px;border-top:1px solid var(--line)}.values div{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:16px 0}.values span{color:var(--teal);font:800 12px Manrope}.values h3{font-size:17px;margin:0}.patient-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.patient-card{background:#eff5f1;padding:45px;min-height:400px}.patient-card h2{font-size:32px;margin:30px 0 22px}.patient-card li{padding:10px 0;border-bottom:1px solid #d5e1db;color:#536b6b}.patient-card ul{padding-inline-start:22px}.dark-card{background:var(--dark);color:#fff}.dark-card p{color:#c5dada;font-size:16px;max-width:450px;line-height:1.8}.dark-card .button{margin-top:35px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-main h2,.contact-hours h2{font-size:34px;margin:13px 0 23px}.contact-main>p{font-size:19px;color:var(--muted)}.contact-main .button{margin:20px 0 35px}.contact-main .parking{font-size:14px;line-height:1.8}.contact-hours{background:#eef5f2;padding:38px}.contact-hours .hours div{border-color:#cfdfda}.urgent-box{margin-top:35px;border-top:1px solid #ccdcd8;padding-top:25px}.urgent-box h3{font-size:21px}.urgent-box p{color:var(--muted);font-size:14px}footer{background:#092c38;color:#d0e0e1;padding:66px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand strong{color:#fff}.footer-grid p{color:#a9c4c7;font-size:13px;line-height:1.9}.footer-grid h3{color:#fff;font-size:16px;letter-spacing:0}.footer-grid a:hover{color:#73ced0}.footer-bottom{border-top:1px solid #31515a;margin-top:60px;padding:20px 0;font-size:11px;display:flex;justify-content:space-between;color:#a5bec2}html[dir=rtl] .hero-visual{transform:scaleX(-1)}html[dir=rtl] .hero-visual img,html[dir=rtl] .visual-label{transform:scaleX(-1)}html[dir=rtl] .visual-label{left:auto;right:-20px}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .card-num{direction:ltr}html[dir=rtl] .hero h1{font-size:clamp(42px,4.2vw,64px)}html[dir=rtl] .inner-intro:after{right:auto;left:-100px}
@media(max-width:1050px){.header-inner{gap:15px}.brand{min-width:auto}nav{gap:14px}nav a{font-size:11px}.lang-switch a{padding:5px}.hero-grid{grid-template-columns:1fr .9fr}.hero-visual,.hero-grid{min-height:570px}.photo-frame{height:500px}.visual-label{left:-40px}.section{padding:80px 0}.doctor-layout{grid-template-columns:220px 1fr 40px;gap:30px}.step-layout{gap:50px}}
@media(max-width:800px){.wrap{width:min(100% - 36px,620px)}.top-inner{font-size:10px}.header-inner{height:72px;gap:12px}.brand img{width:42px;height:42px}.brand strong{font-size:17px}.brand small{font-size:7px}.menu-toggle{display:block;order:3;margin-inline-start:auto}.lang-switch{margin-inline-start:auto}.header-inner nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 15px 25px #12374222;flex-direction:column;align-items:stretch;gap:0}.header-inner nav.open{display:flex}nav a{font-size:15px;padding:12px;border-bottom:1px solid var(--line)}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:65px 0 35px}.hero h1{font-size:clamp(42px,8vw,64px)}.hero-visual{min-height:380px;width:100%;overflow:visible}.photo-frame{width:min(410px,82%);height:380px}.visual-label{left:0;bottom:20px;padding:12px 14px;min-width:0;font-size:10px}.orbit-one{width:450px;height:450px;top:-100px;right:-100px}.orbit-two{width:360px;height:360px;top:-60px;right:-40px}.section-head,.step-layout,.profile-layout,.contact-grid{grid-template-columns:1fr;gap:25px}.service-grid,.list-grid{grid-template-columns:repeat(2,1fr)}.doctor-layout{grid-template-columns:160px 1fr;gap:22px;min-height:320px}.doctor-mini{height:300px}.doctor-band h2{font-size:30px}.doctor-band p{font-size:13px}.doctor-mark{display:none}.info-pane{padding:40px 30px}.profile-layout>img{height:400px;width:min(100%,430px)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.inner-intro{padding:75px 0}}
@media(max-width:590px){.topline span{display:none}.top-inner{justify-content:center}.header-inner{gap:6px}.lang-switch a{font-size:10px;padding:5px}.brand{gap:3px}.brand img{width:36px;height:36px}.brand strong{font-size:15px}.brand small{font-size:6px}.hero-copy{padding:55px 0 30px}.hero h1{font-size:43px}.hero p{font-size:15px}.actions{gap:20px}.hero-proof{gap:14px;margin-top:35px;font-size:10px}.hero-visual{min-height:345px}.photo-frame{height:340px}.visual-label{left:-8px}.section{padding:68px 0}.section-head{margin-bottom:25px}.section h2{font-size:32px}.service-grid,.list-grid,.patient-grid,.info-grid{grid-template-columns:1fr}.service-card{min-height:210px}.doctor-layout{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;gap:15px}.doctor-mini{order:2;align-self:center;width:220px;height:225px}.doctor-band h2{font-size:34px}.doctor-band p{font-size:14px}.steps-section .step-list{margin-top:15px}.info-pane{min-height:0}.info-pane.warm p{margin-bottom:30px}.emergency-inner,.cta-inner{align-items:flex-start;flex-direction:column}.emergency-inner>a{font-size:24px}.inner-intro h1{font-size:42px}.inner-intro p{font-size:15px}.patient-card{min-height:0;padding:30px}.contact-hours{padding:28px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{margin-top:35px;gap:10px;flex-wrap:wrap}html[lang=ar] .hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
