:root{--navy: #192843;--navy-2: #111c31;--blue: #2f598a;--blue-2: #3a6aa3;--tint: #e7edf5;--paper: #f6f7f9;--text: #172133;--muted: #566174;--line: #dde3ec;--display: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;--sans: "IBM Plex Sans Arabic", system-ui, sans-serif;--r: 14px;--head: 64px;--checker: conic-gradient(var(--navy) 25%, #fff 0 50%, var(--blue) 0 75%, #fff 0)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--head) + 12px);direction:rtl}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.8 var(--sans);overflow-x:clip}a{color:inherit}img{max-inline-size:100%;block-size:auto;display:block}h1,h2,h3,h4{font-family:var(--display);line-height:1.35;margin:0 0 .5em}h1,h2{text-wrap:balance}h1{font-weight:700}h2{font-weight:600;font-size:clamp(1.6rem,4.2vw,2.4rem);max-inline-size:30ch}h3{font-weight:600;font-size:1.25rem}h4{font-weight:600;font-size:1.08rem;margin-block-end:.3em}p{margin:0 0 1em}.wrap{max-inline-size:1200px;margin-inline:auto;padding-inline:16px}.narrow{max-inline-size:820px}.section{padding-block:clamp(56px,8vw,104px)}.sub{color:var(--muted);max-inline-size:60ch;font-size:1.05rem}.eyebrow{color:var(--blue);font:600 .95rem var(--display);margin:0 0 .5em;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";inline-size:18px;block-size:18px;background:var(--checker);background-size:9px 9px;border:1px solid var(--navy);flex:none}.dark{background:var(--navy);color:#e9eef6}.dark .eyebrow{color:#b9cdea}.dark .sub{color:#c4d0e2}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:48px;padding:10px 24px;border-radius:10px;font:600 1rem var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f2b84b;outline-offset:2px}.btn-main{background:var(--blue);color:#fff}.btn-main:hover{background:var(--blue-2)}.btn-ghost{border-color:#fff9;color:#fff}.btn-ghost:hover{background:#ffffff1a}.btn-line{border-color:var(--navy);color:var(--navy);background:#fff}.btn-light{background:#fff;color:var(--navy)}.btn.sm{min-block-size:44px;padding:8px 16px;font-size:.95rem}.row{display:flex;flex-wrap:wrap;gap:12px}.text-link{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-block-size:44px}.top{position:fixed;inset-inline:0;inset-block-start:0;z-index:30;block-size:var(--head);display:flex;align-items:center;gap:16px;padding-inline:16px;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;min-block-size:44px;flex:none}.brand-in{display:flex;align-items:center;gap:10px}.brand-in img{inline-size:40px;block-size:auto}.brand-in b{display:block;font:300 1.35rem/1 var(--display);letter-spacing:.22em;color:var(--navy)}.brand-in small{display:block;font:700 .58rem/1.4 var(--sans);letter-spacing:.2em;color:var(--blue)}.nav-wide{display:none}.menu{margin-inline-start:auto;position:relative}.menu summary{list-style:none;cursor:pointer;min-block-size:44px;display:flex;align-items:center;padding-inline:14px;border:1px solid var(--line);border-radius:10px;font-weight:600;background:#fff}.menu summary::-webkit-details-marker{display:none}.menu summary:after{content:"";inline-size:8px;block-size:8px;border:solid var(--navy);border-width:0 0 2px 2px;transform:rotate(-45deg);margin-inline-start:10px;margin-block-start:-4px}.menu[open] summary:after{transform:rotate(135deg);margin-block-start:4px}.menu nav{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 10px);min-inline-size:220px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 16px 40px #19284329;padding:8px;display:grid}.menu nav a{min-block-size:44px;display:flex;align-items:center;padding-inline:12px;border-radius:8px;text-decoration:none;font-weight:500}.menu nav a:hover{background:var(--tint)}.top>.btn{flex:none}.wide-only{margin-inline-end:.3em}@media(max-width:429px){.top{padding-inline:12px;gap:10px}.wide-only{display:none}.menu summary{padding-inline:12px}}@media(max-width:359px){.brand-in>span{display:none}}@media(min-width:1100px){.top{padding-inline:28px;gap:24px}.nav-wide{display:flex;gap:4px;margin-inline-start:auto}.nav-wide a{min-block-size:44px;display:flex;align-items:center;padding-inline:12px;text-decoration:none;font-weight:500;border-radius:8px}.nav-wide a:hover{background:var(--tint)}.menu{display:none}}.hero{position:relative;background:var(--navy);color:#fff;padding-block:calc(var(--head) + 28px) 56px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(46%,560px);background:var(--checker);background-size:72px 72px;opacity:.08;z-index:-1}.hero-grid{display:grid;gap:36px;align-items:center}.hero .eyebrow{color:#b9cdea}.hero .eyebrow:before{border-color:#fff}.hero h1{font-size:clamp(1.9rem,5.6vw,3rem);line-height:1.25;margin-block-end:.45em}.lead{color:#d3ddec;font-size:1.05rem;max-inline-size:58ch}.chips{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 12px;font-size:.9rem;color:#e3eaf5}.hero-frame{position:relative;margin:0;padding:12px;background:#fff;border-radius:4px;box-shadow:0 30px 60px #00000059;max-inline-size:520px;justify-self:center;inline-size:100%}.hero-photo{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--tint)}.hero-photo img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.hero-photo img.on{opacity:1}@media(prefers-reduced-motion:reduce){.hero-photo img{transition:none}}.hero-frame figcaption{color:var(--navy);font:600 .95rem var(--display);padding-block:10px 0;text-align:center}.mark{position:absolute;inline-size:22px;block-size:22px;border-color:#9fb6d6;border-style:solid;border-width:0}.mark.tl{inset-block-start:-10px;inset-inline-start:-10px;border-block-start-width:1px;border-inline-start-width:1px}.mark.tr{inset-block-start:-10px;inset-inline-end:-10px;border-block-start-width:1px;border-inline-end-width:1px}.mark.bl{inset-block-end:-10px;inset-inline-start:-10px;border-block-end-width:1px;border-inline-start-width:1px}.mark.br{inset-block-end:-10px;inset-inline-end:-10px;border-block-end-width:1px;border-inline-end-width:1px}@media(max-width:899px){.hero-photo{aspect-ratio:1 / 1}.hero-frame{max-inline-size:440px}}@media(min-width:900px){.hero{padding-block:calc(var(--head) + 56px) 80px}.hero-grid{grid-template-columns:1.25fr .75fr;gap:64px}}.hero:after,.reels:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:12px;background:var(--checker);background-size:24px 24px}.reels{position:relative}.group{margin-block-start:44px}.group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;border-block-end:2px solid var(--navy);padding-block-end:8px;margin-block-end:18px}.group-head h3{margin:0;font-size:1.4rem;color:var(--navy)}.group-head p{margin:0;color:var(--muted)}.svc-grid{list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.svc img{aspect-ratio:4 / 3;object-fit:cover;inline-size:100%}.svc-body{padding:16px 18px 10px;display:flex;flex-direction:column;flex:1}.svc-body p{color:var(--muted);margin-block-end:6px;flex:1}.svc-text{background:var(--tint);border-color:transparent}.svc-text .svc-body{padding-block-start:22px}.svc-text .svc-body:before{content:"";inline-size:34px;block-size:34px;background:var(--checker);background-size:17px 17px;border:1px solid var(--navy);margin-block-end:14px}@media(max-width:599px){.svc-grid{gap:10px}.svc{flex-direction:row;align-items:stretch}.svc img{inline-size:112px;aspect-ratio:auto;flex:none;object-fit:cover}.svc-body{padding:12px 14px 4px}.svc-body p{font-size:.95rem;line-height:1.7}.svc-text .svc-body{padding-block-start:12px}.svc-text .svc-body:before{display:none}}.work{background:#fff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-block:8px 24px}.filters button{min-block-size:44px;padding-inline:16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font:500 .95rem var(--sans);cursor:pointer;color:var(--text)}.filters button span{color:var(--muted);font-size:.85em;margin-inline-start:4px}.filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.filters button[aria-pressed=true] span{color:#b9cdea}.masonry{list-style:none;padding:0;margin:0;columns:2 160px;column-gap:12px}.masonry li{break-inside:avoid;margin-block-end:12px}.masonry button{display:block;inline-size:100%;padding:0;border:0;background:none;cursor:zoom-in;text-align:start;border-radius:10px;overflow:hidden;position:relative}.masonry img{inline-size:100%}.masonry span{position:absolute;inset-inline:0;inset-block-end:0;padding:22px 10px 8px;background:linear-gradient(transparent,#111c31d9);color:#fff;font-size:.85rem;font-weight:500;line-height:1.4}@media(min-width:700px){.masonry{columns:3}}@media(min-width:1100px){.masonry{columns:4}}.more{text-align:center;margin-block-start:20px}.viewer{border:0;padding:0;background:transparent;max-inline-size:min(94vw,760px);max-block-size:94vh;inline-size:100%}.viewer::backdrop{background:#0a101ce0}.v-body{background:#fff;border-radius:var(--r);padding:12px;display:grid;gap:10px;position:relative}.v-body img{max-block-size:68vh;inline-size:auto;margin-inline:auto;border-radius:8px}.v-x{position:absolute;inset-block-start:8px;inset-inline-start:8px;inline-size:44px;block-size:44px;border-radius:50%;border:0;background:#ffffffeb;font-size:1.6rem;cursor:pointer;z-index:1}.v-bar{display:flex;align-items:center;gap:10px}.v-bar p{flex:1;margin:0;text-align:center;display:grid}.v-bar span{color:var(--muted);font-size:.9rem}.v-nav{inline-size:44px;block-size:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.2rem;cursor:pointer;flex:none}.reel-list{list-style:none;padding:0 0 12px;margin:8px 0 24px;display:grid;gap:14px;grid-auto-flow:column;grid-auto-columns:min(76vw,300px);overflow-x:auto;scroll-snap-type:inline mandatory;overscroll-behavior-inline:contain}.reel-list li{scroll-snap-align:start}@media(min-width:1000px){.reel-list{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}.reel-list li{container-type:inline-size;background:#fff;border-radius:var(--r);overflow:hidden}.reel-list iframe{display:block;inline-size:100%;block-size:calc(125cqi + 200px);border:0}.reel-cover{display:block;position:relative;inline-size:100%;aspect-ratio:9 / 16;padding:0;border:0;cursor:pointer;background:var(--navy-2);overflow:hidden}.reel-cover img{inline-size:100%;block-size:100%;object-fit:cover;opacity:.92}.reel-cover:hover img{opacity:1}.play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:64px;block-size:64px;border-radius:50%;background:#fffffff0;box-shadow:0 8px 24px #0000004d}.play:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:20px;block-size:24px;translate:3px 0;background:var(--navy);clip-path:polygon(0 0,100% 50%,0 100%)}.reel-name{position:absolute;inset-inline:0;inset-block-end:0;padding:26px 12px 12px;background:linear-gradient(transparent,#111c31eb);color:#fff;font:600 .95rem var(--display);text-align:start}.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));counter-reset:s}.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px 14px;position:relative}.steps .num{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;background:var(--navy);color:#fff;font:600 1.2rem var(--display);border-radius:10px;margin-block-end:14px}.steps p{color:var(--muted)}.faq{background:#fff}.faq details{border-block-end:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;min-block-size:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:600 1.08rem var(--display);padding-block:10px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 1.6rem/1 var(--sans);color:var(--blue);flex:none}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-inline-size:68ch}.ch-grid{display:grid;gap:16px;margin-block-start:12px}.ch-address{background:var(--navy);color:#fff;border-radius:var(--r);padding:24px;position:relative;overflow:hidden}.ch-address:after{content:"";position:absolute;inset-block-end:0;inset-inline:0;block-size:10px;background:var(--checker);background-size:20px 20px}.ch-address b{font:600 1rem var(--display);color:#b9cdea}.ch-address p{font:600 clamp(1.15rem,3vw,1.45rem)/1.6 var(--display);margin:8px 0 12px}.ch-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.ch-list a{display:grid;gap:2px;min-block-size:44px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;block-size:100%}.ch-list a:hover{border-color:var(--blue)}.ch-list b{font:600 1.1rem var(--display);color:var(--navy)}.ch-list span{color:var(--muted)}.map{inline-size:100%;block-size:260px;border:0;border-radius:10px;margin-block-start:8px}@media(min-width:900px){.ch-grid{grid-template-columns:1fr 1.3fr;align-items:stretch}}.contact{background:var(--tint)}.split{display:grid;gap:32px}.contact-img{border-radius:var(--r);margin-block-start:18px;max-block-size:360px;inline-size:100%;object-fit:cover}@media(max-width:899px){.contact-img{display:none}}@media(min-width:900px){.split{grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}}.qform{background:#fff;border-radius:var(--r);padding:22px 18px;display:grid;gap:14px;box-shadow:0 12px 36px #19284314}.two{display:grid;gap:14px}@media(min-width:560px){.two{grid-template-columns:1fr 1fr}}.fld{display:grid;gap:6px}.fld label,.radios legend{font-weight:600}.qform input,.qform select,.qform textarea{font:inherit;inline-size:100%;min-block-size:48px;padding:10px 12px;border:1px solid #c9d2df;border-radius:10px;background:#fff;color:var(--text);scroll-margin-block-start:calc(var(--head) + 40px)}.qform textarea{resize:vertical}.qform [aria-invalid=true]{border-color:#b3261e;box-shadow:0 0 0 2px #b3261e26}.radios{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 16px}.radios legend{margin-block-end:6px}.radios label{display:flex;align-items:center;gap:8px;min-block-size:44px;cursor:pointer}.radios input{inline-size:20px;min-block-size:20px;block-size:20px;accent-color:var(--blue)}.err{color:#b3261e;font-weight:600;margin:0}.ok{color:#1d6b3a;font-weight:600;margin:0}.hint{color:var(--muted);font-size:.9rem;margin:0}.draft{display:grid;gap:10px}.draft p{margin:0;font-weight:600}.foot{background:var(--navy-2);color:#c9d4e5;padding-block:48px 90px}.foot-grid{display:grid;gap:28px}.foot-logo{inline-size:120px;background:#fff;border-radius:10px;padding:8px;margin-block-end:14px}.foot-addr{color:#fff}.foot nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-content:start}.foot nav a,.social a{min-block-size:44px;display:flex;align-items:center;text-decoration:none}.foot nav a:hover,.social a:hover{color:#fff;text-decoration:underline}.social{list-style:none;padding:0;margin:0;display:grid;align-content:start}.foot-end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-block-start:1px solid rgba(255,255,255,.12);margin-block-start:28px;padding-block-start:16px}.credit a{display:inline-flex;align-items:center;min-block-size:44px}@media(min-width:900px){.foot-grid{grid-template-columns:1.4fr 1fr .7fr}}.fab{position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:25;inline-size:58px;block-size:58px;border-radius:50%;background:#1f8f4e;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px #00000040}
