*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#06345d;--navy2:#0b4677;--blue:#1779b9;--cyan:#61c3df;--ice:#eff9fd;--ice2:#f7fbfd;--line:#d9eaf2;--text:#16364f;--muted:#6b8292;--red:#df3f3f;--redbg:#fff4f4;--white:#fff;--shadow:0 18px 55px rgba(6,52,93,.10);--radius:22px;--max:1180px}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:Cairo,Tajawal,sans-serif;color:var(--text);background:#fff;line-height:1.75;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 98%,rgba(23,121,185,.025));z-index:-1}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.wrap{width:min(var(--max),calc(100% - 34px));margin-inline:auto}
.top-strip{background:var(--navy);color:#d9eaf4;font-size:12px}
.top-strip-inner{height:34px;display:flex;justify-content:space-between;align-items:center}
.top-strip a{font-weight:800;color:#fff}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,234,242,.8)}
.nav{min-height:76px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.brand-heart{width:43px;height:43px;border-radius:14px;background:var(--navy);display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 8px 20px rgba(6,52,93,.16)}
.brand b{display:block;color:var(--navy);font-family:Tajawal;font-size:15px;line-height:1.2}
.brand small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}
.desktop-nav a{font-size:12px;font-weight:700;color:#526b7b;position:relative;padding:27px 0}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--navy)}
.desktop-nav a.active:after{content:"";position:absolute;bottom:0;right:0;left:0;height:3px;background:var(--navy);border-radius:5px 5px 0 0}
.nav-actions{display:flex;align-items:center;gap:10px}
.phone-mini{font-size:11px;font-weight:700;color:var(--navy);direction:ltr}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:12px 19px;min-height:48px;font-weight:800;font-size:13px;cursor:pointer;transition:.25s ease}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 11px 25px rgba(6,52,93,.18)}
.btn-primary:hover{transform:translateY(-2px);background:#0a4474}
.btn-outline{border:1px solid #8bbbd2;background:#fff;color:var(--navy)}
.btn-outline:hover{background:var(--ice);transform:translateY(-2px)}
.btn-lg{min-height:54px;padding:13px 23px}
.menu-btn{display:none;border:0;background:transparent;color:var(--navy);font-size:27px}
.mobile-menu{display:none;padding:10px 17px 18px;border-top:1px solid var(--line);background:#fff}
.mobile-menu a{display:block;padding:11px 0;font-size:14px;font-weight:700;border-bottom:1px solid #edf4f7}
.hero{background:linear-gradient(120deg,#f5fbfe 0%,#fff 58%,#eff8fc 100%);padding:60px 0 0;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:#dff2fa;left:-210px;top:90px;opacity:.65}
.hero-grid{min-height:550px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:40px;direction:ltr}
.hero-copy{direction:rtl;position:relative;z-index:2;padding:25px 0 70px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.02em}
.eyebrow:before{content:"";width:25px;height:2px;background:var(--cyan);border-radius:10px}
.hero h1{font-family:Tajawal;font-size:clamp(38px,5vw,66px);line-height:1.08;color:var(--navy);letter-spacing:-1.7px;margin:17px 0}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero-copy>p{font-size:15px;color:var(--muted);max-width:610px}
.doctor-name{margin-top:18px;display:grid;gap:2px}
.doctor-name strong{font-size:18px;color:var(--navy)}
.doctor-name span{font-size:12px;color:var(--blue);font-weight:800}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}
.mini-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}
.mini-trust div{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px;line-height:1.45}
.mini-trust b{width:29px;height:29px;border-radius:50%;background:#e3f3fa;color:var(--blue);display:grid;place-items:center}
.hero-doctor{direction:rtl;position:relative;min-height:550px;display:flex;justify-content:center;align-items:flex-end}
.doctor-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#bde4f2 0%,#dff4fa 55%,transparent 70%);bottom:10px}
.doctor-cartoon{position:relative;z-index:2;width:min(520px,100%);height:540px;object-fit:cover;object-position:center top;mix-blend-mode:multiply;filter:saturate(1.03) contrast(1.02);mask-image:linear-gradient(to bottom,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 91%,transparent 100%)}
.pulse-line{position:absolute;z-index:1;left:0;right:0;top:44%;height:70px;opacity:.16;background:linear-gradient(90deg,transparent,#4db7d7 35%,transparent);clip-path:polygon(0 55%,25% 55%,29% 15%,33% 85%,36% 42%,43% 42%,47% 62%,52% 62%,56% 30%,61% 30%,64% 55%,100% 55%,100% 59%,64% 59%,61% 35%,56% 35%,52% 68%,47% 68%,43% 47%,36% 47%,33% 95%,29% 22%,26% 59%,0 59%)}
.doctor-badge{position:absolute;z-index:4;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:0 15px 35px rgba(6,52,93,.12);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:34px 1fr;gap:2px 9px;min-width:165px}
.doctor-badge span{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-weight:900}
.doctor-badge b{font-size:11px;color:var(--navy)}
.doctor-badge small{font-size:9px;color:var(--muted)}
.badge-a{left:0;top:100px}.badge-b{right:0;bottom:100px}
.trust-bar{margin-bottom: 30px; position:relative;z-index:6;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);margin-top:-24px;transform:translateY(25px);overflow:hidden}
.trust-bar>div{padding:17px 12px;text-align:center;border-left:1px solid var(--line)}
.trust-bar>div:last-child{border-left:0}
.trust-bar span{display:block;color:var(--blue);font-size:18px}
.trust-bar b{display:block;color:var(--navy);font-size:12px}
.trust-bar small{display:block;color:var(--muted);font-size:9px}
.emergency{margin-top:65px;background:var(--redbg);border:1px solid #f1aaaa;border-radius:18px;padding:17px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center}
.emergency-icon{width:45px;height:45px;border-radius:50%;background:#ffe2e2;color:var(--red);display:grid;place-items:center;font-size:25px;font-weight:900}
.emergency-copy{display:grid;gap:1px}.emergency-copy span{font-weight:900;color:#b32828;font-size:15px}.emergency-copy b{font-size:11px;color:#633b3b}.emergency-copy small{font-size:9px;color:#8e6666}
.emergency-btn{background:var(--red);color:#fff;border-radius:11px;padding:10px 16px;font-size:11px;font-weight:900;white-space:nowrap}
.emergency-btn span{direction:ltr;display:inline-block}
.section{padding:105px 0}
.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}
.about-photo{height:510px;position:relative;border-radius:26px;background:linear-gradient(145deg,#d9eff7,#f7fcfd);overflow:hidden}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.92)}
.photo-ring{position:absolute;width:350px;height:350px;border-radius:50%;background:#bfe7f4;left:50%;top:50%;transform:translate(-50%,-45%);opacity:.6}
.photo-note{position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:13px;padding:10px 13px;font-size:10px;color:var(--muted);box-shadow:0 10px 25px rgba(6,52,93,.08)}
.photo-note b{color:var(--navy)}
.about-content h2,.section-head h2,.booking-aside h2,.portal h2,.contact-info h2{font-family:Tajawal;color:var(--navy);font-size:clamp(30px,4vw,46px);margin:12px 0 3px}
.about-content h3{color:var(--blue);font-size:15px;margin-bottom:18px}
.about-content p{font-size:13px;color:#5f7787;margin:10px 0;max-width:700px}
.muted{font-size:10px!important;color:#8a9ca7!important}
.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}
.about-cards article{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff;display:grid;gap:5px}
.about-cards b{color:var(--navy);font-size:11px;margin-bottom:3px}
.about-cards span{font-size:9px;color:var(--muted)}
.services{background:linear-gradient(#f4fbfe,#edf8fc)}
.section-head{max-width:720px;margin-bottom:45px}
.section-head.center{text-align:center;margin-inline:auto}
.section-head h2{margin:12px 0}
.section-head p{font-size:12px;color:var(--muted)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.service-card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;padding:19px;transition:.25s;min-height:180px}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9d9e7}
.service-card i{font-style:normal;width:40px;height:40px;display:grid;place-items:center;background:var(--ice);color:var(--blue);border-radius:11px;font-size:20px;margin-bottom:16px}
.service-card h3{font-size:13px;color:var(--navy);margin-bottom:6px}
.service-card p{font-size:10px;color:var(--muted);min-height:44px}
.service-card a{font-size:9px;color:var(--blue);font-weight:900}
.journey{background:#fff}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}
.steps:before{content:"";position:absolute;top:34px;right:7%;left:7%;height:1px;border-top:1px dashed #9fc9db;z-index:0}
.step{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:15px;text-align:center;padding:18px 10px}
.step span{display:grid;place-items:center;width:36px;height:36px;margin:-1px auto 12px;border-radius:50%;background:#e8f5fa;border:1px solid #94c7dc;color:var(--navy);font-weight:900;font-size:11px}
.step b{display:block;color:var(--navy);font-size:11px}.step small{display:block;color:var(--muted);font-size:8px;margin-top:4px}
.booking-section{background:linear-gradient(135deg,#f0f9fd,#fff)}
.booking-shell{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);display:grid;grid-template-columns:.72fr 1.28fr;overflow:hidden}
.booking-aside{background:linear-gradient(145deg,var(--navy),#0a527e);color:#fff;padding:45px}
.booking-aside .eyebrow{color:#9fe0ee}.booking-aside h2{color:#fff;font-size:39px}.booking-aside p{color:#c9dce7;font-size:12px;margin:15px 0 25px}.booking-perks{display:grid;gap:13px}.booking-perks div{display:flex;gap:9px;align-items:center;font-size:11px}.booking-perks b{width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.13);display:grid;place-items:center}
.booking-form{padding:38px}.form-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.form-title h3{color:var(--navy);font-size:22px}.form-title span{color:var(--muted);font-size:9px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.booking-form label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#567080}
.booking-form label.full{grid-column:1/-1}
.booking-form input,.booking-form textarea,.booking-form select{border:1px solid var(--line);border-radius:10px;background:#fbfdfe;padding:11px 12px;outline:0;color:var(--text);font-size:11px;transition:.2s}
.booking-form input:focus,.booking-form textarea:focus,.booking-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,121,185,.08)}
.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important;margin:15px 0;color:var(--muted)!important;font-weight:500!important}.consent input{width:16px;height:16px}
.submit-btn{width:100%}.success{display:none;margin-top:10px;background:#edf9f2;border:1px solid #c9ead6;color:#27704a;border-radius:10px;padding:10px;font-size:10px;text-align:center}
.preparation{background:#f7fbfd}.prep-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.prep-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px 15px}.prep-item span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--navy);color:#fff;font-size:9px;font-weight:900;margin-bottom:13px}.prep-item b{display:block;color:var(--navy);font-size:11px}.prep-item small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
.portal-section{padding-top:70px}.portal{padding:35px 42px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(110deg,#eaf7fc,#f9fcfd);display:flex;justify-content:space-between;align-items:center;gap:30px}.portal h2{margin:7px 0}.portal p{color:var(--muted);font-size:11px;max-width:650px}.coming{padding:9px 14px;border:1px solid #a8cfdf;border-radius:10px;color:var(--blue);font-size:10px;font-weight:900;white-space:nowrap;background:#fff}
.narrow{width:min(900px,calc(100% - 34px))}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:20px 4px;font-weight:800;color:var(--navy);font-size:12px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:18px;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{padding:0 4px 20px;color:var(--muted);font-size:11px}
.reviews{background:#f4fbfe}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.review{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}.stars{color:#f4b31d;letter-spacing:2px;font-size:12px}.review p{color:var(--muted);font-size:11px;margin:13px 0}.review b{font-size:10px;color:var(--navy)}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:stretch}.contact-info{padding:30px 5px}.contact-info p{color:var(--muted);font-size:12px}.contact-list{display:grid;gap:10px;margin-top:22px}.contact-list>a,.contact-list>div{border:1px solid var(--line);border-radius:13px;padding:12px;display:grid;grid-template-columns:38px 1fr;gap:0 10px}.contact-list span{grid-row:1/3;width:38px;height:38px;background:var(--ice);color:var(--blue);border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:900}.contact-list b{font-size:10px;color:var(--navy)}.contact-list small{font-size:8px;color:var(--muted)}
.map-card{min-height:430px;border-radius:22px;overflow:hidden;position:relative;background:#eaf4f7;border:1px solid var(--line)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(25deg,transparent 47%,#d5e6eb 48%,#d5e6eb 51%,transparent 52%),linear-gradient(155deg,transparent 47%,#d5e6eb 48%,#d5e6eb 51%,transparent 52%),linear-gradient(#e6f0f3 1px,transparent 1px),linear-gradient(90deg,#e6f0f3 1px,transparent 1px);background-size:180px 180px,220px 220px,45px 45px,45px 45px;opacity:.85}.map-pin{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50% 50% 50% 10%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:26px;rotate:-45deg;box-shadow:0 15px 25px rgba(223,63,63,.25)}.map-info{position:absolute;bottom:18px;right:18px;left:18px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:15px;padding:14px}.map-info b,.map-info span{display:block}.map-info b{font-size:11px;color:var(--navy)}.map-info span{font-size:9px;color:var(--muted)}.map-info a{display:inline-block;margin-top:6px;color:var(--blue);font-size:9px;font-weight:900}
.footer{background:#052945;color:#9db8c7;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr .9fr;gap:35px}.footer-brand b{color:#fff}.footer-brand small{color:#8ba7b7}.footer p{font-size:10px;margin-top:15px;max-width:270px}.footer h4{color:#fff;font-size:11px;margin-bottom:15px}.footer-grid>div>a:not(.brand){display:block;font-size:9px;margin:8px 0}.footer-grid>div>a:not(.brand):hover{color:#fff}.footer-bottom{border-top:1px solid #1b455f;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:8px}
.mobile-actions{display:none}.to-top{position:fixed;left:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:var(--navy);color:#fff;z-index:90;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 25px rgba(6,52,93,.25)}.to-top.show{opacity:1;pointer-events:auto}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{gap:15px}.desktop-nav a{font-size:10px}.services-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.steps:before{display:none}}
@media(max-width:800px){
  body{padding-bottom:66px}.wrap{width:min(var(--max),calc(100% - 24px))}
  .top-strip{display:none}.nav{min-height:68px}.desktop-nav,.phone-mini,.nav-book{display:none}.menu-btn{display:block}.mobile-menu.open{display:block}
  .hero{padding-top:20px}.hero-grid{grid-template-columns:1fr;min-height:auto;gap:5px}.hero-copy{padding:25px 0 15px;text-align:center}.hero-copy>p{margin-inline:auto}.hero h1{font-size:42px}.hero-actions{justify-content:center}.mini-trust{justify-content:center}
  .hero-doctor{min-height:390px;order:2}.doctor-cartoon{height:400px;width:360px}.doctor-glow{width:360px;height:360px}.badge-a{left:2px;top:45px}.badge-b{right:2px;bottom:55px}
  .trust-bar{grid-template-columns:1fr 1fr;margin-top:0;transform:translateY(18px)}.trust-bar>div:nth-child(2){border-left:0}.trust-bar>div:nth-child(n+3){border-top:1px solid var(--line)}
  .emergency{grid-template-columns:auto 1fr;margin-top:45px}.emergency-btn{grid-column:1/-1;text-align:center}
  .section{padding:75px 0}.about-grid,.booking-shell,.contact-grid{grid-template-columns:1fr}.about-photo{height:390px;max-width:420px;margin:auto}.about-cards{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:165px}
  .steps{grid-template-columns:1fr 1fr}.step{min-height:130px}.booking-aside{padding:30px}.booking-form{padding:25px 18px}.prep-grid{grid-template-columns:1fr 1fr}.portal{display:block;padding:28px}.coming{display:inline-block;margin-top:15px}.review-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
  .mobile-actions{display:grid;position:fixed;bottom:0;right:0;left:0;height:66px;background:#fff;border-top:1px solid var(--line);z-index:110;box-shadow:0 -8px 25px rgba(6,52,93,.13);grid-template-columns:1fr 1fr 1.35fr;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-actions a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:900;color:var(--navy);border-left:1px solid var(--line)}.mobile-actions a:last-child{background:var(--navy);color:#fff;border:0;border-radius:0}.mobile-actions span{font-size:15px;line-height:1}
  .to-top{bottom:78px}
}
@media(max-width:480px){
  .hero h1{font-size:36px}.hero-copy>p{font-size:13px}.doctor-name strong{font-size:16px}.btn-lg{width:100%}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:350px;margin-inline:auto}.mini-trust{gap:11px}.mini-trust div{font-size:8px}
  .hero-doctor{min-height:350px}.doctor-cartoon{height:360px;width:320px}.doctor-glow{width:310px;height:310px}.doctor-badge{min-width:135px;padding:9px}.doctor-badge b{font-size:9px}.doctor-badge small{font-size:7px}.doctor-badge span{width:28px;height:28px}.badge-a{top:25px}.badge-b{bottom:35px}
  .trust-bar{font-size:8px}.trust-bar>div{padding:13px 5px}.trust-bar b{font-size:9px}.trust-bar small{font-size:7px}
  .emergency{padding:14px}.emergency-copy span{font-size:12px}.emergency-copy b{font-size:9px}.emergency-copy small{font-size:7px}
  .services-grid,.prep-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{min-height:auto}.form-grid{grid-template-columns:1fr}.booking-form label.full{grid-column:auto}.form-title{display:block}.form-title span{display:block;margin-top:4px}
  .footer-grid{grid-template-columns:1fr 1fr}.contact-info{padding:0}.map-card{min-height:350px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}