@font-face{font-family: 'Cairo';font-style: normal;font-weight: 400 800;font-display: optional;src: url('../fonts/cairo/cairo-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 400 800;font-display: optional;src: url('../fonts/cairo/cairo-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 400 800;font-display: optional;src: url('../fonts/cairo/cairo-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}  @font-face{font-family: 'Cairo Fallback';src: local('Segoe UI'),local('Tahoma'),local('Arial')}  :root{  --navy-900: #050748;--navy-800: #1b2559;--navy-700: #394174;--navy-600: #3e467b;--navy-500: #5661a2;--navy-400: #6a6a8e;--navy-300: #bdbfca;  --pink-500: #f92c8b;--purple-500: #b02cd6;  --violet-600: #663ab7;--blue-500: #007dff;--cyan-400: #00d7ff;  --bg: #ffffff;--bg-lav: #f1f1fc;--bg-soft: #f1f4f9;--bg-tech: #e2e2f3;--bg-rose: #fff4f4;  --line: rgba(57,65,116,.12);--line-strong: rgba(57,65,116,.22);--shadow-sm: 0 6px 20px -12px rgba(5,7,72,.25);--shadow-md: 0 24px 44px -28px rgba(5,7,72,.38);--shadow-lg: 0 34px 70px -34px rgba(5,7,72,.5);  --grad-pink: linear-gradient(90deg,#f92c8b 0%,#b02cd6 100%);--grad-btn: linear-gradient(90deg,var(--blue-500) -35%,var(--violet-600) 70%);  --grad-blue: linear-gradient(90deg,#663ab7,#007dff,#00d7ff,#017cfe);--grad-navy: linear-gradient(90deg,#5661a2 0%,#3e467b 100%);--radius: 16px;--radius-lg: 24px;--radius-sig: 10px 40px;  --container: 1200px;--ease: cubic-bezier(.17,.85,.438,.99)}  *,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;scroll-padding-top: 100px;-webkit-text-size-adjust: 100%}body{font-family: "Cairo","Cairo Fallback","Noto Kufi Arabic",system-ui,sans-serif;color: var(--navy-700);background: var(--bg);line-height: 1.85;font-size: 1.05rem;direction: rtl;overflow-x: hidden;padding-top: 96px;  -webkit-font-smoothing: antialiased}img,svg{max-width: 100%;height: auto;vertical-align: middle}  .skip-link{position: absolute;inset-inline-start: 16px;top: -60px;z-index: 2000;background: var(--navy-700);color: #fff;padding: 10px 18px;border-radius: 0 0 12px 12px;font-weight: 700;transition: top .25s var(--ease)}.skip-link:focus{top: 0;outline: 3px solid var(--navy-500)}  a:focus-visible,button:focus-visible,summary:focus-visible{outline: 3px solid var(--navy-500);outline-offset: 2px;border-radius: 6px}  .footer :is(a,button):focus-visible,.wa-float:focus-visible{outline-color: #fff}a{color: inherit;text-decoration: none;transition: color .3s var(--ease)}ul{list-style: none}::selection{background: rgba(86,97,162,.25)}h1,h2,h3,h4{color: var(--navy-900);line-height: 1.35;font-weight: 800}  .container{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: 20px}.section{padding: 88px 0;position: relative}.section--lav{background: var(--bg-lav)}.section--soft{background: var(--bg-soft)}.eyebrow{display: inline-block;font-size: .82rem;font-weight: 700;color: var(--navy-700);background: rgba(86,97,162,.12);padding: 6px 16px;border-radius: 12px;margin-bottom: 16px}.section-head{text-align: center;max-width: 720px;margin: 0 auto 56px}.section-head h2{font-size: clamp(1.7rem,1.2rem + 2.2vw,2.5rem);margin-bottom: 14px}.why__title{font-size: clamp(1.7rem,1.2rem + 2.2vw,2.5rem);margin-bottom: 12px}.section-head h2,.step h3,.hero__content h1{text-wrap: balance}.section-head p{color: var(--navy-500);font-size: 1.12rem}.text-grad-pink{background: var(--grad-pink);-webkit-background-clip: text;background-clip: text;color: transparent}  .btn{--btn-bg: var(--grad-btn);display: inline-flex;align-items: center;gap: 10px;font-weight: 700;font-size: 1.05rem;line-height: 1;padding: 16px 30px;border: 0;border-radius: 14px;color: #fff;cursor: pointer;position: relative;overflow: hidden;background-image: var(--btn-bg);box-shadow: 0 14px 26px -12px rgba(0,125,255,.5);transition: transform .3s var(--ease),box-shadow .3s var(--ease),filter .3s var(--ease)}.btn i,.btn .icon{transition: transform .3s var(--ease)}.btn:hover{transform: translateY(-3px);box-shadow: 0 20px 32px -12px rgba(0,125,255,.6)}.btn:hover i.arrow,.btn:hover .icon.arrow{transform: translateX(-6px)}.btn--navy{--btn-bg: var(--grad-navy);box-shadow: 0 14px 26px -12px rgba(56,0,189,.4)}.btn--ghost{background: linear-gradient(#fff,#fff) padding-box,var(--grad-btn) border-box;color: var(--navy-700);border: 2px solid transparent;box-shadow: none}.btn--ghost:hover{background: linear-gradient(#f4f6ff,#f4f6ff) padding-box,var(--grad-btn) border-box;color: var(--navy-900)}.btn--lg{padding: 18px 38px;font-size: 1.17rem}.btn--block{width: 100%;justify-content: center}  .nav{position: fixed;top: 0;inset-inline: 0;z-index: 1000;background: rgba(255,255,255,.82);backdrop-filter: saturate(180%) blur(14px);-webkit-backdrop-filter: saturate(180%) blur(14px);border-bottom: 1px solid transparent;transition: box-shadow .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: #0000}.nav.is-scrolled{box-shadow: var(--shadow-sm);border-bottom-color: var(--line)}.nav__inner{display: flex;align-items: center;gap: 20px;height: 96px;transition: height .3s var(--ease)}.nav__brand img{height: 74px;width: auto;transition: height .3s var(--ease)}.nav.is-scrolled .nav__inner{height: 72px}.nav.is-scrolled .nav__brand img{height: 54px}.nav__links{display: flex;align-items: center;gap: 8px;margin-inline-start: auto}.nav__links a{padding: 14px;line-height: 1;font-weight: 600;font-size: 1rem;color: var(--navy-700);border-radius: 12px;position: relative}.nav__links a:hover{color: var(--navy-900);background: rgba(86,97,162,.1)}.nav__cta{margin-inline-start: 6px}.nav__cta .btn{padding: 12px 24px;font-size: .98rem}.nav__toggle{display: none;margin-inline-start: auto;width: 46px;height: 46px;border-radius: 12px;border: 1px solid var(--line);background: #fff;color: var(--navy-700);font-size: 1.3rem;cursor: pointer}  @media (min-width: 992px){.nav__links .nav__menu-only{display: none}}  .hero{position: relative;overflow: hidden;  margin-top: -96px;padding-top: 96px;background: radial-gradient(60% 55% at 85% 8%,rgba(86,97,162,.16),transparent 60%),radial-gradient(55% 50% at 8% 12%,rgba(86,97,162,.16),transparent 60%),linear-gradient(180deg,var(--bg-soft) 0%,#ffffff 100%)}.hero__grid{display: grid;grid-template-columns: 1.05fr .95fr;gap: 48px;align-items: center;padding: 72px 0 96px}.hero__content h1{font-size: clamp(2rem,1.3rem + 3.4vw,3.15rem);font-weight: 800;margin-bottom: 22px}.hero__content h1 .hl{color: #394174}.hero__lead{font-size: 1.2rem;color: var(--navy-600);margin-bottom: 18px;max-width: 60ch}.hero__lead strong{font-weight: 700}.hero__actions{display: flex;flex-wrap: wrap;gap: 14px;margin: 32px 0 26px}.hero__motto{font-weight: 800;font-size: 1.3rem;margin-top: 4px;background: var(--grad-btn);-webkit-background-clip: text;background-clip: text;color: transparent;display: inline-block}.hero__art{position: relative;text-align: center}.hero__art img{width: min(100%,560px)}  .stats{margin-top: -46px;position: relative;z-index: 5}.stats__grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;background: #d9e7f8;border-radius: var(--radius-lg);padding: 24px 24px}.stat{text-align: center;position: relative}.stat + .stat::before{content: "";position: absolute;inset-inline-start: -10px;top: 12%;height: 76%;width: 1px;background: var(--line-strong)}.stat__num{font-size: clamp(1.8rem,1.2rem + 1.6vw,2.4rem);font-weight: 800;line-height: 1.2;color: var(--navy-700)}.stat__num .plus{color: #f4b400}.stat__label{color: var(--navy-500);font-weight: 600;font-size: .98rem;margin-top: 4px}  .stat:hover .stat__num{color: var(--navy-900)}@media (prefers-reduced-motion: no-preference){.stat__num,.stat__label{transition: transform .2s var(--ease),color .2s var(--ease)}.stat:hover .stat__num,.stat:hover .stat__label{transform: translateY(-4px)}}  .flash{display: flex;align-items: center;justify-content: center;gap: 14px;flex-wrap: wrap;margin-top: 26px;padding: 18px 26px;text-align: center;border: 1px solid transparent;border-radius: var(--radius);background: linear-gradient(#fff,#fff) padding-box,var(--grad-btn) border-box;box-shadow: 0 12px 32px -14px rgba(0,125,255,.38);position: relative;overflow: hidden}.flash::before{content: "";position: absolute;top: 0;bottom: 0;width: 55%;inset-inline-start: -80%;background: linear-gradient(105deg,transparent 20%,rgba(255,255,255,.6) 50%,transparent 80%);transform: skewX(-18deg);pointer-events: none;animation: feat-shine 3.4s ease-in-out infinite}.flash__ic{width: 46px;height: 46px;border-radius: 50%;display: grid;place-items: center;flex: 0 0 auto;border: 2px solid transparent;background: linear-gradient(#fff,#fff) padding-box,var(--grad-btn) border-box}.flash__ic i,.flash__ic .icon{font-size: 1.1rem;background: var(--grad-btn);-webkit-background-clip: text;background-clip: text;color: transparent}.flash p{margin: 0;font-size: 1.12rem;color: var(--navy-700)}.flash strong{color: var(--navy-900)}  .why__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 56px;align-items: center}.why__art img{width: 100%}.why__list{display: grid;gap: 18px}.why__item{display: flex;gap: 16px;padding: 18px 20px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-sm);transition: transform .3s var(--ease),box-shadow .3s var(--ease)}.why__item:hover{transform: translateY(-4px);box-shadow: var(--shadow-md)}.why__ic{flex: 0 0 auto;width: 54px;height: 54px;border-radius: 50%;display: grid;place-items: center;font-size: 1.25rem;border: 2px solid transparent;background: linear-gradient(#fff,#fff) padding-box,var(--grad-navy) border-box}.why__ic i,.why__ic .icon{background: var(--grad-navy);-webkit-background-clip: text;background-clip: text;color: transparent}.why__item h3{font-size: 1.12rem;margin-bottom: 2px}.why__item p{color: var(--navy-500);font-size: .98rem;line-height: 1.7;margin: 0}  .feat__grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 26px}.feat-card{background: #fff;border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 34px 28px;box-shadow: var(--shadow-sm);transition: transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);position: relative;overflow: hidden}.feat-card::after{content: "";position: absolute;inset: 0 0 auto 0;height: 4px;background: var(--grad-blue);transform: scaleX(0);transform-origin: right;transition: transform .4s var(--ease)}.feat-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-md);border-color: transparent}.feat-card:hover::after{transform: scaleX(1)}.feat-card__ic{width: 64px;height: 64px;border-radius: 50%;margin-bottom: 20px;display: grid;place-items: center;font-size: 1.6rem;border: 2px solid transparent;background: linear-gradient(#fff,#fff) padding-box,var(--grad-navy) border-box}.feat-card__ic i,.feat-card__ic .icon{background: var(--grad-navy);-webkit-background-clip: text;background-clip: text;color: transparent}.feat-card--new .feat-card__ic{background: linear-gradient(#fff,#fff) padding-box,var(--grad-btn) border-box}.feat-card--new .feat-card__ic i,.feat-card__ic .icon{background: var(--grad-btn);-webkit-background-clip: text;background-clip: text;color: transparent}  .feat-card--new{border: 1px solid transparent;background: linear-gradient(#fff,#fff) padding-box,var(--grad-btn) border-box;box-shadow: 0 12px 32px -14px rgba(0,125,255,.38)}.feat-card__new{position: absolute;top: 16px;inset-inline-end: 16px;background: var(--grad-btn);color: #fff;font-size: .78rem;font-weight: 700;padding: 4px 14px;border-radius: 8px;box-shadow: 0 6px 14px -6px rgba(0,125,255,.5)}.feat-card--new::before{content: "";position: absolute;top: 0;bottom: 0;width: 55%;inset-inline-start: -80%;background: linear-gradient(105deg,transparent 20%,rgba(255,255,255,.6) 50%,transparent 80%);transform: skewX(-18deg);pointer-events: none;animation: feat-shine 3.4s ease-in-out infinite}  @keyframes feat-shine{0%{transform: translateX(0) skewX(-18deg)}55%{transform: translateX(-373%) skewX(-18deg)}100%{transform: translateX(-373%) skewX(-18deg)}}.feat-card--new:nth-of-type(2)::before{animation-delay: -1.7s}.feat-card h3{font-size: 1.2rem;margin-bottom: 8px}.feat-card p{color: var(--navy-500);font-size: 1rem;margin: 0}  .checklist-wrap{margin-top: 44px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 40px}.checklist{columns: 2;column-gap: 44px}.checklist li{break-inside: avoid;display: flex;gap: 12px;align-items: flex-start;padding: 9px 0;font-size: 1.02rem;color: var(--navy-700)}.checklist li i,.checklist li .icon{flex: 0 0 auto;margin-top: 6px;font-size: .95rem;background: var(--grad-btn);-webkit-background-clip: text;background-clip: text;color: transparent}.checklist strong{color: var(--navy-900);font-weight: 700}  .re__grid{display: grid;grid-template-columns: 1.05fr .95fr;gap: 48px;align-items: center}.re__lead{color: var(--navy-500);font-size: 1.1rem;margin-bottom: 24px;max-width: 55ch}.re__list{display: grid;grid-template-columns: 1fr 1fr;gap: 12px 20px;margin-bottom: 30px}.re__list li{display: flex;gap: 10px;align-items: flex-start;font-weight: 600}.re__list li i,.re__list li .icon{flex: 0 0 auto;margin-top: 6px;font-size: .9rem;background: var(--grad-btn);-webkit-background-clip: text;background-clip: text;color: transparent}.re__mock{background: #fff;border: 1px solid var(--line);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: 24px;max-width: 440px;margin-inline: auto;width: 100%}.re__mock-head{display: flex;justify-content: space-between;align-items: center;gap: 10px;font-weight: 800;color: var(--navy-900);font-size: 1.05rem;padding-bottom: 14px;border-bottom: 1px solid var(--line);margin-bottom: 4px}.re__mock-head .chip{background: var(--grad-btn);color: #fff;font-size: .72rem;font-weight: 700;padding: 4px 12px;border-radius: 8px}.re__mock-row{display: flex;justify-content: space-between;align-items: center;padding: 12px 0;border-bottom: 1px dashed var(--line);color: var(--navy-700);font-weight: 600;font-size: .98rem}.re__mock-row:last-of-type{border-bottom: 0}.re__mock-row i,.re__mock-row .icon{color: var(--blue-500);font-size: 1rem}.re__mock-foot{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 14px}.re__mock-foot span{flex: 1 1 auto;display: inline-flex;align-items: center;justify-content: center;gap: 7px;background: var(--bg-lav);border-radius: 10px;padding: 10px 10px;font-size: .84rem;font-weight: 700;color: var(--navy-700);white-space: nowrap}.re__mock-foot span i,.re__mock-foot span .icon{color: var(--navy-500)}  .feat-card--wide{grid-column: 1 / -1;display: flex;align-items: center;gap: 22px;flex-wrap: wrap}.feat-card--wide .feat-card__new{position: static;display: inline-block;vertical-align: middle;margin-inline-start: 10px;font-size: .7rem;padding: 3px 12px}.feat-card--wide .feat-card__ic{margin-bottom: 0}.feat-card--wide .feat-card__body{flex: 1;min-width: 260px}.feat-card--wide .feat-card__body p{max-width: none}.feat-card--wide .btn{padding: 13px 24px;font-size: .98rem;flex: 0 0 auto}  .banks{background: rgba(0,125,255,.10);color: var(--navy-700);border-radius: 0;position: relative;overflow: hidden}.clients{background: rgba(0,125,255,.10)}.banks .section-head p,.banks__note,.banks__num span,.clients .section-head p{color: var(--navy-600)}.banks::before,.banks::after{content: "";position: absolute;width: 340px;height: 340px;border-radius: 50%;background: radial-gradient(circle,rgba(189,191,202,.35),transparent 65%);opacity: .55}.banks::before{top: -140px;inset-inline-start: -80px}  .banks .container{position: relative;z-index: 2}.banks__chips{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;max-width: 860px;margin: 0 auto}.banks__chips li{color: #394174;background: #fff;border: 1px solid var(--line);border-radius: 12px;padding: 10px 20px;font-weight: 700;box-shadow: var(--shadow-sm)}.banks__chips-more{background: var(--navy-700);color: #fff;border-color: var(--navy-700)}.banks__note{text-align: center;color: var(--navy-500);font-weight: 600;margin-top: 26px}.banks__note a{color: var(--blue-500);font-weight: 700;text-decoration: underline;text-underline-offset: 3px}.banks__note b{color: var(--navy-900);font-size: 1.3em;font-weight: 800}  .cta-strip{background: var(--navy-700);color: #fff;padding: 22px 0}.cta-strip__inner{display: flex;align-items: center;justify-content: space-between;gap: 18px;flex-wrap: wrap}.cta-strip p{margin: 0;font-size: 1.08rem}.cta-strip .btn{padding: 13px 26px;font-size: 1rem}  .steps__grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 26px;position: relative}.step{text-align: center;position: relative;padding: 0 20px}  .step__ghost{position: absolute;top: -74px;left: 50%;transform: translateX(-50%);font-size: 132px;font-weight: 800;line-height: 1;color: var(--navy-500);opacity: .12;z-index: 0;pointer-events: none;user-select: none}  .step + .step::before{content: "";position: absolute;top: 46.5px;height: 3px;border-radius: 2px;inset-inline-start: calc(-50% - 26px + 56px);inset-inline-end: calc(50% + 56px);background: var(--grad-btn);opacity: .45;transform-origin: right}  @media (prefers-reduced-motion: no-preference){.steps__grid.is-armed .step{opacity: 0;transform: translateY(16px)}.steps__grid.is-armed .step + .step::before{transform: scaleX(0)}.steps__grid.is-played .step{opacity: 1;transform: none;transition: opacity .45s var(--ease),transform .45s var(--ease)}.steps__grid.is-played .step + .step::before{transform: scaleX(1);transition: transform .4s var(--ease)}.steps__grid.is-played .step:nth-child(2){transition-delay: .55s}.steps__grid.is-played .step:nth-child(2)::before{transition-delay: .3s}.steps__grid.is-played .step:nth-child(3){transition-delay: 1.1s}.steps__grid.is-played .step:nth-child(3)::before{transition-delay: .85s}}.step__ic{width: 96px;height: 96px;margin: 0 auto 22px;display: grid;place-items: center;border-radius: 50%;position: relative;z-index: 1;border: 2px solid transparent;background: linear-gradient(#fff,#fff) padding-box,var(--grad-btn) border-box;box-shadow: var(--shadow-sm);transition: transform .35s var(--ease),box-shadow .35s var(--ease)}.step:hover .step__ic{transform: translateY(-6px);box-shadow: var(--shadow-md)}.step__ic img{width: 54px}.step h3{font-size: 1.18rem;max-width: 260px;margin-inline: auto}    .tour{max-width: 900px;margin: 0 auto 44px}.tour__video{width: 100%;height: auto;display: block;border-radius: var(--radius-lg);border: 1px solid var(--line);box-shadow: var(--shadow-md);background: var(--bg-lav)}.gallery{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.shot{display: block;border-radius: var(--radius);overflow: hidden;background: #f3f9ff;border: 1px solid var(--line);box-shadow: var(--shadow-sm);position: relative;aspect-ratio: 3 / 2}.shot img{width: 100%;height: 100%;object-fit: cover;transition: transform .8s var(--ease)}.shot::before{content: "";position: absolute;inset: 0;z-index: 1;background: rgba(0,0,0,.6);opacity: 0;transition: opacity .3s var(--ease)}.shot::after{content: "";position: absolute;top: 50%;left: 50%;width: 36px;height: 36px;transform: translate(-50%,-50%) scale(.85);z-index: 2;background: linear-gradient(#fff,#fff) center / 2px 100% no-repeat,linear-gradient(#fff,#fff) center / 100% 2px no-repeat;filter: drop-shadow(0 1px 6px rgba(0,0,0,.5));opacity: 0;transition: opacity .3s var(--ease),transform .3s var(--ease)}.shot:hover img{transform: scale(1.08)}.shot:hover::before,.shot:focus-visible::before{opacity: 1}.shot:hover::after,.shot:focus-visible::after{opacity: 1;transform: translate(-50%,-50%) scale(1)}    .clients{overflow: hidden}.clients__viewport{overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.clients__track{display: flex;width: max-content;animation: clients-scroll 45s linear infinite}.clients__track:hover,.clients__viewport:focus-within .clients__track{animation-play-state: paused}.clients__set{display: flex;gap: 18px;padding-inline-end: 18px}.client-tile{flex: 0 0 auto;width: 180px;height: 96px;background: #fff;border: 1px solid var(--line);border-radius: var(--radius);display: grid;place-items: center;padding: 18px 24px;box-shadow: var(--shadow-sm)}.client-tile img{max-width: 100%;max-height: 58px;object-fit: contain;filter: grayscale(1) opacity(.7);transition: filter .3s var(--ease)}.client-tile:hover img{filter: none}@keyframes clients-scroll{to{transform: translateX(-50%)}}.pricing__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;align-items: start}.price-card{background: #fff;border: 1px solid var(--line);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: 40px;position: relative;overflow: hidden}.price-card::before{content: "";position: absolute;inset-block-start: 0;inset-inline: 0;height: 6px;background: var(--grad-pink)}.price-card .tag{display: inline-flex;align-items: center;gap: 8px;background: rgba(86,97,162,.12);color: var(--navy-700);font-weight: 700;padding: 6px 16px;border-radius: 12px;font-size: .9rem}.price-card .amount{display: flex;align-items: baseline;gap: 10px;margin: 18px 0 6px}.price-card .amount b{font-size: 2rem;font-weight: 800;color: var(--navy-900);line-height: 1.2}.price-card__assure{text-align: center;color: var(--navy-500);font-size: .95rem;margin-top: 14px}.price-card .amount span{color: var(--navy-500);font-weight: 600}.price-card .note{color: var(--navy-500);margin-bottom: 24px}.price-card ul{display: grid;gap: 12px;margin-bottom: 28px}.price-card li{display: flex;gap: 10px;align-items: center;color: var(--navy-700)}.price-card li i,.price-card li .icon{color: var(--navy-500)}.pricing__aside h2{font-size: clamp(1.7rem,1.2rem + 2.2vw,2.5rem);margin-bottom: 16px}.pricing__aside p{color: var(--navy-500);font-size: 1.12rem;margin-bottom: 14px}.pricing__badges{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 22px}.pricing__badges span{display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;background: #fff;border: 1px solid var(--line);border-radius: 12px;font-weight: 600;box-shadow: var(--shadow-sm)}.pricing__badges i,.pricing__badges .icon{color: var(--pink-500)}  .tech{background: var(--bg-tech);padding: 44px 0}.tech__row{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 26px}.tech__label{color: var(--navy-500);font-weight: 700}.tech__icons{display: flex;gap: 18px;flex-wrap: wrap;justify-content: center}.tech__icon{width: 92px;height: 92px;background: #fff;border-radius: 18px;display: grid;place-items: center;box-shadow: var(--shadow-sm);border: 1px solid var(--line);transition: transform .3s var(--ease),border-color .3s var(--ease)}.tech__icon:hover{transform: translateY(-5px);border-color: #d9cbff}.tech__icon img{width: 56px}  .faq{max-width: 820px;margin: 0 auto;display: grid;gap: 14px}.faq details{background: #fff;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-sm);overflow: hidden;transition: box-shadow .3s var(--ease)}.faq details[open]{box-shadow: var(--shadow-md)}.faq summary{cursor: pointer;list-style: none;padding: 20px 24px;font-weight: 700;color: var(--navy-900);font-size: 1.08rem;display: flex;align-items: center;justify-content: space-between;gap: 14px}.faq summary::-webkit-details-marker{display: none}.faq summary i,.faq summary .icon{color: var(--navy-500);transition: transform .3s var(--ease);flex: 0 0 auto}.faq details[open] summary i,.faq details[open] summary .icon{transform: rotate(45deg)}.faq .faq__body{padding: 0 24px 22px;color: var(--navy-500);font-size: 1.02rem}  .cta{position: relative;overflow: hidden;padding: 88px 0;text-align: center;background: var(--bg)}.cta__inner{position: relative;z-index: 3;max-width: 780px;margin: 0 auto;background: #fff;border: 1px dashed var(--line-strong);border-radius: var(--radius-lg);padding: 54px 40px;box-shadow: var(--shadow-md)}.cta h2{font-size: clamp(1.9rem,1.3rem + 2.4vw,2.7rem);margin-bottom: 16px;color: var(--navy-900)}.cta p{color: var(--navy-500);font-size: 1.15rem;margin-bottom: 22px}.cta__promise{display: inline-block;background: var(--bg-soft);border-radius: 12px;color: var(--navy-700);font-weight: 700;font-size: 1.1rem;line-height: 1.9;padding: 12px 26px;margin-bottom: 30px}.cta__promise strong{color: var(--navy-900)}.cta__phone{margin-top: 26px}.cta__phone .label{color: var(--navy-500);font-weight: 600;margin-bottom: 6px}.cta__phone a{display: inline-flex;align-items: center;gap: 12px;direction: ltr;font-size: clamp(1.5rem,1rem + 1.8vw,2rem);font-weight: 800;color: var(--navy-900)}.cta__phone a i,.cta__phone a .icon{color: #2366e6}.cta .shape{position: absolute;opacity: .35;z-index: 1}.cta .shape--1{width: 90px;bottom: 26%;inset-inline-start: 5%}.cta .shape--2{width: 70px;top: 8%;inset-inline-end: 7%}  .footer{background: var(--navy-700);color: #fff;position: relative;padding-top: 90px}.footer__wave{position: absolute;top: -1px;inset-inline: 0;line-height: 0;transform: translateY(-97.5%)}.footer__wave svg{width: 100%;height: 80px;display: block}.footer__grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: 40px;padding-bottom: 40px}.footer__brand img{height: 100px;margin-bottom: 18px}.footer__brand p{color: rgba(255,255,255,.72);max-width: 42ch}.footer__social{display: flex;gap: 12px;margin-top: 22px}.footer__social a{width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;background: rgba(255,255,255,.1);color: #fff;font-size: 1.05rem;transition: background .3s var(--ease),transform .3s var(--ease)}.footer__social a:hover{background: rgba(255,255,255,.28);transform: translateY(-3px)}.footer__col-title{color: #fff;font-size: 1.15rem;margin-bottom: 20px}.footer__links li{margin-bottom: 2px}.footer__contact li{margin-bottom: 12px}.footer__links a,.footer__contact a{color: rgba(255,255,255,.74)}.footer__links a{display: inline-block;padding-block: 8px}.footer__links a:hover,.footer__contact a:hover{color: #fff}.footer__contact li{display: flex;gap: 12px}.footer__contact i,.footer__contact .icon{color: var(--navy-300);margin-top: 6px}.footer__contact span{display: block;color: rgba(255,255,255,.66);font-size: .85rem}.footer__bottom{border-top: 1px solid rgba(255,255,255,.12);padding: 22px 0;display: flex;flex-wrap: wrap;gap: 12px;justify-content: space-between;align-items: center;color: rgba(255,255,255,.7);font-size: .95rem}.footer__bottom a{color: #fff;text-decoration: underline;text-underline-offset: 3px}.footer__bottom .legal{display: flex;gap: 20px}  .wa-float{position: fixed;inset-block-end: 22px;inset-inline-end: 22px;z-index: 900;width: 60px;height: 60px;border-radius: 50%;background: #2366e6;color: #fff;display: grid;place-items: center;font-size: 1.8rem; }.wa-float::before{content: "";position: absolute;inset: 0;border-radius: 50%;background: #2366e6;z-index: -1;animation: wa-pulse 1.8s ease-out infinite}.wa-float::after{content: "تواصل معنا";position: absolute;inset-inline-end: calc(100% + 12px);top: 50%;transform: translateY(-50%);background: #fff;color: var(--navy-700);font-size: .85rem;font-weight: 700;padding: 6px 14px;border-radius: 10px;box-shadow: var(--shadow-sm);white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity .3s var(--ease)}.wa-float:hover::after,.wa-float:focus-visible::after{opacity: 1}.wa-float i,.wa-float .icon{width: 1.2em;height: 1.2em;color: #fff}  .lb{position: fixed;inset: 0;z-index: 1300;display: grid;place-items: center;padding: 24px;background: rgba(0,0,0,.82);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);opacity: 0;visibility: hidden;transition: opacity .3s var(--ease),visibility .3s var(--ease)}.lb.is-open{opacity: 1;visibility: visible}.lb img{max-width: min(1100px,94vw);max-height: 86vh;width: auto;height: auto;border-radius: 14px;box-shadow: var(--shadow-lg);background: #fff}.lb__close{position: absolute;top: 12px;inset-inline-end: 16px;width: 56px;height: 56px;border: 0;background: transparent;display: grid;place-items: center;cursor: pointer;opacity: .85;transition: opacity .25s var(--ease),transform .45s var(--ease)}.lb__close::before{content: "";width: 30px;height: 30px;background: linear-gradient(#fff,#fff) center / 2px 100% no-repeat,linear-gradient(#fff,#fff) center / 100% 2px no-repeat;transform: rotate(45deg)}.lb__close:hover{opacity: 1;transform: rotate(90deg)}.lb__close:focus-visible{outline-color: #fff}  .mobile-cta{display: none}@keyframes wa-pulse{0%{transform: scale(1);opacity: .6}70%{transform: scale(1.7);opacity: 0}100%{transform: scale(1.7);opacity: 0}}    .js .reveal{opacity: 0;transform: translateY(28px);transition: opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.in{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration: .01ms !important;animation-duration: .01ms !important}.reveal{opacity: 1;transform: none;transition: none}html{scroll-behavior: auto}.wa-float::before{animation: none}.feat-card--new::before{animation: none}.flash::before{animation: none}.clients__track{animation: none}}  @media (max-width: 991px){.hero__grid{grid-template-columns: 1fr;text-align: center;gap: 32px;padding-bottom: 72px}.hero__art img{width: min(70%,320px)}.hero__actions{justify-content: center}.hero__lead{margin-inline: auto}.stats__grid{grid-template-columns: repeat(2,1fr);gap: 26px}.stat:nth-child(3)::before{content: none}  .why__grid,.pricing__grid,.re__grid{grid-template-columns: 1fr;gap: 34px}.re__list{grid-template-columns: 1fr}.feat__grid{grid-template-columns: repeat(2,1fr)}.steps__grid{grid-template-columns: 1fr;gap: 38px}  .step + .step::before{inset-inline-start: calc(50% - 1.5px);inset-inline-end: auto;top: -34px;bottom: auto;height: 30px;width: 3px;transform-origin: top}.gallery{grid-template-columns: repeat(2,1fr)}.footer__grid{grid-template-columns: 1fr 1fr}.footer__brand{grid-column: 1 / -1}  .nav__links{display: none}.nav__links.is-open{display: flex;flex-direction: column;align-items: stretch;gap: 4px;position: absolute;top: calc(100% + 6px);inset-inline: 12px;background: #fff;padding: 14px;border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-md)}.nav__links.is-open a{padding: 12px 16px}.nav__cta{display: block;margin-inline-start: auto}.nav__cta .btn{padding: 10px 14px;font-size: .88rem}.nav__toggle{display: grid;place-items: center;margin-inline-start: 0}}  @media (max-width: 991px) and (prefers-reduced-motion: no-preference){.steps__grid.is-armed .step + .step::before{transform: scaleY(0)}.steps__grid.is-played .step + .step::before{transform: scaleY(1)}}@media (max-width: 640px){.section{padding: 64px 0}.feat__grid,.steps__grid,.gallery{grid-template-columns: 1fr}.checklist{columns: 1}.checklist-wrap,.price-card,.cta__inner{padding: 26px}.footer__grid{grid-template-columns: 1fr}.stats{margin-top: -30px}.stats__grid{padding: 24px 16px}.btn{line-height: 1.3}.btn--lg{padding: 16px 22px;font-size: 1.02rem}body{padding-bottom: 78px}.mobile-cta{display: block;position: fixed;inset-block-end: 0;inset-inline: 0;z-index: 950;padding: 10px 14px calc(10px + env(safe-area-inset-bottom));background: rgba(255,255,255,.93);border-top: 1px solid var(--line);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.wa-float{inset-block-end: 86px}.wa-float::after{display: none}.cta-strip__inner{justify-content: center;text-align: center}.nav__inner{gap: 10px}.nav__brand img{height: 50px}.nav.is-scrolled .nav__brand img{height: 44px}.nav__cta .btn{padding: 9px 12px;font-size: .82rem}.cta{padding: 64px 0 100px}  .cta .shape{display: none}    .step__ghost{font-size: 64px;top: -40px;opacity: .16}.wa-float{width: 52px;height: 52px;font-size: 1.5rem;inset-block-end: 16px;inset-inline-end: 16px}}  @media (max-width: 480px){.steps__grid.is-played .step:nth-child(2),.steps__grid.is-played .step:nth-child(2)::before,.steps__grid.is-played .step:nth-child(3),.steps__grid.is-played .step:nth-child(3)::before{transition-delay: 0s}}  .icon{width: 1em;height: 1em;fill: currentColor;display: inline-block;vertical-align: -.125em;flex: 0 0 auto}  .flash__ic .icon{fill: url(#icon-grad)}.why__ic .icon{fill: url(#icon-grad-navy)}.feat-card__ic .icon{fill: url(#icon-grad-navy)}.feat-card--new .feat-card__ic .icon{fill: url(#icon-grad)}.checklist li .icon{fill: url(#icon-grad)}.re__list li .icon{fill: url(#icon-grad)}  .client-tile picture,.shot picture{display: contents}