*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--white:#ffffff;--dark:#1d1d1f;--gray:#737373;--bg-alt:#f7f7f8;--surface:#141418;--surface-alt:#111115;--radius:12px;--transition:0.3s ease;--t80:#ccccd0;--t60:#9a9aa0;--t50:#8a8a90;--t45:#7d7d84;--t40:#707078;--t35:#636370;--t30:#565660;--t20:#3d3d48;--t18:#363640}html{scroll-behavior:smooth}body{font-family:'IBM Plex Sans Arabic',-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;color:var(--dark);background:var(--white);line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease}html[dir="rtl"] body{font-family:'IBM Plex Sans Arabic',-apple-system,'Segoe UI',Arial,sans-serif}.container{max-width:1100px;margin:0 auto;padding:0 24px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,a,.lang-switch,.lang-option{-webkit-tap-highlight-color:transparent;outline:none}button:focus,a:focus,.lang-switch:focus{outline:none}.anim-reveal{opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}.anim-reveal.visible{opacity:1;transform:translateY(0)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.top-logo img{height:32px;width:auto;filter:brightness(0) invert(1)}html[dir="rtl"] .top-bar{flex-direction:row-reverse}.top-nav{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,0.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:100px;padding:4px}.nav-link{padding:8px 20px;font-size:0.82rem;font-weight:500;color:var(--t45);border-radius:100px;transition:color 0.3s ease,background 0.3s ease;white-space:nowrap}.nav-link:hover{color:var(--t80)}.nav-link.active{background:rgba(255,255,255,0.1);color:var(--white)}html[dir="rtl"] .top-nav{flex-direction:row-reverse}.mob-dropdown{display:none;position:relative}.mob-dropdown-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,0.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:100px;color:var(--t60);font-size:0.78rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background 0.3s ease,color 0.3s ease;white-space:nowrap}.mob-dropdown-btn:hover,.mob-dropdown-btn.open{background:rgba(255,255,255,0.1);color:var(--white)}.mob-dropdown-btn .mob-chevron{transition:transform 0.3s ease}.mob-dropdown-btn.open .mob-chevron{transform:rotate(180deg)}.mob-dropdown-list{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:150px;background:rgba(22,22,28,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:6px;z-index:110;box-shadow:0 12px 40px rgba(0,0,0,0.5);flex-direction:column}html[dir="rtl"] .mob-nav-wrap .mob-dropdown-list{right:auto;left:0}.mob-dropdown-list.open{display:flex}.mob-dropdown-item{padding:10px 16px;font-size:0.82rem;font-weight:500;color:var(--t50);border-radius:10px;cursor:pointer;transition:background 0.2s ease,color 0.2s ease;border:none;background:none;font-family:inherit;text-align:left;width:100%;display:block}html[dir="rtl"] .mob-dropdown-item{text-align:right}.mob-dropdown-item:hover{background:rgba(255,255,255,0.08);color:var(--white)}a.mob-dropdown-item.active{background:rgba(255,255,255,0.1);color:var(--white)}.mob-lang-list{min-width:120px}.lang-switch{position:relative;display:flex;align-items:center;direction:ltr;background:rgba(255,255,255,0.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:3px;cursor:pointer;user-select:none;width:110px;height:36px;transition:var(--transition)}.lang-switch:hover{background:rgba(255,255,255,0.12)}.lang-option{flex:1;text-align:center;font-size:0.8rem;font-weight:600;color:var(--t50);position:relative;z-index:2;transition:color 0.3s ease;line-height:30px;font-family:'IBM Plex Sans Arabic',sans-serif}.lang-option.active{color:var(--dark)}.lang-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:var(--white);border-radius:100px;transition:transform 0.3s ease;z-index:1}.lang-slider.right{transform:translateX(100%)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:#0a0a0f;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:120px 24px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh}.hero-logo{width:100%;max-width:680px;height:auto;margin:0 auto;filter:brightness(0) invert(1)}.scroll-hint{position:absolute;bottom:40px;left:32px;display:flex;align-items:center;gap:10px;color:var(--t40);font-size:0.78rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:color 0.3s ease,background 0.3s ease;background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:100px;padding:8px 20px 8px 14px;animation:beatPulse 2.5s ease-in-out infinite}html[dir="rtl"] .scroll-hint{left:auto;right:32px;flex-direction:row-reverse;padding:8px 14px 8px 20px}.scroll-hint:hover{color:var(--t80);background:rgba(255,255,255,0.08)}.scroll-hint-circle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1.5px solid rgba(255,255,255,0.2);border-radius:50%;flex-shrink:0;animation:beatArrow 2.5s ease-in-out infinite}.scroll-hint-circle svg{color:var(--t50)}@keyframes beatPulse{0%,100%{opacity:0.75}50%{opacity:1}}@keyframes beatArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 36px;border-radius:100px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:opacity var(--transition);border:none;font-family:inherit}.btn-dark{background:var(--white);color:var(--dark)}.btn-dark:hover{opacity:0.85}.btn-arrow{transition:transform 0.3s ease}.btn:hover .btn-arrow{transform:translateX(4px)}html[dir="rtl"] .btn-arrow{transform:scaleX(-1)}html[dir="rtl"] .btn:hover .btn-arrow{transform:scaleX(-1) translateX(4px)}.btn-submit{background:var(--white);color:var(--dark);width:100%;padding:16px 32px}.btn-submit:hover{opacity:0.85}.section{padding:100px 0}.section-dark{background:var(--surface)}.section-dark-alt{background:var(--surface-alt)}.section-title{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;text-align:center;margin-bottom:56px;letter-spacing:-0.02em;color:var(--dark)}.section-title-light{color:var(--white)}.timeline{position:relative;max-width:640px;margin:0 auto;padding:0 0 0 48px}html[dir="rtl"] .timeline{padding:0 48px 0 0}.timeline-line{position:absolute;left:15px;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.08)}html[dir="rtl"] .timeline-line{left:auto;right:15px}.timeline-item{position:relative;padding-bottom:48px}.timeline-item:last-child{padding-bottom:0}.timeline-node{display:none}.timeline-item::before{content:'';position:absolute;top:12px;left:-48px;margin-left:10px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid rgba(255,255,255,0.2);z-index:2;transition:border-color 0.5s ease,background 0.5s ease}.timeline-item.visible::before{border-color:rgba(255,255,255,0.6);background:var(--white)}html[dir="rtl"] .timeline-item::before{left:auto;margin-left:0;right:-48px;margin-right:10px}.timeline-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:32px;transition:border-color 0.5s ease}.timeline-item.visible .timeline-card{border-color:rgba(255,255,255,0.1)}.timeline-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.06);border-radius:10px;margin-bottom:20px;color:var(--t60)}.timeline-card h3{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:var(--white)}.timeline-card p{font-size:0.9rem;color:var(--t40);line-height:1.8;font-weight:400}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:40px 32px;transition:transform 0.4s ease,border-color 0.4s ease}.service-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.12)}.service-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.06);border-radius:14px;margin-bottom:24px;color:var(--t60)}.service-card h3{font-size:1.15rem;font-weight:600;margin-bottom:10px;color:var(--white)}.service-card p{font-size:0.9rem;color:var(--t45);line-height:1.75;font-weight:400}.contact-card{max-width:640px;margin:0 auto;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:20px;padding:48px 40px;position:relative;z-index:1}.contact-form{display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group,.form-row,.btn-submit{animation:fieldReveal 0.4s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes fieldReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-group label{font-size:0.78rem;font-weight:600;color:var(--t40);letter-spacing:0.04em;text-transform:uppercase}.form-group input,.form-group textarea{width:100%;padding:14px 16px;background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.08);border-radius:10px;font-size:0.95rem;color:var(--white);font-family:inherit;transition:border-color 0.3s ease,background 0.3s ease,box-shadow 0.3s ease;outline:none;font-weight:400}.form-group input:focus,.form-group textarea:focus{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.06);box-shadow:0 0 0 3px rgba(255,255,255,0.04)}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder{color:var(--t18);font-weight:400}.form-group textarea::placeholder{color:var(--t18);font-weight:400}.country-select{position:relative;z-index:60}.country-display{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.08);border-radius:10px;cursor:pointer;transition:border-color 0.3s ease,background 0.3s ease}.country-display:hover{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.06)}.country-display.open{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.06)}.country-placeholder{font-size:0.95rem;color:var(--t20);font-weight:400}.country-placeholder.selected{color:var(--white);font-weight:400}.country-chevron{color:var(--t30);transition:transform 0.3s ease}.country-display.open .country-chevron{transform:rotate(180deg)}.country-dropdown{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:#1c1c22;border:1.5px solid rgba(255,255,255,0.1);border-radius:10px;z-index:60;max-height:260px;overflow:hidden;flex-direction:column-reverse;box-shadow:0 -8px 40px rgba(0,0,0,0.7)}.country-dropdown.open{display:flex}.country-search{width:100%;padding:12px 16px;background:#202028;border:none;border-bottom:1px solid rgba(255,255,255,0.06);border-radius:10px 10px 0 0;font-size:0.9rem;color:var(--white);font-family:inherit;outline:none}.country-search::placeholder{color:var(--t20)}.country-list{overflow-y:auto;max-height:200px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}.country-list::-webkit-scrollbar{width:4px}.country-list::-webkit-scrollbar-track{background:transparent}.country-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px}.country-option{padding:10px 16px;font-size:0.9rem;color:var(--t60);cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.country-option:hover{background:rgba(255,255,255,0.06);color:var(--white)}.phone-input-wrap{display:flex;align-items:stretch;border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,0.08);transition:border-color 0.3s ease,box-shadow 0.3s ease}.phone-input-wrap:focus-within{border-color:rgba(255,255,255,0.25);box-shadow:0 0 0 3px rgba(255,255,255,0.04)}.phone-code{display:flex;align-items:center;padding:0 14px;background:rgba(255,255,255,0.06);color:var(--t50);font-size:0.9rem;font-weight:500;border-right:1px solid rgba(255,255,255,0.08);white-space:nowrap;user-select:none;font-family:inherit;direction:ltr}.phone-input-wrap input{border:none;border-radius:0;background:rgba(255,255,255,0.04)}.phone-input-wrap input:focus{border:none;box-shadow:none;background:rgba(255,255,255,0.06)}.btn-submit{background:var(--white);color:var(--dark);width:100%;padding:16px 32px;position:relative}.btn-submit:hover{opacity:0.85}.btn-submit.loading{pointer-events:none;opacity:0.7}.btn-loader{width:18px;height:18px;border:2px solid rgba(29,29,31,0.2);border-top-color:var(--dark);border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-submit.success{background:#22c55e;color:var(--white);pointer-events:none}.form-status{text-align:center;font-size:0.9rem}.form-status:empty{display:none}.form-status.success{color:#4ade80}.form-status.error{color:#f87171}.back-to-top{position:fixed;bottom:32px;left:32px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:50%;color:var(--t50);cursor:pointer;z-index:90;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity 0.35s ease,transform 0.35s ease,background 0.3s ease,color 0.3s ease}html[dir="rtl"] .back-to-top{left:auto;right:32px}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:rgba(255,255,255,0.14);color:var(--white)}.footer{background:#0a0a0f;padding:36px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.04);position:relative;z-index:0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:12px}.footer-logo{height:28px;filter:brightness(0) invert(1)}.footer-copy{color:var(--t30);font-size:0.85rem;font-weight:500}html[dir="rtl"] .timeline-card,html[dir="rtl"] .service-card{text-align:right}html[dir="rtl"] .form-group label{text-align:right}html[dir="rtl"] .form-group input,html[dir="rtl"] .form-group textarea{text-align:right;direction:rtl}html[dir="rtl"] .phone-input-wrap{flex-direction:row-reverse}html[dir="rtl"] .phone-code{border-right:none;border-left:1px solid rgba(255,255,255,0.08)}html[dir="rtl"] .phone-input-wrap input{text-align:right;direction:rtl}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.section{padding:72px 0}.section-title{margin-bottom:40px}.hero-content{padding:80px 20px 60px}.hero-logo{max-width:100%}.scroll-hint{bottom:24px;left:20px;padding:7px 16px 7px 10px;font-size:0.7rem}html[dir="rtl"] .scroll-hint{left:auto;right:20px;padding:7px 10px 7px 16px}.scroll-hint-circle{width:26px;height:26px}.scroll-hint-circle svg{width:14px;height:14px}.timeline{padding-left:40px}html[dir="rtl"] .timeline{padding-left:0;padding-right:40px}.timeline-item::before{left:-40px;margin-left:10px}html[dir="rtl"] .timeline-item::before{left:auto;right:-40px;margin-left:0;margin-right:10px}.contact-card{padding:32px 24px}.form-row{grid-template-columns:1fr}.top-bar{padding:12px 16px}.top-logo img{height:26px}.top-nav-desktop{display:none}.lang-switch-desktop{display:none}.mob-dropdown{display:block}}@media (max-width:480px){.timeline-card{padding:24px 20px}.service-card{padding:28px 20px}.hero-logo{max-width:100%}.contact-card{padding:24px 16px}.timeline{padding-left:36px}html[dir="rtl"] .timeline{padding-left:0;padding-right:36px}.timeline-item::before{left:-36px;margin-left:10px}html[dir="rtl"] .timeline-item::before{left:auto;right:-36px;margin-left:0;margin-right:10px}}