/* /eagle_website/static/src/css/tabler-icons-local.css */
 @font-face{font-family: 'tabler-icons'; font-style: normal; font-weight: 400; font-display: block; src: local('tabler-icons'), url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.0.0/dist/fonts/tabler-icons.woff2?v3.0.0') format('woff2'), url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.0.0/dist/fonts/tabler-icons.woff?v3.0.0') format('woff'), url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.0.0/dist/fonts/tabler-icons.ttf?v3.0.0') format('truetype');}.ti{font-family: 'tabler-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.ti-arrow-narrow-right:before{content: "\f64f";}.ti-arrow-right:before{content: "\ea35";}.ti-box:before{content: "\eb12";}.ti-briefcase:before{content: "\eb14";}.ti-broadcast:before{content: "\ed6b";}.ti-bug:before{content: "\eb1c";}.ti-building-factory-2:before{content: "\f020";}.ti-building-skyscraper:before{content: "\eb1e";}.ti-bulb:before{content: "\eb1f";}.ti-cash:before{content: "\eb2b";}.ti-cash-register:before{content: "\ef7b";}.ti-chart-line:before{content: "\eb39";}.ti-checklist:before{content: "\eb43";}.ti-circle:before{content: "\ef4f";}.ti-circle-check:before{content: "\eb44";}.ti-code:before{content: "\eb68";}.ti-coin:before{content: "\eb6b";}.ti-crane:before{content: "\ed3a";}.ti-eye:before{content: "\ebce";}.ti-file-invoice:before{content: "\ef4b";}.ti-file-search:before{content: "\ed45";}.ti-headset:before{content: "\ec18";}.ti-heart-handshake:before{content: "\f0a9";}.ti-lifebuoy:before{content: "\ec5c";}.ti-mail:before{content: "\ec71";}.ti-map-pin:before{content: "\ec72";}.ti-messages:before{content: "\ec7f";}.ti-package:before{content: "\ecbf";}.ti-phone:before{content: "\eccc";}.ti-plant:before{content: "\ef5f";}.ti-plus:before{content: "\ebd4";}.ti-rocket:before{content: "\ecf5";}.ti-scale:before{content: "\ed13";}.ti-school:before{content: "\ed15";}.ti-send:before{content: "\ed1d";}.ti-settings:before{content: "\ed20";}.ti-settings-automation:before{content: "\f063";}.ti-shield-lock:before{content: "\ed29";}.ti-shopping-cart:before{content: "\ed2e";}.ti-target-arrow:before{content: "\f0cc";}.ti-ticket:before{content: "\ed37";}.ti-tools:before{content: "\ed40";}.ti-users:before{content: "\ed54";}.ti-users-group:before{content: "\f25a";}.ti-world:before{content: "\ed61";}

