@font-face{font-family:Cairo;src:url('./fonts/cairo-arabic-vf.woff2') format('woff2');font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Cairo;src:url('./fonts/cairo-latin-vf.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{--ink:#182026;--paper:#f5f2eb;--blue:#38ace2;--muted:#5f655f;--line:#d7d6cd;--gutter:4.5%;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,a,input,textarea,select,summary{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #08749f}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.15}h2{font-size:54px}h3{font-size:27px}p{line-height:1.85}button{border:0;background:none}::selection{background:var(--blue);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;inset-inline-start:20px;padding:15px;background:var(--ink);color:white;z-index:100}.skip:focus{top:15px}.read-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--blue);z-index:80;transform:scaleX(0);transform-origin:left}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--gutter);position:sticky;top:0;background:var(--paper);z-index:50;transition:height .3s,box-shadow .3s;border-bottom:1px solid var(--line)}.header.scrolled{height:82px;box-shadow:0 4px 25px #18202608}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand svg{width:34px;height:34px}.brand>span{font:700 23px Cairo,Arial,sans-serif;letter-spacing:-1px}.brand-dot{color:#08749f}.desktop-nav{display:flex;gap:26px;font-size:13px}.desktop-nav a{position:relative}.desktop-nav a:after,.text-link:after{content:'';position:absolute;bottom:-5px;inset-inline-start:0;width:0;height:1px;background:currentColor;transition:width .3s}.desktop-nav a:hover:after,.text-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:22px}.header-cta{font-size:13px;display:flex;gap:23px;align-items:center}.header-cta>span{display:grid;place-content:center;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:20px;transition:background .3s}.header-cta:hover>span{background:var(--blue)}.language-wrap{position:relative}.language-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px}.language-toggle>span:first-child{display:block;direction:ltr}#languages{position:absolute;top:100%;inset-inline-end:0;min-width:170px;background:var(--paper);border:1px solid var(--line);padding:10px;box-shadow:0 15px 25px #18202612}#languages a{display:flex;justify-content:space-between;padding:8px 12px;font-size:14px}#languages a:hover,#languages a[aria-current]{background:#e7e6df}.menu-toggle{display:none;width:44px;height:44px;padding:10px}.menu-toggle span{height:1px;background:var(--ink);display:block;margin:6px 0;width:23px}#mobile-nav{position:absolute;inset:100% 0 auto;background:var(--paper);padding:20px var(--gutter);border-bottom:1px solid var(--line)}#mobile-nav a{display:block;font-size:22px;padding:10px 0}.hero{padding:26px var(--gutter) 0}.hero-top{display:flex;justify-content:space-between;gap:20px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.025em;font-weight:600}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow i,.chip-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#08749f}.hero-title-wrap{display:grid;grid-template-columns:1fr 230px;gap:40px;align-items:end;padding:35px 0 40px}h1{font-size:88px;line-height:1.04;letter-spacing:-.065em}h1>span{display:block}.second-line{color:#6d716a}.title-star{font-style:normal;display:inline-block;font-size:66px;color:#08749f;margin-inline-start:22px;vertical-align:middle;animation:star-turn 22s linear infinite}.hero-side{font-size:13px;padding-bottom:6px}.hero-side p{max-width:240px;margin-bottom:22px}.text-link{display:inline-flex;position:relative;align-items:center;gap:30px;font-size:13px}.text-link>span{font-size:23px}.hero-image-wrap{height:540px;position:relative;overflow:hidden;background:#baa485}.hero-image{transform:scale(1.06);object-position:center 53%;will-change:transform}.image-chip{position:absolute;top:24px;inset-inline-start:24px;display:flex;align-items:center;gap:10px;background:var(--paper);padding:9px 17px;font-size:11px}.scroll-link{position:absolute;bottom:25px;inset-inline-start:25px;border-radius:50%;width:114px;height:114px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;text-align:center;color:var(--ink);transition:transform .4s}.scroll-link>span:last-child{font-size:27px}.scroll-link:hover{transform:rotate(-8deg)}.photo-caption{position:absolute;bottom:18px;inset-inline-end:20px;max-width:440px;background:#182026d9;color:#fff;font-size:10px;line-height:1.7;padding:7px 12px}.slat-curtain{position:absolute;inset:0;display:flex;pointer-events:none}.slat-curtain span{flex:1;background:var(--paper);transform-origin:top;animation:slat-open 1.25s var(--ease) forwards;animation-delay:calc(var(--i)*.035s)}@keyframes slat-open{to{transform:scaleY(0)}}@keyframes star-turn{to{transform:rotate(360deg)}}.section{padding:112px var(--gutter)}.section-kicker{margin-bottom:28px}.vision-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:9%;align-items:end;margin-bottom:65px}.vision-intro p{font-size:15px;color:var(--muted);max-width:440px}.comparison-stage{position:relative;aspect-ratio:1200/660;overflow:hidden;--split:50%;direction:ltr}.comparison-stage>img{object-position:center}.after-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--paper);transform:translateX(-1px);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-content:center;border-radius:50%;background:var(--paper);font-size:26px;box-shadow:0 0 0 6px #ffffff25}.compare-tag{position:absolute;top:24px;background:var(--paper);padding:7px 14px;font-size:11px;color:var(--ink);max-width:40%}.before-tag{left:24px}.after-tag{right:24px}.compare-range{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;direction:ltr;touch-action:pan-y}.comparison-stage:focus-within{outline:3px solid #08749f;outline-offset:6px}.comparison-caption{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-top:24px}.comparison-caption h3{font-size:25px}.comparison-caption p{max-width:450px;font-size:12px;color:var(--muted)}.material{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper);min-height:800px}.material-copy{padding:85px 12% 60px 9%}.material-copy h2{margin-bottom:32px}.material-copy>p:not(.small-print){max-width:430px;font-size:15px;color:#c3c7c6}.material-type{display:block;font-size:16px;letter-spacing:.18em;color:var(--blue);margin-top:38px}.material-specs{list-style:none;padding:0;margin:15px 0 24px}.material-specs li{padding:16px 0;border-top:1px solid #3b4346;font-size:13px;display:flex;gap:28px}.material-specs li>span{color:#96a1a4;font-size:11px}.small-print{font-size:11px;color:#aeb5b6;max-width:360px}.material-media{position:relative;overflow:hidden;min-height:100%;}.material-media img{position:absolute;inset:0;transition:transform 1.3s var(--ease)}.material-media:hover img{transform:scale(1.04)}.material-grid{position:absolute;inset:28px;border:1px solid #ffffff55;pointer-events:none}.material-coordinate{position:absolute;bottom:45px;left:45px;direction:ltr;font-size:10px;letter-spacing:.15em;background:#182026ba;padding:5px 10px}.services h2{margin-bottom:65px}.service{display:grid;grid-template-columns:60px 1fr 1fr 58px;gap:32px;padding:36px 0;border-top:1px solid var(--line);align-items:center}.service:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:13px;color:var(--muted);align-self:start;margin-top:7px}.service-category{font-size:11px;color:#68726f;margin-bottom:6px}.service h3{font-size:32px}.service-description{font-size:13px;color:var(--muted);max-width:400px}.service-link{display:grid;place-content:center;width:58px;height:58px;border:1px solid var(--line);border-radius:50%;font-size:28px;transition:background .3s,transform .3s}.service-link:hover{background:var(--blue);transform:rotate(10deg)}.process{background:#e8e8df;display:grid;grid-template-columns:1fr 1fr;gap:10%}.step{display:flex;gap:30px;padding:28px 0;border-top:1px solid #bfc3ba}.step:first-child{padding-top:0;border:0}.step-number{color:#08749f;font-size:13px;min-width:25px}.step h3{font-size:25px;margin-bottom:14px}.step p{font-size:14px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.about-image{position:relative;overflow:hidden}.about-image img{position:absolute;inset:0}.about-copy{padding:90px 12%}.about-copy h2{margin-bottom:30px}.about-copy>p{font-size:14px;color:var(--muted)}.about-signature{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:21px;font-weight:600}.about-signature span{color:#08749f;font-size:32px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line)}.faq h2{font-size:45px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;font-size:16px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:26px;font-weight:300;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;color:var(--muted);padding:0 30px 26px 0}.contact{background:var(--blue);display:grid;grid-template-columns:1fr 1fr;gap:12%;position:relative}.contact h2{font-size:64px;margin-bottom:22px}.contact>div>p{font-size:14px;max-width:330px}.contact-spark{display:block;font-size:95px;line-height:1;margin-top:30px}.contact form{padding-top:7px}label{display:block;font-size:12px;font-weight:600;margin-bottom:23px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #18202680;border-radius:0;background:transparent;padding:12px 0;color:var(--ink);font-size:16px;resize:vertical}select{appearance:auto}select option{background:var(--paper)}textarea::placeholder{color:#223c49;opacity:.8;font-size:13px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:#fff;padding:17px 22px;width:100%;font-size:13px;min-height:56px;cursor:pointer;transition:background .3s}.primary-button:hover{background:#2d404b}.primary-button>span{font-size:24px}.form-privacy{font-size:11px;margin-top:16px;line-height:1.8}.contact :focus-visible{outline-color:var(--ink)}footer{padding:45px var(--gutter) 20px;background:var(--ink);color:var(--paper);overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top p{font-size:12px;color:#c0c5c5}.footer-wordmark{font-size:150px;line-height:1.45;letter-spacing:-.075em;font-weight:600;white-space:nowrap;text-align:center;margin:25px 0 15px}.footer-wordmark>span{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #465054;padding-top:22px;color:#c0c5c5;font-size:11px}.footer-bottom button{font-size:11px;padding:10px}dialog{width:min(600px,92vw);max-height:86vh;border:0;background:var(--paper);color:var(--ink);padding:42px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#182026bb;backdrop-filter:blur(8px)}dialog h2{font-size:32px;margin:15px 0}dialog p{font-size:13px;color:var(--muted)}dialog pre{font:14px/1.8 Cairo,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#e9e7df;padding:20px;max-height:200px;overflow:auto;margin:20px 0}.dialog-close{position:absolute;top:8px;inset-inline-end:12px;font-size:28px;width:44px;height:44px}.result-icon{font-size:35px;color:#08749f}.dialog-done{margin-top:18px;padding:6px 0}.secondary{margin-top:10px;background:#08749f}.enhanced .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform 1s var(--ease)}.enhanced .reveal.visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .slat-curtain{display:none}.motion-paused .hero-image{transform:none!important}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:-.035em}[dir=rtl] h1{font-size:91px;line-height:1.4}[dir=rtl] h2{line-height:1.5}[dir=rtl] .hero-title-wrap{padding-top:18px;padding-bottom:22px}[dir=rtl] .material-copy{padding-inline:12% 9%}[dir=rtl] .material-type{width:100%;text-align:start}[dir=rtl] .title-star{font-size:62px}[dir=rtl] .faq details p{padding:0 0 26px 30px}
@media(min-width:1600px){:root{--gutter:max(5%,calc((100vw - 1600px)/2))}h1{font-size:110px}.hero-image-wrap{height:660px}.footer-wordmark{font-size:180px}}
@media(max-width:1150px){h1{font-size:68px}[dir=rtl] h1{font-size:74px}.title-star,[dir=rtl] .title-star{font-size:45px}.hero-title-wrap{grid-template-columns:1fr 190px;gap:25px}.desktop-nav{gap:16px;font-size:12px}.header-actions{gap:12px}.header-cta{display:none}h2{font-size:43px}.material-copy{padding:65px 9%}.hero-image-wrap{height:460px}.service{grid-template-columns:35px 1fr 1fr 48px;gap:20px}.service h3{font-size:27px}.service-link{width:48px;height:48px}.contact h2{font-size:54px}.footer-wordmark{font-size:115px}.about-copy{padding:65px 10%}}
@media(max-width:780px){:root{--gutter:6%}.header,.header.scrolled{height:78px}.brand>span{font-size:21px}.brand svg{width:30px;height:30px}.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{gap:14px}.hero{padding-top:22px}.hero-top>.eyebrow:last-child{display:none}.hero-title-wrap{grid-template-columns:1fr;padding:30px 0;gap:24px}h1{font-size:64px}[dir=rtl] h1{font-size:64px}.hero-side{display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-side p{max-width:270px;margin:0;font-size:12px}.hero-side .text-link{max-width:170px;gap:10px;flex-shrink:0;font-size:11px}.hero-image-wrap{height:480px;margin-inline:calc(-1 * (100vw - 100%)/2)}.hero-image{object-position:61% center}.image-chip{top:20px;inset-inline-start:6%}.scroll-link{width:92px;height:92px;bottom:48px;inset-inline-start:6%;font-size:9px}.photo-caption{font-size:9px;inset-inline:6%;bottom:12px;max-width:100%;width:fit-content}.section{padding:75px var(--gutter)}h2{font-size:40px}.vision-intro{grid-template-columns:1fr;gap:25px;margin-bottom:38px}.vision-intro p{font-size:14px;max-width:100%}.comparison-stage{aspect-ratio:1.15}.comparison-caption{display:block}.comparison-caption h3{font-size:23px;margin-bottom:12px}.comparison-caption p{font-size:11px}.compare-tag{top:15px;font-size:10px;padding:5px 9px}.before-tag{left:15px}.after-tag{right:15px}.compare-divider span{width:48px;height:48px}.material{grid-template-columns:1fr}.material-copy,[dir=rtl] .material-copy{padding:65px 6%}.material-copy>p:not(.small-print){max-width:100%}.material-media{min-height:570px}.material-media img{object-position:center 50%}.services h2{margin-bottom:40px}.service{grid-template-columns:28px 1fr 45px;gap:15px;padding:27px 0}.service-description{grid-column:2/3;grid-row:2}.service-link{grid-column:3;grid-row:1/3}.service-number{grid-row:1/3}.service h3{font-size:26px}.service-category{font-size:10px}.service-description{font-size:12px}.process{grid-template-columns:1fr;gap:45px}.step{gap:25px}.about{grid-template-columns:1fr}.about-image{min-height:420px}.about-copy{padding:65px 6%}.about-copy>p{font-size:14px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:40px}.faq summary{font-size:15px}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:52px}.contact-spark{display:none}.contact form{padding:0}.footer-top{flex-wrap:wrap}.footer-top p{order:3;width:100%}.footer-wordmark{font-size:76px;margin:25px 0}.footer-bottom{font-size:9px;gap:10px}.footer-bottom button{font-size:9px}.section-kicker{font-size:11px;margin-bottom:22px}dialog{padding:30px}dialog h2{font-size:27px}}
@media(max-width:480px){h1{font-size:43px;letter-spacing:-.055em}[dir=rtl] h1{font-size:49px}.title-star,[dir=rtl] .title-star{font-size:33px;margin-inline-start:8px}.hero-side{display:block}.hero-side p{max-width:100%;font-size:12px}.hero-side .text-link{margin-top:12px}.hero-image-wrap{height:405px}.hero-title-wrap{gap:20px;padding-top:25px}.hero-top{font-size:10px}h2{font-size:34px}.vision-intro h2{font-size:31px}.comparison-caption h3{font-size:22px}.material-media{min-height:460px}.material-copy h2{font-size:38px}.service h3{font-size:23px}.contact h2{font-size:45px}.footer-wordmark{font-size:53px}.footer-top .text-link{font-size:11px}.field-pair{grid-template-columns:1fr;gap:0}.footer-bottom{flex-wrap:wrap}.faq h2{font-size:34px}.about-image{min-height:360px}.contact label{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .reveal{opacity:1;transform:none}.slat-curtain{display:none}.hero-image{transform:none!important}}
.hero h1>span{animation:headline-enter 1.15s var(--ease) both}.hero h1>.second-line{animation-delay:.14s}.hero-side{animation:headline-enter 1.1s .25s var(--ease) both}@keyframes headline-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.service{transition:background .4s,padding .4s}.service:hover{background:#e9e9e1;padding-inline:14px}.material-grid:before,.material-grid:after{content:'+';position:absolute;font:20px Arial;color:#fff9}.material-grid:before{top:-11px;left:-7px}.material-grid:after{bottom:-11px;right:-7px}
