@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";.landing-page{min-height:100vh;padding-top:73px;overflow:hidden}.wrap{width:min(1200px,100% - 80px);margin:0 auto}.site-header{inset-inline:0;z-index:1000;border-bottom:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-color) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:fixed;top:0}.header-layout{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:73px;display:grid}.brand-link{border-inline-start:3px solid var(--text-color);align-items:center;padding-inline-start:16px;display:inline-flex}.brand-logo{width:clamp(118px,12vw,155px)}.site-nav,.header-controls,.hero-actions,.technology-list,.contact-actions,.jds-strip,.motto-strip{align-items:center;display:flex}.menu-button,.drawer-backdrop{display:none}.site-nav{justify-content:center;gap:clamp(14px,2vw,30px)}.site-nav a,.footer-column a{color:var(--text-secondary);text-decoration:none;transition:color .18s,border-color .18s,background-color .18s}.site-nav a:hover,.footer-column a:hover{color:var(--primary-color)}.nav-cta{background:var(--text-color);border-radius:7px;padding:9px 18px;font-weight:700;color:var(--bg-color)!important}.header-controls{gap:8px}.control-button{border:1px solid var(--border-strong);min-height:38px;color:var(--text-secondary);background:0 0;border-radius:7px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.theme-icon{font-size:1rem;line-height:1}.ltr-text{direction:ltr;unicode-bidi:isolate}.control-button:hover{border-color:var(--text-color);color:var(--text-color)}.hero-section{border-bottom:1px solid var(--border-color);z-index:1;min-height:520px;position:relative;overflow:hidden}.contact-section:before,.about-story:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 5px,#fafaf70a 5px 6px);position:absolute;inset:0}.hero-main{flex-direction:column;justify-content:center;min-height:520px;padding:80px max(72px,50% - 560px);display:flex}.mono-label,.service-number,.technical-tag,.project-type,.footer-bottom,.footer-column h4{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase}.mono-label{color:var(--text-muted);margin:0 0 18px;font-size:.72rem}h1,h2,h3,p{margin-top:0}h1,h2{color:var(--text-color);font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.06}h1{max-width:920px;margin-bottom:20px;font-size:clamp(2.25rem,5vw,4rem)}h2{max-width:760px;margin-bottom:14px;font-size:clamp(1.625rem,4vw,2.625rem)}h3{color:var(--text-color);margin-bottom:10px;font-size:1.125rem;font-weight:600}.hero-description,.section-heading p,.about-story p,.identity-preview p,.reason-card p,.project-card p,.contact-content p,.site-footer p{color:var(--text-secondary);line-height:1.8}.hero-description{max-width:940px;margin-bottom:44px;font-size:clamp(.94rem,1.8vw,1.19rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:56px}.primary-link,.secondary-link,.light-button,.ghost-light-button{border-radius:7px;justify-content:center;align-items:center;min-height:48px;padding:0 28px;text-decoration:none;transition:opacity .18s,transform .18s,border-color .18s;display:inline-flex}.primary-link{background:var(--text-color);color:var(--bg-color);font-weight:700}.secondary-link{border:1px solid var(--border-strong);color:var(--text-color)}.primary-link:hover,.secondary-link:hover,.light-button:hover,.ghost-light-button:hover{transform:translateY(-2px)}.motto-strip{max-width:680px;color:var(--text-muted);gap:16px}.motto-strip span{background:var(--border-strong);flex:1;height:1px}.motto-strip p{color:inherit;font-family:var(--font-mono);letter-spacing:.24em;text-align:center;text-transform:uppercase;margin:0;font-size:clamp(.58rem,1vw,.78rem)}.jds-strip{z-index:2;border-bottom:1px solid var(--jds-graphite-700);background:var(--jds-graphite-1000);color:var(--jds-paper);justify-content:center;gap:18px;padding:18px 20px;position:relative}.jds-strip p{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.78rem}html[lang=en] .jds-strip p{font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:.9rem}.jds-strip span{background:var(--jds-paper);border-radius:999px;width:5px;height:5px}.section-block{border-bottom:1px solid var(--border-color);padding:96px 0;scroll-margin-top:90px}[data-reveal]{opacity:0;will-change:opacity, transform;transition:opacity .64s,transform .64s;transform:translateY(28px)}[data-reveal=left]{transform:translate(-34px)}[data-reveal=right]{transform:translate(34px)}[data-reveal=up]{transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}.section-heading{max-width:760px;margin-bottom:56px}.section-heading p{max-width:560px;font-size:1rem}.services-section{background:var(--section-warm)}.service-list{border-top:1px solid var(--border-color)}.service-row{border-bottom:1px solid var(--border-color);grid-template-columns:64px 1fr 1.2fr 200px;align-items:center;gap:28px;padding:26px 0;transition:background-color .18s;display:grid}.service-row:hover{background:var(--surface-soft)}.service-number{color:var(--text-muted);font-size:.8rem}.service-row p{color:var(--text-secondary);margin-bottom:0;font-size:.875rem}.technology-list{flex-wrap:wrap;justify-content:flex-end;gap:8px}.technology-list span,.technical-tag{border:1px solid var(--border-strong);color:var(--text-muted);border-radius:5px;padding:6px 10px;font-size:.68rem}.about-section{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr;display:grid}.about-story{background:var(--jds-graphite-1000);padding:80px 56px;position:relative;overflow:hidden}.about-story>*{z-index:1;position:relative}.about-story h2,.about-story p{color:var(--jds-paper)}.about-story p{color:var(--jds-graphite-300);font-size:.94rem}.reason-card p,.project-card p{font-size:.94rem}.site-footer p{font-size:.875rem}.about-stats{background:var(--surface-color);flex-direction:column;justify-content:center;gap:24px;padding:80px 56px;display:flex}.stat-item{border-inline-start:2px solid var(--text-color);padding-inline-start:22px}.stat-item strong{color:var(--text-color);letter-spacing:-.05em;font-size:clamp(2rem,5vw,3.35rem);line-height:1;display:block}.stat-item span{color:var(--text-secondary)}.team-section{background:var(--section-muted)}.team-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-top:56px;display:grid}.leader-card{border:1px solid var(--border-color);background:var(--bg-color);grid-template-columns:200px 1fr;display:grid;overflow:hidden}.leader-sidebar{background:var(--jds-graphite-1000);flex-direction:column;justify-content:flex-end;min-height:336px;padding:40px 28px;display:flex;position:relative;overflow:hidden}.leader-sidebar:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 5px,#fafaf70d 5px 6px);position:absolute;inset:0}.leader-monogram{z-index:1;filter:brightness(0)invert();width:72px;position:relative}.leader-contact-list{z-index:1;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:relative}html[dir=rtl] .leader-contact-list{align-items:flex-end}.leader-contact-list a{color:#fafaf79e;font-family:var(--font-mono);letter-spacing:.04em;font-size:.68rem;text-decoration:none}.leader-contact-list a:hover{color:var(--jds-paper)}.leader-body{padding:44px 36px}.leader-body h3{margin-bottom:4px;font-size:1.625rem;font-weight:700}.leader-title{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.8rem}.leader-body hr{background:var(--border-color);border:0;height:1px;margin:22px 0}.leader-body p,.team-copy p{color:var(--text-secondary);line-height:1.75}.team-copy{padding:12px 0}.team-copy h2{max-width:520px;margin-bottom:22px;font-size:clamp(1.75rem,3vw,2rem);line-height:1.6}.team-copy p{max-width:620px;margin-bottom:18px}.team-copy a{border-bottom:1px solid var(--border-strong);color:var(--text-color);margin-top:8px;font-weight:600;text-decoration:none;display:inline-flex}.team-copy a:hover{border-color:var(--text-color)}.projects-heading{max-width:760px}.projects-section{background:var(--section-cool)}.project-slider{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;direction:ltr;grid-auto-columns:calc(33.3333% - 16px);grid-auto-flow:column;gap:24px;padding:8px 2px 26px;scroll-padding-inline:2px;display:grid;overflow-x:auto}.project-card{direction:var(--page-direction,ltr)}html[dir=rtl] .project-card{--page-direction:rtl}.project-slider::-webkit-scrollbar{display:none}.project-card{border:1px solid var(--border-color);background:var(--surface-color);min-height:100%;box-shadow:0 28px 80px -54px var(--shadow-color);scroll-snap-align:start;transition:border-color .18s,transform .18s}.project-dots{justify-content:center;gap:8px;margin-top:4px;display:flex}html[dir=rtl] .project-dots{flex-direction:row-reverse}.project-dot{background:var(--border-strong);border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:background-color .18s,transform .18s,width .18s}.project-dot.is-active{background:var(--primary-color);width:24px}.project-dot:hover{transform:scale(1.15)}.project-card:hover{border-color:var(--primary-color);transform:translateY(-4px)}.project-logo-area{border-bottom:1px solid var(--border-color);background:radial-gradient(circle at center, var(--primary-soft), transparent 58%), linear-gradient(135deg, var(--surface-soft), var(--surface-color));place-items:center;min-height:220px;display:grid}.project-logo-area span{border:1px solid var(--border-strong);width:96px;height:96px;color:var(--text-color);font-family:var(--font-mono);letter-spacing:.12em;border-radius:50%;place-items:center;font-weight:700;display:grid}.project-logo{object-fit:contain;width:min(152px,68%);max-height:112px}.project-content{padding:32px}.project-content .technical-tag{margin-bottom:18px;display:inline-flex}.project-link{border-bottom:1px solid var(--border-strong);color:var(--text-color);margin-top:14px;font-weight:700;text-decoration:none;display:inline-flex}.project-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.project-type{color:var(--text-muted);font-size:.7rem}.testimonials-section h2{max-width:100%;margin-bottom:56px}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.testimonial-card{border:1px solid var(--border-color);background:var(--surface-color);padding:32px}.testimonial-quote{min-height:112px;color:var(--text-secondary);font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:14px;margin-top:26px;display:flex}.testimonial-author>span{background:var(--text-color);width:40px;height:40px;color:var(--bg-color);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid}.testimonial-author strong{color:var(--text-color);display:block}.testimonial-author p{color:var(--text-muted);margin:0;font-size:.78rem}.contact-section{border-bottom:1px solid var(--jds-graphite-700);background:var(--jds-graphite-1000);padding:96px 0;position:relative;overflow:hidden}.contact-grid{z-index:1;grid-template-columns:.9fr 1fr;align-items:start;gap:48px;display:grid;position:relative}.contact-content{z-index:1;position:relative}.contact-content h2,.contact-content p{color:var(--jds-paper)}.contact-content p{max-width:560px;color:var(--jds-graphite-300)}.contact-actions{flex-wrap:wrap;gap:12px;margin:34px 0 46px}.contact-map{background:#fafaf70a;border:1px solid #fafaf72e;max-width:620px;overflow:hidden}.contact-map iframe{filter:grayscale(.18)contrast(1.05);border:0;width:100%;height:240px}.contact-map-link{color:var(--jds-paper);border-top:1px solid #fafaf72e;gap:6px;padding:18px;text-decoration:none;transition:background-color .18s,color .18s;display:grid}.contact-map-link:hover{color:var(--jds-paper);background:#fafaf70f}.contact-map-link span{color:#fafaf79e;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.contact-map-link strong{font-size:1rem;line-height:1.5}.contact-map-link small{color:var(--jds-graphite-300);font-size:.86rem;line-height:1.7}.contact-form{background:#fafaf70a;border:1px solid #fafaf72e;gap:16px;padding:clamp(24px,4vw,36px);display:grid}.contact-form label{color:#fafaf7c7;gap:8px;font-size:.92rem;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--jds-paper);font:inherit;background:#0e1116b8;border:1px solid #fafaf72e;border-radius:7px;outline:none;padding:13px 14px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#fafaf780}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fafaf761}.ltr-field{text-align:left;direction:ltr}.light-button{background:var(--jds-paper);color:var(--jds-graphite-1000);font-weight:700}.light-button:disabled{cursor:wait;opacity:.68;transform:none}.ghost-light-button{color:var(--jds-paper);border:1px solid #fafaf73d}.form-status{border:1px solid #fafaf72e;border-radius:7px;margin:0;padding:12px 14px;font-size:.9rem;line-height:1.6}.form-status-success{color:#bbf7d0;background:#22c55e1f}.form-status-error{color:#fecaca;background:#ef44441f}.contact-motto{color:#fafaf775;margin:0 auto}.contact-motto span{background:#fafaf733}.site-footer{padding:64px 0 36px}.footer-grid{grid-template-columns:minmax(260px,1fr) minmax(340px,max-content) minmax(180px,.65fr);gap:48px;margin-bottom:48px;display:grid}.footer-lockup{width:clamp(180px,22vw,280px);margin-bottom:18px}.footer-column{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-column a{white-space:nowrap}html[dir=rtl] .footer-column{align-items:flex-end}html[lang=ar] .footer-grid{text-align:right;justify-items:right}html[lang=ar] .footer-grid>*{width:fit-content;max-width:100%;margin-left:auto;margin-right:0}html[lang=ar] .footer-column{text-align:right;align-items:flex-end;width:100%}html[lang=ar] .footer-column a,html[lang=ar] .footer-column h4{text-align:right;direction:rtl;unicode-bidi:plaintext;width:100%}html[lang=ar] .footer-column .ltr-text{text-align:right;direction:ltr;unicode-bidi:isolate}.footer-column h4{color:var(--text-muted);margin:0 0 8px;font-size:.68rem}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;gap:12px;padding-top:22px;font-size:.72rem;display:flex}html[lang=ar] .mono-label,html[lang=ar] .technical-tag,html[lang=ar] .project-type,html[lang=ar] .footer-bottom,html[lang=ar] .footer-column h4{letter-spacing:.08em}html[lang=ar] .mono-label{color:var(--text-secondary);font-family:"Noto Naskh Arabic", var(--font-body);letter-spacing:0;text-transform:none;font-size:clamp(1rem,1.25vw,1.18rem);font-weight:700;line-height:1.4}@media (width<=980px){.footer-grid{grid-template-columns:1fr 1fr}.header-layout{direction:ltr;justify-content:flex-end;gap:8px;padding:14px 0;display:flex}.brand-link{margin-inline-end:auto}.menu-button{border:1px solid var(--border-strong);background:var(--surface-color);width:42px;height:42px;color:var(--text-color);border-radius:7px;flex-direction:column;order:3;justify-content:center;align-items:center;gap:5px;transition:border-color .18s,background-color .18s;display:inline-flex}.menu-button:hover,.menu-button.is-open{border-color:var(--text-color);background:var(--surface-soft)}.header-controls{flex-wrap:nowrap;order:2}.menu-button span{background:var(--text-color);transform-origin:50%;width:18px;height:2px;transition:opacity .18s,transform .18s}.menu-button.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-button.is-open span:nth-child(2){opacity:0}.menu-button.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-nav{z-index:999;border-inline-end:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-color) 96%, var(--surface-color));width:min(380px,100% - 32px);height:calc(100vh - 73px);box-shadow:28px 0 70px -52px var(--shadow-color);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:24px;transition:opacity .2s,transform .24s,visibility .24s;position:fixed;inset-block-start:73px;inset-inline-start:0;transform:translate(calc(-100% - 16px))}html[dir=rtl] .site-nav{box-shadow:-28px 0 70px -52px var(--shadow-color);transform:translate(calc(100% + 16px))}.site-nav.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}html[dir=rtl] .site-nav.is-open{transform:translate(0)}.site-nav a{color:var(--text-color);border:1px solid #0000;border-radius:7px;padding:15px 16px;font-weight:600}.site-nav a:hover{border-color:var(--border-color);background:var(--surface-soft)}.site-nav .nav-cta{text-align:center;margin-top:8px;padding:15px 18px}.drawer-backdrop{z-index:998;opacity:0;pointer-events:none;background:#0e11166b;border:0;transition:opacity .22s;display:block;position:fixed;inset:73px 0 0}.site-nav.is-open+.drawer-backdrop{opacity:1;pointer-events:auto}.hero-section,.about-section,.team-grid,.contact-grid{grid-template-columns:1fr}.service-row{grid-template-columns:54px 1fr}.service-row p,.service-row .technology-list{grid-column:2;justify-content:flex-start}.project-slider{grid-auto-columns:calc(50% - 12px)}.testimonial-grid{grid-template-columns:1fr}}@media (width<=680px){.wrap{width:min(100% - 40px,1200px)}.footer-grid,.testimonial-grid{grid-template-columns:1fr}.footer-column a{white-space:normal}html[lang=ar] .footer-grid{justify-items:stretch}html[lang=ar] .footer-grid>*{width:100%;margin-left:0;margin-right:0}html[lang=ar] .footer-column{text-align:right;align-items:flex-end;width:100%}html[lang=ar] .footer-column a,html[lang=ar] .footer-column h4{text-align:right;width:100%}html[lang=ar] .footer-column .ltr-text{text-align:right}.project-slider{grid-auto-columns:100%;padding-inline:2px}.header-layout{grid-template-columns:auto 1fr auto}.header-controls{flex-wrap:nowrap}.hero-main{padding:48px 20px}.section-block,.contact-section{padding:80px 0}.jds-strip,.motto-strip{flex-wrap:wrap}.service-row{gap:14px}.about-story,.about-stats{padding:64px 32px}.leader-card{grid-template-columns:1fr}.leader-sidebar{min-height:230px}.footer-bottom{flex-direction:column}}.eyebrow{font-size:clamp(1rem,1.2vw,1.2rem);font-weight:500}html[lang=ar] .eyebrow{font-family:"Noto Naskh Arabic", var(--font-body);letter-spacing:.02em;text-transform:none;font-size:clamp(1.08rem,1.35vw,1.32rem)}:root{--jds-graphite-1000:#0e1116;--jds-graphite-900:#15191f;--jds-graphite-800:#1c2128;--jds-graphite-700:#262c36;--jds-graphite-500:#4a5260;--jds-graphite-400:#6b7280;--jds-graphite-300:#9aa1ac;--jds-graphite-200:#c8ccd3;--jds-graphite-100:#e4e6ea;--jds-graphite-50:#f1f2f4;--jds-paper:#fafaf7;--jds-blue-700:#1e40af;--jds-blue-600:#2563eb;--jds-blue-500:#3b82f6;--jds-blue-400:#60a5fa;--jds-blue-50:#eff6ff;--font-display:"Inter", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", Consolas, monospace;font-family:var(--font-body);color:var(--text-color);background:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:var(--jds-paper);--surface-color:#fff;--surface-soft:var(--jds-graphite-50);--section-warm:#f4f2ed;--section-cool:#eef1f4;--section-muted:#f7f7f4;--text-color:var(--jds-graphite-1000);--text-secondary:var(--jds-graphite-500);--text-muted:var(--jds-graphite-400);--border-color:var(--jds-graphite-100);--border-strong:var(--jds-graphite-200);--primary-color:var(--jds-blue-500);--primary-hover:var(--jds-blue-600);--primary-ink:#fff;--primary-soft:var(--jds-blue-50);--shadow-color:#0e11161f}body[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:var(--jds-graphite-1000);--surface-color:var(--jds-graphite-900);--surface-soft:var(--jds-graphite-800);--section-warm:#0b0c0e;--section-cool:#151a20;--section-muted:#12161b;--text-color:#f5f6f8;--text-secondary:var(--jds-graphite-300);--text-muted:var(--jds-graphite-400);--border-color:var(--jds-graphite-800);--border-strong:var(--jds-graphite-700);--primary-color:var(--jds-blue-400);--primary-hover:#93c5fd;--primary-ink:var(--jds-graphite-1000);--primary-soft:#3b82f61f;--shadow-color:#00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-color);min-width:320px;color:var(--text-color);margin:0;transition:background-color .18s,color .18s}button,a{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}#root{min-height:100vh}html[lang=ar] body{font-family:var(--font-body)}