@import url('./assets/fonts/arabic.css');
@import url('./assets/fonts/multilingual.css');
:root{--paper:#fff;--cream:#f1faff;--ink:#123c59;--muted:#567286;--gold:#158bc2;--line:#dcecf5;--sans:'Manrope','IBM Plex Sans Arabic',Arial,sans-serif;--gutter:clamp(24px,5.1vw,90px)}
body{background:#fff;color:#123c59}em,h1 em,h2 em{color:#158bc2}::selection{background:#158bc2;color:white}.site-header{border-color:#158bc214;background:#ffffff91;backdrop-filter:blur(15px)}.site-header.is-fixed{background:#ffffffed;box-shadow:0 1px 0 #158bc218}.brand-mark{color:#158bc2}.brand-name>span{letter-spacing:3px}.desktop-nav a{color:#345b73;font-size:11px}.header-book{border-color:#72cff2;color:#123c59;font-size:10px}.header-book>span{color:#158bc2}.language-control{margin-inline-start:auto;margin-inline-end:27px}.desktop-nav{margin-inline:auto;gap:32px}.language-control select{color:#123c59;background:transparent;border:0;padding:10px 6px;font-size:10px;cursor:pointer}.language-control select:focus-visible{outline:2px solid #72cff2}.hero{background:radial-gradient(ellipse at 78% 40%,#d8f4ff 0,#f1faff 36%,#fff 72%);height:100svh;min-height:820px}.hero-image{display:none}.hero.has-custom-hero .hero-image{display:block;opacity:.12}.hero-wash{background:linear-gradient(90deg,#fff 0%,#ffffffd9 30%,#ffffff00 65%);pointer-events:none}.hero-grain{opacity:.012}.hero-copy{width:54%;max-width:800px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-copy .eyebrow{color:#158bc2;font-size:8px;letter-spacing:2.1px}.gold-line{background:#72cff2}.hero h1{font-size:clamp(72px,6.4vw,103px);letter-spacing:-2.7px}.hero-description{color:#567286;font-size:12px;max-width:390px}.button-dark{background:#123c59;box-shadow:0 8px 30px #123c5910}.button-dark:hover{background:#158bc2;box-shadow:0 12px 30px #158bc225}.button-dark>span{color:#72cff2}.button{border-radius:4px}.play-icon{border-color:#acdff4;color:#158bc2}.tour-link:hover .play-icon{background:#dff4ff}.hero-signature{color:#567286}.hero-bottom{color:#567286}.hero-side-label{color:#61879d}.hero-room-card{background:#ffffffa6;border-color:#ffffff;box-shadow:0 15px 45px #158bc20c;border-radius:10px;width:250px;bottom:108px}.hero-room-card em{color:#158bc2}.mini-label{color:#158bc2}.hero-room-card>a{color:#158bc2}.hero-coordinate .live-dot,.live-dot{background:#158bc2;box-shadow:0 0 0 3px #72cff21c}.hero-count>span{color:#7e9eb2}.philosophy-strip{background:#f1faff99;color:#567286;border-color:#dcecf5}.philosophy-strip i{background:#72cff2}.about{background:white}.about-image{border-radius:180px 180px 10px 10px;filter:saturate(.7);box-shadow:0 20px 60px #123c590c}.image-caption{color:#6b8ca0}.monogram-seal{color:#158bc2;border-color:#c4e9f8;background:white;outline-color:white}.section-number{border-color:#c7e7f5;color:#158bc2;border-radius:50%}.eyebrow,.live-label{color:#158bc2}.body-copy{color:#567286;font-size:13px;line-height:1.9}.doctor-signoff>span:last-child{color:#6d94aa}.signature{color:#158bc2}.text-link{border-color:#72cff2}.text-link>span{color:#158bc2}.clinic-intro{padding-top:70px}.tour-scroll{height:160vh;min-height:1000px}.tour-shade{background:linear-gradient(0deg,#082c47ee,#123c5905 55%,#123c5922)}.tour-sticky{min-height:620px}.eyebrow.light{color:#ace8ff}.room-button.active:after,.tour-progress>span{background:#72cff2}.tour-content p:last-child{color:#d3e8f4}.tour-credit{color:#b8d6e4}.clinic-canvas{background-color:#e7f5fc}.clinic-scene-fallback{display:none}.services{background:linear-gradient(180deg,#fff,#f1faff88);padding-top:95px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0;perspective:1200px;margin-top:45px}.service-card,.service-card:last-child{border:1px solid #ddecf5;grid-column:auto;background:linear-gradient(135deg,#ffffffeb,#f0faffb3);border-radius:15px;min-height:430px;padding:22px 25px;text-align:start;display:flex;flex-direction:column;isolation:isolate;box-shadow:0 8px 32px #123c5904;transform-style:preserve-3d;transition:box-shadow .4s,border-color .4s}.service-card:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,20%),#b9ecff55,transparent 65%);opacity:0;transition:opacity .4s}.service-card:hover{background:linear-gradient(135deg,#fff,#f1faff);box-shadow:0 20px 50px #158bc214;border-color:#a4dcf2;transform:none}.service-card:hover:before{opacity:1}.service-top{font-size:9px;color:#81a4b8}.service-top>span:last-child{color:#158bc2}.service-visual{height:200px;width:100%;position:relative;pointer-events:auto;flex-shrink:0;margin-top:3px}.service-visual canvas{width:100%;height:100%;display:block}.service-visual img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.service-card h3{font-size:31px;color:#123c59;margin:2px 0 12px;white-space:normal}.service-card p{font-size:11px;line-height:1.8;color:#628399;min-height:40px}.service-bottom{margin-top:auto;letter-spacing:1px;font-size:8px;padding-top:18px;border-color:#ddecf5;color:#158bc2}.service-bottom>span{font-size:20px}.service-meta{display:flex;gap:12px;margin:12px 0;font-size:9px;color:#7a9aaf}.service-note{color:#6c8da3;font-size:10px}.service-card.is-featured{border-color:#b8e5f8}.featured-badge{font-size:7px;letter-spacing:.8px;padding:5px 8px;background:#e3f5ff;color:#158bc2;border-radius:20px}.tooth-section{background:#fff}.tooth-experience{border-color:#d8edf7;background:radial-gradient(ellipse at 50% 42%,#fff,#eaf8ff);border-radius:15px;box-shadow:0 12px 50px #158bc207}.tooth-stage-top,.drag-hint{color:#608ba4}.legend-dot.untreated{background:#a99b70}.legend-dot.healthy{background:#fff;border-color:#72cff2}.tooth-legend{color:#608ba4}.fine-print{color:#748b9a}.health-control>div{color:#497693}#health-state{color:#80a3b8}input[type=range]{background:#b2dbec}input[type=range]::-webkit-slider-thumb{background:#158bc2;border-color:#fff;box-shadow:0 0 0 1px #72cff2}input[type=range]::-moz-range-thumb{background:#158bc2;border-color:#fff;box-shadow:0 0 0 1px #72cff2}.slider-caption{color:#5988a4}.smiles{background:#f1faff}.smile-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-card{background:#fff;border:1px solid #dcecf5;border-radius:14px;overflow:hidden}.case-images{display:grid;grid-template-columns:1fr 1fr;height:250px}.case-images figure{margin:0;position:relative;overflow:hidden}.case-images img{width:100%;height:100%;object-fit:cover}.case-images figcaption{position:absolute;bottom:15px;inset-inline-start:15px;background:#ffffffe6;padding:6px 10px;font-size:8px;color:#123c59;border-radius:3px}.case-content{padding:26px}.case-content h3{font-size:31px;margin-bottom:12px}.case-content p{font-size:12px;line-height:1.8;color:#628399}.case-content .fine-print{font-size:8px;margin-top:15px}.public-empty{padding:40px;border:1px dashed #bfdff0;background:#ffffff80;border-radius:12px;color:#65879c;font-size:12px;line-height:1.9;width:100%;grid-column:1/-1}.reviews .review-content{color:#123c59}.review-heading .review-demo-label{color:#158bc2}.quote-mark{color:#72cff2}.review-avatar{background:#e9f7ff;color:#158bc2}.review-arrows button{border-color:#bfe2f2;color:#158bc2}.review-arrows button:hover{background:#e7f7ff}.review-arrows button:disabled{opacity:.35;cursor:default}.review-pagination{color:#8aabbd}.review-person>span:nth-child(2)>span{color:#6d94aa}.appointment{background:linear-gradient(135deg,#eaf8ff,#f1faff);border-top:1px solid #dcecf5}.appointment-form-wrap{border-radius:15px;background:#ffffffed;border:1px solid #d6eaf5;box-shadow:0 15px 50px #123c5908;padding:32px}.form-intro{color:#158bc2}.contact-item{border-color:#cfe5f2}.contact-item small{color:#5a8ba5}.contact-icon,.contact-item>span:last-child{color:#158bc2}.contact-item>span:nth-child(2){font-size:12px}.appointment-note{color:#4e879f}form label{font-size:10px;color:#345d75}form input:not([type=checkbox]),form select,form textarea{font-size:12px;border-color:#d5e6ef;color:#123c59}form input::placeholder,form textarea::placeholder{color:#8cabbc}form input[type=date],form select{color:#5b7e93}form .form-row{gap:23px}form .form-row,form>label{margin-top:21px}.optional{color:#88a3b4}.checkbox-label{font-size:9px;color:#6b8ca0;line-height:1.7}.checkbox-label input{accent-color:#158bc2;width:14px;height:14px}.form-disclaimer{font-size:8px;color:#7393a6;margin-top:15px}.form-submit{font-size:11px;height:53px}.form-submit:disabled{opacity:.5;cursor:wait;transform:none}.booking-calendar{margin-top:26px;border:1px solid #dcecf5;border-radius:10px;padding:15px}.calendar-toolbar{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:17px}.calendar-toolbar>span:last-child{font-size:8px;color:#6a95ad;font-weight:400}.calendar-weekdays,.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekdays{font-size:8px;color:#7d9eb2;text-align:center;margin-bottom:10px}.calendar-dates>button{aspect-ratio:1;border-radius:6px;border:1px solid transparent;font-size:10px;padding:4px;min-height:30px}.calendar-dates>button:not(:disabled){background:#eaf8ff;color:#127fb0;border-color:#ccebf7}.calendar-dates>button:not(:disabled):hover,.calendar-dates>button.selected{background:#158bc2;color:white;border-color:#158bc2}.calendar-dates>button:disabled{color:#aebec8;cursor:default}.calendar-dates .blank{visibility:hidden}.calendar-dates>button.today{font-weight:700;text-decoration:underline;text-underline-offset:4px}#availability-message{font-size:9px;color:#6c92a9;line-height:1.8;margin-top:12px}.slot-picker{border:0;padding:0;margin:20px 0}.slot-picker legend{font-size:10px;margin-bottom:12px}#booking-slots{display:flex;gap:7px;flex-wrap:wrap}#booking-slots button{padding:9px 12px;border:1px solid #cce8f5;border-radius:5px;font-size:10px;color:#158bc2;background:#f1faff}#booking-slots button.selected{background:#158bc2;color:white}.footer{background:#123c59}.footer-top em{color:#72cff2}.footer-top>p{color:#d5e9f4}.footer-bottom{color:#a4c4d6}.footer-bottom button,.back-top{color:#bcd8e7}.staff-access{font-size:8px;color:#c2e7f6;letter-spacing:0}.footer .brand-mark{color:#72cff2}.footer .brand-name{color:#fff}.footer-bottom{gap:20px}.footer-bottom button{color:#c2dae8}.toast{background:#123c59;border-radius:6px}dialog{border-color:#c7e7f7;border-radius:14px;box-shadow:0 30px 100px #123c5933;background:white}dialog::backdrop{background:#123c59b0;backdrop-filter:blur(10px)}.dialog-close{color:#608ba3}#dialog-body{color:#567286}.dialog-close:hover{color:#158bc2}#dialog-body dt{color:#158bc2}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.article-card{background:#f1faff;border:1px solid #dcecf5;border-radius:12px;text-align:start;overflow:hidden;padding:0}.article-card img{width:100%;height:190px;object-fit:cover}.article-card>div{padding:26px}.article-card h3{font-size:29px;margin-bottom:14px}.article-card p{font-size:11px;line-height:1.8;color:#628399}.article-card .text-link{margin-top:20px}.doctor-profile{background-size:cover;background-position:center}.brand-logo-image{width:auto;max-width:150px;height:48px;object-fit:contain}.availability-error{color:#ba3c42!important}
[dir=rtl]{--sans:'IBM Plex Sans Arabic','Manrope',Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] blockquote,[dir=rtl] .signature{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-weight:500;letter-spacing:0;line-height:1.45}[dir=rtl] .hero h1{font-size:clamp(44px,4.9vw,74px);line-height:1.5}[dir=rtl] .hero-copy{margin-left:0;margin-inline-start:var(--gutter)}[dir=rtl] .hero-wash{transform:scaleX(-1)}[dir=rtl] #hero-3d{left:0;right:auto}[dir=rtl] .hero-bottom{direction:rtl}[dir=rtl] h2{font-size:48px}[dir=rtl] .eyebrow,[dir=rtl] .mini-label,[dir=rtl] .form-intro{letter-spacing:0;font-size:10px}[dir=rtl] .hero-room-card{right:auto;left:var(--gutter)}[dir=rtl] .hero-room-card>a{right:auto;left:21px}[dir=rtl] .hero-description{font-size:12px}[dir=rtl] .hero-room-card>span:nth-child(2){font:17px/1.8 'IBM Plex Sans Arabic'}[dir=rtl] .hero-coordinate{margin:0}[dir=rtl] .desktop-nav{font-size:11px}[dir=rtl] .body-copy{font-size:12px;line-height:2.1}[dir=rtl] .tooth-copy h2{font-size:38px}[dir=rtl] .service-card h3{font-size:26px}[dir=rtl] .tour-content h3{font-size:44px}[dir=rtl] .service-bottom{letter-spacing:0;font-size:10px}[dir=rtl] .philosophy-strip{letter-spacing:0;font-size:10px}[dir=rtl] .section-number{font-size:9px}[dir=rtl] .mobile-nav>a{font-size:28px}[dir=rtl] .footer-top>p{font-family:'IBM Plex Sans Arabic';font-size:18px;line-height:1.8}[dir=rtl] .review-content blockquote{font-size:23px;line-height:1.9}[dir=rtl] .contact-item{text-align:start}[dir=rtl] .contact-item>span:last-child{margin-left:0;margin-inline-start:auto}[dir=rtl] .review-pagination{margin-left:0;margin-inline-start:auto}[dir=rtl] .hero-signature{letter-spacing:0;font-size:9px;line-height:1.8}[dir=rtl] .header-book{font-size:10px}[dir=rtl] .mobile-nav{transform:translateX(-100%)}[dir=rtl] .mobile-nav.open{transform:translateX(0)}
@media(max-width:1100px){.desktop-nav{gap:20px}.language-control{margin-inline-end:15px}.hero h1{font-size:78px}.services-grid{gap:15px}.service-card{padding:20px;min-height:410px}.service-card h3{font-size:28px}.service-card:last-child h3{font-size:28px}.service-visual{height:185px}.body-copy{font-size:12px}}
@media(max-width:800px){.hero-copy{width:67%}.hero h1{font-size:76px}.services-grid{grid-template-columns:1fr 1fr}.service-card,.service-card:last-child{grid-column:auto;min-height:415px}.header-book{margin-inline-start:0}.language-control{margin-inline-start:auto;margin-inline-end:18px}.body-copy{font-size:11px}.article-grid{grid-template-columns:1fr 1fr}[dir=rtl] .hero h1{font-size:45px}[dir=rtl] .hero-copy{width:67%}.footer-bottom{flex-wrap:wrap}}
@media(max-width:600px){.hero{min-height:860px;max-height:1150px;height:112svh}.hero-copy{width:auto;max-width:calc(100% - 40px);padding-top:155px}.hero h1{font-size:clamp(48px,10.8vw,65px);max-width:100%;letter-spacing:-1.5px}.hero-wash{background:linear-gradient(180deg,#fff 7%,#ffffffd9 35%,#ffffff00 78%,#ffffff70);pointer-events:none}.hero-signature{display:none}.hero-description{font-size:11px;max-width:310px}.hero-actions{gap:18px;margin-top:25px}.hero-copy>.eyebrow{font-size:6px}.hero-room-card{display:none}.hero-bottom{bottom:22px}.hero-coordinate{display:none}.header-book{font-size:8px;margin-right:13px}.header-book>span{margin-left:7px}.language-control{margin-inline-end:10px}.language-control select{font-size:9px;padding:8px 2px;max-width:53px}.brand-name{font-size:24px}.brand-mark{width:30px}.brand-name>span{font-size:4px;letter-spacing:2.5px}.services-grid{grid-template-columns:1fr;gap:18px}.service-card,.service-card:last-child{min-height:420px;padding:24px}.service-card h3,.service-card:last-child h3{font-size:35px;margin-top:0}.service-card p{font-size:12px}.service-card:last-child svg{float:none;margin:0}.service-card:last-child .service-bottom{margin-top:auto}.service-visual{height:210px}.service-bottom{font-size:9px}.service-note{font-size:9px}.body-copy{font-size:12px}.philosophy-strip{font-size:6px}.tooth-experience{min-height:490px}.tooth-section h2{font-size:47px}.smile-gallery{grid-template-columns:1fr}.case-images{height:230px}.public-empty{padding:26px;font-size:11px}.appointment-form-wrap{padding:24px 20px}.form-intro{font-size:7px}.checkbox-label{font-size:8px}.form-disclaimer{font-size:8px}.calendar-dates>button{min-height:33px}.calendar-toolbar{font-size:11px}.form-row{gap:16px!important}form input:not([type=checkbox]),form select,form textarea{font-size:11px;min-height:44px}.footer-bottom>.staff-access{margin-inline-start:auto}.footer-bottom button{font-size:7px}.article-grid{grid-template-columns:1fr}.article-card h3{font-size:30px}[dir=rtl] .hero-copy{width:auto;padding-top:140px}[dir=rtl] .hero h1{font-size:35px;line-height:1.6}[dir=rtl] .hero-description{font-size:11px;max-width:300px}[dir=rtl] .hero-actions{gap:13px}[dir=rtl] .hero-copy>.eyebrow{font-size:8px}[dir=rtl] .header-book{font-size:7px}[dir=rtl] .hero-wash{transform:none}[dir=rtl] h2{font-size:37px}[dir=rtl] .philosophy-strip{font-size:8px}[dir=rtl] .services h2{font-size:35px}[dir=rtl] .tooth-section h2{font-size:33px}[dir=rtl] .service-card h3{font-size:29px}[dir=rtl] .appointment-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.service-card{transform:none!important}.hero{min-height:800px}}
@media print{.site-header,.hero,.dental-story,.clinic-section,.tooth-section,.services,.footer,.appointment,dialog:not([open]){display:none!important}body{color:black;background:white}.reveal{opacity:1;transform:none}}

.hero-copy{z-index:2}.hero-room-card{z-index:2;pointer-events:none}.hero-room-card>a{pointer-events:auto}.footer .brand-mark{filter:brightness(0) invert(1)}
.service-photo{height:auto!important;min-height:0!important;aspect-ratio:4/3;background:#edf8fe;border-radius:9px;overflow:hidden;margin:16px 0 23px}.service-photo img{height:100%;width:100%;object-fit:cover;mix-blend-mode:normal;transition:transform .8s cubic-bezier(.2,.7,.25,1)}.service-card:hover .service-photo img{transform:scale(1.045)}.service-photo-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#83a7bc;font-size:10px}.service-card,.service-card:last-child{min-height:440px}.service-card p{min-height:38px}.service-card .service-meta{margin-top:12px;margin-bottom:18px}
[dir=rtl] .story-heading h2{font-size:40px;line-height:1.6;letter-spacing:0}[dir=rtl] .story-stages h3{font-size:33px;line-height:1.5;letter-spacing:0}[dir=rtl] .story-stages p{font-family:'IBM Plex Sans Arabic';font-size:12px;line-height:1.9}[dir=rtl] .story-disclaimer{font-size:9px;line-height:1.8}[dir=rtl] .story-stages article>span{letter-spacing:0}
.booking-custom-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 23px;margin-top:24px}.booking-field.full{grid-column:1/-1}.booking-field label{font-size:10px;color:#345d75}.booking-field .required-marker{color:#158bc2}.booking-helper{display:block;margin-top:7px;font-size:8px;color:#7895a7;line-height:1.8}.booking-choice-group{border:1px solid #dcecf5;border-radius:7px;padding:15px;margin:0}.booking-choice-group legend{font-size:10px;color:#345d75;padding:0 6px}.booking-choice{display:flex;align-items:center;gap:10px;margin:9px 0!important;line-height:1.8}.booking-choice input{accent-color:#158bc2;width:14px!important;height:14px!important;min-height:0!important;margin:0}.booking-choice label{display:flex;gap:10px;align-items:center}.booking-privacy-notice{font-size:9px;line-height:1.8;color:#6b8ca0;margin-top:22px}.booking-custom-fields+.form-row{grid-template-columns:1fr}#booking-custom-fields .availability-error{grid-column:1/-1;font-size:11px;line-height:1.8}
@media(max-width:600px){.booking-custom-fields{gap:19px 16px}.booking-field label{font-size:10px}.booking-helper{font-size:8px}[dir=rtl] .story-heading h2{font-size:29px}[dir=rtl] .story-stages h3{font-size:25px}[dir=rtl] .story-stages p{font-size:11px}[dir=rtl] .story-disclaimer{font-size:8px}}