:root{--bg:#fff;--text:#242338;--muted:#646479;--purple:#7640dc;--purple-dark:#5e2cbc;--purple-pale:#eee6ff;--blue-pale:#f3f9fc;--line:#e3e4ef;--font:'Noto Sans Arabic',sans-serif;--latin:'Manrope',sans-serif;color-scheme:light;font-family:var(--font);color:var(--text);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:6rem}*{box-sizing:border-box}body{margin:0;background:var(--bg)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a887ec;outline-offset:4px}::selection{background:#e6d8ff;color:#48238a}h1,h2,h3,p{margin:0}.container{width:min(1224px,calc(100% - 7rem));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:18px;flex-shrink:0}.logo-sprite{display:block;width:72px;height:32px;background:url('/assets/design-reference.png') -234px -7px / 1087px 2048px no-repeat;flex-shrink:0}.brand-caption{font-size:11px;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:14px}.header-inner nav{display:flex;gap:2rem;font-size:14px}.header-inner nav a{padding-block:16px}.header-inner nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:1.4rem}.language-button{background:none;border:none;font-family:var(--latin);font-size:14px;min-width:40px;min-height:44px;color:var(--muted);font-weight:600}.button{border:1px solid transparent;border-radius:7px;background:var(--purple);color:white;display:inline-flex;align-items:center;justify-content:center;gap:2rem;padding:14px 24px;min-height:56px;font-size:15px;font-weight:600;transition:background .18s,transform .18s}.button:hover{background:var(--purple-dark);transform:translateY(-2px)}.button-small{font-size:13px;min-height:43px;padding:10px 20px;gap:1rem}.hero{background:#f0f5ff;border-bottom:1px solid #e9edf5}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center;min-height:650px;padding-block:4.7rem}.eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:1.8;margin-bottom:1.35rem}.small-line{width:30px;height:2px;background:var(--purple)}.muted{color:var(--muted)}h1{font-size:clamp(2.9rem,4.2vw,4.3rem);line-height:1.5;font-weight:700;letter-spacing:-.055em}.accent{color:var(--purple)}.hero-description{font-size:17px;line-height:2.05;color:var(--muted);max-width:540px;margin-top:1.3rem}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.direction-arrow{font-family:var(--latin);display:inline-block;font-size:22px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:500}.text-link:hover{color:var(--purple)}.hero-topics{display:flex;gap:14px;flex-wrap:wrap;margin-top:2rem;font-size:12px;color:#78798c}.hero-topics span:nth-child(2){color:#aa93d4}.journey-panel{background:#fff;border:1px solid #e5e2f1;border-radius:14px;box-shadow:0 20px 50px #57438208;overflow:hidden}.journey-top{padding:25px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edeaf5;background:#fbfaff;gap:1rem}.journey-label{font-size:14px;font-weight:600}.journey-index{font-family:var(--latin);color:#8b77ab;font-size:12px}.journey-step{display:flex;align-items:center;gap:20px;padding:25px 28px;border-bottom:1px solid #edeaf5;transition:background .18s}.journey-step:hover{background:#faf7ff}.step-number{display:grid;place-items:center;background:#f1eaff;color:var(--purple);width:38px;height:38px;border-radius:50%;font-family:var(--latin);font-size:12px;flex-shrink:0}.journey-step h2{font-size:22px;font-weight:600;line-height:1.55}.journey-step p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:4px}.step-symbol{margin-inline-start:auto;font-size:22px;color:#9f8fb8;font-family:var(--latin)}.journey-bottom{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;color:#777086;font-size:12px;gap:1rem}.mini-brand{font-family:var(--latin);font-size:11px;letter-spacing:.13em;color:var(--purple);font-weight:700}h2{font-size:clamp(1.9rem,2.45vw,2.6rem);line-height:1.65;letter-spacing:-.035em;font-weight:600}.about{padding-block:5.5rem;display:grid;grid-template-columns:1fr 1.12fr;gap:5rem;align-items:center}.about-copy>p:first-child{font-size:17px;line-height:2.05;color:var(--muted)}.about-note{margin-top:1.1rem;font-size:14px;line-height:1.9;color:var(--purple)}.about .eyebrow{margin-bottom:.9rem}.services-section{background:#fafbfe;border-block:1px solid #edf0f6;padding-block:5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.5rem}.section-heading .eyebrow{margin-bottom:.75rem}.section-heading>p{font-size:15px;line-height:1.95;color:var(--muted);max-width:290px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px 27px 0;display:flex;flex-direction:column;scroll-margin-top:2rem}.card-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--latin);margin-bottom:10px}.service-number{font-size:14px;color:var(--purple);font-weight:600}.service-tag{font-size:10px;color:#8c8a9c;letter-spacing:.14em}.illustration{height:160px;max-width:100%;width:296px;margin:12px auto 23px;background-color:#f4fafd;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:8px}.illustration-consultancy{background-image:url('/assets/consultancy.svg')}.illustration-design{background-image:url('/assets/design.svg')}.illustration-development{background-image:url('/assets/development.svg')}.service-card h3{font-size:25px;line-height:1.65;font-weight:600;margin-bottom:.65rem}.service-card>p{font-size:14px;line-height:1.95;color:var(--muted);min-height:84px}.service-card ul{list-style:none;padding:0;margin:1.2rem 0 1.8rem;display:grid;gap:.7rem}.service-card li{position:relative;padding-inline-start:19px;font-size:13px;line-height:1.85;color:#55536a}.service-card li:before{content:'✓';position:absolute;inset-inline-start:0;color:var(--purple);font-size:12px}.service-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;border-top:1px solid var(--line);width:100%;padding:19px 0;color:var(--purple);font-size:14px;font-weight:600;margin-top:auto;text-align:start;min-height:65px}.service-link:hover{color:#3e1285}.values-strip{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:13px;color:#656077;margin-top:2.6rem;gap:1rem}.values-strip>span+span{border-inline-start:1px solid var(--line)}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem;padding-block:5.5rem}.faq h2{max-width:330px}.faq-list details{border-bottom:1px solid var(--line);padding-block:1.3rem}.faq-list details:first-child{border-top:1px solid var(--line)}summary{font-size:16px;font-weight:500;line-height:1.9;cursor:pointer;position:relative;padding-inline-end:32px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;inset-inline-end:0;font-family:var(--latin);font-size:23px;font-weight:400;color:var(--purple)}details[open] summary:after{content:'−'}.faq-list p{font-size:14px;line-height:2;color:var(--muted);padding-top:1rem}.contact-section{padding-bottom:3rem}.contact-panel{background:#7140cf;color:#fff;border-radius:14px;padding:3.5rem 4rem;display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:start}.contact-panel .eyebrow{font-size:13px;color:#e4d5ff;margin-bottom:.8rem}.contact-panel h2{font-size:clamp(2rem,2.65vw,2.8rem);font-weight:600;line-height:1.6}.contact-panel p:not(.eyebrow){font-size:15px;line-height:1.95;color:#e4d5ff;margin-block:.8rem 1.5rem;max-width:440px}.button-white{background:white;color:#58309e}.button-white:hover{background:#f0e9ff}.contact-details{display:grid;gap:1.15rem;border-inline-start:1px solid #9267df;padding-inline-start:3rem;padding-top:4px}.contact-details>a,.contact-details>div{display:flex;flex-direction:column;align-items:start;gap:3px}.contact-details span{font-size:12px;color:#e4d5ff}.contact-details strong{font-size:16px;line-height:1.9;font-weight:500}.contact-details strong[dir=ltr]{font-family:var(--latin)}.contact-details a:hover strong{text-decoration:underline;text-underline-offset:4px}.contact-details .whatsapp-link{flex-direction:row;align-items:center;gap:14px}.contact-details .whatsapp-link span{font-size:14px;color:#fff}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1rem 2.7rem}.site-footer p{font-size:12px;line-height:1.9;color:#7b768a}.back-top{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.skip-link{position:fixed;z-index:100;inset-inline-start:15px;top:-100px;background:white;border:1px solid var(--purple);color:var(--purple);padding:12px 20px}.skip-link:focus{top:15px}dialog{border:1px solid #e3dcef;border-radius:15px;padding:0;width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 48px);background:#fff;color:var(--text);box-shadow:0 20px 90px #30234030}dialog::backdrop{background:#27223888;backdrop-filter:blur(4px)}.dialog-inner{padding:2.3rem 2.6rem;position:relative}.dialog-close{position:absolute;inset-inline-end:18px;top:12px;background:none;border:0;color:var(--muted);width:44px;height:44px;font-size:30px;font-family:var(--latin);line-height:1}.dialog-inner>.eyebrow{margin-bottom:.45rem;font-size:13px}.dialog-inner>h2{font-size:28px;margin-bottom:1.7rem}.dialog-inner form{display:flex;flex-direction:column;gap:1rem}fieldset{margin:0;padding:0;border:0}legend{font-size:14px;margin-bottom:10px}.service-choices{display:flex;gap:9px;flex-wrap:wrap}.service-choices label{display:flex;gap:7px;align-items:center;font-size:13px;border:1px solid var(--line);padding:8px 12px;border-radius:6px;cursor:pointer}.service-choices label:has(:checked){border-color:var(--purple);background:#f6f0ff;color:var(--purple)}input[type=checkbox]{accent-color:var(--purple);width:16px;height:16px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}form>label,.form-grid>label{display:flex;flex-direction:column;gap:6px;font-size:13px}input:not([type=checkbox]),textarea{min-width:0;width:100%;border:1px solid #dcdce7;border-radius:6px;padding:10px 13px;min-height:46px;background:#fcfcfe;color:var(--text);font-size:16px}textarea{resize:vertical;max-height:280px;line-height:1.8}.form-note{font-size:12px;line-height:1.9;color:var(--muted)}#form-status:empty{display:none}#form-status{font-size:13px;line-height:1.9;color:var(--purple);padding:10px 12px;background:#f7f2ff;border-radius:6px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions .button{font-size:14px;min-height:48px;padding:10px 18px}.button-outline{background:white;border-color:#d5c7ef;color:var(--purple)}.button-outline:hover{background:#f6efff}.direct-email{font-family:var(--latin);font-size:12px;align-self:start;color:#7b7489}
html[lang=en]{--font:'Manrope',sans-serif}html[lang=en] h1{font-size:clamp(3.2rem,4.4vw,4.6rem);line-height:1.2;letter-spacing:-.065em}html[lang=en] h2{line-height:1.35;letter-spacing:-.045em}html[lang=en] .hero-description{line-height:1.9}html[lang=en] .direction-arrow{transform:scaleX(-1)}html[lang=en] .brand-caption{font-size:10px}html[lang=en] .journey-step h2{font-size:21px}html[lang=en] .journey-step p{font-size:12px}html[lang=en] .language-button{font-family:'Noto Sans Arabic',sans-serif}html[lang=en] .hero-topics{font-size:11px}html[lang=en] .service-card>p{line-height:1.85;min-height:104px}html[lang=en] .service-card li{font-size:12px}html[lang=en] .contact-panel h2{line-height:1.25}
@media(max-width:1100px){.container{width:calc(100% - 4rem)}.header-inner{gap:1.5rem}.header-inner nav{gap:1.4rem}.brand-caption{display:none}.hero-inner{gap:2.5rem;min-height:620px;grid-template-columns:1.05fr .95fr}.journey-step{padding:22px;gap:14px}.journey-top,.journey-bottom{padding-inline:22px}.hero-description{font-size:16px}.service-card{padding:22px 18px 0}.illustration{width:100%;max-width:270px}.service-card li{font-size:12px}.contact-panel{padding:3rem;gap:2rem}.contact-details{padding-inline-start:2rem}.about,.faq{gap:3rem}h1{font-size:3.1rem}}
@media(max-width:800px){.container{width:calc(100% - 2.5rem)}.header-inner{min-height:80px;gap:1rem}.header-inner nav{gap:1rem;font-size:13px}.header-inner nav a[href='#home']{display:none}.header-actions{gap:.75rem}.button-small{font-size:12px;padding-inline:14px;min-height:42px}.hero-inner{grid-template-columns:1fr;padding-block:3.2rem;gap:2.5rem}.hero-copy{max-width:620px}h1{font-size:clamp(2.7rem,7.2vw,3.8rem)}.hero-description{max-width:560px}.hero-topics{margin-top:1.5rem}.journey-panel{max-width:540px;width:100%;justify-self:center}.journey-step{padding-block:18px}.journey-top{padding-block:20px}.journey-bottom{padding-block:16px}.about{grid-template-columns:1fr;gap:1.4rem;padding-block:3.8rem}.about-copy>p:first-child{font-size:16px}.about h2{font-size:2rem}.services-section{padding-block:3.7rem}.section-heading{display:block;margin-bottom:2rem}.section-heading>p{max-width:440px;margin-top:1.2rem}.service-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:25px 25px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}.card-top{grid-column:1 / -1}.illustration{grid-column:2;grid-row:2 / 5;align-self:center;width:100%;max-width:280px}.service-card h3{grid-column:1;margin-top:1rem}.service-card>p{grid-column:1;min-height:0!important}.service-card ul{grid-column:1;margin-block:1rem 1.5rem}.service-card li{font-size:13px}.service-link{grid-column:1 / -1}.service-tag{font-size:11px}.values-strip{grid-template-columns:1fr 1fr;gap:1rem 0;font-size:12px}.values-strip>span:nth-child(3){border:0}.faq{grid-template-columns:1fr;gap:1.8rem;padding-block:4rem}.faq h2{max-width:none}.contact-panel{grid-template-columns:1fr;padding:2.5rem 2rem;gap:2.5rem}.contact-details{border-inline-start:0;border-top:1px solid #9267df;padding:1.7rem 0 0;grid-template-columns:1fr 1fr;gap:1.3rem}.contact-panel h2{font-size:2.15rem}.site-footer{gap:1.5rem}.site-footer p{font-size:11px}.back-top{font-size:12px}html[lang=en] h1{font-size:clamp(3rem,8.3vw,4.5rem)}}
@media(max-width:540px){.header-inner nav{display:none}.header-inner{min-height:76px}.header-actions{gap:.75rem}.hero-inner{padding-block:2.6rem 2.4rem}.hero .eyebrow{font-size:12px;margin-bottom:1.1rem}h1{font-size:clamp(2.6rem,10vw,3.2rem)}.hero-actions{gap:1.4rem}.hero-actions .button{font-size:14px;gap:1.5rem;min-height:52px;padding-inline:20px}.text-link{font-size:13px;gap:10px}.hero-description{font-size:15px;line-height:2}.hero-topics{font-size:11px;gap:10px}.journey-step h2{font-size:21px}.journey-step p{font-size:12px}.journey-top,.journey-bottom{padding-inline:19px}.journey-step{padding:19px}.journey-bottom{font-size:11px}.journey-label{font-size:13px}.step-number{width:34px;height:34px}.about{padding-block:3rem}.about h2{font-size:1.85rem}.about-copy>p:first-child{font-size:15px}.section-heading h2{font-size:1.85rem}.section-heading .eyebrow{font-size:12px}.service-card{display:flex;padding-inline:24px}.illustration{max-width:296px;width:100%;margin-top:16px;margin-bottom:8px}.service-card>p{font-size:14px}.service-card ul{margin-block:1rem 1.5rem}.service-card li{font-size:13px}.service-card h3{font-size:25px}.values-strip{font-size:11px}.contact-panel{padding:2rem 1.5rem;gap:2rem}.contact-panel h2{font-size:1.9rem}.contact-panel .eyebrow{font-size:12px}.contact-panel p:not(.eyebrow){font-size:14px}.contact-details{grid-template-columns:1fr}.contact-details strong{font-size:16px}.site-footer{display:grid;grid-template-columns:1fr auto;padding-block:.5rem 2rem;gap:1.3rem}.site-footer p{grid-column:1 / -1;grid-row:2}.back-top{grid-column:2;grid-row:1}.contact-section{padding-bottom:2.3rem}.faq h2{font-size:1.9rem}summary{font-size:15px}.dialog-inner{padding:2rem 1.3rem}.dialog-inner>h2{font-size:24px}.form-grid{grid-template-columns:1fr}.service-choices{gap:7px}.service-choices label{font-size:12px;padding:8px 9px}.form-actions{flex-direction:column}.form-actions .button{width:100%}html[lang=en] h1{font-size:clamp(2.9rem,10.8vw,3.9rem)}html[lang=en] .service-card li{font-size:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.journey-step{transition:none}.button:hover{transform:none}}

/* Keep regular reading text comfortable at every screen size. */
.service-card li,.service-card>p,.about-note,.service-link,.form-note,legend,form>label,.form-grid>label{font-size:14px!important}.service-tag{font-size:12px}.service-choices label{font-size:14px}.hero-topics,.values-strip{font-size:13px!important}.journey-step p{font-size:13px!important}.form-note{line-height:1.8}