@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/arabic-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/arabic-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/arabic-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/arabic-3.ttf) format('truetype');
}

/* Refined navigation, three-frame hero and multilingual layouts. */
:root{--copper-soft:#6fc6eb;--shadow:0 22px 55px #262d321c}
.header{height:98px;z-index:60;background:#f8f9faf5;backdrop-filter:blur(20px);border-bottom:1px solid #353b4012;transition:box-shadow .25s}
.header.has-scrolled{box-shadow:0 5px 24px #2f9ac910}
.header>.wrap{gap:25px}
.desktop-nav{gap:26px;margin-inline-start:auto;white-space:nowrap}
.desktop-nav>a,.nav-group>button{position:relative;font-size:14px;font-weight:600;letter-spacing:-.01em}
.desktop-nav>a:before,.nav-group>button:before{content:'';height:2px;position:absolute;inset-inline:0;bottom:-9px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .25s}
.desktop-nav>a:hover:before,.desktop-nav>a[aria-current=page]:before,.nav-group.open>button:before{transform:scaleX(1)}
.nav-group>button{display:flex;align-items:center;gap:7px;padding:0;min-height:44px}
.nav-group>button:before{bottom:3px}.nav-group>button:after{display:none}
.nav-chevron{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;transition:transform .2s;flex-shrink:0}
.nav-group.open>.nav-chevron,.nav-group.open>button>.nav-chevron,details[open]>summary>.nav-chevron{transform:rotate(180deg)}
.header .wordmark{flex-shrink:0}.header .brand-name{font-size:29px}.header .brand-name small{letter-spacing:.24em}
.header>.wrap>.button{padding-inline:19px;white-space:nowrap;font-size:12px;min-height:44px;border-radius:3px}
.language-switch{display:flex;align-items:center;flex-shrink:0;gap:2px;margin-inline-start:-8px;padding-inline-start:15px;border-inline-start:1px solid var(--line);font-size:12px}
.language-switch a{height:31px;min-width:29px;padding:3px 5px;display:grid;place-items:center;color:#616970;border-radius:3px;font-weight:600;transition:background .2s,color .2s}
.language-switch a[aria-current=page]{background:#e6eef2;color:var(--pine)}.language-switch a:hover{background:#e6eef2;color:var(--pine)}.language-switch a[lang=ar]{font-family:'Noto Sans Arabic',Arial,sans-serif;font-size:16px;line-height:1}
.menu-toggle{border:0;min-width:42px;box-shadow:inset 0 0 0 1px var(--line);border-radius:3px}
.mini-label{font-size:11px;letter-spacing:.12em;font-weight:600;text-transform:uppercase;color:var(--muted)}
.nav-group.mega-group{position:static}
.dropdown.mega-menu{width:100%;inset-inline:0;top:100%;padding:0;border:0;box-shadow:var(--shadow);border-top:1px solid #dfe3e6;background:#f8f9fa;overflow:hidden}
.nav-group.open .mega-menu{display:block;animation:menuIn .2s ease both}
.mega-content{display:grid;grid-template-columns:200px minmax(420px,1fr) 250px;gap:36px;padding-block:34px}
.mega-intro{padding-inline-end:16px;border-inline-end:1px solid var(--line)}
.mega-intro h2{font-size:31px;letter-spacing:-.04em;line-height:1.18;margin:17px 0 18px;white-space:normal}
.mega-intro p{color:var(--muted);font-size:14px;line-height:1.7;white-space:normal;margin-bottom:27px}
.dropdown .mega-intro a{display:inline;padding:0 0 5px;border:0;border-bottom:1px solid #8e969b;font-size:12px;background:none}
.mega-services{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px}
.dropdown a.mega-service{display:flex;align-items:start;gap:14px;border:0;padding:16px 10px;border-radius:4px;white-space:normal;transition:background .18s}
.mega-number{font-family:var(--display);font-size:11px;color:var(--accent);border-bottom:1px solid #cce7f3;padding-block:3px;line-height:1;min-width:18px;flex-shrink:0}
.mega-service strong{font-size:15px;font-weight:600;display:block;line-height:1.4;margin-bottom:6px}
.mega-service p{color:var(--muted);font-size:12px;line-height:1.7;margin:0;white-space:normal}
.dropdown a.mega-service:hover{background:#f0f3f5;color:var(--pine)}
.dropdown a.mega-feature{padding:0;border:0;background:#f0f3f5;color:var(--ink);white-space:normal;display:block;border-radius:4px;overflow:hidden}
.mega-feature img{width:100%;height:143px;object-fit:cover;transition:transform .6s}.mega-feature:hover img{transform:scale(1.035)}
.mega-feature>div{padding:21px 21px 23px}.mega-feature .mini-label{font-size:9px;letter-spacing:.07em}.mega-feature h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:11px 0 17px}.feature-link{font-size:12px;border-bottom:1px solid #8e969b;padding-bottom:3px}
.mega-bottom{border-top:1px solid var(--line);background:#f0f3f5}
.mega-bottom .wrap{display:flex;align-items:center;gap:28px;min-height:63px;padding-block:12px;flex-wrap:wrap}
.dropdown .mega-bottom a{padding:0;border:0;background:transparent;font-size:12px}.mega-bottom .mini-label{font-size:10px}.mega-bottom a.mega-all{margin-inline-start:auto;color:var(--accent)}
.corporate-menu{top:100%;inset-inline-start:-28px;left:auto;width:320px;padding:0 22px 16px;border-top:1px solid var(--line);background:var(--paper);border-radius:0 0 5px 5px;animation:menuIn .2s ease both}
.corporate-intro{padding:24px 8px 18px;border-bottom:1px solid var(--line);white-space:normal}.corporate-intro .mini-label{color:var(--accent)}.corporate-intro p{font-size:14px;margin:12px 0 0;line-height:1.7;color:var(--muted)}.dropdown.corporate-menu a{display:flex;align-items:center;gap:15px;border-bottom:1px solid #dfe3e6;padding:15px 8px;font-size:14px}.corporate-menu a small{font-size:10px;color:#9d9d9d}
.nav-scrim{position:fixed;inset:0;background:#15232e2e;z-index:55;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mega-open .nav-scrim{opacity:1;visibility:visible;pointer-events:auto}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.hero{min-height:685px;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#353b40}.hero-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease,transform 8s ease;transform:scale(1.045);object-position:center}.hero-frame.is-active{opacity:1;transform:scale(1)}
.hero:after{z-index:-1;background:linear-gradient(90deg,#15232eea 0%,#15232eaf 36%,#15232e36 70%,#15232e18);pointer-events:none}
.hero .hero-content{padding-top:38px;padding-bottom:128px;transition:opacity .22s,transform .35s}.hero h1{font-size:clamp(46px,5vw,76px);letter-spacing:-.052em;font-weight:500;max-width:750px;line-height:1.12}.hero h1 em{color:#6fc6eb}.hero p{max-width:490px;line-height:1.85;font-size:16px}.hero .eyebrow{font-size:11px;letter-spacing:.2em}.hero .hero-actions{margin-top:32px}
.hero.is-changing .hero-content{opacity:0;transform:translateY(7px)}
.hero-bottom{bottom:0;background:linear-gradient(0deg,#15232e55,transparent)}.hero-bottom>.wrap{padding-block:24px;border-top:1px solid #ffffff3d;gap:25px}.hero-bottom>.wrap>span{font-size:10px;letter-spacing:.15em;color:#e0e5e8}
.slider-controls{display:flex;gap:28px;align-items:center;min-width:0}.slider-counter{white-space:nowrap;font-family:var(--display);font-size:13px;color:#9d9d9d}.slider-counter b{font-weight:500;font-size:26px;color:white}.slider-counter span{margin-inline-start:5px}
.slide-tabs{display:flex;gap:18px;align-items:center}.slide-tab{position:relative;display:flex;align-items:center;gap:7px;padding:9px 0 12px;border:0;border-bottom:1px solid #ffffff30;background:transparent;color:#c2c8cc;font-size:10px;min-width:103px;text-transform:uppercase;letter-spacing:.05em;text-align:start}.slide-tab>span:first-child{color:#2f9ac9;font-size:10px}.slide-tab.is-active{color:white}.slide-tab i{position:absolute;bottom:-1px;height:2px;inset-inline-start:0;width:0;background:#6fc6eb}.slide-tab.is-active i{width:100%}.hero.is-playing .slide-tab.is-active i{animation:slideProgress 7s linear both}.slide-pause{border:1px solid #ffffff4a;border-radius:50%;background:#ffffff05;color:white;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.slide-pause:hover{background:#ffffff18}.slide-pause svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.slide-pause[aria-pressed=true] svg{fill:currentColor;stroke:none}
@keyframes slideProgress{from{width:0}to{width:100%}}
.button{border-radius:3px;letter-spacing:.005em}.button.copper{background:#147ca5}.button.copper:hover{background:#11688b}.button.light{backdrop-filter:blur(8px);background:#ffffff06}
.service-grid{border:0;gap:17px}.service-card{border:1px solid #dfe3e6;border-radius:4px;background:#fff;padding:33px;min-height:276px;overflow:hidden;transition:transform .3s,background .3s,box-shadow .3s,border-color .3s}.service-card:after{content:'';position:absolute;bottom:0;inset-inline:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.service-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 17px 35px #262d3210;border-color:#c9d4dc}.service-card:hover:after{transform:scaleX(1)}.service-card h3{font-size:23px;letter-spacing:-.025em}.service-card p{font-size:15px}.service-card .number{top:34px}.service-card .service-icon{background:#f5f7f8;border:1px solid #dfe3e6;display:grid;place-items:center;width:53px;height:53px;border-radius:50%;margin-bottom:25px}.service-icon svg{width:28px;height:28px}.service-card .card-link{margin-top:auto;padding-top:25px;font-size:11px!important;letter-spacing:.05em}.project-card .visual{border-radius:4px}.intro-photo>img{border-radius:4px}.section-head h2,.intro-copy h2{font-weight:500}.strip{background:#f0f3f5}.strip .wrap{padding-block:29px}.strip-item strong{font-weight:500}.process-card .step{font-size:18px;font-weight:500}.paper-card{border-radius:4px;background:#fff}.sidebar{border-radius:4px}.contact-form{border-radius:5px;border:1px solid #dfe3e6}.page-hero{background:linear-gradient(115deg,#f0f3f5,#f8f9fa);border-bottom:1px solid #dfe3e6}.footer{border-top:1px solid #353b40}
.mobile-nav-title{display:block;padding-bottom:17px;color:var(--accent)}.mobile-nav summary{display:flex;align-items:center;justify-content:space-between;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-contact{padding-top:25px;display:grid;gap:12px}.mobile-contact>span{font-size:12px;color:var(--muted)}.mobile-nav .mobile-contact>a{border:0;padding:0;font-size:24px;justify-self:start}.mobile-nav .mobile-contact>a.button{display:inline-flex;padding:14px 24px;font-size:14px;color:white;justify-self:stretch;margin-top:7px}.mobile-submenu small{font-size:10px;color:var(--accent);margin-inline-end:15px}.mobile-nav details[open]{padding-bottom:5px}
[dir=rtl]{--font:'Noto Sans Arabic',Arial,sans-serif;--display:'Noto Sans Arabic',Arial,sans-serif}
[dir=rtl] body{line-height:1.9}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow,[dir=rtl] .mini-label,[dir=rtl] .slide-tab,[dir=rtl] .footer h3{letter-spacing:0!important}
[dir=rtl] h1,[dir=rtl] h2{line-height:1.35}[dir=rtl] h3{line-height:1.5}[dir=rtl] .brand-name{font-family:'Manrope',Arial,sans-serif;letter-spacing:.075em}[dir=rtl] .brand-name small{font-family:'Noto Sans Arabic',Arial,sans-serif;letter-spacing:0;font-size:11px}
[dir=rtl] .hero:after{background:linear-gradient(270deg,#15232ef2 0%,#15232ed4 39%,#15232e36 77%,#15232e18)}
[dir=rtl] .hero h1{font-size:clamp(44px,4.6vw,69px);line-height:1.4;max-width:700px}[dir=rtl] .hero p{line-height:1.95}[dir=rtl] .hero .eyebrow{letter-spacing:0;font-size:12px}
[dir=rtl] .comfort-banner:after{background:linear-gradient(270deg,#15232eee,#15232e80 55%,transparent)}
[dir=rtl] .service-card .number{right:auto;left:30px}[dir=rtl] .service-card:after{transform-origin:right}[dir=rtl] .photo-stamp{right:auto;left:-23px;border-left:0;border-right:2px solid var(--accent)}
[dir=rtl] .prose ul{padding-left:0;padding-right:22px}[dir=rtl] .check-list{padding-right:0!important}[dir=rtl] .faq details p{margin:14px 0 0 35px}[dir=rtl] .note-band{border-left:0;border-right:2px solid var(--accent)}[dir=rtl] .strip-item{border-right:0;border-left:1px solid #c9d4dc}[dir=rtl] .strip-item:last-child{border-left:0}[dir=rtl] .menu-toggle{margin-left:0;margin-right:auto}[dir=rtl] .contact-block a[dir=ltr],[dir=rtl] .footer-contact a[dir=ltr]{display:inline-block}[dir=rtl] .project-facts div{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .project-facts div:last-child{border-left:0}
[dir=rtl] .mega-intro h2{font-size:30px;line-height:1.4}[dir=rtl] .mega-service p{line-height:1.8}[dir=rtl] .mega-service strong{font-size:15px}[dir=rtl] .mega-feature h3{font-size:22px;line-height:1.5}
@media(max-width:1250px){.header>.wrap{gap:18px}.desktop-nav{gap:19px}.header .brand-name{font-size:27px}.header .brand-emblem{width:34px;height:34px}.desktop-nav>a,.nav-group>button{font-size:13px}.header>.wrap>.button{padding-inline:13px;font-size:11px}.language-switch{padding-inline-start:10px;margin-inline-start:0;gap:0}.language-switch a{min-width:25px}.mega-content{grid-template-columns:175px minmax(350px,1fr) 210px;gap:23px}.mega-intro h2{font-size:27px}.mega-service strong{font-size:14px}.mega-feature h3{font-size:21px}}
@media(max-width:1050px){.desktop-nav{display:none}.header{height:84px}.header>.wrap{gap:20px}.header .brand-name{font-size:30px}.header .brand-emblem{width:40px;height:40px}.header>.wrap>.button{margin-inline-start:auto;font-size:12px;padding-inline:20px}.language-switch{margin-inline-start:0}.menu-toggle{display:block;margin-inline-start:0}.mobile-nav{top:84px;max-height:calc(100dvh - 84px);padding:28px 35px;background:#f8f9fa;box-shadow:0 20px 35px #353b4026}.mobile-nav.open{display:grid}.mobile-nav a{display:block;border-bottom:1px solid var(--line);padding:15px 0;font-size:17px}.mobile-nav details{border-bottom:1px solid var(--line);padding:15px 0;font-size:17px}.mobile-nav details a{font-size:14px;padding:12px 0 12px 17px}.mega-open .nav-scrim{display:none}.hero h1{font-size:61px}.slide-tab{min-width:82px}.slide-tabs{gap:13px}.slider-controls{gap:20px}.hero-bottom>.wrap>span{max-width:150px;font-size:9px}.hero{min-height:670px}}
@media(max-width:680px){.header{height:80px}.header>.wrap{gap:12px}.header>.wrap>.button{display:none}.header .brand-name{font-size:25px}.header .brand-name small{font-size:8px}.header .brand-emblem{width:31px;height:34px;font-size:27px}.header .wordmark{gap:9px}.language-switch{margin-inline-start:auto;padding-inline-start:0;border:0}.language-switch a{min-width:27px;font-size:11px}.language-switch a[lang=ar]{font-size:15px}.menu-toggle{width:37px;min-width:37px;height:37px;font-size:22px}.mobile-nav{top:80px;padding:24px 22px;max-height:calc(100dvh - 80px)}.mobile-menu-open{overflow:hidden}.hero{min-height:650px}.hero .hero-content{padding-top:25px;padding-bottom:148px}.hero h1{font-size:clamp(39px,9.6vw,61px);line-height:1.15;letter-spacing:-.045em}.hero p{font-size:15px;line-height:1.8;max-width:355px}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.hero .hero-actions{margin-top:28px}.hero:after{background:linear-gradient(90deg,#15232eeb,#15232eb3 72%,#15232e59)}.hero-frame{object-position:62% center}.hero-bottom>.wrap{display:block;padding-block:17px;border-top:1px solid #ffffff35}.hero-bottom>.wrap>span{max-width:none;font-size:9px;display:block;margin-bottom:9px}.slider-controls{gap:15px;justify-content:space-between}.slider-counter{font-size:10px}.slider-counter b{font-size:19px}.slide-tabs{gap:12px;flex:1}.slide-tab{min-width:0;flex:1;padding-block:7px 10px;justify-content:center}.slide-label{display:none}.slide-tab>span:first-child{font-size:11px}.slide-pause{width:30px;height:30px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{min-height:auto;padding:27px}.service-card .service-icon{margin-bottom:20px}.service-card .card-link{margin-top:0;padding-top:23px}.strip .wrap{padding-block:8px}.section-head h2{font-size:35px}.intro-copy h2{font-size:36px}.strip-item span{font-size:11px}.service-card h3{font-size:23px}.service-card .number{top:31px}.hero h1 em{color:#6fc6eb}.contact-form{padding:27px 21px}[dir=rtl] .hero h1{font-size:43px;line-height:1.5}[dir=rtl] .hero .hero-content{padding-bottom:150px;padding-top:10px}[dir=rtl] .hero p{font-size:15px;line-height:1.95}[dir=rtl] .hero:after{background:linear-gradient(270deg,#15232ef2,#15232ec4 75%,#15232e80)}[dir=rtl] .header .brand-name small{font-size:9px}[dir=rtl] .photo-stamp{left:-5px}[dir=rtl] .strip-item:nth-child(2){border-left:0}[dir=rtl] .project-facts div{border-left:0;border-bottom:1px solid var(--line)}[dir=rtl] .mobile-nav details a{padding-right:17px;padding-left:0}[dir=rtl] .menu-toggle{margin-right:0}[dir=rtl] .hero-bottom>.wrap>span{letter-spacing:0;font-size:10px}}
@media(max-width:380px){.header>.wrap{gap:8px}.header .brand-name{font-size:23px}.header .brand-emblem{width:28px;height:31px}.header .wordmark{gap:7px}.language-switch a{min-width:24px}.hero h1{font-size:38px}[dir=rtl] .hero h1{font-size:39px}.hero .hero-actions{gap:8px}.hero .button{padding-inline:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-frame{transform:none!important}.hero.is-changing .hero-content{opacity:1;transform:none}.hero.is-playing .slide-tab.is-active i{animation:none}.service-card:hover{transform:none}}

.desktop-nav>a,.nav-group>button{font-size:15px}.mega-service p{font-size:14px;line-height:1.6}.mega-feature .mini-label{font-size:10px}.header>.wrap>.button{font-size:13px}.language-switch{font-size:13px}@media(max-width:1250px){.desktop-nav>a,.nav-group>button{font-size:14px}.mega-service p{font-size:13px}.header>.wrap>.button{font-size:12px}}
@media(max-width:1050px){.topbar{display:none}.mobile-nav{position:fixed;inset-inline:0;width:100%;overflow:auto;overscroll-behavior:contain}}