:root{--color-navy: #1a1f2e;--color-slate: #2d3748;--color-charcoal: #495566;--color-ash: #6b7785;--color-silver: #e2e8f0;--color-paper: #f7f9fc;--color-white: #ffffff;--color-copper: #c77d4f;--color-copper-dark: #a86639;--color-copper-light: #d99771;--font-display: "Crimson Pro", serif;--font-body: "Inter", sans-serif;--font-arabic-display: "Amiri", serif;--font-arabic-body: "Tajawal", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--container-width: 1200px;--border-radius: 2px;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-navy);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;font-weight:700}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-lg)}.nav{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;z-index:1000;transition:all var(--transition-base)}.nav.scrolled{background:#fffffffa;border-bottom-color:var(--color-silver);box-shadow:0 2px 16px #00000014}.nav-container{max-width:var(--container-width);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:var(--space-sm)}.nav-logo-icon{width:36px;height:36px;flex-shrink:0;transition:transform var(--transition-base)}.nav-brand:hover .nav-logo-icon{transform:scale(1.05)}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-navy);letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:var(--space-md)}.lang-toggle{background:transparent;border:2px solid var(--color-silver);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-arabic-body);font-size:.9rem;color:var(--color-navy);font-weight:500}.lang-toggle:hover{border-color:var(--color-copper);color:var(--color-copper);transform:translateY(-2px)}.lang-label{display:inline-block}.btn-nav{padding:.625rem 1.5rem;font-size:.9rem}.btn{display:inline-block;padding:.875rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:500;text-decoration:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-align:center}.btn-primary{background:linear-gradient(135deg,var(--color-copper) 0%,var(--color-copper-dark) 100%);color:var(--color-white);box-shadow:0 4px 12px #c77d4f4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--color-copper-dark) 0%,var(--color-copper) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #c77d4f80}.btn-secondary{background:transparent;color:var(--color-navy);border:2px solid var(--color-navy)}.btn-secondary:hover{background:var(--color-navy);color:var(--color-white);transform:translateY(-2px)}.btn-large{padding:1.125rem 2.5rem;font-size:1.125rem}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:140px;padding-bottom:var(--space-4xl);overflow:hidden;background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-white) 100%)}.hero:after{content:"";position:absolute;top:20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(199,125,79,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-50px) scale(1.1)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(26,31,46,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(26,31,46,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.5;animation:gridFadeIn 1.5s ease-out}@keyframes gridFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}.hero-content{position:relative;z-index:1;max-width:900px;animation:heroContentSlideUp 1s ease-out}@keyframes heroContentSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-label{display:inline-block;padding:.5rem 1rem;background:var(--color-navy);color:var(--color-white);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);animation:heroLabelSlide 1s ease-out .2s backwards}@keyframes heroLabelSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin-bottom:var(--space-lg);color:var(--color-navy);animation:heroTitleSlide 1s ease-out .4s backwards}@keyframes heroTitleSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title .highlight{color:var(--color-copper);position:relative;display:inline-block}.hero-title .highlight:after{content:"";position:absolute;bottom:.1em;left:0;right:0;height:.15em;background:var(--color-copper);opacity:.2}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--color-charcoal);margin-bottom:var(--space-2xl);max-width:700px;line-height:1.7;animation:heroSubtitleSlide 1s ease-out .6s backwards}@keyframes heroSubtitleSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-3xl);animation:heroCtaSlide 1s ease-out .8s backwards}@keyframes heroCtaSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xl);padding-top:var(--space-2xl);border-top:2px solid var(--color-silver);animation:heroStatsSlide 1s ease-out 1s backwards}@keyframes heroStatsSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat{text-align:left}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-copper);line-height:1;margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--color-ash);text-transform:uppercase;letter-spacing:.05em}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-label{display:inline-block;padding:.5rem 1rem;background:var(--color-paper);color:var(--color-copper);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);border-left:3px solid var(--color-copper)}.section-title{font-size:clamp(2rem,4vw,3rem);color:var(--color-navy);margin-bottom:var(--space-md)}.section-subtitle{font-size:1.25rem;color:var(--color-charcoal);max-width:600px;margin:0 auto}.services{padding:var(--space-4xl) 0;background:var(--color-white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.service-card{padding:var(--space-2xl);border:1px solid var(--color-silver);background:var(--color-white);transition:all var(--transition-base);opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-copper) 0%,var(--color-copper-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.service-card:hover:before{transform:scaleX(1)}.service-card[data-index="1"]{animation-delay:.1s}.service-card[data-index="2"]{animation-delay:.2s}.service-card[data-index="3"]{animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.service-card:hover{border-color:var(--color-copper);box-shadow:0 16px 40px #c77d4f33;transform:translateY(-8px)}.service-number{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-silver);line-height:1;margin-bottom:var(--space-md);transition:color var(--transition-base)}.service-card:hover .service-number{color:var(--color-copper)}.service-title{font-size:1.75rem;color:var(--color-navy);margin-bottom:var(--space-md)}.service-description{color:var(--color-charcoal);margin-bottom:var(--space-lg);line-height:1.7}.service-list{list-style:none;padding:0}.service-list li{padding:var(--space-xs) 0;padding-left:var(--space-md);color:var(--color-ash);position:relative}.service-list li:before{content:"→";position:absolute;left:0;color:var(--color-copper);font-weight:600}.testimonials{padding:var(--space-4xl) 0;background:var(--color-paper)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.testimonial-card{background:var(--color-white);padding:var(--space-2xl);border-left:4px solid var(--color-copper);box-shadow:0 4px 16px #00000014;transition:all var(--transition-base);opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards;position:relative}.testimonial-card:after{content:'"';position:absolute;top:var(--space-lg);right:var(--space-lg);font-family:var(--font-display);font-size:6rem;color:var(--color-paper);line-height:1;pointer-events:none}.testimonial-card[data-index="1"]{animation-delay:.15s}.testimonial-card[data-index="2"]{animation-delay:.3s}.testimonial-card[data-index="3"]{animation-delay:.45s}.testimonial-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-8px);border-left-width:6px}.testimonial-metrics{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-silver)}.metric{flex:1}.metric-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-copper);line-height:1;margin-bottom:var(--space-xs)}.metric-label{font-size:.875rem;color:var(--color-ash);text-transform:uppercase;letter-spacing:.05em}.testimonial-quote{font-size:1.125rem;line-height:1.7;color:var(--color-charcoal);margin-bottom:var(--space-lg);font-style:italic}.testimonial-author{border-top:1px solid var(--color-silver);padding-top:var(--space-md)}.author-name{font-weight:600;color:var(--color-navy);margin-bottom:.25rem}.author-title{font-size:.875rem;color:var(--color-ash)}.case-study{padding:var(--space-4xl) 0;background:linear-gradient(135deg,var(--color-navy) 0%,#0f1419 100%);color:var(--color-white);position:relative;overflow:hidden}.case-study:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(199,125,79,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(199,125,79,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.3}.case-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative;z-index:1}.case-study-image{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px #0006}.case-img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block;filter:grayscale(30%) brightness(.9);transition:all var(--transition-slow)}.case-study-image:hover .case-img{filter:grayscale(0%) brightness(1);transform:scale(1.05)}.case-overlay{position:absolute;top:var(--space-lg);left:var(--space-lg);z-index:2}.case-badge{background:var(--color-copper);color:var(--color-white);padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px #c77d4f66}.case-study-content .section-label{background:transparent;color:var(--color-copper);border-left-color:var(--color-copper)}.case-study-title{font-size:clamp(1.75rem,3vw,2.5rem);color:var(--color-white);margin-bottom:var(--space-lg);line-height:1.3}.case-study-description{font-size:1.125rem;line-height:1.8;color:var(--color-silver);margin-bottom:var(--space-2xl)}.case-results{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:#c77d4f1a;border:1px solid rgba(199,125,79,.2);border-radius:4px}.case-result-item{text-align:center}.result-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-copper);line-height:1;margin-bottom:var(--space-xs)}.result-label{font-size:.875rem;color:var(--color-silver);text-transform:uppercase;letter-spacing:.05em}.approach-title{font-size:1.25rem;color:var(--color-white);margin-bottom:var(--space-md)}.approach-list{list-style:none;padding:0}.approach-list li{padding:var(--space-sm) 0;padding-left:var(--space-md);color:var(--color-silver);position:relative;line-height:1.7}.approach-list li:before{content:"✓";position:absolute;left:0;color:var(--color-copper);font-weight:700;font-size:1.2rem}.process{padding:var(--space-4xl) 0;background:var(--color-white);position:relative}.process-timeline{position:relative;max-width:900px;margin:0 auto}.process-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-copper) 0%,var(--color-copper-light) 100%);opacity:.3}.process-step{position:relative;padding-left:100px;margin-bottom:var(--space-3xl);opacity:0;transform:translate(-30px);animation:slideInLeft .8s ease-out forwards}.process-step[data-index="1"]{animation-delay:.1s}.process-step[data-index="2"]{animation-delay:.2s}.process-step[data-index="3"]{animation-delay:.3s}.process-step[data-index="4"]{animation-delay:.4s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.step-number{position:absolute;left:0;top:0;width:60px;height:60px;background:linear-gradient(135deg,var(--color-copper) 0%,var(--color-copper-dark) 100%);color:var(--color-white);font-family:var(--font-display);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 16px #c77d4f4d;z-index:2}.step-content{background:var(--color-white);padding:var(--space-xl);border:1px solid var(--color-silver);border-left:4px solid var(--color-copper);transition:all var(--transition-base)}.step-content:hover{box-shadow:0 8px 24px #0000001a;transform:translate(8px)}.step-title{font-size:1.5rem;color:var(--color-navy);margin-bottom:var(--space-sm)}.step-description{font-size:1rem;line-height:1.7;color:var(--color-charcoal);margin-bottom:var(--space-md)}.step-duration{display:inline-block;padding:.375rem .875rem;background:var(--color-paper);color:var(--color-copper);font-size:.875rem;font-weight:600;border-radius:20px}.trust-section{padding:var(--space-3xl) 0;background:var(--color-paper);border-top:1px solid var(--color-silver);border-bottom:1px solid var(--color-silver)}.trust-header{text-align:center;margin-bottom:var(--space-2xl)}.trust-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-charcoal);font-weight:600;text-transform:none}.trust-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2xl);align-items:center}.trust-stat{text-align:center;padding:var(--space-lg);transition:transform var(--transition-base)}.trust-stat:hover{transform:translateY(-4px)}.trust-stat-number{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-navy);line-height:1;margin-bottom:var(--space-sm)}.trust-stat-label{font-size:.875rem;color:var(--color-ash);text-transform:uppercase;letter-spacing:.05em}.insights{padding:var(--space-4xl) 0;background:var(--color-white)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.insight-card{background:var(--color-white);border:1px solid var(--color-silver);padding:var(--space-2xl);transition:all var(--transition-base);position:relative;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.insight-card[data-index="1"]{animation-delay:.1s}.insight-card[data-index="2"]{animation-delay:.2s}.insight-card[data-index="3"]{animation-delay:.3s}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-copper) 0%,var(--color-copper-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.insight-card:hover:before{transform:scaleX(1)}.insight-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-8px);border-color:var(--color-copper)}.insight-category{display:inline-block;padding:.375rem .875rem;background:var(--color-paper);color:var(--color-copper);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.insight-title{font-size:1.375rem;color:var(--color-navy);margin-bottom:var(--space-md);line-height:1.4}.insight-excerpt{font-size:1rem;line-height:1.7;color:var(--color-charcoal);margin-bottom:var(--space-md)}.insight-meta{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-silver)}.insight-read-time{font-size:.875rem;color:var(--color-ash)}.about{padding:var(--space-4xl) 0;background:var(--color-white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.about-text p{font-size:1.125rem;line-height:1.8;color:var(--color-charcoal);margin-bottom:var(--space-lg)}.credentials{margin-top:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md)}.credential-item{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;color:var(--color-navy)}.credential-icon{width:24px;height:24px;color:var(--color-copper);flex-shrink:0}.about-visual{position:relative}.visual-accent{position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:2px solid var(--color-copper);z-index:0}.visual-frame{position:relative;z-index:1;background:var(--color-navy)}.placeholder-image{width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.placeholder-image svg{width:100%;height:100%}.headshot-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(20%);transition:filter var(--transition-base)}.headshot-image:hover{filter:grayscale(0%)}.cta{padding:var(--space-4xl) 0;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-slate) 100%);color:var(--color-white);text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-lg);color:var(--color-white)}.cta-subtitle{font-size:1.25rem;line-height:1.7;color:var(--color-silver);margin-bottom:var(--space-2xl)}.cta-note{margin-top:var(--space-lg);font-size:.875rem;color:var(--color-silver);font-style:italic}.footer{padding:var(--space-3xl) 0 var(--space-xl);background:var(--color-navy);color:var(--color-silver)}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-slate)}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:var(--space-sm)}.footer-tagline{color:var(--color-ash);font-size:.875rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.footer-heading{font-family:var(--font-body);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-white);margin-bottom:var(--space-md)}.footer-list{list-style:none}.footer-list li{margin-bottom:var(--space-sm)}.footer-list a{color:var(--color-silver);text-decoration:none;transition:color var(--transition-base)}.footer-list a:hover{color:var(--color-copper)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;color:var(--color-ash);font-size:.875rem}.footer-developer{display:flex;align-items:center;gap:var(--space-sm)}.developer-label{font-size:.875rem;color:var(--color-ash)}.developer-link{display:inline-flex;align-items:center;transition:all var(--transition-base)}.developer-logo{height:24px;width:auto;transition:all var(--transition-base);filter:grayscale(100%) brightness(.8)}.developer-link:hover .developer-logo{filter:grayscale(0%) brightness(1);transform:translateY(-2px)}@media(max-width:1024px){.about-grid{grid-template-columns:1fr}.about-visual{order:-1;max-width:400px;margin:0 auto}.case-study-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.case-results{grid-template-columns:repeat(3,1fr)}.trust-logos{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--space-3xl: 4rem;--space-4xl: 5rem}.hero{min-height:auto;padding-top:100px;padding-bottom:var(--space-3xl)}.hero-stats{grid-template-columns:1fr;gap:var(--space-lg)}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.services-grid,.testimonials-grid,.insights-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.section-title{font-size:2rem}.case-results{grid-template-columns:1fr;gap:var(--space-md)}.process-step{padding-left:80px}.process-timeline:before{left:20px}.step-number{left:0;width:50px;height:50px;font-size:1.25rem}.trust-logos{grid-template-columns:1fr;gap:var(--space-lg)}.footer-bottom{gap:var(--space-sm)}.footer-developer{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.container{padding:0 var(--space-md)}.nav-container{padding:var(--space-sm) var(--space-md)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stat-number{font-size:2rem}.testimonial-metrics{flex-direction:column;gap:var(--space-md)}}.modal{display:none;position:fixed;inset:0;z-index:10000;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal.active{display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal-overlay{position:fixed;inset:0;background:#1a1f2ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:var(--color-white);border-radius:4px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0000004d;animation:slideUp .4s ease-out;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:transparent;border:none;font-size:2rem;color:var(--color-ash);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);border-radius:50%;z-index:2}.modal-close:hover{background:var(--color-paper);color:var(--color-navy);transform:rotate(90deg)}.modal-header{padding:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--color-paper)}.modal-title{font-size:clamp(1.75rem,3vw,2.25rem);color:var(--color-navy);margin-bottom:var(--space-sm);padding-right:var(--space-3xl)}.modal-subtitle{font-size:1rem;color:var(--color-charcoal);line-height:1.6}.contact-form{padding:var(--space-2xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--color-navy);background:var(--color-white);border:2px solid var(--color-silver);border-radius:var(--border-radius);transition:all var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-copper);box-shadow:0 0 0 3px #c77d4f1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-ash)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545;background-color:#fff5f5}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-input.success,.form-select.success,.form-textarea.success{border-color:#28a745;background-color:#f0fdf4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2328a745' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.form-textarea.success{background-position:right 1rem top 1rem}html[dir=rtl] .form-input.success,html[dir=rtl] .form-select.success{background-position:left 1rem center;padding-right:1rem;padding-left:3rem}html[dir=rtl] .form-textarea.success{background-position:left 1rem top 1rem}.form-error{display:none;color:#dc3545;font-size:.875rem;margin-top:var(--space-xs);font-weight:500;animation:slideDown .3s ease-out}.form-error.active{display:block}.form-error:before{content:"⚠ ";font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group.has-error .form-label{color:#dc3545}.form-group.has-success .form-label{color:#28a745}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7785' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-actions{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-silver)}.btn-submit{width:100%;position:relative}.btn-loader{display:inline-flex;align-items:center;justify-content:center}.spinner{animation:rotate 2s linear infinite;width:20px;height:20px}.spinner .path{stroke:var(--color-white);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.form-success{text-align:center;padding:var(--space-3xl) var(--space-lg);animation:fadeIn .5s ease-out}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-copper) 0%,var(--color-copper-dark) 100%);color:var(--color-white);font-size:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);animation:scaleIn .5s ease-out .2s backwards}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{font-size:1.75rem;color:var(--color-navy);margin-bottom:var(--space-sm)}.success-message{font-size:1rem;color:var(--color-charcoal);line-height:1.7;max-width:500px;margin:0 auto}@media(max-width:768px){.modal.active{padding:0;align-items:flex-start}.modal-content{max-height:100vh;border-radius:0}.form-row{grid-template-columns:1fr;gap:0}.modal-header,.contact-form{padding:var(--space-lg)}.modal-title{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[dir=rtl]{direction:rtl}html[dir=rtl] body{font-family:var(--font-arabic-body)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6{font-family:var(--font-arabic-display)}html[dir=rtl] .nav-container,html[dir=rtl] .nav-brand,html[dir=rtl] .nav-right,html[dir=rtl] .hero-cta{flex-direction:row-reverse}html[dir=rtl] .service-list li{padding-left:0;padding-right:var(--space-md)}html[dir=rtl] .service-list li:before{left:auto;right:0;content:"←"}html[dir=rtl] .testimonial-card{border-left:none;border-right:4px solid var(--color-copper)}html[dir=rtl] .testimonial-card:hover{border-right-width:6px}html[dir=rtl] .about-grid{direction:rtl}html[dir=rtl] .credential-item{flex-direction:row-reverse}html[dir=rtl] .visual-accent{right:auto;left:-20px}html[dir=rtl] .footer-grid{direction:rtl}html[dir=rtl] .section-label{border-left:none;border-right:3px solid var(--color-copper)}html[dir=rtl] .hero-content,html[dir=rtl] .about-text,html[dir=rtl] .service-description,html[dir=rtl] .testimonial-quote{text-align:right}html[dir=rtl] .section-header,html[dir=rtl] .cta-content,html[dir=rtl] .footer-bottom{text-align:center}html[dir=rtl] .case-study-grid{direction:rtl}html[dir=rtl] .case-overlay{left:auto;right:var(--space-lg)}html[dir=rtl] .case-study-content .section-label{border-left:none;border-right:3px solid var(--color-copper)}html[dir=rtl] .approach-list li{padding-left:0;padding-right:var(--space-md)}html[dir=rtl] .approach-list li:before{left:auto;right:0}html[dir=rtl] .process-timeline:before{left:auto;right:30px}html[dir=rtl] .process-step{padding-left:0;padding-right:100px}html[dir=rtl] .step-number{left:auto;right:0}html[dir=rtl] .step-content{border-left:none;border-right:4px solid var(--color-copper)}html[dir=rtl] .insight-card:before{transform-origin:right}html[dir=rtl] .service-card:before{transform-origin:right}html[dir=rtl] .modal-close{right:auto;left:var(--space-lg)}html[dir=rtl] .modal-title{padding-right:0;padding-left:var(--space-3xl)}html[dir=rtl] .form-select{background-position:left 1rem center;padding-right:1rem;padding-left:2.5rem}html[dir=rtl] .contact-form,html[dir=rtl] .modal-header{text-align:right}html[dir=rtl] .footer-developer{flex-direction:row-reverse}