:root{--color-primary: #0a2540;--color-accent: #d4a853;--color-accent-text: #8a6a25;--color-accent-hover: #e5b964;--color-bg: #ffffff;--color-bg-alt: #f8f9fa;--color-text: #333333;--color-text-muted: #666666;--color-border: #e0e0e0;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-body-ar: "Tajawal", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-xxl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition: all .3s ease}[data-theme=dark]{--color-primary: #ffffff;--color-accent: #d4a853;--color-accent-text: #d4a853;--color-accent-hover: #ebd095;--color-bg: #0f172a;--color-bg-alt: #1e293b;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;transition:background-color var(--transition),color var(--transition);overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700;line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-text)}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}[dir=rtl]{text-align:right;font-family:var(--font-body-ar)}[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{font-family:var(--font-body-ar)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background-color:var(--color-accent);color:#0a2540;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:var(--transition)}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);color:#0a2540}[dir=rtl] .btn-primary svg{transform:scaleX(-1)}.section-padding{padding:var(--space-xl) 0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background-color:var(--color-bg);transition:all .3s ease;z-index:1000;border-bottom:1px solid transparent}.navbar.scrolled{height:70px;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border);background-color:rgba(var(--color-bg-rgb),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--color-primary)}.logo .dot{color:var(--color-accent)}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{font-weight:500;color:var(--color-text);font-size:.95rem}.nav-link:hover{color:var(--color-accent-text)}.nav-actions{display:flex;align-items:center;gap:var(--space-md)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);padding:.5rem;border-radius:50%;transition:var(--transition)}.icon-btn:hover{background-color:var(--color-bg-alt);color:var(--color-primary)}.lang-btn{border-radius:var(--radius-md);gap:var(--space-xs);padding:.5rem .75rem}.lang-text{font-size:.85rem;font-weight:600}.mobile-only{display:none}.desktop-only{display:flex}.mobile-menu{position:fixed;top:80px;left:0;right:0;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--transition);z-index:999;box-shadow:var(--shadow-md)}.navbar.scrolled~.mobile-menu{top:70px}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-md);text-align:center}.mobile-nav-link{font-size:1.1rem;font-weight:600;padding:var(--space-sm);border-radius:var(--radius-sm)}.mobile-nav-link:hover{background-color:var(--color-bg-alt)}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-flex}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px;padding-bottom:var(--space-xl);background-color:var(--color-bg)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;position:relative;z-index:2}.hero-title{font-size:clamp(3rem,5vw,4.5rem);line-height:1.1;margin-bottom:var(--space-md);letter-spacing:-1px}.hero-title .highlight{color:var(--color-accent-text);position:relative;display:inline-block}.hero-title .highlight:after{content:"";position:absolute;inset:.05em -.1em;background-color:var(--color-accent);opacity:.18;z-index:-1;border-radius:var(--radius-sm)}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:90%}.hero-btn{font-size:1.125rem;padding:1rem 2rem}.hero-btn .btn-icon{margin-inline-start:8px;transition:transform .3s ease}.hero-btn:hover .btn-icon{transform:translate(4px)}[dir=rtl] .hero-btn:hover .btn-icon{transform:scaleX(-1) translate(4px)}.hero-visual{position:relative;height:540px;will-change:transform,opacity}@media(max-width:992px){.hero-section{padding-top:120px;padding-bottom:var(--space-xl);min-height:auto}.hero-container{grid-template-columns:1fr;text-align:center;gap:calc(var(--space-xl) * .6)}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-visual{height:380px}}@media(max-width:480px){.hero-section{padding-top:110px}.hero-visual{height:300px}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xxl);align-items:center}.about-content .section-title{color:var(--color-accent-text);text-transform:uppercase;font-size:.875rem;letter-spacing:2px;margin-bottom:var(--space-sm)}.about-content .section-subtitle{font-size:clamp(2rem,4vw,2.5rem);color:var(--color-primary);margin-bottom:var(--space-lg);line-height:1.2}.about-text{color:var(--color-text-muted);font-size:1.125rem;margin-bottom:var(--space-md);line-height:1.8}.stats-row{display:flex;gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.stat-card{display:flex;align-items:flex-start;gap:var(--space-md)}.stat-icon{color:var(--color-accent-text);flex-shrink:0}.stat-content h4{font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-content span{font-size:.875rem;color:var(--color-text-muted)}.visual-wrapper{position:relative;width:100%;aspect-ratio:1;max-width:500px;margin:0 auto}.glass-card{background:rgba(var(--color-bg-alt-rgb),.5);background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-card{width:80%;height:80%;position:absolute;top:10%;left:10%;display:flex;flex-direction:column;padding:var(--space-lg);z-index:1}[dir=rtl] .main-card{left:auto;right:10%}.card-header{display:flex;gap:8px;margin-bottom:var(--space-xl)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.card-body{height:12px;background-color:var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-md);opacity:.5}.card-body.half{width:60%}.floating-card{position:absolute;bottom:0;right:0;width:45%;height:40%;z-index:2;background-color:var(--color-accent);animation:float 6s ease-in-out infinite}[dir=rtl] .floating-card{right:auto;left:0}.floating-content{width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0)}@media(max-width:992px){.about-grid{grid-template-columns:1fr;gap:var(--space-xl)}.about-visual{order:-1}.stats-row{flex-direction:column}}.solutions-section{background-color:var(--color-bg-alt)}.text-center{text-align:center}.section-header{margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.section-header .section-title{color:var(--color-accent-text);text-transform:uppercase;font-size:.875rem;letter-spacing:2px;margin-bottom:var(--space-xs)}.section-header .section-subtitle{font-size:clamp(2rem,3.5vw,2.5rem);color:var(--color-primary);line-height:1.2}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}@media(max-width:1024px){.solutions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.solutions-grid{grid-template-columns:1fr}}.solution-card{background-color:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%;transition:var(--transition);border:1px solid transparent;display:flex;flex-direction:column}.solution-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(var(--color-accent-rgb),.2)}.solution-icon-wrapper{width:64px;height:64px;border-radius:var(--radius-md);background-color:#d4a8531a;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);transition:var(--transition)}.solution-icon{color:var(--color-accent-text)}.solution-card:hover .solution-icon-wrapper{background-color:var(--color-accent)}.solution-card:hover .solution-icon{color:#0a2540}.solution-title{font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--space-sm)}.solution-desc{color:var(--color-text-muted);flex-grow:1}.whyus-section{background-color:var(--color-bg)}.whyus-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-top:var(--space-xl)}.whyus-card{display:flex;gap:var(--space-lg);padding:var(--space-lg);background-color:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:var(--transition)}.whyus-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-md)}.whyus-icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;background-color:#d4a85326;color:var(--color-accent-text);display:flex;align-items:center;justify-content:center}[data-theme=dark] .whyus-icon{background-color:#d4a8531a}.whyus-content h4{font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--space-xs)}.whyus-content p{color:var(--color-text-muted);line-height:1.6}@media(max-width:768px){.whyus-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.cta-section{background-color:var(--color-bg)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start;border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--color-accent),0 20px 50px #0a25401a}.contact-grid:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(212,168,83,.04) 0px,rgba(212,168,83,.04) 2px,transparent 2px,transparent 20px);pointer-events:none;z-index:0}.contact-grid:after{content:"";position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(212,168,83,.25) 0%,transparent 70%);pointer-events:none;z-index:0}.contact-grid>*{position:relative;z-index:1}.contact-left h2{color:var(--color-primary);font-size:clamp(1.75rem,3.5vw,2.75rem);margin-bottom:var(--space-sm)}.contact-left>p{color:var(--color-text-muted);font-size:1.125rem;margin-bottom:var(--space-lg)}.contact-info{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-info-item{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:1rem}.contact-info-item a{color:inherit;text-decoration:none}.contact-info-item a:hover{color:var(--color-accent-text)}.contact-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-accent-text)}[dir=rtl] .contact-info-item{flex-direction:row-reverse}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background-color:var(--color-bg-alt);color:var(--color-text);font-family:inherit;font-size:1rem;transition:var(--transition);resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #d4a85326}.contact-form .btn-primary{align-self:flex-start;cursor:pointer}.contact-form .btn-primary:disabled{opacity:.65;cursor:not-allowed}.form-error{color:#e53e3e;font-size:.9rem;margin:0}.form-success{padding:var(--space-lg);border-radius:var(--radius-md);border:1.5px solid var(--color-accent);background-color:var(--color-bg-alt);text-align:center}.form-success h3{color:var(--color-accent-text);margin-bottom:var(--space-sm);font-size:1.25rem}.form-success p{color:var(--color-text-muted)}[data-theme=dark] .contact-grid{background:linear-gradient(135deg,#071e36,#0d3761 60%,#0f4a8a);box-shadow:0 20px 50px #0006}[data-theme=dark] .contact-grid:before{background:none}[data-theme=dark] .contact-grid:after{background:radial-gradient(circle,rgba(212,168,83,.32) 0%,transparent 65%)}[data-theme=dark] .contact-left h2{color:#fff}[data-theme=dark] .contact-left>p,[data-theme=dark] .contact-info-item{color:#e2eaf4}[data-theme=dark] .form-group label{color:#e2eaf4}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{border:1px solid rgba(255,255,255,.3);background-color:#ffffff1f;color:#fff}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#94a3b8}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--color-accent);background-color:#ffffff29;box-shadow:none}[data-theme=dark] .form-success{background-color:#ffffff14;border-color:var(--color-accent)}[data-theme=dark] .form-success p{color:#e2eaf4}[data-theme=dark] .form-error{color:#fc8181}@media(max-width:992px){.cta-section{padding-top:var(--space-xl)}}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;padding:var(--space-xl) var(--space-lg)}.contact-form .btn-primary{align-self:stretch;text-align:center}}.site-footer{background-color:var(--color-bg-alt);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-brand .logo{display:inline-block;margin-bottom:var(--space-md)}.footer-desc{color:var(--color-text-muted);max-width:300px;line-height:1.6}.footer-links h4{font-size:1.125rem;color:var(--color-primary);margin-bottom:var(--space-md)}.footer-links ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{color:var(--color-text-muted);transition:var(--transition)}.footer-links a:hover{color:var(--color-accent-text)}.footer-bottom{border-top:1px solid var(--color-border);padding:var(--space-md) 0;text-align:center}.footer-bottom p{color:var(--color-text-muted);font-size:.875rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--space-lg)}}