:root{--primary:#232B50;--secondary:#6E83B4;--paper:#FAFBFE;--mist:#E8EDF7;--accent:#B84F36;--accent-hover:#963E29;--navy:var(--primary);--teal:var(--primary);--muted:#57647C;--line:rgba(35,43,80,.17);--wash:var(--mist);--font:'IBM Plex Sans Arabic',sans-serif}
html[lang=en]{--font:'Plus Jakarta Sans',sans-serif}
body{background:var(--paper);font-weight:400;line-height:1.85}button,input{font-family:var(--font)}[lang=en]{font-family:'Plus Jakarta Sans',sans-serif}h1,h2,h3{font-weight:700}h1,h2{letter-spacing:0}.brand strong,.hero-name{font-weight:700}.brand-mark{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700}.brand small{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:1.3px;font-weight:500}.header{background:rgba(251,250,253,.97)}nav{font-weight:500}.button,.text-link,.tab,.language,.panel-link{font-weight:500}.button{background:var(--primary);color:#fff}.button:hover{background:#19213F}.hero-v2{background:linear-gradient(110deg,var(--mist),var(--paper) 70%)}.hero-v2 h1,.booklet-hero-title{font-weight:700;letter-spacing:0;line-height:1.45}.hero-v2 h1 span,.booklet-hero-title span{color:var(--primary)}.dot{background:var(--secondary);box-shadow:0 0 0 6px rgba(110,131,180,.15)}.film-halo{background:radial-gradient(ellipse,rgba(110,131,180,.27),transparent 68%)}.film-bottom{background:linear-gradient(transparent,var(--paper) 60%)}.hero-stats{background:var(--paper)}.stat-value{color:var(--primary);font-weight:500}.stat p{color:var(--muted)}.stats-booklet,.eyebrow{color:var(--primary)}.dual-section{background:var(--paper)}.digestive-panel{background:var(--primary);border-color:var(--primary)}.weight-panel{background:var(--mist);color:var(--primary);border-color:rgba(110,131,180,.45)}.weight-panel .panel-index,.weight-panel .panel-english{color:#53688F}.weight-panel .panel-top .icon{color:var(--primary)}.weight-panel>p:not(.panel-english),.weight-panel li{color:#3E5075}.weight-panel li:before{color:var(--primary)}.weight-panel ul,.weight-panel .panel-link{border-color:rgba(35,43,80,.2)}.specialty-panel h3{font-weight:700}.service{background:#fff}.service-top .number{opacity:.7}.tinted{background:var(--mist)}.about-photo .photo-note{background:var(--primary)}.achievement-symbol{background:var(--mist)}.media-section{background:var(--primary)}.media-section .video-category,.media-section .section-note{color:rgba(255,255,255,.83)}.media-section h2 span{opacity:1}.media-section .search input::placeholder{color:rgba(255,255,255,.85)}.contact-section{background:var(--mist);color:var(--primary)}.contact-section .eyebrow{color:var(--primary);opacity:1}.contact-section>div>div>p{color:var(--muted)}.contact-card{background:#fff}.contact-card p{color:var(--muted)}.contact-card .eyebrow{color:var(--primary)}.contact-card .contact-note{color:var(--muted)}.contact-card .phone{font-family:'Plus Jakarta Sans',sans-serif}.contact-section .button.white,.header a.button[href="#contact"],a.button[href="#contact"],a.button[href^="tel:"],#dialog-contact{background:var(--accent);color:#fff}.contact-section .button.white:hover,.header a.button[href="#contact"]:hover,a.button[href="#contact"]:hover,a.button[href^="tel:"]:hover,#dialog-contact:hover{background:var(--accent-hover)}footer{background:var(--paper)}.book-preview-tag,.sound-toggle,.booklet-navigation button{background:var(--paper)}dialog{background:var(--paper)}dialog::backdrop{background:rgba(24,35,62,.7)}.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
html[lang=ar] .hero-v2 h1{font-size:clamp(40px,4.2vw,60px)}html[lang=ar] .hero-role{line-height:1.9}html[lang=ar] .hero-description{line-height:2}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:-.6px}html[lang=en] .hero-v2 h1{font-size:clamp(42px,4.4vw,60px);line-height:1.2}html[lang=en] .header-inner{gap:21.6px}html[lang=en] nav{font-size:12px;gap:14.4px}html[lang=en] .hero-role{line-height:1.8}html[lang=en] .hero-description{font-size:15px;line-height:1.9}html[lang=en] .specialty-panel h3{font-size:28px}html[lang=en] .specialty-panel li{font-size:14px;line-height:1.9}html[lang=en] .specialty-panel>p:not(.panel-english){font-size:15px}html[lang=en] .stat strong{font-size:13px}html[lang=en] .stat p{font-size:10px}html[lang=en] .video-card h3{font-size:17px}
@media(max-width:1100px){html[lang=en] .brand strong{font-size:16px}html[lang=en] .header-inner{gap:16.2px}html[lang=en] nav{gap:11.7px;font-size:11px}.specialty-panel h3{font-size:28px}}
@media(max-width:900px){html[lang=en] nav{font-size:15px}html[lang=en] .header-inner{gap:16.2px}html[lang=ar] .hero-v2 h1{font-size:42px}html[lang=en] .hero-v2 h1{font-size:43px}.specialty-panel h3{font-size:25px}html[lang=en] .specialty-panel h3{font-size:25px}}
@media(max-width:650px){body{font-size:16px}.brand strong{font-size:16px}.brand small{font-size:6.5px}.brand{gap:8.1px}.header-actions{gap:13.5px}html[lang=ar] .hero-v2 h1{font-size:37px;line-height:1.5}html[lang=en] .hero-v2 h1{font-size:37px;line-height:1.22}html[lang=en] .brand strong{font-size:13px}.hero-v2 .hero-name{font-size:20px}.hero-v2 .hero-role{font-size:15px}.hero-v2 .hero-description{font-size:14px}.hero-v2 .hero-buttons .button{font-size:12px}.hero-v2 .hero-buttons .text-link{font-size:11px}.stat strong{font-size:10px}.stat p{font-size:9px}html[lang=en] .stat strong{font-size:9px}html[lang=en] .stat p{font-size:8px}.dual-heading h2{font-size:29px}.specialty-panel h3{font-size:25px}html[lang=en] .specialty-panel h3{font-size:25px}.booklet-hero-title{font-size:37px}.booklet-slide .hero-name{font-size:20px}.contact-section h2{font-size:31px}h2{font-size:29px}.care-details-heading h3{font-size:20px}}
@media(max-width:360px){html[lang=ar] .hero-v2 h1{font-size:32px}html[lang=en] .hero-v2 h1{font-size:32px}.hero-v2 .hero-buttons{gap:10.8px}.hero-v2 .hero-buttons .text-link{font-size:10px}.brand strong{font-size:15px}html[lang=en] .brand strong{font-size:11px}.specialty-panel h3{font-size:23px}.stat p{font-size:8px}}