@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--navy:#112b3c;--teal:#168d90;--aqua:#39b7b4;--paper:#f6f9fa;--font:'Tajawal'}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--navy);background:var(--paper);font-family:var(--font),Tahoma,sans-serif;font-size:17px;line-height:1.75}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:3px solid #168d90;outline-offset:5px}[hidden]{display:none!important}p{margin:0 0 1em}h1,h2,h3{margin:0;font-weight:700;line-height:1.3}h1 p,h2 p{margin:0}h1 span{color:var(--aqua)}.skip{position:fixed;top:-100px;right:15px;z-index:100;background:white;padding:14px}.skip:focus{top:10px}.header{height:104px;position:fixed;top:0;inset-inline:0;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:30;transition:background .25s,height .25s}.header.scrolled{height:82px;background:rgba(246,249,250,.96);border-bottom:1px solid #dae5e8;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;line-height:1;min-width:125px}.wordmark strong{font-size:31px;font-weight:900}.wordmark small{display:block;font:10px Arial;letter-spacing:5px;margin-top:10px;text-align:center}.brand img{width:140px;max-height:65px;object-fit:contain}.header nav{display:flex;gap:36px;font-size:15px;font-weight:500}.header nav a:hover{color:var(--teal)}.store-link{display:flex;gap:28px;padding:9px 20px;border:1px solid #b7c9ce;border-radius:5px;font-size:14px}.store-link:hover{background:var(--navy);color:white}#menuToggle{display:none;background:transparent;border:0;font-size:25px}.mobile-nav{position:fixed;top:82px;inset-inline:0;z-index:29;padding:24px;background:white;border-bottom:1px solid #d9e4e7}.mobile-nav a{display:block;padding:12px}.chapter{position:relative;scroll-margin-top:0;overflow:hidden}.hero{min-height:850px;height:100svh;max-height:1150px;padding:170px 8% 100px;display:flex;align-items:center;background:linear-gradient(110deg,#dceef0 0%,#edf5f6 38%,#f6f9fa 64%)}.hero-copy{position:relative;z-index:3;width:52%;padding-bottom:45px}.eyebrow{font-size:14px;letter-spacing:.3px;color:var(--teal);font-weight:700;margin-bottom:30px}.hero h1{font-size:clamp(48px,5.5vw,88px);line-height:1.2;letter-spacing:-2px}.lead{max-width:400px;font-size:19px;line-height:1.9;color:#526675;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:48px;min-height:55px;padding:14px 27px;border-radius:4px;font-weight:500;font-size:16px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--navy);color:#fff;margin-top:18px}.primary:hover{background:#1b465a}.hero-foot{position:absolute;bottom:40px;inset-inline:8%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ccdcdf;padding-top:24px;font-size:13px;color:#526675;z-index:3}.hero-foot a{display:flex;gap:22px}.latin{font:10px Arial;letter-spacing:2px}.scene{position:fixed;left:3%;top:15vh;width:46vw;height:70vh;max-height:700px;z-index:2;pointer-events:none;transform:rotate(-8deg);will-change:transform,opacity;isolation:isolate}.scene img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 35px 30px #13394630)}.orb{position:absolute;inset:12% 1%;border-radius:50%;background:radial-gradient(ellipse,#c0e6e7 0%,#e1f0f000 68%)}.scene-ring{position:absolute;width:80%;aspect-ratio:1;top:10%;left:10%;border:1px solid #98c9ce55;border-radius:50%}.about{min-height:860px;padding:175px 8% 155px;background:#fff}.section-copy{margin-right:auto;width:45%;position:relative;z-index:4}h2{font-size:clamp(38px,4vw,62px);letter-spacing:-1px}.body-copy{color:#526675;font-size:18px;max-width:500px;margin-top:28px}.about-note{border-top:1px solid #dbe5e8;padding-top:24px;margin-top:35px;font-size:15px;color:var(--teal)}.about-index{position:absolute;bottom:35px;right:9%;font:130px Arial;color:#eaf1f3;z-index:1}.solutions{min-height:860px;padding:120px 8%;background:#eaf3f4;z-index:5}.solutions-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 70px;align-items:end}.solutions-heading .eyebrow{grid-column:1/-1;margin-bottom:13px}.solutions-heading .body-copy{max-width:400px;margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px}.card{padding:32px;background:#f8fbfc;min-height:265px;border:1px solid #d8e5e7;border-radius:4px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:var(--aqua)}.card-number{display:block;font:14px Arial;color:var(--teal);margin-bottom:38px}.card h3{font-size:25px;margin-bottom:16px}.card p{color:#526675;font-size:16px}.contact{background:var(--navy);color:white;padding:110px 8% 120px;text-align:center;z-index:5}.contact .eyebrow{color:#73cdcb}.contact h2{font-size:clamp(44px,5vw,72px)}.contact .body-copy{margin:28px auto;color:#becfd8;max-width:440px}.light{background:#a7e6dd;color:var(--navy);margin-top:10px}.text-store{display:block;width:fit-content;margin:24px auto 0;border-bottom:1px solid #85a9b9}footer{position:relative;z-index:5;background:var(--navy);color:#c0d1d9;padding:28px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #34505f;font-size:14px}.footer-brand{font-size:26px;font-weight:800;color:white}footer small{font-size:12px}#readingProgress{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--aqua);z-index:50;transform-origin:right;transform:scaleX(0)}#loadError{position:fixed;bottom:20px;right:20px;padding:18px;background:#fff4da;z-index:50}
@media(min-width:1600px){.hero-copy{max-width:750px}.scene{left:8%;width:40vw}}
@media(max-width:1000px){.header{padding-inline:5%}.header nav{gap:22px}.hero{padding-inline:6%;min-height:780px}.hero h1{font-size:62px}.hero-copy{width:55%}.hero-foot{inset-inline:6%}.latin{display:none}.about{padding-inline:6%}.section-copy{width:49%}.solutions{padding-inline:6%}.cards{gap:12px}.card{padding:22px}}
@media(max-width:759px){html{scroll-padding-top:80px}.header{height:82px;padding-inline:6%;gap:15px}.wordmark strong{font-size:25px}.wordmark small{font-size:8px;letter-spacing:4px}.header nav,.header>.store-link{display:none}#menuToggle{display:block}.hero{height:auto;min-height:920px;padding:132px 7% 380px;align-items:flex-start;background:linear-gradient(165deg,#f6f9fa 35%,#dceff0 100%)}.hero-copy{width:100%;padding-bottom:0}.hero .eyebrow{font-size:13px;margin-bottom:22px}.hero h1{font-size:clamp(45px,12vw,67px);line-height:1.28;letter-spacing:-1px}.lead{font-size:17px;margin-top:18px;max-width:340px}.button{min-height:52px;gap:34px}.hero .button{margin-top:4px}.scene{top:510px;left:16%;width:74%;height:340px;max-height:none}.hero-foot{inset-inline:7%;bottom:25px;font-size:12px;padding-top:16px}.hero-foot>span{max-width:150px}.about{min-height:920px;padding:310px 7% 80px}.section-copy{width:100%}.about h2{font-size:40px}.body-copy{font-size:17px}.about-index{font-size:85px;bottom:15px;right:auto;left:7%}.solutions{padding:80px 7%;min-height:0}.solutions-heading{display:block}.solutions h2{font-size:40px}.solutions .body-copy{margin-top:22px}.cards{grid-template-columns:1fr;margin-top:35px;gap:15px}.card{min-height:0;padding:27px}.card-number{margin-bottom:19px}.card h3{font-size:25px}.card p{margin-bottom:0}.contact{padding:80px 7%}.contact h2{font-size:45px}footer{padding:25px 7%;flex-wrap:wrap}footer>span{width:100%;order:3}footer small{font-size:12px}}
@media(max-width:370px){.hero{min-height:960px}.scene{top:565px}.hero h1{font-size:43px}.hero-foot{font-size:12px}h2,.about h2,.solutions h2{font-size:36px}}
:root{--navy:#283460}.header,.header.scrolled{background:#283460;color:#fff;border-bottom-color:#ffffff1a}.header nav a:hover{color:#8edbd4}.header .store-link{border-color:#8991ad}.header .store-link:hover{background:#394978}.header.scrolled{backdrop-filter:none}.header #menuToggle{color:white}.brand img{width:150px;max-height:48px}.cards{grid-template-columns:repeat(2,1fr)}.card{min-height:220px}.card-number{margin-bottom:27px}.supply{padding:90px 8% 100px;background:#c6e7e4;z-index:5}.supply-top{display:flex;align-items:center;justify-content:space-between}.supply-top .eyebrow{margin-bottom:0;color:#216a72}.supply-symbol{font:70px Arial;line-height:1.2;color:#27858c}.supply-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:start;margin-top:32px}.supply-grid h2{font-size:clamp(35px,3.6vw,57px)}.supply-grid .body-copy{margin-top:0;color:#355e6a}.supply-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px;padding-top:30px;border-top:1px solid #8fc4c5}.supply-steps>div{display:flex;align-items:center;gap:16px}.supply-steps span{font:13px Arial;color:#297c83}.supply-steps h3{font-size:18px;font-weight:500}.contact-details{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;margin-top:35px;font:15px Arial;line-height:1.7}.contact-details a{border-bottom:1px solid #647496;padding-bottom:6px}.contact-details a:hover{color:#a7e6dd}footer{background:var(--navy)}
@media(max-width:1000px){.header nav{gap:18px;font-size:14px}.supply{padding-inline:6%}.supply-grid{gap:5%}}
@media(max-width:759px){.cards{grid-template-columns:1fr}.card{min-height:0}.supply{padding:65px 7%}.supply-grid{display:block;margin-top:25px}.supply-grid h2{font-size:39px}.supply-grid .body-copy{margin-top:25px}.supply-steps{grid-template-columns:1fr;gap:25px;margin-top:38px}.supply-symbol{font-size:55px}.contact-details{font-size:14px}.brand img{width:135px}}
.clinic-banner{padding:0 8% 85px;background:#eaf3f4;z-index:5}.clinic-inner{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 55px;border-radius:5px;border-inline-start:5px solid #39b7b4}.clinic-inner .eyebrow{color:#90dbd4;margin-bottom:10px}.clinic-inner h2{font-size:clamp(36px,4vw,56px)}.clinic-inner .button{flex-shrink:0}.solutions{padding-bottom:65px}@media(max-width:759px){.clinic-banner{padding:0 7% 65px}.clinic-inner{padding:28px;display:block}.clinic-inner h2{font-size:38px}.clinic-inner .button{margin-top:25px}.solutions{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.scene{will-change:auto}}

/* Cinematic dental art direction. The admin keeps its separate light workspace. */
.site{background:#070e1d;color:#f5f8ff}.site .header{background:#283460;border-bottom:1px solid #8490b02b}.site .header.scrolled{background:#283460}.site .hero{background:linear-gradient(270deg,rgba(7,14,29,.97) 0%,rgba(7,14,29,.87) 39%,rgba(7,14,29,.27) 100%),url('assets/dental-clinic.webp') center/cover no-repeat;min-height:850px}.site .hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070e1d 0%,transparent 35%);pointer-events:none}.site .hero-copy{z-index:4}.site .hero .eyebrow,.site .eyebrow{color:#8fd7d8}.site .hero h1{font-weight:500;line-height:1.3}.site .hero h1 span{color:#8ce0dc}.site .lead,.site .body-copy{color:#bdc8db}.site .primary{background:#83d8d3;color:#0b1a2b;border:1px solid #a6e9e2}.site .primary:hover{background:#b4ece6}.site .scene{z-index:3;left:3%;top:13vh;height:73vh;width:43vw}.site .scene img{filter:drop-shadow(0 20px 25px #0009);mix-blend-mode:normal}.site .scene .orb{inset:12% -10%;background:radial-gradient(ellipse,#4ca6bb25 0%,#12203400 68%)}.site .scene-ring{border-color:#8cc7d117;width:90%;left:5%;top:5%}.site .hero-foot{border-color:#8495ae38;color:#a7b9d0;z-index:4}.site .about{background:linear-gradient(90deg,#0a1427f5 0%,#0a1427ef 45%,#0a1427ba 100%),url('assets/dental-clinic.webp') left center/cover no-repeat;min-height:860px}.site .about h2{color:white}.site .about .section-copy{z-index:4}.site .about-note{color:#8fd7d8;border-color:#889cb235}.site .about-index{color:#6e8cbb15}.site .solutions{background:linear-gradient(0deg,#080f20 0%,#080f20c4 60%,#080f20ed 100%),url('assets/dental-tools.webp') center/cover no-repeat}.site .solutions-heading .body-copy{color:#b3c3d7}.site .cards{gap:16px}.site .card{background:#102037b5;backdrop-filter:blur(10px);border-color:#98bac82b;border-radius:3px;padding:32px 35px}.site .card:hover{border-color:#8bd8d7;transform:translateY(-5px);background:#153149d9}.site .card h3{color:#f0f5fc;font-weight:500}.site .card-number{color:#81ccd0}.site .card p{color:#b4c4d7}.site .clinic-banner{background:#080f20;padding-bottom:90px}.site .clinic-inner{background:linear-gradient(105deg,#283460ad,#162b43ef),url('assets/dental-clinic.webp') left 55%/cover;border:1px solid #8499ba45;border-inline-start:3px solid #84d9d3;padding:45px 55px}.site .clinic-inner h2{font-weight:500}.site .light{background:#9ee6de;color:#0b1a2b}.site .supply{background:linear-gradient(270deg,#152343fa 0%,#152343e8 52%,#15234373 100%),url('assets/dental-tools.webp') center/cover no-repeat;padding-top:100px;padding-bottom:100px;border-top:1px solid #718db030;border-bottom:1px solid #718db030}.site .supply-grid h2{color:#f5f7ff;font-weight:500}.site .supply-grid .body-copy{color:#bdcbe0}.site .supply-symbol,.site .supply-top .eyebrow{color:#8fddd8}.site .supply-steps{border-color:#729da440}.site .supply-steps span{color:#80c3cb}.site .supply-steps h3{color:#dce9f5}.site .contact{background:radial-gradient(ellipse at 50% 0%,#26386288,transparent 75%),#070e1d}.site .contact h2{font-weight:500}.site footer{background:#070e1d;border-top-color:#8b9bbb26}.site #loadError{color:#112b3c}.site .mobile-nav{background:#101c32;color:#f4f7fb;border-color:#59748e50}.site .header .brand{padding:5px 0}.site .brand img{height:auto;max-height:48px}
@media(max-width:1000px){.site .hero{min-height:820px}.site .scene{left:0;width:46vw}.site .card{padding:27px}}
@media(max-width:759px){.site .hero{min-height:960px;padding-top:135px;padding-bottom:390px;background:linear-gradient(180deg,#070e1df2 0%,#070e1de3 48%,#070e1d77 77%,#070e1d 100%),url('assets/dental-clinic.webp') 22% center/auto 100% no-repeat}.site .hero-copy{width:100%}.site .hero h1{font-size:clamp(45px,12vw,60px);font-weight:500}.site .scene{top:515px;left:17%;width:72%;height:365px}.site .lead{font-size:17px;max-width:335px}.site .hero-foot{font-size:12px}.site .about{padding-top:320px;background:linear-gradient(180deg,#0a1427ba,#0a1427f5 48%),url('assets/dental-clinic.webp') 20% center/cover;min-height:990px}.site .about h2{font-weight:500}.site .solutions{background:linear-gradient(180deg,#080f20cd,#080f20ef 75%),url('assets/dental-tools.webp') 70% center/cover}.site .card{padding:26px}.site .clinic-banner{padding-bottom:65px}.site .clinic-inner{padding:30px 25px}.site .clinic-inner h2{font-size:38px}.site .supply{padding:65px 7%;background:linear-gradient(180deg,#152343ec,#152343df),url('assets/dental-tools.webp') center/cover}.site .supply-grid h2{font-size:38px}.site .contact h2{font-size:44px}}
@media(max-width:370px){.site .hero{min-height:1020px}.site .scene{top:565px}.site .hero h1{font-size:43px}}
#transitionInstrument{position:fixed;left:-28px;top:0;width:150px;height:300px;object-fit:contain;pointer-events:none;z-index:8;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 12px #70cadd50)}@media(max-width:759px){#transitionInstrument{left:-34px;width:98px;height:210px}}@media(prefers-reduced-motion:reduce){#transitionInstrument{display:none}}

/* Preserve the supplied complete logo, including its emblem and tagline. */
.site .header .brand{padding:0}.site .header .brand img{width:116px;height:88px;max-height:88px;object-fit:contain}.site .header.scrolled .brand img{width:95px;height:70px;max-height:70px}.site .footer-brand img{display:block;width:180px;height:auto;background:#283460;padding:10px;border-radius:4px}.site footer{align-items:center}@media(max-width:759px){.site .header{height:94px}.site .header .brand img{width:100px;height:80px;max-height:80px}.site .header.scrolled{height:82px}.site .header.scrolled .brand img{width:88px;height:68px;max-height:68px}.site .mobile-nav{top:94px}.site .footer-brand img{width:145px}}