*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #004982;--primary-dark: #003666;--primary-light:#0067b8;--secondary: #58C273;--secondary-dark:#3fa058;--dark: #2C2E35;--dark-soft: #3d4048;--gray-100: #f7f8fa;--gray-200: #eef0f4;--gray-300: #d8dce6;--gray-500: #8991a4;--gray-700: #4a5060;--white: #ffffff;--font-en: "Open Sans", sans-serif;--font-ar: "Noto Sans Arabic", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 24px rgba(0,73,130,.1);--shadow-lg: 0 20px 48px rgba(0,73,130,.14);--transition: .25s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-en);background:var(--white);color:var(--dark);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{line-height:1.2;font-weight:700}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(1rem,5vw,3rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--secondary);margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);border:2px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 4px 16px #0049824d}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary);color:var(--white);box-shadow:0 4px 16px #58c2734d}.btn-secondary:hover{background:var(--secondary-dark)}.btn-outline{background:transparent;border-color:var(--white);color:var(--white)}.btn-outline:hover{background:#ffffff1f}.btn-outline-primary{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline-primary:hover{background:var(--primary);color:var(--white)}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.icon-badge{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-badge-primary{background:#0049821a;color:var(--primary)}.icon-badge-secondary{background:#58c2731f;color:var(--secondary-dark)}.icon-badge-dark{background:var(--primary);color:var(--white)}.img-placeholder{background:linear-gradient(135deg,var(--gray-200) 0%,var(--gray-300) 100%);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--gray-500);font-size:.85rem;font-weight:600;letter-spacing:.05em;overflow:hidden;position:relative}.img-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0049820d,#58c2730d)}.img-placeholder svg{opacity:.4}.stat-number{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--primary);line-height:1}.accent-line{width:4rem;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary-light));border-radius:2px;margin-top:.75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .7s ease both}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}[data-theme=dark]{--primary: #1a8fe3;--primary-dark: #1278c4;--primary-light:#2ea8f5;--gray-100: #131929;--gray-200: #1c2236;--gray-300: #263354;--gray-500: #8b96b0;--gray-700: #c4cce0;--white: #0b0f1a;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 8px 24px rgba(0,0,0,.45);--shadow-lg: 0 20px 48px rgba(0,0,0,.55)}[data-theme=dark] body{background:#0b0f1a;color:#e8ecf4}[data-theme=dark] .navbar{background:#0b0f1af5;border-bottom-color:#263354;backdrop-filter:blur(12px)}[data-theme=dark] .navbar__links a{color:#c4cce0}[data-theme=dark] .navbar__links a:hover{color:#1a8fe3}[data-theme=dark] .navbar__hamburger span{background:#c4cce0}[data-theme=dark] .card{background:#131929;border-color:#263354}[data-theme=dark] .card:hover{background:#1c2236;border-color:#1a8fe3}[data-theme=dark] .services__card{background:#131929;border:1px solid #263354}[data-theme=dark] .services__card:hover{background:#1c2236;border-color:#1a8fe3}[data-theme=dark] .services__card h3{color:#e8ecf4}[data-theme=dark] .services__card p{color:#8b96b0}[data-theme=dark] .why-wasal__card{background:#131929;border:1px solid #263354}[data-theme=dark] .why-wasal__card:hover{background:#1c2236;border-color:#1a8fe3}[data-theme=dark] .why-wasal__card h3{color:#e8ecf4}[data-theme=dark] .why-wasal__card p{color:#8b96b0}[data-theme=dark] .service-moto{background:#0d1120}[data-theme=dark] .service-moto__card{background:#131929;border-color:#263354}[data-theme=dark] .service-moto__card:hover{background:#1c2236}[data-theme=dark] .service-moto__card h3{color:#e8ecf4}[data-theme=dark] .service-moto__card p{color:#8b96b0}[data-theme=dark] .revolution{background:#0b0f1a}[data-theme=dark] .revolution h2{color:#e8ecf4}[data-theme=dark] .revolution p{color:#8b96b0}[data-theme=dark] .icon-badge-primary{background:#1a8fe32e;color:#1a8fe3}[data-theme=dark] .icon-badge-secondary{background:#58c27326;color:#58c273}[data-theme=dark] .img-placeholder{background:linear-gradient(135deg,#131929,#0b0f1a);color:#8b96b0}[data-theme=dark] textarea,[data-theme=dark] input{background:#131929;color:#e8ecf4;border-color:#263354}[data-theme=dark] textarea:focus,[data-theme=dark] input:focus{border-color:#1a8fe3;outline:none}[data-theme=dark] textarea::placeholder,[data-theme=dark] input::placeholder{color:#8b96b0}[data-theme=dark] .stat-number{color:#1a8fe3}[data-theme=dark] .section-label{color:#fff}