/* /eagle_website/static/src/css/eagle_website.css */
 :root{--bg-light: #C9B5C5; --bg-mid: #9F8AA0; --bg-dim: #7A6679; --bg-deep: #5E4D60; --odoo-purple-base: #714B67; --odoo-purple-mid: #875A7B; --odoo-purple-light:#A878A0; --odoo-lavender: #D4B6CB; --odoo-pink-glow: #F0CFE3; --text-strong: #FFFFFF; --text-soft: #F5EDF1; --text-dim: rgba(255, 255, 255, 0.72); --text-faint: rgba(255, 255, 255, 0.45); --glow-purple: rgba(135, 90, 123, 0.45); --glow-pink: rgba(240, 207, 227, 0.5); --font-display: 'Sora', sans-serif; --font-body: 'Manrope', sans-serif; --font-display-ar: 'Tajawal', sans-serif; --font-body-ar: 'IBM Plex Sans Arabic', sans-serif;}*{margin: 0; padding: 0; box-sizing: border-box;}html{scroll-behavior: smooth;}html, body{width: 100%; min-height: 100%; color: var(--text-strong); font-family: var(--font-body); cursor: default; background: radial-gradient(ellipse at 20% 20%, var(--bg-light) 0%, transparent 55%), radial-gradient(ellipse at 80% 80%, var(--odoo-purple-light) 0%, transparent 55%), radial-gradient(ellipse at 50% 50%, var(--bg-mid) 0%, var(--bg-dim) 70%, var(--bg-deep) 100%); background-attachment: fixed;}html{overflow-x: hidden;}body{overflow-x: hidden; cursor: default; max-width: 100vw;}body.intro-locked{overflow: hidden; height: 100vh;}[dir="rtl"]{font-family: var(--font-body-ar);}.void{position: fixed; inset: 0; overflow: hidden; z-index: 0; pointer-events: none;}.aurora{position: absolute; border-radius: 50%; filter: blur(140px); opacity: 0.45; animation: drift 35s ease-in-out infinite;}.aurora-1{width: 900px; height: 900px; background: radial-gradient(circle, var(--odoo-pink-glow), transparent 65%); top: -280px; right: -250px;}.aurora-2{width: 750px; height: 750px; background: radial-gradient(circle, var(--odoo-lavender), transparent 65%); bottom: -200px; left: -180px; animation-delay: -12s;}.aurora-3{width: 500px; height: 500px; background: radial-gradient(circle, #FFFFFF, transparent 70%); top: 40%; right: 50%; opacity: 0.15; animation-delay: -22s;}@keyframes drift{0%, 100%{transform: translate(0, 0) scale(1);}33%{transform: translate(-80px, -50px) scale(1.1);}66%{transform: translate(50px, 60px) scale(0.95);}}.grid-overlay{position: fixed; inset: 0; z-index: 1; background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(-90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 70px 70px; pointer-events: none; mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);}.cursor-dot, .stage-intro{position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; overflow: hidden; transition: opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1);}.stage-intro.hidden{opacity: 0; pointer-events: none !important;}.logo-stage{position: relative; width: 480px; height: 480px; animation: logoIn 3s cubic-bezier(0.22, 1, 0.36, 1) both;}@keyframes logoIn{0%{opacity: 0; transform: scale(0.5) rotate(4deg);}50%{opacity: 1;}100%{opacity: 1; transform: scale(1) rotate(0);}}.logo-glow-ring{position: absolute; inset: -80px; border-radius: 50%; background: radial-gradient(circle, var(--glow-pink) 0%, transparent 60%); filter: blur(60px); animation: glowPulse 4s ease-in-out infinite;}@keyframes glowPulse{0%, 100%{transform: scale(1); opacity: 0.7;}50%{transform: scale(1.12); opacity: 1;}}.logo-img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 8px 30px rgba(95, 77, 96, 0.4)); transition: opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1), transform 1.4s cubic-bezier(0.4, 0, 0.2, 1), filter 1.4s cubic-bezier(0.4, 0, 0.2, 1); will-change: opacity, transform, filter;}.logo-img.charging{transform: scale(1.05); filter: drop-shadow(0 8px 30px var(--glow-pink)) brightness(1.15);}.logo-img.dissolving{opacity: 0; transform: scale(1.2); filter: drop-shadow(0 0 100px var(--glow-pink)) brightness(1.3) blur(6px);}.shard{position: absolute; right: 50%; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--text-strong); box-shadow: 0 0 8px var(--text-strong), 0 0 16px var(--glow-pink); transform: translate(50%, -50%) scale(0); opacity: 0; pointer-events: none; will-change: transform, opacity;}.shard.live{transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.8s cubic-bezier(0.4, 0, 0.2, 1);}.center-pulse{position: absolute; right: 50%; top: 50%; width: 18px; height: 18px; border-radius: 50%; background: var(--text-strong); transform: translate(50%, -50%) scale(0); box-shadow: 0 0 20px var(--text-strong), 0 0 50px var(--glow-pink), 0 0 100px var(--glow-pink); opacity: 0; pointer-events: none; transition: opacity 0.6s, transform 0.6s;}.stage-intro.charging .center-pulse{opacity: 1; transform: translate(50%, -50%) scale(1); animation: chargeRing 0.9s ease-in-out infinite;}@keyframes chargeRing{0%, 100%{box-shadow: 0 0 20px var(--text-strong), 0 0 50px var(--glow-pink), 0 0 100px var(--glow-pink);}50%{box-shadow: 0 0 35px var(--text-strong), 0 0 80px var(--glow-pink), 0 0 160px var(--glow-pink);}}.scatter-particles{position: absolute; inset: 0; pointer-events: none;}.particle{position: absolute; right: 50%; top: 50%; width: 80px; height: 80px; border-radius: 20px; background: linear-gradient(-135deg, rgba(255,255,255,0.98), rgba(248,230,240,0.92)); border: 1.5px solid var(--text-strong); box-shadow: 0 0 0 1px rgba(135, 90, 123, 0.4), 0 10px 35px var(--glow-purple), 0 0 60px var(--glow-pink); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translate(50%, -50%) scale(0.15); will-change: transform, opacity;}.particle i{font-size: 36px; color: var(--odoo-purple-base);}.particle-label{position: absolute; bottom: -30px; right: 50%; transform: translateX(50%); font-family: var(--font-display); font-size: 11px; font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; color: var(--text-strong); white-space: nowrap; opacity: 0; text-shadow: 0 2px 12px rgba(0,0,0,0.45); transition: opacity 0.7s 0.5s;}[dir="rtl"] .particle-label{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 12px;}.particle.emerging{transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1); opacity: 1; transform: translate(50%, -50%) scale(1);}.particle.flying{transition: opacity 2.4s cubic-bezier(0.4, 0, 0.2, 1), transform 2.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 1;}.particle.flying .particle-label{opacity: 1;}.particle.fading{transition: opacity 1.4s ease-out, transform 1.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0;}.intro-corner-tl, .intro-corner-tr, .intro-corner-bl, .intro-corner-br{position: absolute; font-family: var(--font-display); font-size: 11px; font-weight: 600; letter-spacing: 0.28em; color: var(--text-dim); text-transform: uppercase; animation: cornerIn 1.6s 1.6s cubic-bezier(0.22, 1, 0.36, 1) both; transition: opacity 1s;}[dir="rtl"] .intro-corner-tl, [dir="rtl"] .intro-corner-tr, [dir="rtl"] .intro-corner-bl, [dir="rtl"] .intro-corner-br{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 12px;}.intro-corner-tl{top: 40px; right: 44px;}.intro-corner-tr{top: 40px; left: 44px;}.intro-corner-bl{bottom: 40px; right: 44px;}.intro-corner-br{bottom: 40px; left: 44px;}@keyframes cornerIn{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}}.intro-corner-tl em, .intro-corner-tr em, .intro-corner-bl em, .intro-corner-br em{font-style: normal; color: var(--text-strong);}.stage-intro.scattering .intro-corner-tl, .stage-intro.scattering .intro-corner-tr, .stage-intro.scattering .intro-corner-bl, .stage-intro.scattering .intro-corner-br{opacity: 0;}.hint-row{position: absolute; bottom: 13%; right: 50%; transform: translateX(50%); display: flex; align-items: center; gap: 18px; font-family: var(--font-display); font-size: 12px; font-weight: 600; letter-spacing: 0.4em; text-transform: uppercase; color: var(--text-strong); opacity: 0; animation: hintFadeIn 1s 3s ease-out forwards, hintBlink 2.2s 4s ease-in-out infinite; transition: opacity 0.6s;}[dir="rtl"] .hint-row{letter-spacing: 0; font-family: var(--font-display-ar); font-size: 14px;}@keyframes hintFadeIn{to{opacity: 1;}}@keyframes hintBlink{0%, 100%{opacity: 0.55;}50%{opacity: 1;}}.stage-intro.scattering .hint-row{opacity: 0 !important; animation: none;}.hint-line{width: 70px; height: 1px; background: linear-gradient(-90deg, transparent, var(--text-strong), transparent);}.site-header{position: fixed; top: 0; right: 0; left: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; padding: 18px 44px; background: rgba(94, 77, 96, 0.45); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.1); opacity: 0; transform: translateY(-20px); transition: opacity 0.8s, transform 0.8s; overflow: visible; height: 96px; box-sizing: border-box;}.site-header.live{opacity: 1; transform: translateY(0);}.logo-small{display: flex; align-items: center; gap: 16px; cursor: pointer; text-decoration: none; color: inherit;}.logo-small:hover, .logo-small:visited, .logo-small:active, .logo-small:focus{text-decoration: none; color: inherit; outline: none;}.logo-small *, .logo-small *:hover, .logo-small *:visited{text-decoration: none !important; border-bottom: none !important;}.logo-small-img{width: 140px; height: 140px; object-fit: contain; filter: drop-shadow(0 0 12px var(--glow-pink)); margin-top: -28px; margin-bottom: -28px; flex-shrink: 0;}.logo-small-text{display: flex; flex-direction: column; line-height: 1.1;}.logo-small-text strong{font-family: var(--font-display); font-size: 24px; font-weight: 700; letter-spacing: 0.04em; color: var(--text-strong);}.logo-small-text strong em{font-style: normal; color: var(--odoo-lavender);}.logo-small-text span{font-family: var(--font-display); font-size: 12px; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color: var(--text-dim); margin-top: 4px;}[dir="rtl"] .logo-small-text strong{font-family: var(--font-display-ar);}[dir="rtl"] .logo-small-text span{letter-spacing: 0; font-family: var(--font-display-ar); font-size: 11px;}.hero-nav{display: flex; gap: 24px; align-items: center;}.hero-nav a{font-family: var(--font-display); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; color: var(--text-dim); text-decoration: none; transition: color 0.3s; cursor: pointer; pointer-events: auto; position: relative; cursor: default;}.hero-nav a:hover{color: var(--text-strong);}.hero-nav a.active{color: var(--text-strong);}.hero-nav a.active::after{content: ''; position: absolute; bottom: -12px; right: 50%; transform: translateX(50%); width: 5px; height: 5px; background: var(--text-strong); border-radius: 50%; box-shadow: 0 0 10px var(--glow-pink);}[dir="rtl"] .hero-nav a{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 13px;}.lang-toggle{display: flex; align-items: center; gap: 2px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 100px; padding: 4px;}.lang-toggle button{background: transparent; border: none; color: var(--text-dim); font-family: var(--font-display); font-size: 11px; font-weight: 600; letter-spacing: 0.15em; padding: 8px 14px; border-radius: 100px; cursor: default; transition: all 0.3s;}.lang-toggle button.active{background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); color: var(--text-strong); box-shadow: 0 0 18px var(--glow-purple);}.header-right{display: flex; align-items: center; gap: 12px; flex-shrink: 0;}.hamburger{display: none; flex-direction: column; justify-content: space-between; width: 28px; height: 20px; background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0;}.hamburger span{display: block; width: 100%; height: 2px; background: var(--text-strong); border-radius: 2px; transition: all 0.3s cubic-bezier(0.22,1,0.36,1); transform-origin: center;}.hamburger.open span:nth-child(1){transform: translateY(9px) rotate(-45deg);}.hamburger.open span:nth-child(2){opacity: 0; transform: scaleX(0);}.hamburger.open span:nth-child(3){transform: translateY(-9px) rotate(45deg);}.mobile-nav{display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 49; background: radial-gradient(ellipse at 20% 20%, var(--bg-light) 0%, transparent 55%), radial-gradient(ellipse at 80% 80%, var(--odoo-purple-light) 0%, transparent 55%), radial-gradient(ellipse at 50% 50%, var(--bg-mid) 0%, var(--bg-dim) 70%, var(--bg-deep) 100%); background-attachment: fixed; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); flex-direction: column; align-items: center; justify-content: center; gap: 0; opacity: 0; pointer-events: none; transition: opacity 0.3s cubic-bezier(0.22,1,0.36,1);}.mobile-nav.open{opacity: 1; pointer-events: auto;}.mobile-nav nav{display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; padding: 20px;}.mobile-nav-link{font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: 0.12em; color: var(--text-dim); text-decoration: none !important; padding: 14px 32px; border-radius: 12px; width: 100%; text-align: center; transition: all 0.25s; border: 1px solid transparent;}.mobile-nav-link:hover, .mobile-nav-link.active{color: var(--text-strong); background: rgba(255,255,255,0.07); border-color: var(--odoo-purple-mid);}[dir="rtl"] .mobile-nav-link{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 20px;}.site-main{position: relative; z-index: 10; opacity: 0; transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1);}.site-main.live{opacity: 1;}section{min-height: 100vh; padding: 126px 80px 80px; display: flex; align-items: center; justify-content: center; position: relative;}.section-inner{width: 100%; max-width: 1280px;}.section-tag{display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-display); font-size: 11px; font-weight: 600; letter-spacing: 0.32em; text-transform: uppercase; color: var(--odoo-pink-glow); margin-bottom: 20px; padding: 8px 18px; border: 1px solid rgba(232, 180, 216, 0.35); border-radius: 100px; background: rgba(232, 180, 216, 0.05);}[dir="rtl"] .section-tag{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 12px;}h1.section-title, h2.section-title{font-family: var(--font-display); font-size: clamp(40px, 5vw, 72px); font-weight: 700; line-height: 1.05; letter-spacing: -0.025em; color: var(--text-strong); margin-bottom: 24px; text-shadow: 0 4px 20px rgba(45, 27, 45, 0.3);}h1.section-title em, h2.section-title em{font-style: italic; font-weight: 300; color: var(--odoo-pink-glow); text-shadow: 0 0 30px var(--glow-pink);}[dir="rtl"] h1.section-title, [dir="rtl"] h2.section-title{font-family: var(--font-display-ar); font-weight: 800; letter-spacing: 0; line-height: 1.2;}.section-sub{font-size: 17px; line-height: 1.7; color: var(--text-soft); max-width: 720px; margin-bottom: 56px;}[dir="rtl"] .section-sub{font-size: 18px; line-height: 1.9;}#home{padding-top: 96px;}.hero-grid{display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: center; transform-style: preserve-3d; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform;}.hero-left{transform: translateY(20px); opacity: 0; animation: slideUp 1s 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;}@keyframes slideUp{to{transform: translateY(0); opacity: 1;}}.eyebrow{display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-display); font-size: 11px; font-weight: 600; letter-spacing: 0.32em; text-transform: uppercase; color: var(--text-strong); margin-bottom: 28px; padding: 8px 18px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}[dir="rtl"] .eyebrow{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 12px;}.eyebrow .dot{width: 6px; height: 6px; background: var(--text-strong); border-radius: 50%; box-shadow: 0 0 8px var(--glow-pink); animation: pulseDot 1.8s ease-in-out infinite;}@keyframes pulseDot{0%, 100%{opacity: 1;}50%{opacity: 0.3;}}.cta-row{display: flex; gap: 16px; align-items: center; flex-wrap: wrap;}.cta-primary{position: relative; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); color: var(--text-strong); border: none; text-decoration: none; display: inline-block; padding: 16px 32px; border-radius: 100px; font-family: var(--font-display); font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; overflow: hidden; box-shadow: 0 8px 30px var(--glow-purple); transition: background 0.3s, color 0.3s;}.cta-primary::before{content: ''; position: absolute; inset: 0; background: linear-gradient(-135deg, var(--odoo-purple-mid), var(--odoo-pink-glow)); opacity: 0; transition: opacity 0.4s; pointer-events: none;}.cta-primary span{position: relative; z-index: 1; pointer-events: none;}.cta-primary:hover{transform: translateY(-3px); box-shadow: 0 12px 50px var(--glow-pink);}.cta-primary:hover::before{opacity: 1;}[dir="rtl"] .cta-primary{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 14px;}.cta-ghost{background: rgba(255, 255, 255, 0.08); color: var(--text-strong); border: 1px solid rgba(255, 255, 255, 0.25); text-decoration: none; display: inline-block; padding: 16px 28px; border-radius: 100px; font-family: var(--font-display); font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; transition: all 0.3s; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}.cta-ghost:hover{border-color: var(--text-strong); background: rgba(255, 255, 255, 0.18);}[dir="rtl"] .cta-ghost{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 14px;}.hero-right{position: relative; height: 480px; transform: translateY(20px); opacity: 0; animation: slideUp 1s 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards; display: flex; flex-direction: column; gap: 14px; justify-content: center;}.mod-card{background: linear-gradient(-135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 16px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); cursor: default; position: relative; overflow: hidden;}.mod-card::before{content: ''; position: absolute; inset: 0; background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), var(--glow-pink), transparent 50%); opacity: 0; transition: opacity 0.3s; pointer-events: none;}.mod-card:hover::before{opacity: 1;}.mod-card:hover{border-color: var(--text-strong); transform: translateX(6px); box-shadow: 0 12px 40px var(--glow-pink);}[dir="rtl"] .mod-card:hover{transform: translateX(-6px);}.mod-icon{width: 46px; height: 46px; flex-shrink: 0; border-radius: 12px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 22px; box-shadow: 0 4px 14px var(--glow-purple);}.mod-text{flex: 1; min-width: 0;}.mod-title{font-family: var(--font-display); font-size: 14px; font-weight: 700; color: var(--text-strong); margin-bottom: 3px; letter-spacing: 0.02em;}[dir="rtl"] .mod-title{font-family: var(--font-display-ar); font-size: 15px;}.mod-desc{font-size: 12px; color: var(--text-dim); line-height: 1.4;}.mod-arrow{color: var(--text-faint); transition: all 0.3s; font-size: 18px;}.mod-card:hover .mod-arrow{color: var(--text-strong); transform: translateX(-4px);}[dir="rtl"] .mod-arrow{transform: rotate(-180deg);}[dir="rtl"] .mod-card:hover .mod-arrow{transform: rotate(-180deg) translateX(-4px);}.stats-bar{display: inline-flex; gap: 56px; padding: 20px 44px; margin-top: 40px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 100px; opacity: 0; animation: slideUp 1s 1s cubic-bezier(0.22, 1, 0.36, 1) forwards; box-shadow: 0 10px 40px rgba(95, 77, 96, 0.25); align-self: flex-start;}.stat{display: flex; flex-direction: column; align-items: center; gap: 4px;}.stat-num{font-family: var(--font-display); font-size: 24px; font-weight: 700; color: var(--text-strong); letter-spacing: -0.02em;}.stat-num em{color: var(--odoo-pink-glow); font-style: normal;}.stat-label{font-family: var(--font-display); font-size: 9px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-dim);}[dir="rtl"] .stat-label{letter-spacing: 0; font-family: var(--font-display-ar); font-size: 11px;}.services-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}.service-card{background: linear-gradient(-135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 20px; padding: 32px; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); cursor: default; position: relative; overflow: hidden; text-align: center; display: flex; flex-direction: column; align-items: center;}.service-card::before{content: ''; position: absolute; inset: 0; background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), var(--glow-pink), transparent 50%); opacity: 0; transition: opacity 0.3s; pointer-events: none;}.service-card:hover::before{opacity: 1;}.service-card:hover{border-color: var(--odoo-pink-glow); transform: translateY(-6px); box-shadow: 0 16px 50px var(--glow-purple);}.service-num{font-family: var(--font-display); font-size: 12px; font-weight: 700; letter-spacing: 0.3em; color: var(--odoo-pink-glow); margin-bottom: 16px;}.service-icon-big{width: 56px; height: 56px; margin: 0 auto 20px; border-radius: 14px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 28px; box-shadow: 0 6px 20px var(--glow-purple);}.service-title{font-family: var(--font-display); font-size: 22px; font-weight: 700; color: var(--text-strong); margin-bottom: 12px; letter-spacing: -0.01em;}[dir="rtl"] .service-title{font-family: var(--font-display-ar); font-size: 24px;}.service-desc{font-size: 14px; line-height: 1.6; color: var(--text-soft);}[dir="rtl"] .service-desc{font-size: 15px; line-height: 1.8;}#solutions{background: rgba(45, 27, 61, 0.15);}.solutions-grid{display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px;}.solution-pill{background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 14px; padding: 20px 16px; display: flex; flex-direction: column; align-items: center; gap: 10px; transition: all 0.3s; cursor: default; text-align: center;}.solution-pill:hover{background: rgba(255, 255, 255, 0.15); border-color: var(--odoo-pink-glow); transform: translateY(-4px); box-shadow: 0 10px 30px var(--glow-purple);}.solution-icon-sm{width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 18px;}.solution-name{font-family: var(--font-display); font-size: 12px; font-weight: 600; color: var(--text-strong); letter-spacing: 0.02em;}[dir="rtl"] .solution-name{font-family: var(--font-display-ar); font-size: 13px;}.industries-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}.industry-card{background: linear-gradient(-135deg, rgba(135, 90, 123, 0.25), rgba(45, 27, 61, 0.4)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 18px; padding: 28px 24px; display: flex; flex-direction: column; gap: 14px; transition: all 0.4s; cursor: default; position: relative; overflow: hidden; text-align: center; align-items: center;}.industry-card:hover{border-color: var(--odoo-pink-glow); transform: translateY(-6px); box-shadow: 0 14px 40px var(--glow-pink);}.industry-card .num{font-family: var(--font-display); font-size: 36px; font-weight: 700; color: rgba(255, 255, 255, 0.18); line-height: 1; margin-bottom: 8px;}.industry-card i.ti, .bi{font-size: 32px; color: var(--odoo-pink-glow);}.industry-name{font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--text-strong); letter-spacing: -0.01em;}[dir="rtl"] .industry-name{font-family: var(--font-display-ar); font-size: 18px;}#process{background: rgba(45, 27, 61, 0.15);}.process-row{display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; position: relative;}.process-step{background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 24px 20px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s; cursor: default; position: relative; text-align: center; align-items: center;}.process-step:hover{background: rgba(255, 255, 255, 0.12); border-color: var(--odoo-pink-glow); transform: translateY(-4px);}.step-num{font-family: var(--font-display); font-size: 11px; font-weight: 700; letter-spacing: 0.3em; color: var(--odoo-pink-glow);}.step-icon{width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 20px; margin: 4px 0 8px;}.step-name{font-family: var(--font-display); font-size: 14px; font-weight: 700; color: var(--text-strong);}[dir="rtl"] .step-name{font-family: var(--font-display-ar); font-size: 15px;}.step-desc{font-size: 11px; line-height: 1.5; color: var(--text-dim);}.about-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}.about-text p{font-size: 15px; line-height: 1.8; color: var(--text-soft); margin-bottom: 18px;}[dir="rtl"] .about-text p{font-size: 16px; line-height: 2;}.about-fact-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 32px;}.fact{background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 14px; padding: 18px 22px;}.fact-label{font-family: var(--font-display); font-size: 9px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 6px;}[dir="rtl"] .fact-label{letter-spacing: 0; font-family: var(--font-display-ar); font-size: 11px;}.fact-value{font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--text-strong);}[dir="rtl"] .fact-value{font-family: var(--font-display-ar); font-size: 17px;}.mvv-stack{display: flex; flex-direction: column; gap: 20px;}.mvv-card{background: linear-gradient(-135deg, rgba(135, 90, 123, 0.22), rgba(45, 27, 61, 0.45)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 18px; padding: 24px 28px; display: flex; gap: 18px; align-items: flex-start;}.mvv-card .icon-circle{width: 52px; height: 52px; flex-shrink: 0; border-radius: 14px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 26px; box-shadow: 0 4px 16px var(--glow-purple);}.mvv-card h3{font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--text-strong); margin-bottom: 6px;}[dir="rtl"] .mvv-card h3{font-family: var(--font-display-ar); font-size: 20px;}.mvv-card p{font-size: 13px; line-height: 1.6; color: var(--text-soft);}[dir="rtl"] .mvv-card p{font-size: 14px; line-height: 1.85;}#team{background: rgba(45, 27, 61, 0.15);}.team-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}.team-card{background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 18px; padding: 24px; transition: all 0.3s; cursor: default; text-align: center;}.team-card:hover{background: rgba(255, 255, 255, 0.12); border-color: var(--odoo-pink-glow); transform: translateY(-4px); box-shadow: 0 12px 35px var(--glow-purple);}.team-avatar{width: 80px; height: 80px; margin: 0 auto 16px; border-radius: 50%; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-family: var(--font-display); font-size: 28px; font-weight: 700; border: 2px solid rgba(255,255,255,0.2); box-shadow: 0 6px 20px var(--glow-purple);}.team-name{font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--text-strong); margin-bottom: 4px;}[dir="rtl"] .team-name{font-family: var(--font-display-ar); font-size: 17px;}.team-role{font-family: var(--font-display); font-size: 11px; font-weight: 500; color: var(--odoo-pink-glow); letter-spacing: 0.06em; margin-bottom: 8px; min-height: 28px;}[dir="rtl"] .team-role{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 12px;}.team-exp{font-family: var(--font-display); font-size: 10px; font-weight: 600; color: var(--text-dim); letter-spacing: 0.22em; text-transform: uppercase;}.clients-row{display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;}.client-card{aspect-ratio: 1; background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; padding: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.3s; cursor: default; overflow: hidden; position: relative;}.client-card img{width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);}.client-card:hover img{transform: scale(1.08);}.client-card:hover{transform: scale(1.05); background: var(--text-strong); box-shadow: 0 10px 30px var(--glow-pink);}#contact{background: rgba(45, 27, 61, 0.2); padding-bottom: 140px;}.contact-grid{display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; align-items: stretch;}.contact-info-card{background: linear-gradient(-135deg, rgba(135, 90, 123, 0.25), rgba(45, 27, 61, 0.5)); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; padding: 36px; display: flex; flex-direction: column; gap: 20px;}.ci-item{display: flex; align-items: center; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.1);}.ci-item:last-child{border-bottom: none; padding-bottom: 0;}.ci-icon{width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 20px;}.ci-label{font-family: var(--font-display); font-size: 10px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 4px;}[dir="rtl"] .ci-label{letter-spacing: 0; font-family: var(--font-display-ar); font-size: 11px;}.ci-value{font-family: var(--font-display); font-size: 15px; font-weight: 600; color: var(--text-strong); word-break: break-word;}[dir="rtl"] .ci-value{font-family: var(--font-display-ar); font-size: 16px;}.contact-form-card{background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 22px; padding: 36px; display: flex; flex-direction: column; gap: 18px;}.form-field{display: flex; flex-direction: column; gap: 8px;}.form-field label{font-family: var(--font-display); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-dim);}[dir="rtl"] .form-field label{letter-spacing: 0; font-family: var(--font-display-ar); font-size: 12px;}.form-field input, .form-field textarea{background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 10px; padding: 12px 16px; color: var(--text-strong); font-family: var(--font-body); font-size: 14px; transition: all 0.3s; outline: none;}[dir="rtl"] .form-field input, [dir="rtl"] .form-field textarea{font-family: var(--font-body-ar);}.form-field input:focus, .form-field textarea:focus{border-color: var(--odoo-pink-glow); background: rgba(255, 255, 255, 0.12); box-shadow: 0 0 0 3px rgba(240, 207, 227, 0.15);}.form-field textarea{resize: vertical; min-height: 100px; font-family: inherit;}.site-footer{background: rgba(30, 18, 38, 0.6); backdrop-filter: blur(20px); border-top: 1px solid rgba(255,255,255,0.1); padding: 32px 80px; text-align: center;}.site-footer p{font-family: var(--font-display); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; color: var(--text-dim);}[dir="rtl"] .site-footer p{letter-spacing: 0; font-family: var(--font-display-ar); font-size: 13px;}.odoo-icon{width: 48px; height: 48px; object-fit: contain; image-rendering: -webkit-optimize-contrast;}.odoo-icon-sm{width: 30px; height: 30px; object-fit: contain;}.solution-pill .odoo-icon-sm{background: rgba(255, 255, 255, 0.95); border-radius: 8px; padding: 2px;}.mod-icon-odoo{background: rgba(255, 255, 255, 0.95) !important; padding: 5px; box-shadow: 0 4px 14px var(--glow-purple);}.mod-icon-odoo img{width: 100%; height: 100%; object-fit: contain;}section.page{display: none; opacity: 0; transform: perspective(1400px) rotateY(-20deg) translate3d(-80px, 0, 0); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform; backface-visibility: hidden;}section.page.page-active{display: flex;}section.page.page-visible{opacity: 1; transform: perspective(1400px) rotateY(0) translate3d(0, 0, 0);}section.page.page-exiting{opacity: 0; transform: perspective(1400px) rotateY(20deg) translate3d(80px, 0, 0); pointer-events: none;}.service-card, .solution-pill, .industry-card, .team-card, .client-card, .mvv-card, .process-step, .mod-card, .contact-info-card, .contact-form-card, .fact, .stats-bar, .lang-toggle, .eyebrow{transform-style: preserve-3d; will-change: transform;}.service-card > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.service-card:hover .service-icon-big{transform: scale(1.12);}.solution-pill > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.solution-pill:hover .solution-icon-sm, .solution-pill:hover .odoo-icon-sm{transform: scale(1.15);}.industry-card > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.industry-card:hover i.ti, .bi{transform: scale(1.1);}.team-card > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.team-card:hover .team-avatar{transform: scale(1.1);}.client-card{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.mvv-card > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.mvv-card:hover .icon-circle{transform: scale(1.1);}.process-step > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.process-step:hover .step-icon{transform: scale(1.1);}.mod-card > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.mod-card:hover .mod-icon{transform: scale(1.08);}.fact > *{transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-3d{opacity: 0; transform: perspective(1200px) rotateX(15deg) translateY(40px) translateZ(-50px); transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-3d.in-view{opacity: 1; transform: perspective(1200px) rotateX(0) translateY(0) translateZ(0);}section.page .section-inner{transform-style: preserve-3d; perspective: 1500px;}section.page h2.section-title, section.page h1.section-title{transform-style: preserve-3d;}.service-icon-big.service-icon-odoo{background: rgba(255, 255, 255, 0.95); padding: 6px; box-shadow: 0 6px 20px var(--glow-purple);}.service-icon-big.service-icon-odoo img{width: 100%; height: 100%; object-fit: contain;}.team-ceo-row{display: flex; justify-content: center; margin-bottom: 50px;}.team-card-ceo{width: 340px; padding: 36px 32px !important; background: linear-gradient(-135deg, rgba(135, 90, 123, 0.35), rgba(45, 27, 61, 0.55)) !important; border: 2px solid var(--odoo-pink-glow) !important; box-shadow: 0 16px 50px var(--glow-pink) !important;}.team-card-ceo::before{content: 'CEO'; position: absolute; top: -12px; right: 50%; transform: translateX(50%); background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); color: var(--text-strong); font-family: var(--font-display); font-size: 10px; font-weight: 700; letter-spacing: 0.3em; padding: 6px 16px; border-radius: 100px; box-shadow: 0 4px 14px var(--glow-purple);}.team-card-ceo .team-avatar{width: 100px !important; height: 100px !important; font-size: 34px !important; margin-bottom: 20px !important; border: 3px solid var(--odoo-pink-glow) !important; box-shadow: 0 8px 28px var(--glow-pink) !important;}.team-card-ceo .team-name{font-size: 22px !important;}.team-dept-row{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 64px; position: relative;}.team-dept-row::before{content: ''; position: absolute; top: -32px; right: 50%; width: 2px; height: 24px; background: linear-gradient(-180deg, var(--odoo-pink-glow), transparent);}.dept-block{display: flex; flex-direction: column; gap: 16px;}.dept-label{display: inline-block; align-self: center; font-family: var(--font-display); font-size: 10px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; color: var(--odoo-pink-glow); background: rgba(232, 180, 216, 0.08); padding: 8px 18px; border-radius: 100px; border: 1px solid rgba(232, 180, 216, 0.35); text-align: center;}[dir="rtl"] .dept-label, [dir="rtl"] .group-label{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 12px;}.team-card-sub{transform: scale(0.94); opacity: 0.95;}.team-section{margin-top: 56px;}.team-section-header{display: flex; align-items: center; gap: 16px; margin-bottom: 28px;}.team-section-icon{width: 40px; height: 40px; border-radius: 10px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 20px; box-shadow: 0 4px 14px var(--glow-purple); flex-shrink: 0;}.team-section-title{font-family: var(--font-display); font-size: 22px; font-weight: 700; color: var(--text-strong); margin: 0;}[dir="rtl"] .team-section-title{font-family: var(--font-display-ar); font-size: 24px;}.team-section-line{flex: 1; height: 1px; background: linear-gradient(-90deg, rgba(232, 180, 216, 0.5), transparent);}[dir="rtl"] .team-section-line{background: linear-gradient(-270deg, rgba(232, 180, 216, 0.5), transparent);}.team-groups-2col{display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;}.team-group{background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; padding: 28px 24px;}.team-group .group-label{display: inline-block; align-self: flex-start; font-family: var(--font-display); font-size: 10px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; color: var(--odoo-lavender); background: rgba(212, 182, 203, 0.08); padding: 6px 14px; border-radius: 100px; border: 1px solid rgba(212, 182, 203, 0.25); margin-bottom: 18px;}.team-grid-inner{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}.team-group .team-grid-inner{grid-template-columns: 1fr; gap: 12px;}.team-grid-3col{grid-template-columns: repeat(3, 1fr);}.team-card-lead{border-color: var(--odoo-lavender) !important; background: linear-gradient(-135deg, rgba(212, 182, 203, 0.12), rgba(135, 90, 123, 0.18)) !important;}.team-card-lead::before{content: 'LEAD'; position: absolute; top: 8px; left: 8px; background: rgba(232, 180, 216, 0.15); color: var(--odoo-pink-glow); font-family: var(--font-display); font-size: 8px; font-weight: 700; letter-spacing: 0.2em; padding: 3px 8px; border-radius: 100px; border: 1px solid rgba(232, 180, 216, 0.3);}[dir="rtl"] .team-card-lead::before{left: auto; right: 8px;}.team-admin-note{margin-top: 60px; padding: 20px 28px; background: rgba(255, 255, 255, 0.05); border: 1px dashed rgba(255, 255, 255, 0.2); border-radius: 14px; display: flex; align-items: center; gap: 14px; color: var(--text-soft); font-family: var(--font-display); font-size: 14px; justify-content: center;}[dir="rtl"] .team-admin-note{font-family: var(--font-display-ar); font-size: 15px;}.team-admin-note i.ti, .bi{font-size: 22px; color: var(--odoo-pink-glow);}.team-card{position: relative;}.form-tabs{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 8px;}.form-tab{background: rgba(255, 255, 255, 0.04); border: 1.5px solid rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 16px 18px; display: flex; align-items: center; gap: 14px; cursor: pointer; transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1); text-align: right; color: var(--text-soft); font-family: var(--font-display);}[dir="rtl"] .form-tab{text-align: left; font-family: var(--font-display-ar);}.form-tab:hover{background: rgba(255, 255, 255, 0.08); border-color: rgba(232, 180, 216, 0.4);}.form-tab.active{background: linear-gradient(-135deg, rgba(135, 90, 123, 0.35), rgba(168, 120, 160, 0.25)); border-color: var(--odoo-pink-glow); box-shadow: 0 4px 20px rgba(232, 180, 216, 0.2); color: var(--text-strong);}.form-tab-icon{width: 42px; height: 42px; border-radius: 11px; background: linear-gradient(-135deg, var(--odoo-purple-base), var(--odoo-purple-mid)); display: flex; align-items: center; justify-content: center; color: var(--text-strong); font-size: 20px; flex-shrink: 0; transition: all 0.3s;}.form-tab.active .form-tab-icon{background: linear-gradient(-135deg, var(--odoo-pink-glow), var(--odoo-lavender)); box-shadow: 0 4px 14px var(--glow-pink);}.form-tab-text{display: flex; flex-direction: column; gap: 2px; min-width: 0;}.form-tab-text strong{font-size: 14px; font-weight: 700; color: inherit;}.form-tab-text small{font-size: 10px; font-weight: 500; letter-spacing: 0.08em; color: var(--text-dim); text-transform: uppercase;}[dir="rtl"] .form-tab-text small{letter-spacing: 0; font-size: 11px; text-transform: none;}[dir="rtl"] .form-tab-text strong{font-size: 16px;}.tab-destination{display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 100px; font-family: var(--font-display); font-size: 11px; font-weight: 500; letter-spacing: 0.06em; margin-bottom: 4px; align-self: flex-start;}[dir="rtl"] .tab-destination{font-family: var(--font-display-ar); font-size: 13px; letter-spacing: 0;}.tab-destination i{font-size: 16px;}.tab-destination strong{font-weight: 700;}.tab-destination-inquiry{background: rgba(135, 90, 123, 0.18); border: 1px solid rgba(168, 120, 160, 0.4); color: var(--odoo-lavender);}.tab-destination-inquiry strong{color: var(--text-strong);}.tab-destination-support{background: rgba(232, 180, 216, 0.12); border: 1px solid rgba(232, 180, 216, 0.4); color: var(--odoo-pink-glow);}.tab-destination-support strong{color: var(--text-strong);}.form-content{display: none; flex-direction: column; gap: 16px; animation: form-fade-in 0.4s cubic-bezier(0.22, 1, 0.36, 1);}.form-content.active{display: flex;}@keyframes form-fade-in{from{opacity: 0; transform: translateY(6px);}to{opacity: 1; transform: translateY(0);}}.form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}.form-field select{background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 10px; padding: 12px 16px; color: var(--text-strong); font-family: var(--font-body); font-size: 14px; transition: all 0.3s; outline: none; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23E8B4D8' d='M6 8L0 0h12z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 16px center; padding-left: 40px;}[dir="rtl"] .form-field select{background-position: right 16px center; padding-left: 16px; padding-right: 40px; font-family: var(--font-body-ar);}.form-field select:focus{border-color: var(--odoo-pink-glow); background-color: rgba(255, 255, 255, 0.12); box-shadow: 0 0 0 3px rgba(240, 207, 227, 0.15);}.form-field select option{background: #4A3A52; color: var(--text-strong);}.priority-pills{display: flex; gap: 8px; flex-wrap: wrap;}.priority-pill{flex: 1; min-width: 70px; display: flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 100px; cursor: pointer; font-family: var(--font-display); font-size: 12px; font-weight: 600; letter-spacing: 0.05em; transition: all 0.25s; background: rgba(255, 255, 255, 0.05); border: 1.5px solid rgba(255, 255, 255, 0.15); color: var(--text-soft); position: relative; text-align: center;}[dir="rtl"] .priority-pill{font-family: var(--font-display-ar); letter-spacing: 0; font-size: 13px;}.priority-pill input{position: absolute; opacity: 0; pointer-events: none;}.priority-pill:hover{background: rgba(255, 255, 255, 0.1);}.priority-pill:has(input:checked){color: var(--text-strong); font-weight: 700;}.priority-low:has(input:checked){background: rgba(72, 187, 120, 0.2); border-color: rgba(72, 187, 120, 0.6);}.priority-medium:has(input:checked){background: rgba(135, 90, 123, 0.3); border-color: var(--odoo-purple-mid);}.priority-high:has(input:checked){background: rgba(232, 180, 216, 0.25); border-color: var(--odoo-pink-glow);}.priority-urgent:has(input:checked){background: rgba(229, 62, 62, 0.25); border-color: #E53E3E;}.form-submit{align-self: flex-start; display: inline-flex; align-items: center; gap: 10px;}.form-submit i{font-size: 18px;}.portal-hint{display: flex; align-items: center; gap: 12px; padding: 14px 18px; margin-top: 8px; background: rgba(255, 255, 255, 0.04); border: 1px dashed rgba(255, 255, 255, 0.2); border-radius: 12px; font-family: var(--font-display); font-size: 12px; color: var(--text-soft);}[dir="rtl"] .portal-hint{font-family: var(--font-display-ar); font-size: 13px;}.portal-hint i{font-size: 20px; color: var(--odoo-pink-glow); flex-shrink: 0;}.portal-hint a{color: var(--odoo-pink-glow); font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}.portal-hint a:hover{color: var(--text-strong);}.contact-form-card{padding: 28px;}.cta-primary, .cta-ghost, .nav-link, .form-tab, .priority-pill{pointer-events: auto !important; user-select: none; -webkit-user-select: none;}.nav-link:active{color: var(--odoo-pink-glow);}.cta-primary:hover{background: var(--odoo-purple-mid);}a, button, [role="button"], .cta-primary, .cta-ghost, .nav-link, .hero-nav a, .form-tab, .priority-pill, .logo-small, .form-submit, select{cursor: pointer !important;}input, textarea{cursor: text !important;}.cta-primary, .cta-ghost, .nav-link, .hero-nav a, .form-tab, .priority-pill, .logo-small{pointer-events: auto !important; position: relative; z-index: 1;}.service-card, .solution-pill, .industry-card, .team-card, .client-card, .mvv-card, .process-step, .mod-card, .fact{position: relative; overflow: hidden;}.service-card::after, .solution-pill::after, .industry-card::after, .team-card::after, .client-card::after, .mvv-card::after, .process-step::after, .mod-card::after, .fact::after{content: ''; position: absolute; inset: 0; background: radial-gradient( circle 200px at var(--mx, 50%) var(--my, 50%), rgba(240, 207, 227, 0.18), rgba(168, 120, 160, 0.08) 40%, transparent 70% ); opacity: 0; transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none; border-radius: inherit; mix-blend-mode: screen; z-index: 1;}.service-card:hover::after, .solution-pill:hover::after, .industry-card:hover::after, .team-card:hover::after, .client-card:hover::after, .mvv-card:hover::after, .process-step:hover::after, .mod-card:hover::after, .fact:hover::after{opacity: 1;}.service-card::before, .solution-pill::before, .industry-card::before, .team-card::before, .client-card::before, .process-step::before, .mod-card::before{content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient( -135deg, transparent 30%, rgba(232, 180, 216, 0.6) 50%, transparent 70% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.4s; pointer-events: none; z-index: 2;}.service-card:hover::before, .solution-pill:hover::before, .industry-card:hover::before, .team-card:hover::before, .client-card:hover::before, .process-step:hover::before, .mod-card:hover::before{opacity: 1;}.gradient-mesh{position: fixed; inset: 0; pointer-events: none; z-index: 1; overflow: hidden;}.gradient-blob{position: absolute; width: 50vw; height: 50vw; max-width: 700px; max-height: 700px; border-radius: 50%; filter: blur(100px); opacity: 0.5; will-change: transform; mix-blend-mode: screen;}.gradient-blob-1{background: radial-gradient(circle, #875A7B 0%, transparent 65%); top: -10%; right: 5%; animation: blobFloat1 32s ease-in-out infinite;}.gradient-blob-2{background: radial-gradient(circle, #A878A0 0%, transparent 65%); top: 30%; left: -5%; animation: blobFloat2 38s ease-in-out infinite;}.gradient-blob-3{background: radial-gradient(circle, #E8B4D8 0%, transparent 65%); bottom: -10%; right: 30%; animation: blobFloat3 42s ease-in-out infinite;}.gradient-blob-4{background: radial-gradient(circle, #714B67 0%, transparent 65%); top: 50%; right: 40%; animation: blobFloat4 48s ease-in-out infinite; opacity: 0.35;}@keyframes blobFloat1{0%, 100%{transform: translate3d(0, 0, 0) scale(1);}33%{transform: translate3d(-15vw, 10vh, 0) scale(1.15);}66%{transform: translate3d(8vw, 20vh, 0) scale(0.9);}}@keyframes blobFloat2{0%, 100%{transform: translate3d(0, 0, 0) scale(1);}33%{transform: translate3d(12vw, 15vh, 0) scale(0.85);}66%{transform: translate3d(-8vw, -10vh, 0) scale(1.2);}}@keyframes blobFloat3{0%, 100%{transform: translate3d(0, 0, 0) scale(1);}50%{transform: translate3d(-20vw, -25vh, 0) scale(1.1);}}@keyframes blobFloat4{0%, 100%{transform: translate3d(0, 0, 0) scale(1);}25%{transform: translate3d(10vw, -8vh, 0) scale(1.15);}50%{transform: translate3d(-15vw, 12vh, 0) scale(0.9);}75%{transform: translate3d(-5vw, -15vh, 0) scale(1.05);}}.reveal-element{opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-element.revealed{opacity: 1; transform: translateY(0);}.cta-primary{box-shadow: 0 4px 20px rgba(135, 90, 123, 0.3);}.cta-primary:hover{box-shadow: 0 6px 30px rgba(232, 180, 216, 0.5), 0 0 60px rgba(232, 180, 216, 0.2);}.cta-ghost:hover{box-shadow: 0 0 30px rgba(232, 180, 216, 0.25);}.hero-tagline.typing::after{content: '|'; display: inline-block; color: var(--odoo-pink-glow); animation: typingCursor 0.7s steps(2) infinite; margin-right: 2px; font-weight: 300;}@keyframes typingCursor{0%, 50%{opacity: 1;}51%, 100%{opacity: 0;}}.hero-particles{position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 2;}.hero-particle{position: absolute; width: 4px; height: 4px; background: var(--odoo-pink-glow); border-radius: 50%; opacity: 0; filter: blur(0.5px); box-shadow: 0 0 8px var(--odoo-pink-glow); animation: heroParticleRise linear infinite;}.hero-particle:nth-child(1){right: 8%; width: 3px; height: 3px; animation-duration: 22s; animation-delay: 0s;}.hero-particle:nth-child(2){right: 18%; width: 5px; height: 5px; animation-duration: 26s; animation-delay: 3s;}.hero-particle:nth-child(3){right: 32%; width: 3px; height: 3px; animation-duration: 18s; animation-delay: 7s;}.hero-particle:nth-child(4){right: 45%; width: 4px; height: 4px; animation-duration: 24s; animation-delay: 2s; background: var(--odoo-lavender);}.hero-particle:nth-child(5){right: 58%; width: 3px; height: 3px; animation-duration: 28s; animation-delay: 9s;}.hero-particle:nth-child(6){right: 70%; width: 5px; height: 5px; animation-duration: 20s; animation-delay: 5s; background: var(--odoo-lavender);}.hero-particle:nth-child(7){right: 82%; width: 4px; height: 4px; animation-duration: 25s; animation-delay: 11s;}.hero-particle:nth-child(8){right: 92%; width: 3px; height: 3px; animation-duration: 23s; animation-delay: 4s;}.hero-particle:nth-child(9){right: 25%; width: 4px; height: 4px; animation-duration: 30s; animation-delay: 13s; background: var(--odoo-lavender);}.hero-particle:nth-child(10){right: 65%; width: 3px; height: 3px; animation-duration: 27s; animation-delay: 6s;}@keyframes heroParticleRise{0%{transform: translate3d(0, 100vh, 0); opacity: 0;}8%{opacity: 0.85;}50%{transform: translate3d(-20px, 50vh, 0);}92%{opacity: 0.85;}100%{transform: translate3d(15px, -10vh, 0); opacity: 0;}}::-webkit-scrollbar{width: 10px; height: 10px;}::-webkit-scrollbar-track{background: rgba(94, 77, 96, 0.15); border-radius: 10px;}::-webkit-scrollbar-thumb{background: linear-gradient(-180deg, var(--odoo-purple-mid), var(--odoo-purple-base)); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box;}::-webkit-scrollbar-thumb:hover{background: linear-gradient(-180deg, var(--odoo-pink-glow), var(--odoo-purple-mid)); background-clip: padding-box; border: 2px solid transparent;}::-webkit-scrollbar-corner{background: transparent;}*{scrollbar-width: thin; scrollbar-color: var(--odoo-purple-mid) rgba(94, 77, 96, 0.15);}.mod-card{text-decoration: none;}.team-avatar-img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block;}html, body{background-color: var(--bg-deep) !important;}#wrapwrap{background: transparent !important;}#wrapwrap > main{background: transparent !important; padding: 0 !important; margin: 0 !important;}#siteMain a, #siteMain a:hover, #siteMain a:focus, #siteMain a:visited{text-decoration: none !important; border-bottom: none !important;}a.mod-card, a.mod-card *, a.mod-card *:hover{text-decoration: none !important; color: inherit !important;}[data-en], [data-ar]{text-decoration: none !important;}.team-card-sub{opacity: 0.85; transform: scale(0.97);}.team-card-sub:hover{opacity: 1; transform: scale(1) !important;}.eagle-flash{position: fixed; top: 18px; right: 50%; transform: translateX(50%); z-index: 9999; display: flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: 12px; background: rgba(16,185,129,0.14); border: 1px solid rgba(16,185,129,0.45); color: #34d399; font-size: 14px; font-weight: 600; backdrop-filter: blur(12px); animation: eagleFlashIn 0.5s ease, eagleFlashOut 0.5s ease 5s forwards;}@keyframes eagleFlashIn{from{opacity:0; transform:translate(50%,-16px);}to{opacity:1; transform:translate(50%,0);}}@keyframes eagleFlashOut{to{opacity:0; transform:translate(50%,-16px); visibility:hidden;}}@media (max-width: 1100px){.hide-on-mobile{display: none !important;}.hero-nav{display: none !important;}.hamburger{display: flex !important;}.mobile-nav{display: flex !important;}.hero-grid{grid-template-columns: 1fr !important; gap: 32px;}.hero-right{display: grid !important; grid-template-columns: 1fr 1fr !important; height: auto !important; gap: 12px;}.hero-left{text-align: center;}.cta-row{justify-content: center;}.stats-bar{justify-content: center; gap: 20px; padding: 14px 20px;}.about-grid, .contact-grid{grid-template-columns: 1fr !important; gap: 28px;}.services-grid{grid-template-columns: repeat(2, 1fr) !important;}.solutions-grid{grid-template-columns: repeat(2, 1fr) !important;}.industries-grid{grid-template-columns: repeat(2, 1fr) !important;}.process-row{grid-template-columns: repeat(2, 1fr) !important;}.clients-row{grid-template-columns: repeat(3, 1fr) !important;}.team-dept-row{grid-template-columns: 1fr !important;}.team-groups-2col{grid-template-columns: 1fr !important;}.team-grid-inner.team-grid-3col{grid-template-columns: repeat(2, 1fr) !important;}section{padding: 110px 28px 56px !important;}.section-title{font-size: clamp(28px, 4vw, 56px) !important;}.logo-stage{width: 320px !important; height: 320px !important;}}@media (max-width: 820px){.site-header{padding: 0 16px !important; height: 64px !important;}.logo-small-img{width: 46px !important; height: 46px !important; margin: 0 !important;}section{padding: 80px 20px 44px !important;}.section-title{font-size: 2rem !important;}.solutions-grid{grid-template-columns: repeat(2, 1fr) !important;}.stats-bar{flex-wrap: wrap; gap: 14px;}.stat{flex: 1 1 40%; text-align: center;}.service-card, .solution-pill, .industry-card, .process-step, .mvv-card, .team-card, .client-card, .contact-info-card, .contact-form-card{backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}.aurora-1, .aurora-2, .aurora-3{opacity: 0.25 !important; filter: none !important;}}@media (max-width: 600px){.site-header{padding: 0 14px !important; height: 60px !important;}.logo-small{gap: 8px;}.logo-small-img{width: 36px !important; height: 36px !important; margin: 0 !important;}.logo-small-text strong{font-size: 12px;}.logo-small-text span{font-size: 8px; letter-spacing: 0.04em;}.lang-toggle button{padding: 5px 8px; font-size: 10px;}.header-right{gap: 8px;}section{padding: 68px 14px 32px !important;}.section-title{font-size: 1.6rem !important; line-height: 1.15 !important;}.section-sub{font-size: 0.9rem !important; margin-bottom: 24px;}.section-tag{font-size: 10px; padding: 5px 12px;}.cta-row{flex-direction: column; gap: 10px;}.cta-primary, .cta-ghost{width: 100%; justify-content: center; text-align: center;}.stats-bar{gap: 8px; padding: 10px; border-radius: 12px;}.stat{flex: 1 1 45%;}.hero-right{grid-template-columns: 1fr !important; gap: 8px;}.mod-card{padding: 10px 12px;}.mod-icon{width: 34px !important; height: 34px !important;}.mod-icon img{width: 20px !important; height: 20px !important;}.mod-title{font-size: 12px;}.mod-desc{font-size: 10px;}.services-grid, .solutions-grid, .industries-grid, .process-row, .mvv-grid{grid-template-columns: 1fr !important;}.clients-row{grid-template-columns: repeat(2, 1fr) !important; gap: 8px;}.form-row{grid-template-columns: 1fr !important; gap: 10px;}.form-tabs{flex-direction: column; gap: 8px;}.team-grid-inner, .team-grid-inner.team-grid-3col{grid-template-columns: 1fr !important;}.team-card-ceo{max-width: 220px; margin: 0 auto;}.team-avatar{width: 56px !important; height: 56px !important; font-size: 16px !important;}.team-name{font-size: 12px !important;}.team-role{font-size: 10px !important;}.logo-stage{width: 230px !important; height: 230px !important;}.particle{width: 42px !important; height: 42px !important; font-size: 18px !important;}.intro-corner-tl, .intro-corner-tr, .intro-corner-bl, .intro-corner-br{font-size: 9px !important; padding: 5px 8px !important;}}@media (max-width: 380px){section{padding: 64px 12px 28px !important;}.section-title{font-size: 1.4rem !important;}.clients-row{grid-template-columns: repeat(2, 1fr) !important;}.stat{flex: 1 1 100%;}.logo-stage{width: 190px !important; height: 190px !important;}}.service-icon-big .ti, .solution-icon-sm .ti, .industry-card .ti, .step-icon .ti, .icon-circle .ti, .team-section-icon .ti, .ci-icon .ti, .form-tab-icon .ti, .mod-arrow .ti{width: 1.2em; height: 1.2em; font-size: inherit;}.icon-svg{display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; line-height: 1; vertical-align: middle;}.icon-svg svg{width: 100%; height: 100%; display: block; color: inherit; stroke: currentColor; fill: none;}.service-icon-big .icon-svg{width: 32px; height: 32px;}.solution-icon-sm .icon-svg{width: 28px; height: 28px;}.industry-card .icon-svg{width: 28px; height: 28px;}.step-icon .icon-svg{width: 26px; height: 26px;}.icon-circle .icon-svg{width: 28px; height: 28px;}.team-section-icon .icon-svg{width: 22px; height: 22px;}.ci-icon .icon-svg{width: 22px; height: 22px;}.form-tab-icon .icon-svg{width: 20px; height: 20px;}.mod-arrow .icon-svg{width: 16px; height: 16px;}