:root{--color-primary-900: #071a2e;--color-primary-800: #0c2d4a;--color-primary-700: #0f3d66;--color-primary-600: #145282;--color-primary-500: #1a6bab;--color-primary-400: #2980c4;--color-primary-300: #4a9fd9;--color-primary-200: #7fbde6;--color-primary-100: #b3d9f2;--color-primary-50: #e6f2fa;--color-accent-900: #5c3d00;--color-accent-800: #7a5200;--color-accent-700: #9a6800;--color-accent-600: #b87d00;--color-accent-500: #d4930a;--color-accent-400: #e8a825;--color-accent-300: #f0be4a;--color-accent-200: #f5d47a;--color-accent-100: #fae8b0;--color-accent-50: #fdf5e0;--color-gray-950: #0a0c10;--color-gray-900: #111827;--color-gray-800: #1f2937;--color-gray-700: #374151;--color-gray-600: #4b5563;--color-gray-500: #6b7280;--color-gray-400: #9ca3af;--color-gray-300: #d1d5db;--color-gray-200: #e5e7eb;--color-gray-100: #f3f4f6;--color-gray-50: #f9fafb;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-bg-subtle: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--font-primary: Inter,'IBM Plex Sans Arabic',ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--font-arabic: 'IBM Plex Sans Arabic',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono: 'JetBrains Mono','Fira Code',monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--shadow-glow: 0 0 20px rgb(26 107 171 / 0.3);--shadow-glow-accent: 0 0 20px rgb(212 147 10 / 0.3);--transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);--transition-base: 250ms cubic-bezier(0.4,0,0.2,1);--transition-slow: 350ms cubic-bezier(0.4,0,0.2,1);--transition-spring: 500ms cubic-bezier(0.175,0.885,0.32,1.275);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--container-max: 1280px;--container-narrow: 960px;--container-wide: 1440px;--container-padding: var(--space-6);--header-height: 80px;--header-height-scrolled: 64px}[dir="rtl"],.rtl{--font-primary: var(--font-arabic)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;font-size: 16px}body{font-family: var(--font-primary);font-size: var(--text-base);font-weight: var(--weight-regular);line-height: var(--leading-normal);color: var(--color-gray-700);background-color: var(--color-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}[dir="rtl"] body,.rtl body{font-family: var(--font-arabic)}img{max-width: 100%;height: auto;display: block}a{color: var(--color-primary-500);text-decoration: none;transition: color var(--transition-fast)}a:hover{color: var(--color-primary-700)}ul,ol{list-style: none}button{cursor: pointer;border: none;background: none;font-family: inherit;font-size: inherit}input,textarea,select{font-family: inherit;font-size: inherit}h1,h2,h3,h4,h5,h6{font-weight: var(--weight-bold);line-height: var(--leading-tight);color: var(--color-gray-900)}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.container-narrow{max-width: var(--container-narrow)}.container-wide{max-width: var(--container-wide)}.section{padding-block: var(--space-24)}.section-lg{padding-block: var(--space-32)}.section-sm{padding-block: var(--space-16)}.grid{display: grid;gap: var(--space-8)}.grid-2{grid-template-columns: repeat(2,1fr)}.grid-3{grid-template-columns: repeat(3,1fr)}.grid-4{grid-template-columns: repeat(4,1fr)}.heading-xl{font-size: var(--text-7xl);font-weight: var(--weight-extrabold);line-height: var(--leading-none);letter-spacing: -0.03em}.heading-lg{font-size: var(--text-5xl);font-weight: var(--weight-bold);line-height: var(--leading-tight);letter-spacing: -0.02em}.heading-md{font-size: var(--text-4xl);font-weight: var(--weight-bold);line-height: var(--leading-tight);letter-spacing: -0.02em}.heading-sm{font-size: var(--text-2xl);font-weight: var(--weight-semibold);line-height: var(--leading-snug)}.heading-xs{font-size: var(--text-xl);font-weight: var(--weight-semibold);line-height: var(--leading-snug)}.text-lg{font-size: var(--text-lg)}.text-base{font-size: var(--text-base)}.text-sm{font-size: var(--text-sm)}.text-xs{font-size: var(--text-xs)}.text-muted{color: var(--color-gray-500)}.text-center{text-align: center}.text-primary{color: var(--color-primary-500)}.text-accent{color: var(--color-accent-500)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 0.75rem 1.75rem;font-family: inherit;font-size: var(--text-sm);font-weight: var(--weight-semibold);line-height: 1;border-radius: var(--radius-lg);border: 2px solid transparent;cursor: pointer;transition: all var(--transition-base);white-space: nowrap;text-decoration: none;position: relative;overflow: hidden}.btn::after{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);opacity: 0;transition: opacity var(--transition-fast)}.btn:hover::after{opacity: 1}.btn-primary{background: linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-500) 100%);color: #ffffff;box-shadow: 0 4px 14px 0 rgb(26 107 171 / 0.35)}.btn-primary:hover{background: linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-600) 100%);box-shadow: 0 6px 20px 0 rgb(26 107 171 / 0.45);transform: translateY(-1px);color: #ffffff}.btn-secondary{background: var(--color-bg);color: var(--color-primary-600);border-color: var(--color-primary-200)}.btn-secondary:hover{background: var(--color-primary-50);border-color: var(--color-primary-400);color: var(--color-primary-700)}.btn-accent{background: linear-gradient(135deg,var(--color-accent-600) 0%,var(--color-accent-500) 100%);color: #ffffff;box-shadow: 0 4px 14px 0 rgb(212 147 10 / 0.35)}.btn-accent:hover{box-shadow: 0 6px 20px 0 rgb(212 147 10 / 0.45);transform: translateY(-1px);color: #ffffff}.btn-ghost{background: transparent;color: var(--color-gray-700)}.btn-ghost:hover{background: var(--color-gray-100);color: var(--color-gray-900)}.btn-outline{background: transparent;color: var(--color-primary-600);border-color: var(--color-primary-300)}.btn-outline:hover{background: var(--color-primary-50);border-color: var(--color-primary-500);color: var(--color-primary-700)}.btn-white{background: #ffffff;color: var(--color-primary-700);box-shadow: var(--shadow-lg)}.btn-white:hover{background: var(--color-gray-50);transform: translateY(-1px);box-shadow: var(--shadow-xl);color: var(--color-primary-800)}.btn-outline-white{background: transparent;color: #ffffff;border-color: rgba(255,255,255,0.4)}.btn-outline-white:hover{background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.8);color: #ffffff}.btn-lg{padding: 1rem 2.25rem;font-size: var(--text-base);border-radius: var(--radius-xl)}.btn-sm{padding: 0.5rem 1.25rem;font-size: var(--text-xs)}.btn-block{display: flex;width: 100%}.btn svg{width: 18px;height: 18px;flex-shrink: 0}.site-header{position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-fixed);height: var(--header-height);transition: all var(--transition-base);background: transparent}.site-header.scrolled{height: var(--header-height-scrolled);background: rgba(255,255,255,0.92);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border-bottom: 1px solid var(--color-border-subtle);box-shadow: var(--shadow-sm)}.header-inner{height: 100%;display: flex;align-items: center}.header-row{display: flex;align-items: center;justify-content: space-between;height: 100%}.header-logo{flex-shrink: 0}.logo-link{display: flex;align-items: center;text-decoration: none}.logo-text{display: flex;align-items: center;gap: var(--space-3)}.logo-icon{width: 40px;height: 40px}.logo-brand{font-size: var(--text-xl);font-weight: var(--weight-extrabold);color: var(--color-primary-800);letter-spacing: 0.05em}.site-header:not(.scrolled) .logo-brand{color: var(--color-gray-900)}.header-nav{display: flex;align-items: center}.nav-menu{display: flex;align-items: center;gap: var(--space-1)}.nav-menu li{position: relative}.nav-link{display: flex;align-items: center;gap: var(--space-1);padding: var(--space-2) var(--space-4);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-gray-700);border-radius: var(--radius-lg);transition: all var(--transition-fast);text-decoration: none}.nav-link:hover{color: var(--color-primary-600);background: var(--color-primary-50)}.site-header:not(.scrolled) .nav-link{color: var(--color-gray-700)}.site-header:not(.scrolled) .nav-link:hover{color: var(--color-primary-600);background: rgba(255,255,255,0.1)}.dropdown-arrow{width: 12px;height: 12px;transition: transform var(--transition-fast)}.has-dropdown:hover .dropdown-arrow{transform: rotate(180deg)}.sub-menu{position: absolute;top: 100%;left: 0;min-width: 220px;padding: var(--space-2);background: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-xl);border: 1px solid var(--color-border);opacity: 0;visibility: hidden;transform: translateY(8px);transition: all var(--transition-fast);z-index: var(--z-dropdown)}[dir="rtl"] .sub-menu{left: auto;right: 0}.has-dropdown:hover>.sub-menu{opacity: 1;visibility: visible;transform: translateY(0)}.sub-menu .nav-link{width: 100%;padding: var(--space-3) var(--space-4);border-radius: var(--radius-lg);font-size: var(--text-sm)}.sub-menu .nav-link:hover{background: var(--color-primary-50);color: var(--color-primary-600)}.header-actions{display: flex;align-items: center;gap: var(--space-3)}.lang-switcher{position: relative}.lang-switcher>div{position: relative}.lang-current{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-3);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-gray-600);cursor: pointer;border-radius: var(--radius-lg);transition: all var(--transition-fast)}.lang-current:hover{background: var(--color-gray-100);color: var(--color-gray-900)}.lang-switcher .sub-menu{min-width: 150px;padding: var(--space-2)}.lang-switcher .sub-menu a{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-3);font-size: var(--text-sm);color: var(--color-gray-700);border-radius: var(--radius-md);transition: all var(--transition-fast)}.lang-switcher .sub-menu a:hover{background: var(--color-primary-50);color: var(--color-primary-600)}.lang-switcher .sub-menu li.current_lang a{background: var(--color-primary-50);color: var(--color-primary-600);font-weight: var(--weight-semibold)}.mobile-menu-toggle{display: none;width: 40px;height: 40px;align-items: center;justify-content: center;border-radius: var(--radius-lg);transition: background var(--transition-fast)}.mobile-menu-toggle:hover{background: var(--color-gray-100)}.hamburger{display: flex;flex-direction: column;gap: 5px;width: 22px}.hamburger-line{display: block;height: 2px;background: var(--color-gray-700);border-radius: 2px;transition: all var(--transition-base)}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1){transform: translateY(7px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2){opacity: 0}.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.mobile-menu{position: fixed;inset: 0;z-index: var(--z-modal);background: rgba(0,0,0,0.5);backdrop-filter: blur(4px);opacity: 0;visibility: hidden;transition: all var(--transition-base)}.mobile-menu.active{opacity: 1;visibility: visible}.mobile-menu-inner{position: absolute;top: 0;right: 0;width: min(400px,90vw);height: 100%;background: var(--color-bg);display: flex;flex-direction: column;transform: translateX(100%);transition: transform var(--transition-slow);overflow-y: auto}[dir="rtl"] .mobile-menu-inner{right: auto;left: 0;transform: translateX(-100%)}[dir="rtl"] .mobile-menu.active .mobile-menu-inner{transform: translateX(0)}.mobile-menu.active .mobile-menu-inner{transform: translateX(0)}.mobile-menu-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-6);border-bottom: 1px solid var(--color-border)}.mobile-logo{display: flex;align-items: center;gap: var(--space-3);text-decoration: none;font-weight: var(--weight-extrabold);font-size: var(--text-lg);color: var(--color-primary-800)}.mobile-menu-close{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-lg);color: var(--color-gray-500);transition: all var(--transition-fast)}.mobile-menu-close:hover{background: var(--color-gray-100);color: var(--color-gray-900)}.mobile-menu-nav{flex: 1;padding: var(--space-4) var(--space-6);overflow-y: auto}.mobile-nav-menu{display: flex;flex-direction: column}.mobile-nav-menu li{border-bottom: 1px solid var(--color-border-subtle)}.mobile-nav-menu li:last-child{border-bottom: none}.mobile-nav-menu .nav-link{display: flex;justify-content: flex-start;width: 100%;padding: var(--space-4) 0;font-size: var(--text-base);font-weight: var(--weight-medium);color: var(--color-gray-800);border-radius: 0}.mobile-nav-menu .nav-link .dropdown-arrow{margin-inline-start: auto}.mobile-nav-menu .sub-menu{position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;border: none;background: var(--color-bg-subtle);border-radius: var(--radius-lg);margin-bottom: var(--space-2);display: none}.mobile-nav-menu .sub-menu.active{display: block}.mobile-nav-menu .sub-menu .nav-link{padding: var(--space-3) var(--space-4);font-size: var(--text-sm)}.mobile-menu-footer{padding: var(--space-6);border-top: 1px solid var(--color-border);background: var(--color-bg-alt)}.mobile-lang-switcher{margin-bottom: var(--space-4)}.mobile-lang-switcher ul{display: flex;gap: var(--space-2)}.mobile-lang-switcher a{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-gray-600);border-radius: var(--radius-lg);border: 1px solid var(--color-border);transition: all var(--transition-fast)}.mobile-lang-switcher a:hover,.mobile-lang-switcher .current_lang a{background: var(--color-primary-50);border-color: var(--color-primary-300);color: var(--color-primary-600)}.mobile-menu-actions{display: flex;flex-direction: column;gap: var(--space-3)}.page-hero{position: relative;padding: calc(var(--header-height) + var(--space-16)) 0 var(--space-16);background: linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-700) 100%);overflow: hidden}.page-hero-bg{position: absolute;inset: 0;background-image: radial-gradient(circle at 20% 80%,rgba(255,255,255,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.05) 0%,transparent 50%)}.page-hero::before{content: '';position: absolute;top: -50%;right: -10%;width: 500px;height: 500px;background: radial-gradient(circle,rgba(212,147,10,0.1) 0%,transparent 70%);border-radius: 50%}.page-hero-content{position: relative;z-index: 1;text-align: center;max-width: 700px;margin: 0 auto}.page-hero-title{font-size: var(--text-5xl);font-weight: var(--weight-extrabold);color: #ffffff;margin-bottom: var(--space-6);letter-spacing: -0.02em}[dir="rtl"] .page-hero-title{font-family: var(--font-arabic);letter-spacing: 0}.breadcrumb{margin-top: var(--space-4)}.breadcrumb-list{display: flex;align-items: center;justify-content: center;gap: var(--space-2);flex-wrap: wrap}.breadcrumb-item{font-size: var(--text-sm);color: rgba(255,255,255,0.7)}.breadcrumb-item a{color: rgba(255,255,255,0.8);transition: color var(--transition-fast)}.breadcrumb-item a:hover{color: #ffffff}.breadcrumb-current{color: rgba(255,255,255,0.9);font-weight: var(--weight-medium)}.breadcrumb-separator{color: rgba(255,255,255,0.4);display: flex;align-items: center}.hero-section{position: relative;min-height: 100vh;display: flex;align-items: center;padding-top: var(--header-height);background: var(--color-bg);overflow: hidden}.hero-section::before{content: '';position: absolute;top: -30%;right: -20%;width: 800px;height: 800px;background: radial-gradient(circle,rgba(26,107,171,0.06) 0%,transparent 70%);border-radius: 50%;pointer-events: none}.hero-section::after{content: '';position: absolute;bottom: -20%;left: -10%;width: 600px;height: 600px;background: radial-gradient(circle,rgba(212,147,10,0.04) 0%,transparent 70%);border-radius: 50%;pointer-events: none}.hero-grid{display: grid;grid-template-columns: 1.08fr 1fr;gap: var(--space-12);align-items: center}.hero-content{position: relative;z-index: 1}.hero-badge{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);background: var(--color-primary-50);border: 1px solid var(--color-primary-100);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--color-primary-600);margin-bottom: var(--space-6);letter-spacing: 0.02em;text-transform: uppercase}.hero-badge-dot{width: 6px;height: 6px;background: var(--color-success);border-radius: 50%;animation: heroBadgePulse 2s ease-in-out 3}@keyframes heroBadgePulse{0%,100%{opacity: 1}50%{opacity: 0.4}}.hero-title{font-size: clamp(2.25rem,3.25vw,3.25rem);font-weight: var(--weight-extrabold);line-height: 1.12;color: var(--color-gray-900);margin-bottom: var(--space-6);letter-spacing: -0.03em;text-wrap: balance}[dir="rtl"] .hero-title{font-family: var(--font-arabic);letter-spacing: 0}.hero-title-gradient{background: linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-400) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.hero-description{font-size: var(--text-lg);color: var(--color-gray-500);line-height: var(--leading-relaxed);margin-bottom: var(--space-8);max-width: 560px}.hero-buttons{display: flex;align-items: center;gap: var(--space-4);flex-wrap: wrap}.hero-stats{display: flex;gap: var(--space-10);margin-top: var(--space-12);padding-top: var(--space-8);border-top: 1px solid var(--color-border)}.hero-stat{text-align: center}.hero-stat-number{font-size: var(--text-3xl);font-weight: var(--weight-extrabold);color: var(--color-primary-600);line-height: 1;margin-bottom: var(--space-1)}.hero-stat-label{font-size: var(--text-sm);color: var(--color-gray-500);font-weight: var(--weight-medium)}.hero-visual{position: relative;z-index: 1}.hero-mockup{position: relative;border-radius: var(--radius-2xl);overflow: hidden;box-shadow: var(--shadow-2xl);background: var(--color-gray-900);border: 1px solid var(--color-gray-700)}.hero-mockup-topbar{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-4);background: var(--color-gray-800)}.hero-mockup-dot{width: 12px;height: 12px;border-radius: 50%}.hero-mockup-dot:nth-child(1){background: #ff5f57}.hero-mockup-dot:nth-child(2){background: #ffbd2e}.hero-mockup-dot:nth-child(3){background: #28c840}.hero-mockup-content{padding: var(--space-6);background: linear-gradient(180deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);min-height: 400px;display: flex;flex-direction: column;gap: var(--space-4)}.mockup-topbar-left{display: flex;gap: 6px}.mockup-topbar-title{font-size: 11px;color: rgba(255,255,255,0.35);letter-spacing: 0.02em}.mockup-topbar-actions{display: flex;align-items: center;gap: 10px}.mockup-topbar-avatar{width: 24px;height: 24px;border-radius: 50%;background: linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));display: flex;align-items: center;justify-content: center;position: relative}.mockup-topbar-avatar span:first-child{font-size: 10px;font-weight: 600;color: #fff}.mockup-avatar-status{position: absolute;bottom: -1px;right: -1px;width: 7px;height: 7px;border-radius: 50%;background: #22c55e;border: 1.5px solid var(--color-gray-800)}.mockup-app-layout{display: flex;flex: 1;min-height: 0}.mockup-sidebar{width: 44px;background: rgba(0,0,0,0.2);border-right: 1px solid rgba(255,255,255,0.06);display: flex;flex-direction: column;align-items: center;padding: 12px 0;gap: 4px;flex-shrink: 0}.mockup-sidebar-icon{width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.3);transition: all 0.2s ease}.mockup-sidebar-icon.active{background: rgba(59,130,246,0.15);color: #60a5fa}.mockup-main{flex: 1;display: flex;flex-direction: column;gap: 12px;padding: 14px 16px;min-width: 0}.mockup-header{display: flex;align-items: center;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.07)}.mockup-title{color: rgba(255,255,255,0.9);font-size: 13px;font-weight: var(--weight-semibold)}.mockup-header-right{display: flex;align-items: center;gap: 12px}.mockup-search{display: flex;align-items: center;gap: 6px;padding: 5px 10px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 6px;color: rgba(255,255,255,0.3);font-size: 11px}.mockup-notification{position: relative;color: rgba(255,255,255,0.4);cursor: default}.mockup-notif-badge{position: absolute;top: -4px;right: -6px;width: 14px;height: 14px;border-radius: 50%;background: #ef4444;font-size: 8px;font-weight: 700;color: #fff;display: flex;align-items: center;justify-content: center;border: 1.5px solid var(--color-gray-900);animation: notifPulse 2s ease-in-out 3}@keyframes notifPulse{0%,100%{transform: scale(1)}50%{transform: scale(1.1)}}.mockup-kpi-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px}.mockup-kpi{padding: 12px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);border-radius: 10px}.mockup-kpi-label{font-size: 10px;color: rgba(255,255,255,0.4);margin-bottom: 4px;letter-spacing: 0.02em}.mockup-kpi-value{font-size: 20px;font-weight: 700;color: rgba(255,255,255,0.9);line-height: 1.1;margin-bottom: 4px;font-variant-numeric: tabular-nums}.mockup-kpi-trend{font-size: 10px;font-weight: 600}.mockup-kpi-trend.up{color: #34d399}.mockup-kpi-trend.neutral{color: #fbbf24}.mockup-kpi-trend.down{color: #f87171}.mockup-body{display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 12px;flex: 1;min-height: 0}.mockup-cases-panel,.mockup-schedule-panel{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);border-radius: 10px;padding: 12px;display: flex;flex-direction: column;gap: 8px}.mockup-panel-header{display: flex;justify-content: space-between;align-items: center}.mockup-panel-title{font-size: 11px;font-weight: 600;color: rgba(255,255,255,0.7)}.mockup-panel-action{font-size: 10px;color: var(--color-primary-400);cursor: default}.mockup-cases-list{display: flex;flex-direction: column;gap: 6px}.mockup-case-row{display: flex;align-items: center;justify-content: space-between;padding: 8px;background: rgba(255,255,255,0.03);border-radius: 8px;border: 1px solid rgba(255,255,255,0.04);transition: background 0.2s ease}.mockup-case-info{display: flex;align-items: center;gap: 8px;min-width: 0}.mockup-case-avatar{width: 28px;height: 28px;border-radius: 7px;flex-shrink: 0}.mockup-case-details{display: flex;flex-direction: column;gap: 2px;min-width: 0}.mockup-case-name{font-size: 11px;font-weight: 500;color: rgba(255,255,255,0.8);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mockup-case-id{font-size: 10px;color: rgba(255,255,255,0.3)}.mockup-status-badge{font-size: 9px;font-weight: 600;padding: 3px 8px;border-radius: 20px;white-space: nowrap;flex-shrink: 0;letter-spacing: 0.02em}.mockup-status-badge.active{background: rgba(59,130,246,0.15);color: #60a5fa;border: 1px solid rgba(59,130,246,0.2)}.mockup-status-badge.pending{background: rgba(245,158,11,0.12);color: #fbbf24;border: 1px solid rgba(245,158,11,0.2)}.mockup-status-badge.won{background: rgba(16,185,129,0.12);color: #34d399;border: 1px solid rgba(16,185,129,0.2)}.mockup-schedule-list{display: flex;flex-direction: column;gap: 6px}.mockup-schedule-item{display: flex;align-items: center;gap: 10px;padding: 8px;background: rgba(255,255,255,0.03);border-radius: 8px;border: 1px solid rgba(255,255,255,0.04)}.mockup-schedule-date{width: 38px;height: 40px;border-radius: 8px;background: rgba(59,130,246,0.12);border: 1px solid rgba(59,130,246,0.15);display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0}.mockup-schedule-date.overdue{background: rgba(239,68,68,0.12);border-color: rgba(239,68,68,0.2)}.mockup-schedule-day{font-size: 14px;font-weight: 700;color: rgba(255,255,255,0.85);line-height: 1}.mockup-schedule-date.overdue .mockup-schedule-day{color: #f87171}.mockup-schedule-month{font-size: 9px;color: rgba(255,255,255,0.35);text-transform: uppercase;letter-spacing: 0.05em}.mockup-schedule-info{display: flex;flex-direction: column;gap: 2px;min-width: 0}.mockup-schedule-title{font-size: 11px;font-weight: 500;color: rgba(255,255,255,0.8);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mockup-schedule-time{font-size: 10px;color: rgba(255,255,255,0.3)}.mockup-progress-section{margin-top: auto;padding-top: 8px;border-top: 1px solid rgba(255,255,255,0.06)}.mockup-progress-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6px}.mockup-progress-label{font-size: 10px;color: rgba(255,255,255,0.4)}.mockup-progress-pct{font-size: 11px;font-weight: 600;color: rgba(255,255,255,0.7)}.mockup-progress-bar{height: 5px;background: rgba(255,255,255,0.08);border-radius: 10px;overflow: hidden}.mockup-progress-fill{height: 100%;border-radius: 10px;background: linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));transition: width 1.2s ease-out}.hero-float{position: absolute;z-index: 2;background: var(--color-surface);border-radius: var(--radius-xl);padding: var(--space-3) var(--space-4);box-shadow: var(--shadow-xl);border: 1px solid var(--color-border);animation: heroFloat 6s ease-in-out 2}.hero-float-1{top: 10%;right: -5%;animation-delay: 0s}.hero-float-2{bottom: 20%;left: -5%;animation-delay: 2s}@keyframes heroFloat{0%,100%{transform: translateY(0)}50%{transform: translateY(-10px)}}.hero-float-icon{width: 36px;height: 36px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-2)}.hero-float-icon.success{background: rgba(16,185,129,0.1);color: var(--color-success)}.hero-float-icon.warning{background: rgba(245,158,11,0.1);color: var(--color-warning)}.hero-float-text{font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--color-gray-800)}.hero-float-sub{font-size: 10px;color: var(--color-gray-500)}.hero-mockup{animation: mockupEntrance 0.8s ease-out both;animation-delay: 0.3s}@keyframes mockupEntrance{from{opacity: 0;transform: scale(0.95) translateY(20px)}to{opacity: 1;transform: scale(1) translateY(0)}}.mockup-kpi-value{opacity: 0;transform: translateY(6px);transition: opacity 0.4s ease,transform 0.4s ease}.hero-mockup.loaded .mockup-kpi-value{opacity: 1;transform: translateY(0)}.hero-mockup.loaded .mockup-kpi:nth-child(1) .mockup-kpi-value{transition-delay: 0.15s}.hero-mockup.loaded .mockup-kpi:nth-child(2) .mockup-kpi-value{transition-delay: 0.25s}.hero-mockup.loaded .mockup-kpi:nth-child(3) .mockup-kpi-value{transition-delay: 0.35s}.mockup-kpi-trend{opacity: 0;transition: opacity 0.3s ease}.hero-mockup.loaded .mockup-kpi-trend{opacity: 1}.hero-mockup.loaded .mockup-kpi:nth-child(1) .mockup-kpi-trend{transition-delay: 0.4s}.hero-mockup.loaded .mockup-kpi:nth-child(2) .mockup-kpi-trend{transition-delay: 0.5s}.hero-mockup.loaded .mockup-kpi:nth-child(3) .mockup-kpi-trend{transition-delay: 0.6s}.mockup-case-row{opacity: 0;transform: translateY(6px);transition: opacity 0.35s ease,transform 0.35s ease}.hero-mockup.loaded .mockup-case-row{opacity: 1;transform: translateY(0)}.hero-mockup.loaded .mockup-case-row:nth-child(1){transition-delay: 0.3s}.hero-mockup.loaded .mockup-case-row:nth-child(2){transition-delay: 0.45s}.hero-mockup.loaded .mockup-case-row:nth-child(3){transition-delay: 0.6s}.mockup-schedule-item{opacity: 0;transform: translateY(6px);transition: opacity 0.35s ease,transform 0.35s ease}.hero-mockup.loaded .mockup-schedule-item{opacity: 1;transform: translateY(0)}.hero-mockup.loaded .mockup-schedule-item:nth-child(1){transition-delay: 0.35s}.hero-mockup.loaded .mockup-schedule-item:nth-child(2){transition-delay: 0.5s}.hero-mockup.loaded .mockup-schedule-item:nth-child(3){transition-delay: 0.65s}.mockup-progress-fill{transform-origin: left;transform: scaleX(0);transition: transform 1.2s ease-out 0.7s}.hero-mockup.loaded .mockup-progress-fill{transform: scaleX(1)}.mockup-sidebar-icon{opacity: 0;transform: translateX(-6px);transition: opacity 0.3s ease,transform 0.3s ease}.hero-mockup.loaded .mockup-sidebar-icon{opacity: 1;transform: translateX(0)}.hero-mockup.loaded .mockup-sidebar-icon:nth-child(1){transition-delay: 0.05s}.hero-mockup.loaded .mockup-sidebar-icon:nth-child(2){transition-delay: 0.1s}.hero-mockup.loaded .mockup-sidebar-icon:nth-child(3){transition-delay: 0.15s}.hero-mockup.loaded .mockup-sidebar-icon:nth-child(4){transition-delay: 0.2s}.hero-mockup.loaded .mockup-sidebar-icon:nth-child(5){transition-delay: 0.25s}.mockup-sidebar-icon.active{animation: sidebarGlow 3s ease-in-out 2}@keyframes sidebarGlow{0%,100%{box-shadow: 0 0 0 rgba(59,130,246,0)}50%{box-shadow: 0 0 8px rgba(59,130,246,0.25)}}.mockup-progress-fill::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.15) 50%,transparent 100% );animation: progressShimmer 2s ease-in-out 1.5s 3}@keyframes progressShimmer{0%{transform: translateX(-100%)}100%{transform: translateX(200%)}}.mockup-notif-badge{opacity: 0;transform: scale(0);transition: opacity 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.hero-mockup.loaded .mockup-notif-badge{opacity: 1;transform: scale(1);transition-delay: 0.5s}[dir="rtl"] .hero-mockup .mockup-progress-fill{transform-origin: right center}[dir="rtl"] .hero-mockup .mockup-case-row,[dir="rtl"] .hero-mockup .mockup-schedule-item{transform: translateY(6px)}[dir="rtl"] .hero-mockup .mockup-sidebar-icon{transform: translateX(6px)}[dir="rtl"] .hero-mockup.loaded .mockup-sidebar-icon{transform: translateX(0)}[dir="rtl"] .hero-mockup.loaded .mockup-table-row{transform: translateX(0)}[dir="rtl"] .hero-mockup .mockup-progress-fill::after{animation-name: progressShimmerRtl}@keyframes progressShimmerRtl{0%{transform: translateX(100%)}100%{transform: translateX(-100%)}}.trusted-section{position: relative;padding: var(--space-20) 0;background: var(--color-bg)}.trusted-header{text-align: center;max-width: 600px;margin: 0 auto var(--space-16)}.section-badge{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);background: var(--color-primary-50);border: 1px solid var(--color-primary-100);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--color-primary-600);margin-bottom: var(--space-4);text-transform: uppercase;letter-spacing: 0.05em}.section-title{font-size: var(--text-4xl);font-weight: var(--weight-extrabold);color: var(--color-gray-900);margin-bottom: var(--space-4);letter-spacing: -0.02em}[dir="rtl"] .section-title{font-family: var(--font-arabic);letter-spacing: 0}.section-subtitle{font-size: var(--text-lg);color: var(--color-gray-500);line-height: var(--leading-relaxed)}.trusted-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-8)}.trusted-card{position: relative;padding: var(--space-8);background: var(--color-bg);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);transition: all var(--transition-base);overflow: hidden}.trusted-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--color-primary-500),var(--color-primary-300));opacity: 0;transition: opacity var(--transition-base)}.trusted-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-lg);transform: translateY(-4px)}.trusted-card:hover::before{opacity: 1}.trusted-card-icon{width: 56px;height: 56px;border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-6);background: linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);color: var(--color-primary-600);transition: all var(--transition-base)}.trusted-card:hover .trusted-card-icon{background: linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color: #ffffff;box-shadow: var(--shadow-glow)}.trusted-card-title{font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-3)}.trusted-card-desc{font-size: var(--text-sm);color: var(--color-gray-500);line-height: var(--leading-relaxed)}.features-section{position: relative;padding: var(--space-32) 0;background: var(--color-bg-alt);overflow: hidden}.features-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg,transparent,var(--color-border),transparent)}.features-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: var(--space-6)}.feature-card{position: relative;padding: var(--space-8) var(--space-6);background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);text-align: center;transition: all var(--transition-base);cursor: pointer}.feature-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-xl);transform: translateY(-6px)}.feature-card.active{border-color: var(--color-primary-400);box-shadow: var(--shadow-glow)}.feature-card-icon{width: 64px;height: 64px;margin: 0 auto var(--space-5);border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);color: var(--color-primary-600);transition: all var(--transition-base)}.feature-card:hover .feature-card-icon,.feature-card.active .feature-card-icon{background: linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color: #ffffff;box-shadow: var(--shadow-glow)}.feature-card-title{font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-2)}.feature-card-desc{font-size: var(--text-sm);color: var(--color-gray-500);line-height: var(--leading-relaxed)}.feature-detail{margin-top: var(--space-12);display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-12);align-items: center;padding: var(--space-12);background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border)}.feature-detail-content{padding-right: var(--space-8)}[dir="rtl"] .feature-detail-content{padding-right: 0;padding-left: var(--space-8)}.feature-detail-title{font-size: var(--text-3xl);font-weight: var(--weight-bold);color: var(--color-gray-900);margin-bottom: var(--space-4)}.feature-detail-desc{font-size: var(--text-base);color: var(--color-gray-500);line-height: var(--leading-relaxed);margin-bottom: var(--space-6)}.feature-detail-list{display: flex;flex-direction: column;gap: var(--space-3)}.feature-detail-list li{display: flex;align-items: flex-start;gap: var(--space-3);font-size: var(--text-sm);color: var(--color-gray-600)}.feature-detail-list li svg{width: 20px;height: 20px;color: var(--color-success);flex-shrink: 0;margin-top: 2px}.feature-detail-visual{position: relative;border-radius: var(--radius-xl);overflow: hidden;background: var(--color-gray-900);border: 1px solid var(--color-gray-700);aspect-ratio: 4/3}.feature-visual-window{width: 100%;height: 100%;display: flex;flex-direction: column}.feature-visual-topbar{display: flex;align-items: center;gap: 6px;padding: 10px 14px;background: rgba(0,0,0,0.3)}.feature-visual-dot{width: 10px;height: 10px;border-radius: 50%}.feature-visual-dot:nth-child(1){background: #ff5f57}.feature-visual-dot:nth-child(2){background: #ffbd2e}.feature-visual-dot:nth-child(3){background: #28c840}.feature-visual-dot:hover{filter: brightness(1.3);transform: scale(1.2);transition: all 0.2s ease}.feature-visual-body{flex: 1;display: flex;flex-direction: column;padding: 14px;gap: 10px;overflow: hidden;transition: opacity 0.3s ease}.feature-visual-body.fv-exit{opacity: 0;transform: translateY(6px)}.fv-header{display: flex;justify-content: space-between;align-items: center}.fv-title{font-size: 13px;font-weight: 600;color: rgba(255,255,255,0.85)}.fv-action{font-size: 10px;font-weight: 600;color: #60a5fa;padding: 3px 8px;background: rgba(59,130,246,0.12);border-radius: 6px;cursor: default}.fv-list{display: flex;flex-direction: column;gap: 5px;flex: 1}.fv-row{display: flex;align-items: center;gap: 8px;padding: 8px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);cursor: default;position: relative;overflow: hidden}.fv-row::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,rgba(255,255,255,0.06) 0%,transparent 60%);opacity: 0;transition: opacity 0.25s ease;pointer-events: none}.fv-row:hover{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.1);transform: translateX(3px);box-shadow: 0 2px 12px rgba(0,0,0,0.2)}.fv-row:hover::before{opacity: 1}.fv-row:hover .fv-row-icon{transform: scale(1.1);box-shadow: 0 0 10px rgba(255,255,255,0.1)}.fv-row:hover .fv-row-name{color: rgba(255,255,255,0.95)}.fv-row:hover .fv-badge{transform: scale(1.05)}.fv-row-icon{width: 26px;height: 26px;border-radius: 6px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: all 0.25s cubic-bezier(0.4,0,0.2,1)}.fv-row-content{flex: 1;display: flex;flex-direction: column;gap: 1px;min-width: 0}.fv-row-name{font-size: 11px;font-weight: 500;color: rgba(255,255,255,0.8);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s ease}.fv-row-sub{font-size: 10px;color: rgba(255,255,255,0.3)}.fv-badge{font-size: 9px;font-weight: 600;padding: 2px 7px;border-radius: 20px;white-space: nowrap;flex-shrink: 0;transition: all 0.2s ease}.fv-action{font-size: 10px;font-weight: 600;color: #60a5fa;padding: 3px 8px;background: rgba(59,130,246,0.12);border-radius: 6px;cursor: default;transition: all 0.2s ease}.fv-action:hover{background: rgba(59,130,246,0.25);box-shadow: 0 0 12px rgba(59,130,246,0.3);transform: translateY(-1px)}.fv-badge.active{background: rgba(59,130,246,0.15);color: #60a5fa}.fv-badge.pending{background: rgba(245,158,11,0.12);color: #fbbf24}.fv-badge.won{background: rgba(16,185,129,0.12);color: #34d399}.fv-badge.overdue{background: rgba(239,68,68,0.12);color: #f87171}.fv-footer{display: flex;justify-content: space-between;align-items: center;padding-top: 8px;border-top: 1px solid rgba(255,255,255,0.06)}.fv-footer-stat{font-size: 10px;color: rgba(255,255,255,0.35)}.fv-footer-link{font-size: 10px;color: #60a5fa;cursor: default;transition: all 0.2s ease}.fv-footer-link:hover{text-shadow: 0 0 8px rgba(96,165,250,0.5)}.fv-chart{display: flex;align-items: flex-end;gap: 5px;height: 60px;padding: 8px;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px}.fv-chart-bar{flex: 1;border-radius: 4px 4px 0 0;transition: height 0.8s ease-out,filter 0.2s ease,transform 0.2s ease}.fv-chart-bar:hover{filter: brightness(1.3);transform: scaleY(1.05);transform-origin: bottom}.fv-stats{display: grid;grid-template-columns: 1fr 1fr;gap: 6px}.fv-stat{padding: 10px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);cursor: default}.fv-stat:hover{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.1);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0,0,0,0.25)}.fv-stat-label{font-size: 9px;color: rgba(255,255,255,0.35);margin-bottom: 3px}.fv-stat-value{font-size: 16px;font-weight: 700;color: rgba(255,255,255,0.85);font-variant-numeric: tabular-nums}.fv-progress-list{display: flex;flex-direction: column;gap: 8px}.fv-progress-item{display: flex;flex-direction: column;gap: 4px}.fv-progress-row{display: flex;justify-content: space-between;align-items: center}.fv-progress-label{font-size: 10px;color: rgba(255,255,255,0.6)}.fv-progress-pct{font-size: 10px;font-weight: 600;color: rgba(255,255,255,0.7)}.fv-progress-track{height: 4px;background: rgba(255,255,255,0.08);border-radius: 10px;overflow: hidden}.fv-progress-fill{height: 100%;border-radius: 10px;transition: width 0.8s ease-out,filter 0.2s ease}.fv-progress-fill:hover{filter: brightness(1.3)}.fv-progress-track:hover .fv-progress-fill{filter: brightness(1.2);box-shadow: 0 0 8px rgba(255,255,255,0.1)}.fv-cal-grid{display: grid;grid-template-columns: repeat(7,1fr);gap: 3px}.fv-cal-day{aspect-ratio: 1;display: flex;align-items: center;justify-content: center;font-size: 9px;color: rgba(255,255,255,0.3);border-radius: 4px;transition: all 0.2s ease;cursor: default}.fv-cal-day.has-event{background: rgba(59,130,246,0.2);color: #60a5fa;font-weight: 600}.fv-cal-day.has-event:hover{background: rgba(59,130,246,0.35);transform: scale(1.15);box-shadow: 0 0 8px rgba(59,130,246,0.3)}.fv-cal-day.today{background: rgba(59,130,246,0.4);color: #fff;font-weight: 700;animation: calTodayPulse 2s ease-in-out infinite}@keyframes calTodayPulse{0%,100%{box-shadow: 0 0 0 rgba(59,130,246,0)}50%{box-shadow: 0 0 10px rgba(59,130,246,0.4)}}.fv-cal-day:not(.header):not(.has-event):not(.today):hover{background: rgba(255,255,255,0.06);color: rgba(255,255,255,0.5)}.fv-cal-day.header{color: rgba(255,255,255,0.2);font-weight: 600;font-size: 8px}.fv-notif{display: flex;align-items: flex-start;gap: 8px;padding: 8px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);cursor: default}.fv-notif:hover{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.1);transform: translateX(3px);box-shadow: 0 2px 12px rgba(0,0,0,0.2)}.fv-notif:hover .fv-notif-dot{transform: scale(1.3);box-shadow: 0 0 8px currentColor}.fv-notif:hover .fv-notif-text{color: rgba(255,255,255,0.9)}.fv-notif-dot{width: 8px;height: 8px;border-radius: 50%;margin-top: 3px;flex-shrink: 0;transition: all 0.25s ease}.fv-notif-content{flex: 1;display: flex;flex-direction: column;gap: 1px}.fv-notif-text{font-size: 11px;color: rgba(255,255,255,0.7)}.fv-notif-time{font-size: 9px;color: rgba(255,255,255,0.25)}[dir="rtl"] .fv-row:hover{transform: translateX(-3px)}[dir="rtl"] .fv-notif:hover{transform: translateX(-3px)}.workflow-section{position: relative;padding: var(--space-32) 0;background: var(--color-bg)}.workflow-timeline{position: relative;max-width: 900px;margin: 0 auto}.workflow-timeline::before{content: '';position: absolute;top: 0;bottom: 0;left: 50%;width: 2px;background: linear-gradient(180deg,var(--color-primary-200),var(--color-primary-400),var(--color-primary-200));transform: translateX(-50%)}[dir="rtl"] .workflow-timeline::before{transform: translateX(50%)}.workflow-step{position: relative;display: flex;align-items: center;margin-bottom: var(--space-12)}.workflow-step:nth-child(odd){flex-direction: row}.workflow-step:nth-child(even){flex-direction: row-reverse}[dir="rtl"] .workflow-step:nth-child(odd){flex-direction: row-reverse}[dir="rtl"] .workflow-step:nth-child(even){flex-direction: row}.workflow-step-content{width: calc(50% - var(--space-8));padding: var(--space-6);background: var(--color-surface);border-radius: var(--radius-xl);border: 1px solid var(--color-border);transition: all var(--transition-base)}.workflow-step-content:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-lg)}.workflow-step:nth-child(odd) .workflow-step-content{margin-right: auto}.workflow-step:nth-child(even) .workflow-step-content{margin-left: auto}[dir="rtl"] .workflow-step:nth-child(odd) .workflow-step-content{margin-right: 0;margin-left: auto}[dir="rtl"] .workflow-step:nth-child(even) .workflow-step-content{margin-left: 0;margin-right: auto}.workflow-step-number{position: absolute;left: 50%;transform: translateX(-50%);width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color: #ffffff;font-weight: var(--weight-bold);font-size: var(--text-sm);display: flex;align-items: center;justify-content: center;z-index: 1;box-shadow: var(--shadow-glow)}[dir="rtl"] .workflow-step-number{left: auto;right: 50%;transform: translateX(50%)}.workflow-step-title{font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-2)}.workflow-step-desc{font-size: var(--text-sm);color: var(--color-gray-500);line-height: var(--leading-relaxed)}.product-section{position: relative;padding: var(--space-32) 0;background: linear-gradient(180deg,var(--color-primary-900) 0%,var(--color-primary-800) 100%);overflow: hidden}.product-section::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(circle at 20% 30%,rgba(255,255,255,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.05) 0%,transparent 50%)}.product-content{position: relative;z-index: 1;text-align: center}.product-title{font-size: var(--text-4xl);font-weight: var(--weight-extrabold);color: #ffffff;margin-bottom: var(--space-4)}.product-subtitle{font-size: var(--text-lg);color: rgba(255,255,255,0.7);margin-bottom: var(--space-12);max-width: 600px;margin-inline: auto}.product-gallery{position: relative;max-width: 1100px;margin: 0 auto}.product-browser{background: #1a1f2e;border-radius: var(--radius-2xl);overflow: hidden;box-shadow: 0 25px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.08)}.product-browser-content{display: flex;min-height: 520px;position: relative}.product-sidebar{width: 180px;background: #0f1320;border-right: 1px solid rgba(255,255,255,0.06);padding: 12px 0;display: flex;flex-direction: column;flex-shrink: 0;z-index: 2}.product-sidebar-item{display: flex;align-items: center;gap: 10px;padding: 10px 16px;font-size: 12px;font-weight: 500;color: rgba(255,255,255,0.4);cursor: pointer;transition: all 0.25s ease;position: relative;white-space: nowrap}.product-sidebar-item::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 0;background: #3b82f6;border-radius: 0 3px 3px 0;transition: height 0.25s ease}.product-sidebar-item:hover{color: rgba(255,255,255,0.7);background: rgba(255,255,255,0.04)}.product-sidebar-item.active{color: #60a5fa;background: rgba(59,130,246,0.08)}.product-sidebar-item.active::before{height: 20px}.product-sidebar-item svg{flex-shrink: 0;opacity: 0.6}.product-sidebar-item.active svg{opacity: 1}.product-main{flex: 1;position: relative;overflow: hidden;background: #f8fafc}.product-screen{position: absolute;inset: 0;padding: 20px 24px;background: #f8fafc;opacity: 0;visibility: hidden;pointer-events: none;overflow-y: auto;overflow-x: hidden}.product-screen.active{opacity: 1;visibility: visible;pointer-events: auto;animation: psScreenIn 0.45s cubic-bezier(0.22,1,0.36,1) both}@keyframes psScreenIn{from{opacity: 0;transform: translateX(18px)}to{opacity: 1;transform: none}}[dir="rtl"] .product-screen.active{animation-name: psScreenInRtl}@keyframes psScreenInRtl{from{opacity: 0;transform: translateX(-18px)}to{opacity: 1;transform: none}}.product-screen.exit-left:not(.active){opacity: 0;visibility: hidden}.ps-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid #e5e7eb}.ps-title{font-size: 16px;font-weight: 700;color: #111827}.ps-date{font-size: 11px;color: #9ca3af}.ps-action{font-size: 11px;font-weight: 600;color: #2563eb;padding: 4px 10px;background: rgba(37,99,235,0.08);border-radius: 6px;cursor: default}.ps-kpi-row{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-bottom: 16px}.ps-kpi-row-3{grid-template-columns: repeat(3,1fr)}.ps-kpi-row-4{grid-template-columns: repeat(4,1fr)}.ps-kpi{padding: 12px;background: #fff;border: 1px solid #e5e7eb;border-radius: 10px}.ps-kpi-label{font-size: 10px;color: #9ca3af;margin-bottom: 4px}.ps-kpi-val{font-size: 20px;font-weight: 700;color: #111827;font-variant-numeric: tabular-nums}.ps-chart{display: flex;align-items: flex-end;gap: 4px;height: 70px;padding: 10px;background: #fff;border: 1px solid #e5e7eb;border-radius: 10px;margin-bottom: 16px}.ps-chart-bar{flex: 1;background: linear-gradient(0deg,#3b82f6,#60a5fa);border-radius: 3px 3px 0 0;transition: height 0.6s ease-out}.ps-rows{display: flex;flex-direction: column;gap: 6px}.ps-row{display: flex;align-items: center;gap: 10px;padding: 10px 12px;background: #fff;border: 1px solid #e5e7eb;border-radius: 8px;transition: all 0.2s ease}.ps-row:hover{border-color: #d1d5db;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.ps-row-dot{width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0}.ps-row-text{flex: 1;font-size: 12px;font-weight: 500;color: #111827}.ps-row-sub{font-size: 11px;color: #9ca3af}.ps-cases{display: flex;flex-direction: column;gap: 6px}.ps-case-row{display: flex;align-items: center;gap: 10px;padding: 10px 12px;background: #fff;border: 1px solid #e5e7eb;border-radius: 8px;transition: all 0.2s ease}.ps-case-row:hover{border-color: #d1d5db;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.ps-case-icon{width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ps-case-info{flex: 1;display: flex;flex-direction: column;gap: 2px;min-width: 0}.ps-case-name{font-size: 12px;font-weight: 500;color: #111827;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ps-case-meta{font-size: 10px;color: #9ca3af}.ps-avatar{width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;color: #fff;flex-shrink: 0}.ps-badge{font-size: 10px;font-weight: 600;padding: 3px 8px;border-radius: 20px;white-space: nowrap;flex-shrink: 0}.ps-badge.active{background: rgba(59,130,246,0.1);color: #2563eb}.ps-badge.pending{background: rgba(245,158,11,0.1);color: #d97706}.ps-badge.won{background: rgba(16,185,129,0.1);color: #059669}.ps-tasks{display: flex;flex-direction: column;gap: 6px}.ps-task{display: flex;align-items: center;gap: 10px;padding: 10px 12px;background: #fff;border: 1px solid #e5e7eb;border-radius: 8px}.ps-task-check{width: 18px;height: 18px;border-radius: 50%;border: 2px solid #d1d5db;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ps-task-check.done{background: #10b981;border-color: #10b981;color: #fff}.ps-task-info{flex: 1;display: flex;flex-direction: column;gap: 2px}.ps-task-name{font-size: 12px;font-weight: 500;color: #111827}.ps-task-name.done-text{text-decoration: line-through;color: #9ca3af}.ps-task-meta{font-size: 10px;color: #9ca3af}.ps-cal-row{display: grid;grid-template-columns: repeat(7,1fr);gap: 3px;margin-bottom: 16px}.ps-cal-hdr{text-align: center;font-size: 9px;font-weight: 600;color: #9ca3af;padding: 4px 0}.ps-cal-day{text-align: center;font-size: 10px;color: #6b7280;padding: 6px 0;border-radius: 6px;cursor: default}.ps-cal-day.today{background: #2563eb;color: #fff;font-weight: 700}.ps-cal-day.has-event{background: rgba(59,130,246,0.1);color: #2563eb;font-weight: 600}.ps-events{display: flex;flex-direction: column;gap: 6px}.ps-event{display: flex;align-items: flex-start;gap: 10px;padding: 10px 12px;background: #fff;border: 1px solid #e5e7eb;border-radius: 8px}.ps-event-dot{width: 8px;height: 8px;border-radius: 50%;margin-top: 4px;flex-shrink: 0}.ps-event-info{flex: 1;display: flex;flex-direction: column;gap: 2px}.ps-event-title{font-size: 12px;font-weight: 500;color: #111827}.ps-event-time{font-size: 10px;color: #9ca3af}.ps-fin-kpi{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-bottom: 16px}.ps-fin-card{padding: 12px;background: #fff;border: 1px solid #e5e7eb;border-radius: 10px}.ps-fin-label{font-size: 10px;color: #9ca3af;margin-bottom: 4px}.ps-fin-val{font-size: 16px;font-weight: 700;font-variant-numeric: tabular-nums}.ps-fin-chart{display: flex;align-items: flex-end;gap: 4px;height: 60px;padding: 10px;background: #fff;border: 1px solid #e5e7eb;border-radius: 10px;margin-bottom: 16px}.ps-fin-bar{flex: 1;background: linear-gradient(0deg,#10b981,#34d399);border-radius: 3px 3px 0 0}.product-cursor{position: absolute;z-index: 100;pointer-events: none;transition: left 0.8s cubic-bezier(0.4,0,0.2,1),top 0.8s cubic-bezier(0.4,0,0.2,1);filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));opacity: 0}.product-cursor.visible{opacity: 1}.product-cursor.clicking{transform: scale(0.85)}.product-cursor.click-ring{position: absolute;width: 30px;height: 30px;border-radius: 50%;border: 2px solid rgba(59,130,246,0.6);top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);animation: cursorClick 0.4s ease-out;pointer-events: none}@keyframes cursorClick{0%{transform: translate(-50%,-50%) scale(0);opacity: 1}100%{transform: translate(-50%,-50%) scale(2);opacity: 0}}.product-sidebar{overflow-y: auto;scrollbar-width: none}.product-sidebar::-webkit-scrollbar{display: none}.product-sidebar-item span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.security-section{position: relative;padding: var(--space-32) 0;background: var(--color-bg-alt)}.security-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center}.security-visual{position: relative}.security-shield{width: 300px;height: 300px;margin: 0 auto;position: relative}.security-shield-ring{position: absolute;inset: 0;border: 2px solid var(--color-primary-200);border-radius: 50%;animation: securityPulse 3s ease-in-out infinite}.security-shield-ring:nth-child(2){inset: 20px;animation-delay: 0.5s}.security-shield-ring:nth-child(3){inset: 40px;animation-delay: 1s}.security-shield-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80px;height: 80px;background: linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #ffffff;box-shadow: var(--shadow-glow)}@keyframes securityPulse{0%,100%{transform: scale(1);opacity: 0.5}50%{transform: scale(1.05);opacity: 0.8}}.security-content{padding-left: var(--space-8)}[dir="rtl"] .security-content{padding-left: 0;padding-right: var(--space-8)}.security-features{display: flex;flex-direction: column;gap: var(--space-6);margin-top: var(--space-8)}.security-feature{display: flex;gap: var(--space-4);padding: var(--space-5);background: var(--color-surface);border-radius: var(--radius-xl);border: 1px solid var(--color-border);transition: all var(--transition-base)}.security-feature:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-md)}.security-feature-icon{width: 48px;height: 48px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;background: var(--color-primary-50);color: var(--color-primary-600);flex-shrink: 0}.security-feature-title{font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-1)}.security-feature-desc{font-size: var(--text-sm);color: var(--color-gray-500)}.analytics-section{position: relative;padding: var(--space-32) 0;background: var(--color-bg)}.analytics-dashboard{max-width: 1000px;margin: 0 auto;padding: var(--space-8);background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-xl)}.analytics-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-6);padding-bottom: var(--space-6);border-bottom: 1px solid var(--color-border)}.analytics-title{font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--color-gray-900)}.analytics-cards{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-4);margin-bottom: var(--space-6)}.analytics-card{padding: var(--space-5);background: var(--color-bg-alt);border-radius: var(--radius-xl);border: 1px solid var(--color-border-subtle)}.analytics-card-label{font-size: var(--text-xs);color: var(--color-gray-500);font-weight: var(--weight-medium);margin-bottom: var(--space-2);text-transform: uppercase;letter-spacing: 0.05em}.analytics-card-value{font-size: var(--text-2xl);font-weight: var(--weight-bold);color: var(--color-gray-900)}.analytics-card-change{font-size: var(--text-xs);font-weight: var(--weight-semibold);margin-top: var(--space-1)}.analytics-card-change.positive{color: var(--color-success)}.analytics-card-change.negative{color: var(--color-error)}.analytics-chart{height: 200px;background: var(--color-bg-alt);border-radius: var(--radius-xl);border: 1px solid var(--color-border-subtle);display: flex;align-items: flex-end;padding: var(--space-6);gap: var(--space-2)}.analytics-chart-bar{flex: 1;background: linear-gradient(180deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);border-radius: var(--radius-md) var(--radius-md) 0 0;min-height: 20px;transition: all var(--transition-base)}.analytics-chart-bar:hover{opacity: 0.8}.why-section{position: relative;padding: var(--space-32) 0;background: var(--color-bg-alt)}.why-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-8)}.why-card{padding: var(--space-8);background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);transition: all var(--transition-base)}.why-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-lg);transform: translateY(-4px)}.why-card-number{font-size: var(--text-5xl);font-weight: var(--weight-extrabold);color: var(--color-primary-100);line-height: 1;margin-bottom: var(--space-4)}[dir="rtl"] .why-card-number{font-family: var(--font-primary)}.why-card-title{font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-3)}.why-card-desc{font-size: var(--text-sm);color: var(--color-gray-500);line-height: var(--leading-relaxed)}.training-section{position: relative;padding: var(--space-32) 0;background: var(--color-bg)}.training-steps{display: grid;grid-template-columns: repeat(5,1fr);gap: var(--space-6)}.training-step{text-align: center;padding: var(--space-6);position: relative}.training-step::after{content: '';position: absolute;top: 40px;right: -10%;width: 20%;height: 2px;background: linear-gradient(90deg,var(--color-primary-300),var(--color-primary-100))}[dir="rtl"] .training-step::after{right: auto;left: -10%;background: linear-gradient(270deg,var(--color-primary-300),var(--color-primary-100))}.training-step:last-child::after{display: none}.training-step-number{width: 56px;height: 56px;margin: 0 auto var(--space-4);border-radius: 50%;background: linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color: #ffffff;font-weight: var(--weight-bold);font-size: var(--text-lg);display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;box-shadow: var(--shadow-glow)}.training-step-title{font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-2)}.training-step-desc{font-size: var(--text-sm);color: var(--color-gray-500);line-height: var(--leading-relaxed)}.stats-section{position: relative;padding: var(--space-20) 0;background: linear-gradient(135deg,var(--color-primary-800) 0%,var(--color-primary-900) 100%);overflow: hidden}.stats-section::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(circle at 10% 50%,rgba(255,255,255,0.03) 0%,transparent 50%),radial-gradient(circle at 90% 50%,rgba(255,255,255,0.05) 0%,transparent 50%)}.stats-grid{position: relative;z-index: 1;display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-8)}.stat-item{text-align: center;padding: var(--space-6)}.stat-number{font-size: var(--text-5xl);font-weight: var(--weight-extrabold);color: #ffffff;line-height: 1;margin-bottom: var(--space-2)}[dir="rtl"] .stat-number{font-family: var(--font-primary)}.stat-suffix{font-size: var(--text-2xl);color: var(--color-accent-400);font-weight: var(--weight-bold)}.stat-label{font-size: var(--text-sm);color: rgba(255,255,255,0.7);font-weight: var(--weight-medium)}.testimonials-section{position: relative;padding: var(--space-32) 0;background: var(--color-bg)}.testimonials-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-8)}.testimonial-card{padding: var(--space-8);background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);transition: all var(--transition-base)}.testimonial-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-lg)}.testimonial-stars{display: flex;gap: var(--space-1);margin-bottom: var(--space-4);color: var(--color-accent-400)}.testimonial-text{font-size: var(--text-base);color: var(--color-gray-600);line-height: var(--leading-relaxed);margin-bottom: var(--space-6);font-style: italic}.testimonial-author{display: flex;align-items: center;gap: var(--space-3)}.testimonial-avatar{width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);display: flex;align-items: center;justify-content: center;color: #ffffff;font-weight: var(--weight-bold);font-size: var(--text-sm)}.testimonial-name{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-gray-900)}.testimonial-role{font-size: var(--text-xs);color: var(--color-gray-500)}.final-cta-section{position: relative;padding: var(--space-24) 0;background: linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-900) 100%);overflow: hidden}.final-cta-section::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(circle at 30% 50%,rgba(255,255,255,0.05) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(212,147,10,0.05) 0%,transparent 50%)}.final-cta-content{position: relative;z-index: 1;text-align: center;max-width: 700px;margin: 0 auto}.final-cta-title{font-size: var(--text-4xl);font-weight: var(--weight-extrabold);color: #ffffff;margin-bottom: var(--space-4);letter-spacing: -0.02em}[dir="rtl"] .final-cta-title{font-family: var(--font-arabic);letter-spacing: 0}.final-cta-text{font-size: var(--text-lg);color: rgba(255,255,255,0.8);margin-bottom: var(--space-8);line-height: var(--leading-relaxed)}.final-cta-buttons{display: flex;align-items: center;justify-content: center;gap: var(--space-4);flex-wrap: wrap}.site-footer{background: var(--color-gray-950);color: var(--color-gray-400)}.footer-main{padding: var(--space-16) 0}.footer-grid{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1fr;gap: var(--space-12)}.footer-logo{display: flex;align-items: center;gap: var(--space-3);text-decoration: none;margin-bottom: var(--space-4)}.footer-brand-text{font-size: var(--text-xl);font-weight: var(--weight-extrabold);color: #ffffff;letter-spacing: 0.05em}.footer-brand-desc{font-size: var(--text-sm);color: var(--color-gray-400);line-height: var(--leading-relaxed);margin-bottom: var(--space-6)}.footer-social{display: flex;gap: var(--space-3)}.social-link{width: 40px;height: 40px;border-radius: var(--radius-lg);background: rgba(255,255,255,0.05);display: flex;align-items: center;justify-content: center;color: var(--color-gray-400);transition: all var(--transition-fast)}.social-link:hover{background: var(--color-primary-600);color: #ffffff;transform: translateY(-2px)}.footer-links-title{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: #ffffff;margin-bottom: var(--space-6);text-transform: uppercase;letter-spacing: 0.05em}.footer-links{display: flex;flex-direction: column;gap: var(--space-3)}.footer-links a{font-size: var(--text-sm);color: var(--color-gray-400);transition: color var(--transition-fast)}.footer-links a:hover{color: #ffffff}.footer-bottom{padding: var(--space-6) 0;border-top: 1px solid rgba(255,255,255,0.1)}.footer-bottom-inner{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4)}.footer-copyright{font-size: var(--text-sm);color: var(--color-gray-500)}.footer-tagline{font-size: var(--text-xs)}.back-to-top{position: fixed;bottom: var(--space-8);right: var(--space-8);width: 48px;height: 48px;border-radius: 50%;background: var(--color-primary-600);color: #ffffff;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-lg);z-index: var(--z-sticky);opacity: 0;visibility: hidden;transform: translateY(16px);transition: all var(--transition-base)}[dir="rtl"] .back-to-top{right: auto;left: var(--space-8)}.back-to-top.visible{opacity: 1;visibility: visible;transform: translateY(0)}.back-to-top:hover{background: var(--color-primary-700);transform: translateY(-2px);color: #ffffff}.blog-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-8)}.blog-card{background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);overflow: hidden;transition: all var(--transition-base)}.blog-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-lg);transform: translateY(-4px)}.blog-card-image{position: relative;aspect-ratio: 16/9;overflow: hidden}.blog-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform: scale(1.05)}.blog-card-date{position: absolute;top: var(--space-4);left: var(--space-4);padding: var(--space-2) var(--space-3);background: rgba(255,255,255,0.95);border-radius: var(--radius-lg);font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--color-primary-600)}[dir="rtl"] .blog-card-date{left: auto;right: var(--space-4)}.blog-card-content{padding: var(--space-6)}.blog-card-category{font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--color-primary-500);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: var(--space-2)}.blog-card-title{font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-3);line-height: var(--leading-snug)}.blog-card-title a{color: inherit;text-decoration: none}.blog-card-title a:hover{color: var(--color-primary-600)}.blog-card-excerpt{font-size: var(--text-sm);color: var(--color-gray-500);line-height: var(--leading-relaxed);margin-bottom: var(--space-4)}.blog-card-meta{display: flex;align-items: center;gap: var(--space-4);font-size: var(--text-xs);color: var(--color-gray-400)}.single-post-content{max-width: 800px;margin: 0 auto;padding: var(--space-12) 0}.single-post-content h2{font-size: var(--text-3xl);margin-top: var(--space-12);margin-bottom: var(--space-4)}.single-post-content h3{font-size: var(--text-2xl);margin-top: var(--space-10);margin-bottom: var(--space-3)}.single-post-content p{margin-bottom: var(--space-6);line-height: var(--leading-relaxed)}.single-post-content ul,.single-post-content ol{margin-bottom: var(--space-6);padding-left: var(--space-6)}[dir="rtl"] .single-post-content ul,[dir="rtl"] .single-post-content ol{padding-left: 0;padding-right: var(--space-6)}.single-post-content li{margin-bottom: var(--space-2);line-height: var(--leading-relaxed)}.single-post-content strong{color: var(--color-gray-900);font-weight: var(--weight-semibold)}.pricing-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-8);max-width: 1100px;margin: 0 auto}.pricing-card{position: relative;padding: var(--space-8);background: var(--color-surface);border-radius: var(--radius-2xl);border: 2px solid var(--color-border);transition: all var(--transition-base);display: flex;flex-direction: column}.pricing-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-xl);transform: translateY(-4px)}.pricing-card.featured{border-color: var(--color-primary-400);box-shadow: var(--shadow-glow)}.pricing-card-badge{position: absolute;top: -12px;left: 50%;transform: translateX(-50%);padding: var(--space-2) var(--space-4);background: linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color: #ffffff;font-size: var(--text-xs);font-weight: var(--weight-bold);border-radius: var(--radius-full);white-space: nowrap}[dir="rtl"] .pricing-card-badge{left: auto;right: 50%;transform: translateX(50%)}.pricing-card-name{font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--color-gray-900);margin-bottom: var(--space-2)}.pricing-card-desc{font-size: var(--text-sm);color: var(--color-gray-500);margin-bottom: var(--space-6)}.pricing-card-price{display: flex;align-items: baseline;gap: var(--space-2);margin-bottom: var(--space-6);padding-bottom: var(--space-6);border-bottom: 1px solid var(--color-border)}.pricing-currency{font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--color-gray-500)}.pricing-amount{font-size: var(--text-5xl);font-weight: var(--weight-extrabold);color: var(--color-gray-900);line-height: 1}[dir="rtl"] .pricing-amount{font-family: var(--font-primary)}.pricing-period{font-size: var(--text-sm);color: var(--color-gray-500)}.pricing-features{flex: 1;display: flex;flex-direction: column;gap: var(--space-3);margin-bottom: var(--space-8)}.pricing-feature{display: flex;align-items: center;gap: var(--space-3);font-size: var(--text-sm);color: var(--color-gray-600)}.pricing-feature svg{width: 18px;height: 18px;color: var(--color-success);flex-shrink: 0}.pricing-card .btn{width: 100%}.contact-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-12)}.contact-form-wrapper{padding: var(--space-8);background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border)}.form-group{margin-bottom: var(--space-5)}.form-label{display: block;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-gray-700);margin-bottom: var(--space-2)}.form-input,.form-textarea{width: 100%;padding: var(--space-3) var(--space-4);font-size: var(--text-sm);color: var(--color-gray-900);background: var(--color-bg);border: 1.5px solid var(--color-gray-300);border-radius: var(--radius-lg);transition: all var(--transition-fast);outline: none}.form-input:focus,.form-textarea:focus{border-color: var(--color-primary-400);box-shadow: 0 0 0 3px rgba(26,107,171,0.1)}.form-textarea{min-height: 140px;resize: vertical}.form-checkbox{display: flex;align-items: flex-start;gap: var(--space-3);margin-bottom: var(--space-6)}.form-checkbox input[type="checkbox"]{width: 18px;height: 18px;margin-top: 2px;accent-color: var(--color-primary-500)}.form-checkbox label{font-size: var(--text-sm);color: var(--color-gray-600);line-height: var(--leading-relaxed)}.form-checkbox a{color: var(--color-primary-500);font-weight: var(--weight-medium)}.contact-info{display: flex;flex-direction: column;gap: var(--space-6)}.contact-info-card{padding: var(--space-6);background: var(--color-surface);border-radius: var(--radius-xl);border: 1px solid var(--color-border);display: flex;align-items: flex-start;gap: var(--space-4);transition: all var(--transition-base)}.contact-info-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-md)}.contact-info-icon{width: 48px;height: 48px;border-radius: var(--radius-lg);background: var(--color-primary-50);color: var(--color-primary-600);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.contact-info-title{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-1)}.contact-info-text{font-size: var(--text-sm);color: var(--color-gray-500)}.subscription-form-wrapper{max-width: 700px;margin: 0 auto;padding: var(--space-10);background: var(--color-surface);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-lg)}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-5)}.form-select{width: 100%;padding: var(--space-3) var(--space-4);font-size: var(--text-sm);color: var(--color-gray-900);background: var(--color-bg);border: 1.5px solid var(--color-gray-300);border-radius: var(--radius-lg);transition: all var(--transition-fast);outline: none;appearance: none;background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;cursor: pointer}[dir="rtl"] .form-select{background-position: left 12px center}.form-select:focus{border-color: var(--color-primary-400);box-shadow: 0 0 0 3px rgba(26,107,171,0.1)}.page-content{padding: var(--space-16) 0}.page-content h2{font-size: var(--text-3xl);margin-bottom: var(--space-6)}.page-content h3{font-size: var(--text-2xl);margin-top: var(--space-10);margin-bottom: var(--space-4)}.page-content p{margin-bottom: var(--space-6);line-height: var(--leading-relaxed);color: var(--color-gray-600)}.page-content ul{margin-bottom: var(--space-6);padding-left: var(--space-6)}[dir="rtl"] .page-content ul{padding-left: 0;padding-right: var(--space-6)}.page-content li{margin-bottom: var(--space-2);line-height: var(--leading-relaxed);color: var(--color-gray-600)}html.js [data-animate]{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease,transform 0.6s ease}html.js .hero-content[data-animate],html.js .hero-badge[data-animate],html.js .hero-title[data-animate],html.js .hero-visual[data-animate]{opacity: 1;transform: none}html.js .hero-content[data-animate],html.js .hero-badge[data-animate],html.js .hero-title[data-animate]{animation: lexproFirstPaint 0.6s cubic-bezier(0.22,1,0.36,1) 0s backwards}html.js .hero-visual[data-animate]{animation: lexproFirstPaintX 0.6s cubic-bezier(0.22,1,0.36,1) 0s backwards}@keyframes lexproFirstPaint{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: none}}@keyframes lexproFirstPaintX{from{opacity: 0;transform: translateX(30px)}to{opacity: 1;transform: none}}[dir="rtl"] html.js .hero-visual[data-animate],html.js [dir="rtl"] .hero-visual[data-animate]{animation-name: lexproFirstPaintXRtl}@keyframes lexproFirstPaintXRtl{from{opacity: 0;transform: translateX(-30px)}to{opacity: 1;transform: none}}[data-animate].animated{opacity: 1;transform: translateY(0)}html.js [data-animate="fade-left"]{transform: translateX(-30px)}[data-animate="fade-left"].animated{transform: translateX(0)}html.js [data-animate="fade-right"]{transform: translateX(30px)}[data-animate="fade-right"].animated{transform: translateX(0)}[dir="rtl"] [data-animate="fade-left"]{transform: translateX(30px)}[dir="rtl"] [data-animate="fade-left"].animated{transform: translateX(0)}[dir="rtl"] [data-animate="fade-right"]{transform: translateX(-30px)}[dir="rtl"] [data-animate="fade-right"].animated{transform: translateX(0)}@media (max-width: 1200px){.features-grid{grid-template-columns: repeat(3,1fr)}.training-steps{grid-template-columns: repeat(3,1fr)}.training-step::after{display: none}}@media (max-width: 1024px){:root{--container-padding: var(--space-6)}.header-nav{display: none}.header-login{display: none}.header-actions>.lang-toggle,.header-actions>.theme-toggle,.header-actions>.header-cta{display: none}.mobile-menu-toggle{display: flex}.hero-grid{grid-template-columns: minmax(0,1fr);gap: var(--space-12);text-align: center}.hero-grid>*{min-width: 0}.hero-description{margin-inline: auto}.hero-buttons{justify-content: center}.hero-stats{justify-content: center}.hero-visual{max-width: 600px;margin: 0 auto;width: 100%;min-width: 0}.mockup-header,.mockup-search,.mockup-header-right{min-width: 0}.mockup-title{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mockup-sidebar{display: none}.mockup-body{grid-template-columns: 1fr}.mockup-kpi-row{grid-template-columns: repeat(3,1fr)}.mockup-case-name,.mockup-schedule-title{font-size: 10px}.hero-float{display: none}.product-sidebar{width: 56px}.product-sidebar-item span{display: none}.product-sidebar-item{justify-content: center;padding: 10px}.product-kpi-row{grid-template-columns: repeat(2,1fr)}.ps-fin-kpi{grid-template-columns: repeat(2,1fr)}.trusted-grid{grid-template-columns: repeat(2,1fr)}.features-grid{grid-template-columns: repeat(2,1fr)}.feature-detail{grid-template-columns: 1fr}.feature-detail-content{padding-right: 0}[dir="rtl"] .feature-detail-content{padding-left: 0}.security-grid{grid-template-columns: 1fr;gap: var(--space-12)}.security-content{padding-left: 0;text-align: center}[dir="rtl"] .security-content{padding-right: 0}.analytics-cards{grid-template-columns: repeat(2,1fr)}.why-grid{grid-template-columns: repeat(2,1fr)}.stats-grid{grid-template-columns: repeat(2,1fr)}.testimonials-grid{grid-template-columns: 1fr;max-width: 600px;margin: 0 auto}.footer-grid{grid-template-columns: repeat(2,1fr)}.pricing-grid{grid-template-columns: 1fr;max-width: 500px}.blog-grid{grid-template-columns: repeat(2,1fr)}.contact-grid{grid-template-columns: 1fr}.training-steps{grid-template-columns: 1fr;max-width: 400px;margin: 0 auto}.workflow-step{flex-direction: column !important;text-align: center}.workflow-step-content{width: 100% !important;margin: 0 !important}.workflow-step-number{position: relative;left: auto;right: auto;transform: none;margin-bottom: var(--space-4)}.workflow-timeline::before{display: none}}@media (max-width: 768px){:root{--container-padding: var(--space-4)}.section{padding-block: var(--space-16)}.section-lg{padding-block: var(--space-20)}.page-hero{padding: calc(var(--header-height) + var(--space-10)) 0 var(--space-10)}.page-hero-title{font-size: var(--text-3xl)}.section-title{font-size: var(--text-3xl)}.hero-title{font-size: var(--text-4xl)}.trusted-grid{grid-template-columns: 1fr}.features-grid{grid-template-columns: 1fr}.why-grid{grid-template-columns: 1fr}.stats-grid{grid-template-columns: 1fr}.blog-grid{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr;gap: var(--space-8)}.footer-bottom-inner{flex-direction: column;text-align: center}.form-row{grid-template-columns: 1fr}.analytics-cards{grid-template-columns: 1fr}.final-cta-title{font-size: var(--text-3xl)}.subscription-form-wrapper{padding: var(--space-6)}}@media (max-width: 640px){.product-browser-content{min-height: 0}.product-main{min-height: 480px}.product-screen{padding: 14px}.ps-header{gap: 8px;margin-bottom: 12px;padding-bottom: 10px}.ps-title{font-size: 13px;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ps-date{display: none}.ps-action{flex-shrink: 0;font-size: 10px;padding: 4px 8px;white-space: nowrap}.ps-kpi-row,.ps-kpi-row-3,.ps-kpi-row-4,.ps-fin-kpi{grid-template-columns: repeat(2,1fr);gap: 8px}.ps-kpi{padding: 10px;min-width: 0}.ps-kpi-label,.ps-fin-label{font-size: 9px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ps-kpi-val,.ps-fin-val{font-size: 15px}.ps-chart,.ps-fin-chart{height: 56px}.ps-row,.ps-case-row,.ps-task,.ps-event{gap: 8px;padding: 8px 10px}.ps-row-text,.ps-case-info,.ps-task-info,.ps-event-info{min-width: 0}.ps-case-name,.ps-task-name,.ps-event-title,.ps-row-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ps-case-meta,.ps-task-meta,.ps-event-time,.ps-row-sub{font-size: 9px;white-space: nowrap}.ps-row-sub,.ps-badge{flex-shrink: 0}.ps-badge{font-size: 9px;padding: 2px 6px}.ps-cal-day,.ps-cal-hdr{font-size: 9px}.product-cursor{display: none}}@media (max-width: 480px){.hero-title{font-size: var(--text-3xl)}.hero-buttons{flex-direction: column;width: 100%}.hero-buttons .btn{width: 100%}.hero-stats{flex-direction: column;gap: var(--space-6)}.stat-number{font-size: var(--text-4xl)}}@media print{.site-header,.mobile-menu,.back-to-top,.final-cta-section,.site-footer{display: none !important}body{color: #000;background: #fff}.container{max-width: 100%}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}html{scroll-behavior: auto}[data-animate]{opacity: 1;transform: none}}.screen-reader-text{border: 0;clip: rect(1px,1px,1px,1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important}.screen-reader-text:focus{background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000}:focus-visible{outline: 2px solid var(--color-primary-500);outline-offset: 2px}.logo-link .custom-logo{display: block;width: auto;height: 44px;max-width: 220px;transition: height 0.3s ease}.site-header.scrolled .logo-link .custom-logo{height: 36px}.mobile-logo .custom-logo{display: block;width: auto;height: 34px;max-width: 180px}.hero-photo-bg{position: absolute;inset: 0;z-index: 0}.hero-photo-bg img{width: 100%;height: 100%;object-fit: cover;object-position: center}.hero-photo-overlay{position: absolute;inset: 0;background: linear-gradient( 135deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.86) 42%,rgba(255,255,255,0.58) 100% )}[dir="rtl"] .hero-photo-overlay{background: linear-gradient( 225deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.86) 42%,rgba(255,255,255,0.58) 100% )}.hero-section .hero-content,.hero-section .hero-visual{position: relative;z-index: 1}.photo-break-section{position: relative;overflow: hidden}.photo-break-inner{position: relative;height: 400px}.photo-break-inner img{width: 100%;height: 100%;object-fit: cover;object-position: center}.photo-break-overlay{position: absolute;inset: 0;background: linear-gradient(135deg,rgba(15,43,70,0.85) 0%,rgba(26,107,171,0.75) 100%)}.photo-break-overlay-gradient{background: linear-gradient( 135deg,rgba(15,43,70,0.9) 0%,rgba(20,82,130,0.8) 50%,rgba(26,107,171,0.7) 100% )}.photo-break-content{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 1;padding: var(--space-8)}.photo-break-text{font-size: var(--text-3xl);font-weight: var(--weight-extrabold);color: #ffffff;text-align: center;letter-spacing: -0.02em;text-transform: uppercase}[dir="rtl"] .photo-break-text{font-family: var(--font-arabic);letter-spacing: 0;text-transform: none}.photo-break-text-large{font-size: var(--text-5xl)}.photo-break-subtext{font-size: var(--text-lg);color: rgba(255,255,255,0.8);text-align: center;margin-top: var(--space-4);max-width: 600px}.photo-break-split{height: auto}.photo-break-grid{display: grid;grid-template-columns: 1fr 1fr;min-height: 500px}.photo-break-half{position: relative;overflow: hidden}.photo-break-half img{width: 100%;height: 100%;object-fit: cover;display: block}.photo-break-dark{background: linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-800) 100%);display: flex;align-items: center;padding: var(--space-12)}.photo-break-split-content{max-width: 480px}[dir="rtl"] .photo-break-dark{direction: rtl}.photo-break-split-title{font-size: var(--text-3xl);font-weight: var(--weight-extrabold);color: #ffffff;margin-bottom: var(--space-4);letter-spacing: -0.02em;line-height: var(--leading-tight)}[dir="rtl"] .photo-break-split-title{font-family: var(--font-arabic);letter-spacing: 0}.photo-break-split-text{font-size: var(--text-base);color: rgba(255,255,255,0.75);line-height: var(--leading-relaxed);margin-bottom: var(--space-8)}.photo-break-split-stats{display: flex;gap: var(--space-10)}.photo-break-stat{text-align: center}.photo-break-stat-number{display: block;font-size: var(--text-3xl);font-weight: var(--weight-extrabold);color: var(--color-accent-400);line-height: 1;margin-bottom: var(--space-1)}[dir="rtl"] .photo-break-stat-number{font-family: var(--font-primary)}.photo-break-stat-label{font-size: var(--text-xs);color: rgba(255,255,255,0.6);font-weight: var(--weight-medium);text-transform: uppercase;letter-spacing: 0.05em}.workflow-photography-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-6)}.workflow-photo-card{background: var(--color-surface);border-radius: var(--radius-2xl);overflow: hidden;border: 1px solid var(--color-border);transition: all var(--transition-base)}.workflow-photo-card:hover{border-color: var(--color-primary-200);box-shadow: var(--shadow-xl);transform: translateY(-6px)}.workflow-photo-image{position: relative;aspect-ratio: 3/2;overflow: hidden}.workflow-photo-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}.workflow-photo-card:hover .workflow-photo-image img{transform: scale(1.05)}.workflow-photo-number{position: absolute;bottom: var(--space-3);left: var(--space-3);width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.95);backdrop-filter: blur(10px);display: flex;align-items: center;justify-content: center;font-size: var(--text-sm);font-weight: var(--weight-bold);color: var(--color-primary-700);box-shadow: var(--shadow-md)}[dir="rtl"] .workflow-photo-number{left: auto;right: var(--space-3)}.workflow-photo-content{padding: var(--space-5) var(--space-6) var(--space-6)}.workflow-photo-title{font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-2)}.workflow-photo-desc{font-size: var(--text-sm);color: var(--color-gray-500);line-height: var(--leading-relaxed)}.security-photo-wrapper{position: relative;border-radius: var(--radius-2xl);overflow: hidden;box-shadow: var(--shadow-2xl)}.security-photo-wrapper img{width: 100%;height: auto;display: block;aspect-ratio: 6/7;object-fit: cover}.security-photo-badge{position: absolute;bottom: var(--space-6);left: var(--space-6);display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-4);background: rgba(255,255,255,0.95);backdrop-filter: blur(10px);border-radius: var(--radius-xl);box-shadow: var(--shadow-lg);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-primary-700)}[dir="rtl"] .security-photo-badge{left: auto;right: var(--space-6)}.security-photo-badge svg{color: var(--color-success)}.training-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center}.training-photo-stack{position: relative;height: 450px}.training-photo-item{position: absolute;border-radius: var(--radius-2xl);overflow: hidden;box-shadow: var(--shadow-2xl)}.training-photo-item img{width: 100%;height: 100%;object-fit: cover;display: block}.training-photo-main{width: 85%;height: 300px;top: 0;left: 0;z-index: 1}[dir="rtl"] .training-photo-main{left: auto;right: 0}.training-photo-secondary{width: 55%;height: 200px;bottom: 0;right: 0;z-index: 2;border: 4px solid var(--color-bg)}[dir="rtl"] .training-photo-secondary{right: auto;left: 0}.training-content-col .section-badge,.training-content-col .section-title,.training-content-col .section-subtitle{text-align: start}.training-steps-list{display: flex;flex-direction: column;gap: var(--space-5)}.training-step-item{display: flex;align-items: flex-start;gap: var(--space-4);padding: var(--space-4);background: var(--color-bg-alt);border-radius: var(--radius-xl);border: 1px solid var(--color-border-subtle);transition: all var(--transition-base)}.training-step-item:hover{border-color: var(--color-primary-200);background: var(--color-surface);box-shadow: var(--shadow-md)}.training-step-item .training-step-number{margin: 0;width: 40px;height: 40px;min-width: 40px;border-radius: 50%;background: linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color: #ffffff;font-weight: var(--weight-bold);font-size: var(--text-sm);display: flex;align-items: center;justify-content: center}.training-step-item .training-step-title{font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--color-gray-900);margin-bottom: var(--space-1)}.training-step-item .training-step-desc{font-size: var(--text-sm);color: var(--color-gray-500)}.training-step-item>div:not(.training-step-number){flex: 1;min-width: 0}.training-step-item,.training-step-item .training-step-title,.training-step-item .training-step-desc{text-align: start}.photo-break-full .photo-break-inner{height: 500px}@media (max-width: 1024px){.workflow-photography-grid{grid-template-columns: repeat(2,1fr)}.photo-break-grid{grid-template-columns: 1fr}.photo-break-half{min-height: 300px}.photo-break-dark{padding: var(--space-10)}.training-grid{grid-template-columns: 1fr;gap: var(--space-10)}.training-photo-stack{height: 350px;max-width: 500px;margin: 0 auto}}@media (max-width: 768px){.hero-photo-bg img{object-position: 70% 30%}.hero-photo-overlay{background: linear-gradient( 180deg,rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.90) 60%,rgba(255,255,255,0.96) 100% )}.photo-break-inner{height: 300px}.photo-break-text{font-size: var(--text-2xl)}.photo-break-text-large{font-size: var(--text-3xl)}.photo-break-split-stats{gap: var(--space-6)}.photo-break-stat-number{font-size: var(--text-2xl)}.workflow-photography-grid{grid-template-columns: 1fr;max-width: 500px;margin: 0 auto}.training-photo-stack{height: 280px}.training-photo-main{height: 220px}.training-photo-secondary{height: 160px}.security-photo-wrapper img{aspect-ratio: 16/9}.photo-break-full .photo-break-inner{height: 350px}}.header-nav{min-width: 0}.nav-menu{flex-wrap: nowrap}.nav-menu>li>.nav-link,.nav-menu .nav-link{white-space: nowrap}.nav-menu>li>.nav-link{padding-inline: var(--space-3)}@media (max-width: 1400px){.nav-menu>li>.nav-link{padding-inline: var(--space-2);font-size: 0.8125rem}}.sub-menu .nav-link{white-space: normal}.lang-toggle{display: inline-flex;align-items: center;padding: 0.4375rem 0.625rem;border: 1px solid var(--color-border);border-radius: var(--radius-lg);background: var(--color-surface);color: var(--color-gray-700);font-size: var(--text-sm);font-weight: var(--weight-medium);line-height: 1;text-decoration: none;transition: background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.lang-toggle:hover,.lang-toggle:focus-visible{background: var(--color-bg-subtle);color: var(--color-primary-600)}.lang-toggle-icon{width: 1rem;height: 1rem;flex-shrink: 0;display: block}.lang-toggle-label{overflow: hidden;white-space: nowrap;line-height: 1;margin-inline-start: 0.375rem}.theme-toggle{display: inline-flex;align-items: center;gap: 0.125rem;padding: 0.125rem;border: 1px solid var(--color-border);border-radius: var(--radius-lg);transition: gap 0.4s ease}.theme-btn{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden;padding: 0.375rem;border: 0;border-radius: var(--radius-md);background: transparent;color: var(--color-gray-600);cursor: pointer;transition: width 0.4s ease,padding 0.4s ease,opacity 0.4s ease,background-color var(--transition-fast),color var(--transition-fast)}.theme-btn svg{width: 1rem;height: 1rem;display: block}.theme-btn[aria-pressed="true"]{background: var(--color-primary-600);color: #fff}.theme-btn:hover{background: var(--color-bg-subtle);color: var(--color-primary-600)}.theme-btn[aria-pressed="true"]:hover{background: var(--color-primary-600);color: #fff}@media (hover: hover) and (pointer: fine){.lang-toggle-label{max-width: 0;opacity: 0;margin-inline-start: 0;transition: max-width 0.4s ease,opacity 0.4s ease,margin-inline-start 0.4s ease}.lang-toggle:hover .lang-toggle-label,.lang-toggle:focus-visible .lang-toggle-label{max-width: 7rem;opacity: 1;margin-inline-start: 0.375rem}.theme-toggle{gap: 0}.theme-toggle:hover,.theme-toggle:focus-within{gap: 0.125rem}.theme-btn[aria-pressed="false"]{width: 0;padding: 0;opacity: 0}.theme-toggle:hover .theme-btn[aria-pressed="false"],.theme-toggle:focus-within .theme-btn[aria-pressed="false"]{width: 1.75rem;padding: 0.375rem;opacity: 1}.theme-btn[aria-pressed="true"]{background: transparent;color: var(--color-gray-600)}.theme-toggle:hover .theme-btn[aria-pressed="true"],.theme-toggle:focus-within .theme-btn[aria-pressed="true"]{background: var(--color-primary-600);color: #fff}}html.dark{color-scheme: dark;--color-bg: #0b1220;--color-bg-alt: #101a2c;--color-bg-subtle: #16223a;--color-surface: #101a2c;--color-surface-elevated: #16223a;--color-border: #24314d;--color-border-subtle: #1a2438;--color-gray-950: #ffffff;--color-gray-900: #f3f5f9;--color-gray-800: #e2e6ee;--color-gray-700: #c7cedb;--color-gray-600: #9aa5b8;--color-gray-500: #7a8699;--color-gray-400: #5b6678;--color-gray-300: #3d4759;--color-gray-200: #2a3345;--color-gray-100: #1b2436;--color-gray-50: #131c2c;--color-primary-50: #12263d;--color-primary-100: #16324f;--color-primary-200: #1d4165;--color-primary-300: #2a5a86;--color-primary-400: #3d7fb0;--color-primary-500: #4f9ad0;--color-primary-600: #6bb1e0;--color-primary-700: #8fc6ea;--color-primary-800: #b3d9f2;--color-primary-900: #d8ecfa;--color-accent-50: #3a2b06;--color-accent-100: #4d3908;--color-accent-600: #e8a825;--color-accent-700: #f0be4a;--color-accent-800: #f5d47a;--color-accent-900: #fae8b0}html.dark .theme-btn[aria-pressed="true"]{color: #0b1220}@media (hover: hover) and (pointer: fine){html.dark .theme-toggle:hover .theme-btn[aria-pressed="true"],html.dark .theme-toggle:focus-within .theme-btn[aria-pressed="true"]{color: #0b1220}}html.dark .hero-mockup,html.dark .product-browser,html.dark .feature-detail-visual{background: #0e1626}html.dark .hero-mockup-topbar,html.dark .product-browser-topbar{background: #16203350;background: #162033}html.dark .hero-mockup-content,html.dark .product-browser-content{background: linear-gradient(180deg,#0e1626 0%,#162033 100%)}html.dark .site-footer{background: #070c16}html.dark .hero-photo-overlay{background: linear-gradient( 135deg,rgba(11,18,32,0.94) 0%,rgba(11,18,32,0.88) 40%,rgba(11,18,32,0.72) 100% )}html.dark [dir="rtl"] .hero-photo-overlay,[dir="rtl"] html.dark .hero-photo-overlay{background: linear-gradient( 225deg,rgba(11,18,32,0.94) 0%,rgba(11,18,32,0.88) 40%,rgba(11,18,32,0.72) 100% )}html.dark .hero-photo img,html.dark .hero-section>img,html.dark .hero-photo-wrapper img{filter: brightness(0.55) contrast(1.05) saturate(0.85)}html.dark .site-header.scrolled{background: rgba(11,18,32,0.92)}html.dark .blog-card-date,html.dark .workflow-photo-number,html.dark .security-photo-badge{background: rgba(22,32,51,0.95);color: var(--color-gray-900)}html.dark .btn-white{background: #162033;color: var(--color-gray-900)}html.dark .hero-photo-bg img{filter: brightness(0.42) contrast(1.02) saturate(0.7)}html.dark[dir="rtl"] .hero-photo-overlay{background: linear-gradient( 225deg,rgba(11,18,32,0.95) 0%,rgba(11,18,32,0.90) 40%,rgba(11,18,32,0.78) 100% )}html.dark:not([dir="rtl"]) .hero-photo-overlay{background: linear-gradient( 135deg,rgba(11,18,32,0.95) 0%,rgba(11,18,32,0.90) 40%,rgba(11,18,32,0.78) 100% )}.nav-icon{width: 1rem;height: 1rem;flex-shrink: 0;display: block;opacity: 0.75;transition: opacity var(--transition-fast)}.nav-link:hover .nav-icon,.nav-link:focus-visible .nav-icon,.current-menu-item>.nav-link .nav-icon{opacity: 1}.nav-label{white-space: nowrap}.sub-menu .nav-icon{width: 1.05rem;height: 1.05rem}.sub-menu .nav-label{white-space: normal}.nav-menu .nav-link,.mobile-nav-menu .nav-link{gap: 0.5rem}@media (max-width: 1400px){.nav-menu>li>.nav-link{gap: 0.375rem}}.footer-logo .custom-logo{display: block;width: auto;height: 40px;max-width: 200px}body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li>.nav-link,body:has(.page-hero) .site-header:not(.scrolled) .header-login,body:has(.page-hero) .site-header:not(.scrolled) .lang-toggle,body:has(.page-hero) .site-header:not(.scrolled) .theme-btn,body.has-page-hero .site-header:not(.scrolled) .nav-menu>li>.nav-link,body.has-page-hero .site-header:not(.scrolled) .header-login,body.has-page-hero .site-header:not(.scrolled) .lang-toggle,body.has-page-hero .site-header:not(.scrolled) .theme-btn{color: rgba(255,255,255,0.92)}body:has(.page-hero) .site-header:not(.scrolled) .lang-toggle,body:has(.page-hero) .site-header:not(.scrolled) .theme-toggle,body.has-page-hero .site-header:not(.scrolled) .lang-toggle,body.has-page-hero .site-header:not(.scrolled) .theme-toggle{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.28)}body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li>.nav-link:hover,body:has(.page-hero) .site-header:not(.scrolled) .lang-toggle:hover,body:has(.page-hero) .site-header:not(.scrolled) .theme-btn:hover,body.has-page-hero .site-header:not(.scrolled) .nav-menu>li>.nav-link:hover,body.has-page-hero .site-header:not(.scrolled) .lang-toggle:hover,body.has-page-hero .site-header:not(.scrolled) .theme-btn:hover{color: #fff;background: rgba(255,255,255,0.16)}body:has(.page-hero) .site-header:not(.scrolled) .theme-btn[aria-pressed="true"],body.has-page-hero .site-header:not(.scrolled) .theme-btn[aria-pressed="true"]{background: rgba(255,255,255,0.22);color: #fff}body:has(.page-hero) .site-header:not(.scrolled) .hamburger-line,body.has-page-hero .site-header:not(.scrolled) .hamburger-line{background: #fff}.section-cta-line{margin: var(--space-10) 0 0;text-align: center}.link-arrow{display: inline-flex;align-items: center;gap: 0.5rem;font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--color-primary-600);text-decoration: none;padding: var(--space-2) var(--space-3);border-radius: var(--radius-lg);transition: color var(--transition-fast),background-color var(--transition-fast),gap var(--transition-fast)}.link-arrow:hover,.link-arrow:focus-visible{color: var(--color-primary-700);background: var(--color-primary-50);gap: 0.75rem}[dir="rtl"] .link-arrow svg{transform: scaleX(-1)}.mobile-lang-switcher .lang-toggle-label{max-width: none;opacity: 1;margin-inline-start: 0.5rem}.features-hint{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin: var(--space-4) 0 0;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-primary-600)}.features-hint svg{width: 1.15rem;height: 1.15rem;flex-shrink: 0}.feature-card.active::after{content: "";position: absolute;bottom: -9px;left: 50%;width: 16px;height: 16px;background: var(--color-primary-600);transform: translateX(-50%) rotate(45deg);border-radius: 3px;z-index: 2}.feature-card:hover,.feature-card:focus-visible{border-color: var(--color-primary-300)}.feature-card:focus-visible{outline: 2px solid var(--color-primary-600);outline-offset: 3px}.feature-card::before{content: attr(data-cta);position: absolute;inset-inline: 0;bottom: var(--space-3);font-size: 0.6875rem;font-weight: var(--weight-semibold);letter-spacing: 0.02em;color: var(--color-primary-600);opacity: 0;transform: translateY(4px);transition: opacity var(--transition-fast),transform var(--transition-fast);pointer-events: none}.feature-card:hover::before,.feature-card:focus-visible::before{opacity: 1;transform: translateY(0)}.feature-card.active::before{opacity: 0}.feature-card{padding-bottom: var(--space-10)}.feature-detail{scroll-margin-top: calc(var(--header-height) + var(--space-6))}@media (prefers-reduced-motion: reduce){.feature-card,.feature-card::before{transition: none}}body:has(.page-hero) .site-header:not(.scrolled) .sub-menu .nav-link,body.has-page-hero .site-header:not(.scrolled) .sub-menu .nav-link{color: var(--color-gray-700)}body:has(.page-hero) .site-header:not(.scrolled) .sub-menu .nav-link:hover,body.has-page-hero .site-header:not(.scrolled) .sub-menu .nav-link:hover{color: var(--color-primary-600);background: var(--color-primary-50)}.analytics-card{transition: transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.analytics-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--color-primary-200)}.analytics-card-change{transition: transform var(--transition-fast)}.analytics-card:hover .analytics-card-change{transform: scale(1.05)}.analytics-chart-bar{height: 0 !important;transition: height 1s cubic-bezier(0.4,0,0.2,1)}.analytics-chart-bar.animated{height: var(--target-height) !important}.analytics-chart-bar:hover{opacity: 0.8;transform: scaleY(1.02);transform-origin: bottom}.analytics-dashboard{transition: box-shadow var(--transition-base)}.analytics-dashboard:hover{box-shadow: 0 25px 60px -12px rgba(0,0,0,0.15)}.analytics-header{transition: border-color var(--transition-base)}.analytics-dashboard:hover .analytics-header{border-color: var(--color-primary-200)}.logo-link .custom-logo--light,.mobile-logo .custom-logo--light,.footer-logo .custom-logo--light,.custom-logo--light{display: none}.footer-logo .custom-logo:not(.custom-logo--light){display: none}.footer-logo .custom-logo--light{display: block}html.dark .logo-link .custom-logo:not(.custom-logo--light),html.dark .mobile-logo .custom-logo:not(.custom-logo--light){display: none}html.dark .logo-link .custom-logo--light,html.dark .mobile-logo .custom-logo--light{display: block}body:has(.page-hero) .site-header:not(.scrolled) .logo-link .custom-logo:not(.custom-logo--light),body.has-page-hero .site-header:not(.scrolled) .logo-link .custom-logo:not(.custom-logo--light){display: none}body:has(.page-hero) .site-header:not(.scrolled) .logo-link .custom-logo--light,body.has-page-hero .site-header:not(.scrolled) .logo-link .custom-logo--light{display: block}.mobile-menu{overflow: hidden}.site-content{overflow-x: clip}.footer-tagline{color: var(--color-gray-400)}.footer-copyright{color: var(--color-gray-300)}.hero-mockup .mockup-label,.hero-mockup-content .mockup-sub{color: var(--color-gray-600)}@media (min-width: 700px) and (max-width: 1024px){.features-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-5)}.trusted-grid,.why-grid,.blog-grid,.stats-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--space-6)}.footer-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-10) var(--space-8)}.training-grid,.product-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-8);align-items: center}.hero-visual{max-width: 640px}.section-lg{padding-block: var(--space-16)}}@media (min-width: 900px) and (max-width: 1024px){.features-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.theme-btn,.lang-toggle,.mobile-menu-toggle,.mobile-menu-close,.social-link{position: relative}.theme-btn::after,.lang-toggle::after,.mobile-menu-toggle::after,.mobile-menu-close::after,.social-link::after{content: "";position: absolute;top: 50%;left: 50%;width: 44px;height: 44px;transform: translate(-50%,-50%);pointer-events: auto}.header-cta,.header-login,.btn-block,.btn-sm{min-height: 44px;align-items: center;justify-content: center}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role="tab"]:focus-visible,.btn:focus-visible,.nav-link:focus-visible,.theme-btn:focus-visible,.lang-toggle:focus-visible,.feature-card:focus-visible,.social-link:focus-visible,.footer-links a:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-menu-close:focus-visible,.back-to-top:focus-visible{outline-style: solid;outline-width: 2px;outline-color: #1a6bab;outline-offset: 3px;border-radius: var(--radius-sm)}.site-header:not(.scrolled) a:focus-visible,.site-header:not(.scrolled) button:focus-visible,.page-hero a:focus-visible,.site-footer a:focus-visible,.site-footer button:focus-visible,.ipage-callout a:focus-visible,.final-cta-section a:focus-visible{outline-color: #ffffff}[data-animate].stagger-1{transition-delay: 0.05s}[data-animate].stagger-2{transition-delay: 0.1s}[data-animate].stagger-3{transition-delay: 0.15s}[data-animate].stagger-4{transition-delay: 0.2s}[data-animate].stagger-5{transition-delay: 0.3s}[data-animate].stagger-6{transition-delay: 0.4s}[data-animate].stagger-7{transition-delay: 0.5s}@media (prefers-reduced-motion: reduce){[data-animate][class*="stagger-"]{transition-delay: 0s}html.js .hero-content[data-animate],html.js .hero-badge[data-animate],html.js .hero-title[data-animate],html.js .hero-visual[data-animate]{animation: none;opacity: 1;transform: none}.hero-mockup{animation: none}.hero-mockup .mockup-progress-fill{transform: none;transition: none}.hero-mockup .mockup-progress-fill::after{animation: none}.hero-mockup .mockup-notif-badge{animation: none}.hero-mockup .mockup-sidebar-icon.active{animation: none}.hero-mockup .mockup-kpi-value,.hero-mockup .mockup-kpi-trend,.hero-mockup .mockup-case-row,.hero-mockup .mockup-schedule-item,.hero-mockup .mockup-sidebar-icon{opacity: 1;transform: none;transition: none}.feature-visual-body{transition: none}.feature-visual-body.fv-exit{opacity: 1;transform: none}.fv-chart-bar{transition: none}.fv-progress-fill{transition: none}.product-cursor{transition: none}.product-screen.active{animation: none}}.post-nav-row{display: flex;gap: var(--space-4)}.post-nav-link{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--color-gray-500);transition: color var(--transition-fast,0.2s ease)}.post-nav-link:hover{color: var(--color-primary-500)}.prose-container{max-width: 800px;margin-inline: auto}.benefit-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-4)}.benefit-item{display: flex;align-items: flex-start;gap: var(--space-3);font-size: var(--text-sm);color: var(--color-gray-600)}.benefit-item>svg{flex-shrink: 0;margin-top: 3px}@media (max-width: 600px){.benefit-grid{grid-template-columns: 1fr}}html:not(.js) [data-animate]{opacity: 1;transform: none;transition: none}.form-group--recaptcha{margin-block: var(--space-6);max-width: 100%;overflow-x: auto}.form-group--recaptcha .g-recaptcha{display: inline-block}.form-notice{margin-bottom: var(--space-6);padding: var(--space-4) var(--space-5);border-radius: var(--radius-xl);border-inline-start: 3px solid;font-size: var(--text-sm);line-height: 1.7}.form-notice--success{background: var(--color-success-50,#e8f6f0);border-color: var(--color-success,#16785c);color: var(--color-success-800,#0f5741)}.form-notice--error{background: var(--color-danger-50,#fbeaea);border-color: var(--color-danger,#b03b3b);color: var(--color-danger-800,#7d2a2a)}.nav-menu>li.current-menu-item>.nav-link,.nav-menu>li.current_page_item>.nav-link,.nav-menu>li.current-menu-ancestor>.nav-link,.nav-menu>li.current-menu-parent>.nav-link,.nav-menu>li.current-page-ancestor>.nav-link{color: var(--color-primary-600);font-weight: var(--weight-semibold)}.nav-menu>li.current-menu-item>.nav-link::before,.nav-menu>li.current_page_item>.nav-link::before,.nav-menu>li.current-menu-ancestor>.nav-link::before,.nav-menu>li.current-menu-parent>.nav-link::before,.nav-menu>li.current-page-ancestor>.nav-link::before{content: "";position: absolute;inset-inline: 12px;bottom: 2px;height: 2px;border-radius: 2px;background: var(--color-primary-500)}.nav-menu>li>.nav-link{position: relative}body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li.current-menu-item>.nav-link,body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li.current-menu-ancestor>.nav-link,body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li.current-menu-parent>.nav-link,body.has-page-hero .site-header:not(.scrolled) .nav-menu>li.current-menu-item>.nav-link,body.has-page-hero .site-header:not(.scrolled) .nav-menu>li.current-menu-ancestor>.nav-link,body.has-page-hero .site-header:not(.scrolled) .nav-menu>li.current-menu-parent>.nav-link{color: #fff}body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li.current-menu-item>.nav-link::before,body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li.current-menu-ancestor>.nav-link::before,body:has(.page-hero) .site-header:not(.scrolled) .nav-menu>li.current-menu-parent>.nav-link::before,body.has-page-hero .site-header:not(.scrolled) .nav-menu>li.current-menu-item>.nav-link::before,body.has-page-hero .site-header:not(.scrolled) .nav-menu>li.current-menu-ancestor>.nav-link::before{background: #fff}.blog .site-header .nav-menu>li.current-menu-item>.nav-link,.single-post .site-header .nav-menu>li.current-menu-item>.nav-link,.archive .site-header .nav-menu>li.current-menu-item>.nav-link,.category .site-header .nav-menu>li.current-menu-item>.nav-link,.blog .site-header .nav-menu>li.current-menu-ancestor>.nav-link,.single-post .site-header .nav-menu>li.current-menu-ancestor>.nav-link{color: var(--color-primary-600)}.blog .site-header .nav-menu>li.current-menu-item>.nav-link::before,.single-post .site-header .nav-menu>li.current-menu-item>.nav-link::before,.archive .site-header .nav-menu>li.current-menu-item>.nav-link::before,.category .site-header .nav-menu>li.current-menu-item>.nav-link::before{background: var(--color-primary-500)}.sub-menu>li.current-menu-item>.nav-link,.sub-menu>li.current_page_item>.nav-link,.sub-menu>li.current-menu-ancestor>.nav-link{background: var(--color-primary-50);color: var(--color-primary-700);font-weight: var(--weight-semibold)}.sub-menu>li.current-menu-item>.nav-link .nav-icon,.sub-menu>li.current_page_item>.nav-link .nav-icon{color: var(--color-primary-600)}.mobile-nav-menu li.current-menu-item>a,.mobile-nav-menu li.current_page_item>a,.mobile-nav-menu li.current-menu-ancestor>a{color: var(--color-primary-700);font-weight: var(--weight-semibold);background: var(--color-primary-50);border-radius: var(--radius-lg)}html.dark .sub-menu>li.current-menu-item>.nav-link,html.dark .sub-menu>li.current_page_item>.nav-link,html.dark .mobile-nav-menu li.current-menu-item>a{background: rgba(90,166,221,0.16);color: #cfe6f8}.footer-links li{position: relative;padding-inline-start: 14px}.footer-links li::before{content: "";position: absolute;inset-inline-start: 0;top: 0.7em;width: 5px;height: 5px;border-radius: 50%;background: var(--color-primary-500);opacity: 0.75;transition: opacity 0.2s ease,transform 0.2s ease}.footer-links li:hover::before{opacity: 1;transform: scale(1.35)}@media (min-width: 1100px){.footer-grid{grid-template-columns: minmax(0,1.5fr) repeat(5,minmax(0,1fr));gap: var(--space-8)}}@media (min-width: 700px) and (max-width: 1099px){.footer-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-10) var(--space-8)}}.pricing-grid{align-items: start}.pricing-card{display: flex;flex-direction: column;height: 100%;transition: transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.pricing-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg,0 18px 40px -18px rgba(15,43,70,0.28))}.pricing-card.featured{box-shadow: 0 22px 55px -20px rgba(15,43,70,0.38)}.pricing-card-head{display: flex;align-items: center;gap: var(--space-4);margin-bottom: var(--space-5)}.pricing-card-icon{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 44px;height: 44px;border-radius: var(--radius-xl);background: var(--color-primary-50);color: var(--color-primary-600)}.pricing-card.featured .pricing-card-icon{background: var(--color-primary-600);color: #fff}.pricing-card-head .pricing-card-name{margin: 0}.pricing-card-head .pricing-card-desc{margin: 2px 0 0}.pricing-card-annual{margin: var(--space-2) 0 var(--space-6);font-size: var(--text-sm);color: var(--color-gray-500);font-variant-numeric: tabular-nums}.pricing-inherits{margin: var(--space-6) 0 var(--space-3);padding-top: var(--space-5);border-top: 1px solid var(--color-border);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-gray-700)}.pricing-features{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: var(--space-3)}.pricing-feature{display: flex;align-items: flex-start;gap: var(--space-3);font-size: var(--text-sm);line-height: 1.6;color: var(--color-gray-600)}.pricing-feature>svg{flex-shrink: 0;margin-top: 2px;color: var(--color-success,#16785c)}.pricing-notes{list-style: none;margin: var(--space-12) auto 0;padding: 0;max-width: 62ch;display: flex;flex-direction: column;gap: var(--space-3)}.pricing-notes li{display: flex;align-items: flex-start;gap: var(--space-3);font-size: var(--text-sm);line-height: 1.7;color: var(--color-gray-500);text-align: start}.pricing-notes svg{flex-shrink: 0;margin-top: 3px;color: var(--color-primary-500)}.pricing-notes a{color: var(--color-primary-600);text-decoration: underline;text-underline-offset: 3px}@media (prefers-reduced-motion: reduce){.pricing-card{transition: none}.pricing-card:hover{transform: none}}.pricing-toggle{display: flex;justify-content: center;margin-bottom: var(--space-10)}.pricing-toggle-track{display: inline-flex;gap: 4px;padding: 4px;border-radius: var(--radius-full,999px);background: var(--color-bg-alt);border: 1px solid var(--color-border)}.pricing-toggle-btn{display: inline-flex;align-items: center;gap: var(--space-2);min-height: 44px;padding-inline: var(--space-5);border: 0;border-radius: var(--radius-full,999px);background: transparent;color: var(--color-gray-600);font-family: inherit;font-size: var(--text-sm);font-weight: var(--weight-medium);cursor: pointer;transition: background-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease}.pricing-toggle-btn:hover{color: var(--color-primary-600)}.pricing-toggle-btn.is-active{background: var(--color-surface);color: var(--color-gray-900);font-weight: var(--weight-semibold);box-shadow: var(--shadow-sm,0 1px 3px rgba(16,31,43,0.12))}.pricing-toggle-save{padding: 2px 8px;border-radius: var(--radius-full,999px);background: var(--color-success-50,#e3f4ee);color: var(--color-success,#16785c);font-size: var(--text-xs);font-weight: var(--weight-semibold);white-space: nowrap}.pricing-card-save{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--space-2);margin: calc(var(--space-2) * -1) 0 var(--space-6);font-size: var(--text-sm)}.pricing-card-save[hidden]{display: none}.pricing-was{color: var(--color-gray-400);text-decoration-thickness: 1px}.pricing-saved{color: var(--color-success,#16785c);font-weight: var(--weight-semibold)}html.dark .pricing-toggle-track{background: rgba(255,255,255,0.04)}html.dark .pricing-toggle-btn.is-active{background: rgba(255,255,255,0.10);color: #fff}@media (max-width: 480px){.pricing-toggle-track{width: 100%}.pricing-toggle-btn{flex: 1;justify-content: center;padding-inline: var(--space-3)}}.pricing-included{margin-bottom: var(--space-10);padding: var(--space-6) var(--space-8);border-radius: var(--radius-2xl);background: linear-gradient(135deg,var(--color-primary-900,#0f2b46) 0%,var(--color-primary-700,#145282) 100%);color: #fff}.pricing-included-label{margin: 0 0 var(--space-4);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255,255,255,0.72)}.pricing-included-list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-6)}.pricing-included-list li{display: flex;align-items: flex-start;gap: var(--space-4)}.pricing-included-list svg{flex-shrink: 0;margin-top: 2px;color: var(--color-accent-400,#f5b942)}.pricing-included-list strong{display: block;margin-bottom: 2px;font-size: var(--text-base);font-weight: var(--weight-semibold);color: #fff}.pricing-included-list span{font-size: var(--text-sm);line-height: 1.7;color: rgba(255,255,255,0.78)}@media (max-width: 700px){.pricing-included{padding: var(--space-5) var(--space-6)}.pricing-included-list{grid-template-columns: minmax(0,1fr);gap: var(--space-5)}}.pricing-grid + .pricing-included{margin-top: var(--space-12);margin-bottom: 0}.pricing-included + .pricing-notes{margin-top: var(--space-8)}.mobile-theme-switcher{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-bottom: var(--space-4)}.mobile-theme-label{font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-gray-600)}html.dark .mobile-theme-label{color: var(--color-gray-300)}body.home .site-content>section:not(.hero-section){content-visibility: auto;contain-intrinsic-size: auto 900px}html.js [data-animate].animated{opacity: 1;transform: translateY(0)}html.js [data-animate="fade-left"].animated,html.js [data-animate="fade-right"].animated{transform: translateX(0)}@media print{html.js [data-animate]{opacity: 1 !important;transform: none !important}}@media (prefers-reduced-motion: reduce){html.js [data-animate]{opacity: 1;transform: none}}.nav-menu>li.has-dropdown>.sub-menu{display: grid;grid-template-rows: repeat(4,auto);grid-auto-flow: column;grid-auto-columns: max-content;column-gap: var(--space-1);row-gap: 2px}.nav-menu>li.has-dropdown>.sub-menu .nav-link,.nav-menu>li.has-dropdown>.sub-menu .nav-label{white-space: nowrap}@media (max-width: 1200px){.nav-menu>li.has-dropdown>.sub-menu{grid-template-rows: repeat(6,auto)}}