:root{--color-brand:#3a3a3c;--color-brand-deep:#262628;--color-accent:#f7941d;--color-accent-strong:#a5510a;--color-accent-hover:#e8850d;--color-accent-soft:#fdeedb;--neutral-50:#f6f4f1;--neutral-100:#ebe8e3;--neutral-200:#d9d5ce;--neutral-400:#8a8a8e;--neutral-600:#5e5e62;--neutral-800:#3a3a3c;--neutral-900:#262628;--color-bg:#fff;--color-surface:#f6f4f1;--color-surface-alt:#ebe8e3;--color-border:#d9d5ce;--color-border-strong:#3a3a3c;--color-text:#2b2b2d;--color-text-muted:#5e5e62;--color-text-on-dark:#f6f4f1;--color-whatsapp:#138a4a;--color-whatsapp-hover:#0f7440;--color-focus:#a5510a;--color-error:#b3261e;--font-heading:"Cairo", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", system-ui, sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-2xl:clamp(2rem, 1.4rem + 2.4vw, 3rem);--text-3xl:clamp(2.5rem, 1.5rem + 4vw, 4.5rem);--leading-tight:1.25;--leading-body:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:6rem;--space-10:8rem;--section-space:var(--space-8);--container-max:76rem;--gutter:var(--space-4);--header-height:4.5rem;--tap-size:2.75rem;--radius-sm:2px;--radius-md:4px;--shadow-sm:0 1px 2px #2626281f;--shadow-md:0 8px 24px #26262824;--line:1px solid var(--color-border);--line-strong:2px solid var(--color-border-strong);--ease:cubic-bezier(.2, .7, .2, 1);--duration:.5s}@media (width>=48em){:root{--gutter:var(--space-6);--header-height:5rem;--section-space:var(--space-9)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-bg);min-block-size:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-align:start;margin:0;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-brand);margin:0}h1{font-size:var(--text-2xl);font-weight:800}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg);font-weight:700}p{margin:0}img,svg,video{max-inline-size:100%;display:block}a{color:var(--color-accent-strong);text-underline-offset:.25em}button{font:inherit;color:inherit;cursor:pointer}ul[class],ol[class],.footer ul,nav ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.container{inline-size:100%;max-inline-size:var(--container-max);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-brand);color:var(--color-text-on-dark);transition:inset-block-start .2s;position:absolute;inset-block-start:-4rem;inset-inline-start:var(--space-4)}.skip-link:focus{inset-block-start:var(--space-4)}.section{padding-block:var(--section-space)}.section--surface{background:var(--color-surface)}.section--dark{background:var(--color-brand);color:var(--color-text-on-dark)}.section--dark :is(h1,h2,h3,h4){color:var(--color-text-on-dark)}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[dir=rtl] .icon--directional,.icon--reverse{transform:scaleX(-1)}[dir=rtl] .icon--directional.icon--reverse{transform:none}.section--dark :focus-visible,.footer :focus-visible,.hero :focus-visible,.page-header :focus-visible,.project-hero :focus-visible,.header--transparent :focus-visible{outline-color:var(--color-accent)}.cta-band :focus-visible{outline-color:var(--color-brand)}.main--offset{min-block-size:60vh;padding-block-start:var(--header-height)}.icon-btn{inline-size:var(--tap-size);block-size:var(--tap-size);border-radius:var(--radius-sm);color:inherit;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.media-frame{isolation:isolate;position:relative}.media-frame:before{content:"";z-index:-1;border:2px solid var(--color-accent);position:absolute;inset-block:.75rem -.75rem;inset-inline:.75rem -.75rem}.not-found{gap:var(--space-4);justify-items:start;max-inline-size:40rem;margin-inline:0;display:grid}.whatsapp-float{z-index:40;background:var(--color-whatsapp);color:#fff;block-size:3.5rem;inline-size:3.5rem;box-shadow:var(--shadow-md);transition:background-color .2s, transform .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;inset-block-end:calc(var(--space-4) + env(safe-area-inset-bottom,0px));inset-inline-end:var(--space-4)}.whatsapp-float:hover{background:var(--color-whatsapp-hover);transform:translateY(-2px)}.whatsapp-float:after{content:"";border:2px solid var(--color-whatsapp);opacity:0;pointer-events:none;border-radius:50%;animation:2.8s ease-out infinite whatsapp-pulse;position:absolute;inset:0}@keyframes whatsapp-pulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.5)}}.whatsapp-float:focus-visible{outline-color:var(--color-brand);outline-offset:4px}@media (width>=48em){.whatsapp-float{inset-block-end:var(--space-6);inset-inline-end:var(--space-6)}}@media (prefers-reduced-motion:reduce){.whatsapp-float:after{display:none}}.skeleton{background:linear-gradient(90deg, var(--color-surface-alt) 25%, var(--color-surface) 50%, var(--color-surface-alt) 75%);background-size:200% 100%;max-inline-size:100%;animation:1.4s linear infinite skeleton-shimmer;display:block}.skeleton--line{block-size:1em;margin-block:.4em}.skeleton--heading{block-size:1.2em;margin-block:.15em}.skeleton--on-dark{background-color:#0000;background-image:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%);background-size:200% 100%}.skeleton--card{aspect-ratio:1;inline-size:100%}.skeleton--icon{flex:none;block-size:2rem;inline-size:2rem}.skeleton-project-hero{background:var(--color-brand)}.skeleton-title{font-size:var(--text-3xl);max-inline-size:22ch;line-height:1.2}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.footer{background:var(--color-brand-deep);color:var(--neutral-200);font-size:var(--text-sm)}.footer__grid{gap:var(--space-7) var(--space-6);padding-block:var(--space-8) var(--space-7);display:grid}.footer__brand{gap:var(--space-4);align-content:start;max-inline-size:24rem;display:grid}.footer__brand p{line-height:1.8}.footer__title{font-size:var(--text-base);color:#fff;border-block-end:1px solid #ffffff2e;margin-block-end:var(--space-4);padding-block-end:var(--space-3)}.footer__col ul{gap:var(--space-1);display:grid}.footer a{color:inherit;text-decoration:none}.footer__col li>a,.contact-list a{min-block-size:var(--tap-size);min-inline-size:var(--tap-size);align-items:center;display:inline-flex}.footer a:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.3em}.contact-list{gap:var(--space-1);display:grid}.contact-list li{align-items:flex-start;gap:var(--space-3);display:flex}.contact-list .icon{color:var(--color-accent);flex-shrink:0;margin-block-start:.85rem}.contact-list__body{min-block-size:var(--tap-size);align-content:center;line-height:1.7;display:grid}.footer__bar{border-block-start:1px solid #ffffff24}.footer__bar-inner{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.footer__social{gap:var(--space-1);display:flex}.footer__social .icon-btn:hover{background:var(--color-accent);color:var(--color-brand-deep);text-decoration:none}@media (width>=48em){.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__brand{grid-column:1/-1}}@media (width>=64em){.footer__grid{grid-template-columns:1.6fr 1fr 1.3fr 1.5fr}.footer__brand{grid-column:auto}}.header{z-index:50;border-block-end:1px solid #0000;transition:background-color .3s,border-color .3s;position:fixed;inset-block-start:0;inset-inline:0}.header--solid{background:var(--color-bg);border-block-end-color:var(--color-border)}.header--transparent{color:#fff;background:linear-gradient(#26262899,#0000)}.header__inner{align-items:center;gap:var(--space-3);min-block-size:var(--header-height);display:flex}.header__logo{flex-shrink:0;display:inline-flex}.header__logo .logo,.drawer__logo .logo{block-size:calc(var(--header-height) - 1.25rem);inline-size:auto}.logo-text{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-brand);font-weight:800}.logo-text--light{color:#fff}.header__nav{margin-inline-start:auto;display:none}.header__nav ul{gap:var(--space-1);display:flex}.header__nav a{min-block-size:var(--tap-size);padding-inline:var(--space-3);font-family:var(--font-heading);font-size:var(--text-sm);color:inherit;align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.header--solid .header__nav a{color:var(--color-text)}.header__nav a:after{content:"";inset-inline:var(--space-3);background:var(--color-accent);block-size:2px;transition:transform .25s var(--ease);position:absolute;inset-block-end:.35rem;transform:scaleX(0)}.header__nav a:hover:after,.header__nav a.active:after{transform:scaleX(1)}.header__actions{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:flex}.header__cta{display:none}.lang-toggle{align-items:center;gap:var(--space-2);min-block-size:var(--tap-size);padding-inline:var(--space-2);font-family:var(--font-heading);font-size:var(--text-sm);color:inherit;cursor:pointer;background:0 0;border:0;font-weight:600;display:inline-flex}.header--solid .lang-toggle{color:var(--color-text)}.lang-toggle span{text-underline-offset:.35em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .2s}.lang-toggle:hover span{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.header__burger{color:inherit}.header--solid .header__burger{color:var(--color-brand)}:root{--drawer-offset:100%}[dir=rtl]{--drawer-offset:-100%}.drawer{z-index:100;visibility:hidden;transition:visibility 0s .3s;position:fixed;inset:0}.drawer--open{visibility:visible;transition-delay:0s}.drawer__backdrop{opacity:0;background:#26262880;transition:opacity .3s;position:absolute;inset:0}.drawer--open .drawer__backdrop{opacity:1}.drawer__panel{inline-size:min(20rem,84vw);padding:var(--space-3) var(--space-5) var(--space-6);background:var(--color-bg);color:var(--color-text);transform:translateX(var(--drawer-offset));transition:transform .3s var(--ease);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-end:0;overflow-y:auto}.drawer--open .drawer__panel{transform:none}.drawer__top{min-block-size:calc(var(--header-height) - var(--space-2));justify-content:space-between;align-items:center;display:flex}.drawer__nav{border-block-start:var(--line);margin-block-start:var(--space-5)}.drawer__nav a{min-block-size:4rem;padding-inline:var(--space-4);border-block-end:var(--line);font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);border-inline-start:4px solid #0000;align-items:center;font-weight:600;text-decoration:none;display:flex}.drawer__nav a.active{border-inline-start-color:var(--color-accent);color:var(--color-accent-strong)}.drawer__actions{margin-block-start:auto;padding-block-start:var(--space-6)}.drawer__actions .btn{inline-size:100%}@media (width>=64em){.header__inner{grid-template-columns:1fr auto 1fr;display:grid}.header__logo{justify-self:start}.header__nav{margin-inline-start:0;display:block}.header__actions{justify-self:end;gap:var(--space-3);margin-inline-start:0}.header__cta{display:inline-flex}.header__burger,.drawer{display:none}}.state-block{gap:var(--space-3);min-block-size:16rem;padding-block:var(--space-8);border-block:var(--line);align-content:center;justify-items:start;display:grid}.state-block h2{font-size:var(--text-xl)}.state-block p{max-inline-size:38rem;color:var(--color-text-muted)}.state-block--error h2{color:var(--color-error)}.api-banner{z-index:40;padding-block:var(--space-3);background:var(--color-brand-deep);color:var(--color-text-on-dark);border-block-start:3px solid var(--color-accent);position:fixed;inset-block-end:0;inset-inline:0}.api-banner__inner{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding-inline-end:calc(var(--gutter) + 4.5rem);display:flex}.api-banner p{font-size:var(--text-sm);margin:0}.load-more{justify-content:center;margin-block-start:var(--space-7);display:flex}.reveal{opacity:0;transition:opacity .7s var(--ease) var(--reveal-delay,0s), transform .7s var(--ease) var(--reveal-delay,0s);transform:translateY(18px)}.reveal--visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.cta-band{padding-block:var(--section-space);background:var(--color-accent);color:var(--color-brand-deep);position:relative;overflow:hidden}.cta-band__roof{color:#26262824;pointer-events:none;inline-size:min(30rem,80%);position:absolute;inset-block-end:-2rem;inset-inline-end:-3rem}.cta-band__inner{gap:var(--space-6);align-items:center;display:grid;position:relative}.cta-band__text{gap:var(--space-3);max-inline-size:40rem;display:grid}.cta-band h2{font-size:var(--text-2xl);color:var(--color-brand-deep);text-wrap:balance}.cta-band p{font-size:var(--text-lg)}.cta-band .btn{justify-self:start}@media (width>=48em){.cta-band__inner{gap:var(--space-8);grid-template-columns:1fr auto}}.smart-image{background:var(--color-surface-alt);inline-size:100%;display:block;position:relative;overflow:hidden}.smart-image img{object-fit:var(--fit,cover);opacity:0;block-size:100%;inline-size:100%;transition:opacity .4s var(--ease);position:absolute;inset:0}.smart-image--loaded img{opacity:1}.smart-image--loading{animation:1.6s ease-in-out infinite alternate smart-image-pulse}.smart-image__fallback{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;background:repeating-linear-gradient(135deg, transparent 0 14px, var(--color-border) 14px 15px), var(--color-surface);display:grid;position:absolute;inset:0}@keyframes smart-image-pulse{0%{background-color:var(--color-surface-alt)}to{background-color:var(--color-surface)}}.project-grid{gap:var(--space-5);display:grid}@media (width>=40em){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=64em){.project-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=80em){.project-grid{grid-template-columns:repeat(4,1fr)}}.project-grid--featured{--featured-gap:var(--space-5);justify-content:center;gap:var(--featured-gap);flex-wrap:wrap;display:flex}.project-grid--featured>*{flex:0 0 100%}@media (width>=40em){.project-grid--featured>*{flex-basis:calc((100% - var(--featured-gap)) / 2)}}@media (width>=80em){.project-grid--featured>*{flex-basis:calc((100% - 3 * var(--featured-gap)) / 4)}}.project-card{aspect-ratio:1;isolation:isolate;background:var(--color-brand);color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.project-card .smart-image{z-index:-2;background:var(--color-brand);block-size:100%;animation:none;position:absolute;inset:0}.project-card .smart-image img{transition:transform .7s var(--ease), opacity .4s var(--ease)}.project-card:hover .smart-image img{transform:scale(1.05)}.project-card__overlay{z-index:-1;background:linear-gradient(#26262814 28%,#262628b8 62%,#262628f0 100%);position:absolute;inset:0}.project-card__tag{padding:var(--space-1) var(--space-4);background:var(--color-bg);font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-brand);font-weight:600;position:absolute;inset-block-start:0;inset-inline-start:0}.project-card__body{gap:var(--space-1);padding:var(--space-4);display:grid;position:absolute;inset-block-end:0;inset-inline:0}.project-card__title{font-size:var(--text-lg);color:#fff;text-underline-offset:.3em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:3px;transition:text-decoration-color .25s}.project-card:hover .project-card__title{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.project-card__meta{font-size:var(--text-sm);color:var(--neutral-100)}.project-card__cta{font-family:var(--font-heading);font-size:var(--text-sm);border-block-start:1px solid #ffffff4d;justify-content:space-between;align-items:center;margin-block-start:var(--space-2);padding-block-start:var(--space-2);font-weight:700;display:flex}.project-card__cta .icon{color:var(--color-accent);transition:inset-inline-start .25s var(--ease);position:relative;inset-inline-start:0}.project-card:hover .project-card__cta .icon{inset-inline-start:.4rem}.project-card:focus-visible{outline-color:var(--color-brand);outline-offset:4px}.section-heading{gap:var(--space-4);max-inline-size:38rem;margin-block-end:var(--space-6);display:grid}.section-heading:before{content:"";background:var(--color-accent);block-size:4px;inline-size:3rem}.section-heading__title{text-wrap:balance}.section-heading__intro{color:var(--color-text-muted)}.section-heading--light .section-heading__title{color:var(--color-text-on-dark)}.section-heading--light .section-heading__intro{color:var(--neutral-200)}.stats{background:var(--color-surface)}.stats__list{background:var(--color-border);border-block:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);gap:1px;margin:0;display:grid}.stats__item{gap:var(--space-1);padding:var(--space-6) var(--space-4);background:var(--color-surface);flex-direction:column-reverse;display:flex;position:relative}.stats__item:before{content:"";background:var(--color-accent);block-size:4px;inline-size:2rem;position:absolute;inset-block-start:0;inset-inline-start:var(--space-4)}.stats__value{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-brand);margin:0;font-weight:800;line-height:1.1}.stats__value span{color:var(--color-accent-strong)}.stats__label{color:var(--color-text-muted);font-size:var(--text-sm)}@media (width>=48em){.stats__list{grid-template-columns:repeat(4,1fr)}}.steps__list{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.steps__item{gap:var(--space-2);border-block-start:2px solid var(--color-brand);align-content:start;padding-block-start:var(--space-4);display:grid;position:relative}.steps__item:before{content:"";background:var(--color-accent);block-size:4px;inline-size:3rem;position:absolute;inset-block-start:-2px;inset-inline-start:0}.steps__number{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-accent-strong);font-weight:800;line-height:1}.steps__item p{color:var(--color-text-muted);font-size:var(--text-sm)}@media (width>=48em){.steps__list{grid-template-columns:repeat(auto-fit, minmax(var(--steps-min,10.5rem), 1fr));gap:var(--space-5)}}.hero{isolation:isolate;color:#fff;align-items:end;min-block-size:max(36rem,100svh);display:grid;position:relative;overflow:hidden}.hero__media{z-index:-3;position:absolute;inset:0}.hero__media .smart-image{block-size:100%}.hero__overlay{z-index:-2;background:linear-gradient(#26262866 0%,#2626289e 50%,#262628eb 100%);position:absolute;inset:0}.hero__content{gap:var(--space-4);max-inline-size:44rem;padding-block:calc(var(--header-height) + var(--space-8)) var(--space-8);display:grid}.hero__bar{background:var(--color-accent);block-size:4px;inline-size:4rem}.hero h1{font-size:var(--text-3xl);color:#fff;text-wrap:balance;line-height:1.2}.hero p{max-inline-size:36rem;font-size:var(--text-lg);color:var(--neutral-100)}.hero__actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.services__layout{gap:var(--space-7);display:grid}.services__intro{gap:var(--space-2);align-content:start;justify-items:start;display:grid}.service-row{gap:var(--space-4);padding:var(--space-5) var(--space-2);border-block-start:var(--line);color:inherit;grid-template-columns:2rem 1fr auto;align-items:start;text-decoration:none;transition:background-color .25s;display:grid}.services__list li:last-child .service-row{border-block-end:var(--line)}.service-row:hover{background:var(--color-surface)}.service-row__index{font-family:var(--font-heading);color:var(--color-text-muted);font-weight:700;display:none}.service-row__icon{color:var(--color-accent-strong)}.service-row__text h3{margin-block-end:var(--space-1)}.service-row__text p{color:var(--color-text-muted);font-size:var(--text-sm)}.service-row__arrow{color:var(--color-brand);transition:inset-inline-start .25s var(--ease);margin-block-start:var(--space-1);position:relative;inset-inline-start:0}.service-row:hover .service-row__arrow{inset-inline-start:.35rem}.featured__head{gap:var(--space-2);justify-items:start;margin-block-end:var(--space-4);display:grid}.why__layout{gap:var(--space-7);display:grid}.why__list{gap:var(--space-6) var(--space-6);display:grid}.why__item{gap:var(--space-3);border-block-start:1px solid #ffffff38;align-content:start;padding-block-start:var(--space-5);display:grid}.why__icon{color:var(--color-accent)}.why__item p{color:var(--neutral-200);font-size:var(--text-sm)}@media (width>=48em){.service-row{padding-inline:var(--space-4);grid-template-columns:2.5rem 2rem 1fr auto}.service-row__index{display:block}.featured__head{grid-template-columns:1fr auto;align-items:end}.featured__head .section-heading{margin-block-end:0}.why__list{grid-template-columns:repeat(2,1fr)}}@media (width>=64em){.services__layout{gap:var(--space-9);grid-template-columns:4fr 8fr}.services__intro{position:sticky;inset-block-start:calc(var(--header-height) + var(--space-5))}.why__layout{gap:var(--space-9);grid-template-columns:4fr 8fr;align-items:start}}