:root {
  --navy: #0b1f3a;
  --navy-2: #173d78;
  --blue: #2563eb;
  --blue-2: #2f6ee8;
  --sky: #55a8ff;
  --ice: #edf3fa;
  --paper: #f7f9fc;
  --white: #ffffff;
  --text: #10233f;
  --muted: #65758b;
  --muted-2: #90a0b3;
  --line: #dce6f1;
  --line-dark: rgba(255,255,255,.13);
  --shadow: 0 24px 70px rgba(19, 61, 120, .12);
  --font-ar: "Alexandria", "Segoe UI Arabic", sans-serif;
  --font-en: "Manrope", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; overflow-x: clip; }
body { margin: 0; color: var(--text); background: var(--white); font-family: var(--font-ar); -webkit-font-smoothing: antialiased; overflow-x: clip; }
html[lang="en"] body, html[lang="fr"] body { font-family: var(--font-en); }
body.menu-open, body.dialog-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
em { font-style: normal; }
.skip-link { position: fixed; inset-inline-start: 20px; top: -80px; z-index: 200; padding: 12px 16px; color: #fff; background: var(--navy); border-radius: 10px; }
.skip-link:focus { top: 14px; }
.scroll-progress { position: fixed; top: 0; inset-inline: 0; height: 3px; z-index: 150; }
.scroll-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--sky), var(--blue)); box-shadow: 0 0 12px rgba(37,99,235,.55); }

.site-header { width: min(1500px, calc(100% - 24px)); height: 82px; margin: 10px auto 0; position: sticky; top: 10px; z-index: 60; border: 1px solid rgba(196,211,229,.78); border-radius: 22px; background: rgba(248,251,255,.92); box-shadow: 0 10px 30px rgba(11,31,58,.075); backdrop-filter: blur(20px) saturate(145%); -webkit-backdrop-filter: blur(20px) saturate(145%); transition: height .25s ease, background .25s ease, border-radius .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled { border-radius: 19px; background: rgba(255,255,255,.97); box-shadow: 0 16px 38px rgba(11,31,58,.12); }
.header-inner { width: calc(100% - 32px); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; direction: ltr; flex: 0 0 auto; }
.brand img { width: 44px; height: 44px; padding: 5px; object-fit: contain; border: 1px solid #dce7f3; border-radius: 13px; background: linear-gradient(145deg,#fff,#f0f5fb); box-shadow: 0 7px 20px rgba(27,64,108,.09); }
.brand-copy { display: flex; flex-direction: column; gap: 3px; text-align: left; }
.brand-copy b { color: var(--navy-2); font: 800 21px/1 var(--font-en); letter-spacing: -.7px; }
.brand-copy small { color: #6d7f97; font: 700 6.5px/1 var(--font-en); letter-spacing: 1.25px; }
.main-nav { display: flex; align-items: center; gap: 3px; padding: 5px; border: 1px solid rgba(207,220,235,.86); border-radius: 15px; background: rgba(235,242,250,.72); font-size: 12px; font-weight: 800; }
.main-nav a { min-height: 38px; padding: 0 14px; display: inline-flex; align-items: center; position: relative; color: #435970; border-radius: 10px; transition: color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease; }
.main-nav a:hover, .main-nav a.is-active { color: var(--blue); background: #fff; box-shadow: 0 5px 14px rgba(24,61,104,.09); }
.main-nav a:active { transform: translateY(1px); }
.header-actions { display: flex; align-items: center; gap: 9px; }
.language-switcher { position: relative; flex: 0 0 auto; }
.language-button { min-width: 72px; height: 42px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--navy-2); background: rgba(255,255,255,.82); border: 1px solid #d4e0ed; border-radius: 11px; cursor: pointer; font: 800 10px/1 var(--font-en); box-shadow: 0 5px 15px rgba(24,61,104,.04); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.language-button:hover, .language-switcher.is-open .language-button { border-color: #9db8dc; background: #fff; box-shadow: 0 7px 20px rgba(24,61,104,.09); }
.language-globe { width: 16px; height: 16px; position: relative; display: block; flex: 0 0 auto; border: 1.5px solid currentColor; border-radius: 50%; opacity: .9; }
.language-globe::before { content: ""; position: absolute; inset: 2px 4px; border-inline: 1px solid currentColor; border-radius: 50%; }
.language-globe::after { content: ""; position: absolute; inset: 6px 2px auto; border-top: 1px solid currentColor; }
.language-button i { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.language-switcher.is-open .language-button i { transform: translateY(2px) rotate(225deg); }
.language-menu { width: 184px; padding: 8px; position: absolute; z-index: 90; top: calc(100% + 11px); inset-inline-end: 0; display: grid; gap: 3px; color: var(--text); background: rgba(255,255,255,.98); border: 1px solid #d7e2ee; border-radius: 15px; box-shadow: 0 24px 55px rgba(11,31,58,.17); opacity: 0; visibility: hidden; transform: translateY(-7px) scale(.98); transform-origin: top right; transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.language-switcher.is-open .language-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.language-option { min-height: 42px; padding: 0 10px; display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 8px; border: 0; border-radius: 9px; color: #5d7088; background: transparent; cursor: pointer; text-align: start; font-size: 10px; font-weight: 700; }
.language-option b { color: #8b9caf; font: 800 8px/1 var(--font-en); }
.language-option:hover { background: #f1f5fa; }
.language-option.active { color: var(--navy-2); background: #eaf1ff; }
.language-option.active b { color: var(--blue); }
.menu-button { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid #d4e0ed; border-radius: 12px; background: #fff; box-shadow: 0 5px 15px rgba(24,61,104,.05); cursor: pointer; place-items: center; align-content: center; gap: 5px; }
.menu-button i { display: block; width: 18px; height: 2px; background: var(--navy); transition: transform .2s ease; }
.menu-button.is-active i:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button.is-active i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { display: none; }
.mobile-menu nav a.is-active { color: var(--blue); background: #edf4ff; }
.header-login::after { content: "↗"; font: 800 13px/1 var(--font-en); opacity: .85; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 54px; padding: 0 23px; border: 1px solid transparent; border-radius: 13px; font-size: 13px; font-weight: 800; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.button:hover { transform: translateY(-2px); }
.button b { font: 800 18px/1 var(--font-en); }
.button-small { min-height: 42px; padding: 0 17px; border-radius: 11px; font-size: 12px; }
.button-outline { border-color: #bbcaDB; background: #fff; color: var(--navy-2); }
.button-outline:hover { border-color: var(--blue); box-shadow: 0 8px 24px rgba(37,99,235,.12); }
.button-primary { color: #fff; background: linear-gradient(135deg, var(--navy-2), var(--blue-2)); box-shadow: 0 13px 28px rgba(23,61,120,.22); }
.button-primary:hover { box-shadow: 0 18px 36px rgba(23,61,120,.28); }
.button-white { color: var(--navy-2); background: #fff; box-shadow: 0 14px 36px rgba(3,17,38,.2); }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--navy-2); font-size: 13px; font-weight: 800; }
.text-link b { transition: transform .2s ease; }
.text-link:hover b { transform: translateX(-5px); }
html[dir="ltr"] .text-link:hover b { transform: translateX(5px); }

.hero { width: min(1500px, calc(100% - 64px)); min-height: 750px; margin: 0 auto; padding: 76px 0 92px; display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(42px, 5vw, 84px); align-items: center; position: relative; }
.hero-glow { position: absolute; z-index: -1; inset-inline-start: -310px; top: -190px; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient(circle, rgba(79,142,232,.14) 0, rgba(237,243,250,.18) 45%, transparent 70%); }
.hero-glow::after { content: ""; position: absolute; inset: 82px; border: 1px solid rgba(37,99,235,.09); border-radius: 50%; box-shadow: 0 0 0 72px rgba(37,99,235,.025), 0 0 0 144px rgba(37,99,235,.015); }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 20px; display: flex; align-items: center; gap: 10px; color: #3768a8; font-size: 11px; font-weight: 800; letter-spacing: .15px; }
.eyebrow i { width: 25px; height: 2px; background: var(--blue); border-radius: 99px; box-shadow: 0 0 0 4px rgba(37,99,235,.08); }
.eyebrow-light { color: #d9e8ff; }
.eyebrow-light i { background: #73b7ff; box-shadow: 0 0 0 4px rgba(115,183,255,.12); }
.hero h1 { margin: 0; color: var(--navy); font-size: clamp(54px, 5.7vw, 88px); line-height: 1.08; letter-spacing: -4.5px; font-weight: 800; }
html[lang="ar"] .hero h1 { line-height: 1.12; }
html[lang="ar"] .hero h1 > span, html[lang="ar"] .hero h1 > em { display: block; }
html[lang="ar"] .hero h1 > br { display: none; }
html[lang="ar"] .hero h1 > em { margin-top: clamp(14px, 1.5vw, 18px); }
html[lang="en"] .hero h1 { font-size: clamp(50px, 5vw, 78px); letter-spacing: -3.7px; }
html[lang="fr"] .hero h1 { font-size: clamp(47px, 4.6vw, 72px); letter-spacing: -3.2px; }
html[lang="fr"] .main-nav { gap: 22px; font-size: 12px; }
.hero h1 em, .section-head h2 em, .industry-copy h2 em, .implementation-intro h2 em, .faq-heading h2 em, .contact-copy h2 em { color: var(--blue); }
.hero-description { max-width: 610px; margin: 26px 0 0; color: #5b6d84; font-size: clamp(15px, 1.15vw, 18px); line-height: 1.95; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 38px; color: #657991; font-size: 11px; font-weight: 700; }
.trust-row span { display: inline-flex; align-items: center; gap: 8px; }
.trust-row span::before { content: "✓"; width: 17px; height: 17px; border-radius: 50%; display: grid; place-items: center; color: var(--blue); background: #e6efff; font: 800 9px/1 var(--font-en); }

.system-showcase { min-width: 0; background: #fff; border: 1px solid #cfdaea; border-radius: 26px; box-shadow: 0 40px 90px rgba(11,31,58,.18); position: relative; direction: rtl; will-change: transform; transform-style: preserve-3d; }
.system-showcase::before { content: ""; position: absolute; z-index: -1; inset: 17px -17px -17px 25px; border-radius: 26px; background: #dce9fb; }
.browser-bar { height: 47px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; direction: ltr; color: #8090a7; border-bottom: 1px solid var(--line); font: 700 8px/1 var(--font-en); letter-spacing: .7px; }
.browser-bar > b { color: var(--navy-2); letter-spacing: 1.3px; }
.browser-dots { display: flex; gap: 5px; }
.browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: #c4d1df; }
.browser-dots i:first-child { background: #7faaf0; }
.erp-screen { display: grid; grid-template-columns: 135px 1fr; height: 500px; overflow: hidden; border-radius: 0 0 25px 25px; direction: ltr; }
.erp-sidebar { background: linear-gradient(180deg, #0b1f3a, #102d55); padding: 16px 11px; color: #fff; direction: ltr; }
.side-brand { display: flex; align-items: center; gap: 7px; margin: 0 2px 24px; }
.side-brand img { width: 24px; filter: brightness(0) invert(1); }
.side-brand b { font: 800 9px/1 var(--font-en); letter-spacing: .5px; }
.side-section { display: block; margin: 14px 5px 7px; color: #6682a6; font: 700 5.5px/1 var(--font-en); letter-spacing: 1.2px; }
.side-item { height: 28px; margin: 4px 0; padding: 0 8px; border-radius: 7px; display: flex; align-items: center; gap: 7px; }
.side-item.active { background: linear-gradient(90deg, rgba(47,110,232,.62), rgba(47,110,232,.22)); box-shadow: inset 2px 0 #76b5ff; }
.side-item b { width: 9px; height: 9px; border: 1px solid #7f98b7; border-radius: 3px; }
.side-item small { width: 52px; height: 3px; border-radius: 99px; background: #597495; }
.side-item.active b { border-color: #fff; }
.side-item.active small { background: #c8dcf6; }
.erp-workspace { min-width: 0; background: #edf3fa; direction: rtl; }
.erp-topbar { height: 44px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid #dbe5ef; }
.erp-topbar > span { width: 145px; height: 7px; border-radius: 99px; background: #e5ecf5; }
.erp-topbar > div { display: flex; align-items: center; gap: 10px; }
.erp-topbar i { width: 12px; height: 12px; border: 1px solid #b6c5d8; border-radius: 4px; }
.erp-topbar b { width: 22px; height: 22px; display: grid; place-items: center; color: #fff; background: var(--navy-2); border-radius: 7px; font: 800 8px/1 var(--font-en); }
.erp-content { padding: 15px; }
.dashboard-banner { min-height: 104px; padding: 16px 19px; border-radius: 15px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: linear-gradient(125deg, #0a2448 0%, #164b91 55%, #2f6ee8 100%); box-shadow: 0 12px 27px rgba(13,49,101,.17); position: relative; overflow: hidden; }
.dashboard-banner::before { content: ""; position: absolute; width: 165px; height: 165px; inset-inline-end: -52px; top: -80px; border: 28px solid rgba(255,255,255,.07); border-radius: 50%; }
.dashboard-banner small { color: #cfe0fb; font-size: 6.5px; font-weight: 700; }
.dashboard-banner h2 { margin: 6px 0; color: #fff; font-size: 14px; }
.dashboard-banner p { margin: 0; color: #d7e6ff; font-size: 7px; }
.banner-tools { display: flex; align-items: stretch; gap: 7px; position: relative; z-index: 1; }
.banner-tools > span { min-width: 95px; padding: 10px; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.15); border-radius: 10px; }
.banner-tools > span b { margin-top: 4px; font-size: 7px; }
.banner-tools > i { width: 45px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.15); font: 800 15px/1 var(--font-en); font-style: normal; }
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
.kpi-grid article { min-width: 0; min-height: 85px; padding: 10px; background: #fff; border: 1px solid #dce6f1; border-radius: 11px; box-shadow: 0 5px 14px rgba(35,65,104,.04); position: relative; }
.kpi-grid article > i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; font: 700 10px/1 var(--font-en); font-style: normal; }
.kpi-grid i.blue { color: #2563eb; background: #e7efff; }
.kpi-grid i.violet { color: #7c3aed; background: #f0e9ff; }
.kpi-grid i.green { color: #0c9069; background: #e2f7ef; }
.kpi-grid i.amber { color: #b46b08; background: #fff2d9; }
.kpi-grid article > small { display: block; margin-top: 7px; color: #73849a; font-size: 5.8px; font-weight: 800; }
.kpi-grid article > b { display: block; margin-top: 4px; color: #122743; white-space: nowrap; font: 800 10px/1 var(--font-en); }
.kpi-grid article > b em { color: #6f8095; font: 700 5px/1 var(--font-ar); }
.kpi-grid article > span { position: absolute; inset-inline-end: 9px; top: 10px; color: #248364; font: 700 5.5px/1 var(--font-en); }
.workspace-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 8px; margin-top: 8px; }
.mini-chart, .quick-panel { min-height: 136px; padding: 11px; background: #fff; border: 1px solid #dce6f1; border-radius: 11px; }
.mini-chart > div:first-child, .quick-panel > div:first-child { display: flex; justify-content: space-between; font-size: 7px; }
.mini-chart > div:first-child span, .quick-panel > div:first-child span { color: #8191a6; font-size: 5.5px; }
.area-chart { height: 94px; margin-top: 8px; position: relative; overflow: hidden; background: repeating-linear-gradient(to bottom, transparent 0 22px, #edf2f8 23px); }
.area-chart > i { position: absolute; z-index: 2; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 50%; background: #2f6ee8; box-shadow: 0 0 0 1px #2f6ee8; }
.area-chart > i:nth-of-type(1) { left: 3%; top: 72%; }.area-chart > i:nth-of-type(2) { left: 21%; top: 58%; }.area-chart > i:nth-of-type(3) { left: 39%; top: 63%; }.area-chart > i:nth-of-type(4) { left: 57%; top: 36%; }.area-chart > i:nth-of-type(5) { left: 76%; top: 43%; }.area-chart > i:nth-of-type(6) { left: 95%; top: 13%; }
.chart-area-fill { position: absolute; inset: 8% 0 0; background: linear-gradient(to bottom,rgba(47,110,232,.18),rgba(47,110,232,0)); clip-path: polygon(0 78%,21% 62%,39% 67%,57% 39%,76% 46%,100% 12%,100% 100%,0 100%); }
.chart-segment { position: absolute; z-index: 1; height: 2px; background: #2f6ee8; border-radius: 99px; transform-origin: left center; }
.segment-1 { left: 3%; top: 75%; width: 19%; transform: rotate(-10deg); }.segment-2 { left: 21%; top: 60%; width: 19%; transform: rotate(2deg); }.segment-3 { left: 39%; top: 65%; width: 21%; transform: rotate(-23deg); }.segment-4 { left: 57%; top: 38%; width: 20%; transform: rotate(7deg); }.segment-5 { left: 76%; top: 44%; width: 23%; transform: rotate(-23deg); }
.quick-panel ul { margin: 8px 0 0; padding: 0; list-style: none; }
.quick-panel li { display: flex; align-items: center; gap: 6px; padding: 7px 0; border-bottom: 1px solid #edf2f7; color: #52657d; font-size: 5.7px; font-weight: 700; }
.quick-panel li:last-child { border: 0; }
.quick-panel li i { width: 17px; height: 17px; display: grid; place-items: center; color: #2563eb; background: #e8f0ff; border-radius: 5px; font: 800 9px/1 var(--font-en); font-style: normal; }
.showcase-float { position: absolute; min-width: 134px; padding: 11px 13px; display: flex; align-items: center; gap: 10px; color: var(--text); background: #fff; border: 1px solid #dae5f1; border-radius: 13px; box-shadow: 0 18px 42px rgba(11,31,58,.18); animation: float 5s ease-in-out infinite; }
.showcase-float > i { width: 27px; height: 27px; border-radius: 8px; background: linear-gradient(145deg, #dfeaff, #b9d2ff); position: relative; }
.showcase-float > i::after { content: ""; position: absolute; inset: 7px; border: 2px solid var(--blue); border-radius: 50%; }
.showcase-float div { display: flex; flex-direction: column; gap: 4px; }
.showcase-float b { color: var(--navy-2); font: 800 13px/1 var(--font-en); }
.showcase-float span { color: #718299; font-size: 6.5px; font-weight: 700; }
.float-a { inset-inline-start: -45px; top: 96px; }
.float-b { inset-inline-end: -30px; bottom: 60px; animation-delay: 1.1s; }

.signal-strip { overflow: hidden; color: #fff; background: var(--navy); border-block: 1px solid rgba(255,255,255,.09); }
.signal-track { width: max-content; min-height: 56px; display: flex; align-items: center; gap: 27px; direction: ltr; animation: marquee 30s linear infinite; }
.signal-strip:hover .signal-track { animation-play-state: paused; }
.signal-track span { display: flex; align-items: center; gap: 27px; color: #b9c9df; font: 700 10px/1 var(--font-en); letter-spacing: 1.8px; white-space: nowrap; }
.signal-track i { width: 5px; height: 5px; border-radius: 50%; background: #559dff; box-shadow: 0 0 8px #559dff; }

.section-pad { padding: 110px max(32px, calc((100vw - 1500px) / 2)); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 55px; margin-bottom: 58px; }
.section-head > div { max-width: 780px; }
.section-head h2, .industry-copy h2, .implementation-intro h2, .faq-heading h2, .contact-copy h2 { margin: 0; color: var(--navy); font-size: clamp(38px, 4vw, 62px); line-height: 1.27; letter-spacing: -2.6px; }
.section-head > p { max-width: 500px; margin: 0; color: var(--muted); font-size: 14px; line-height: 2; }

.connected-section { background: #fff; }
.process-map { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; position: relative; }
.process-line { position: absolute; z-index: 0; top: 42px; inset-inline: 9% 9%; height: 2px; background: #d6e1ee; overflow: hidden; }
.process-line i { display: block; width: 24%; height: 100%; background: linear-gradient(90deg, transparent, var(--blue), transparent); animation: lineFlow 4s linear infinite; }
.process-node { min-width: 0; padding: 0; border: 0; background: transparent; text-align: center; cursor: pointer; position: relative; z-index: 1; }
.process-node > span { width: 84px; height: 84px; margin: 0 auto 17px; display: grid; place-items: center; color: #64758b; background: #fff; border: 1px solid #ccd9e8; border-radius: 50%; box-shadow: 0 9px 22px rgba(35,65,104,.07); font: 800 12px/1 var(--font-en); transition: .25s ease; }
.process-node b, .process-node small { display: block; }
.process-node b { color: #243a55; font-size: 13px; }
.process-node small { margin-top: 6px; color: #8a99ab; font-size: 9px; }
.process-node:hover > span, .process-node.active > span { color: #fff; border-color: transparent; background: linear-gradient(145deg, var(--navy-2), var(--blue-2)); box-shadow: 0 13px 30px rgba(37,99,235,.24); transform: translateY(-4px); }
.process-node.active b { color: var(--blue); }
.process-insight { margin-top: 42px; min-height: 150px; padding: 30px 34px; display: grid; grid-template-columns: 115px 1fr 150px; align-items: center; gap: 28px; color: #fff; background: linear-gradient(125deg, #0a2448, #164b91 62%, #2f6ee8); border-radius: 22px; overflow: hidden; position: relative; }
.process-insight::after { content: ""; position: absolute; width: 280px; height: 280px; inset-inline-end: -85px; top: -130px; border: 42px solid rgba(255,255,255,.06); border-radius: 50%; }
.process-code { align-self: stretch; display: grid; place-items: center; color: #bdd7ff; border-inline-end: 1px solid rgba(255,255,255,.15); font: 700 10px/1 var(--font-en); letter-spacing: 1px; direction: ltr; }
.process-insight h3 { margin: 0 0 9px; font-size: 20px; }
.process-insight p { max-width: 650px; margin: 0; color: #cfe0f8; font-size: 12px; line-height: 1.85; }
.process-pulse { display: flex; align-items: center; justify-content: center; gap: 7px; position: relative; z-index: 1; direction: ltr; }
.process-pulse i { width: 12px; height: 12px; border: 2px solid #8abaff; border-radius: 50%; animation: pulseDot 1.5s infinite; }
.process-pulse i:nth-child(2) { animation-delay: .25s; }.process-pulse i:nth-child(3) { animation-delay: .5s; }

.customize-section { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(48px,6vw,96px); align-items: center; color: #fff; background: radial-gradient(circle at 14% 18%,rgba(85,168,255,.2),transparent 28%),linear-gradient(135deg,#07182e,#102f5d 58%,#1f5fc1); position: relative; overflow: hidden; }
.customize-section::before { content: ""; position: absolute; width: 620px; height: 620px; inset-inline-end: -300px; bottom: -400px; border: 76px solid rgba(255,255,255,.045); border-radius: 50%; }
.customize-intro,.customize-grid { position: relative; z-index: 1; }
.customize-intro h2 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(42px,4.4vw,68px); line-height: 1.13; letter-spacing: -3px; }
.customize-intro h2 em { color: #83c1ff; }
.customize-intro > p:not(.eyebrow) { max-width: 700px; margin: 26px 0 0; color: #c2d4ea; font-size: 13px; line-height: 2.05; }
.customize-guardrail { max-width: 700px; margin-top: 28px; padding: 16px 18px; display: flex; align-items: flex-start; gap: 12px; color: #ddecff; border: 1px solid rgba(135,190,255,.22); border-radius: 14px; background: rgba(255,255,255,.07); font-size: 10.5px; line-height: 1.9; }
.customize-guardrail > i { width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; color: #0d3568; background: #8fc8ff; border-radius: 50%; font: 800 11px/1 var(--font-en); font-style: normal; }
.customize-evidence-link { width: fit-content; min-height: 46px; margin-top: 18px; padding: 0 18px; display: inline-flex; align-items: center; gap: 14px; color: #fff; border: 1px solid rgba(143,200,255,.34); border-radius: 12px; background: rgba(255,255,255,.09); font-size: 10px; font-weight: 800; transition: transform .2s ease,background .2s ease,border-color .2s ease; }
.customize-evidence-link:hover { transform: translateY(-2px); border-color: rgba(143,200,255,.7); background: rgba(255,255,255,.14); }
.customize-evidence-link b { color: #8fc8ff; font: 800 16px/1 var(--font-en); }
.customize-grid { display: grid; gap: 12px; }
.customize-card { min-height: 180px; padding: 24px 25px; display: grid; grid-template-columns: 58px 1fr auto; grid-template-rows: auto 1fr; column-gap: 20px; align-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 19px; background: rgba(255,255,255,.075); box-shadow: 0 18px 44px rgba(2,15,35,.16); backdrop-filter: blur(10px); transition: transform .24s ease,border-color .24s ease,background .24s ease; }
.customize-card:hover { transform: translateY(-4px); border-color: rgba(143,200,255,.42); background: rgba(255,255,255,.105); }
.customize-card > span { grid-row: 1 / 3; color: #83bfff; font: 800 9px/1 var(--font-en); letter-spacing: 1px; align-self: start; margin-top: 7px; }
.customize-card h3 { margin: 0 0 9px; font-size: 17px; }
.customize-card p { grid-column: 2 / 3; margin: 0; color: #aec4de; font-size: 10.5px; line-height: 1.9; }
.customize-icon { grid-column: 3; grid-row: 1 / 3; width: 60px; height: 60px; display: grid; align-content: center; gap: 6px; padding: 13px; color: #9bcfff; border: 1px solid rgba(139,197,255,.22); border-radius: 16px; background: rgba(77,151,235,.1); }
.customize-icon i { display: block; height: 4px; border-radius: 99px; background: currentColor; }
.customize-icon i:nth-child(2) { width: 72%; }.customize-icon i:nth-child(3) { width: 45%; }
.customize-icon-code { place-items: center; padding: 0; font: 800 14px/1 var(--font-en); }
.customize-icon-connect { display: block; position: relative; }
.customize-icon-connect i { width: 9px; height: 9px; position: absolute; border-radius: 50%; background: #8fc8ff; box-shadow: 0 0 0 5px rgba(143,200,255,.1); }
.customize-icon-connect i:nth-child(1) { inset: 13px auto auto 25px; }.customize-icon-connect i:nth-child(2) { inset: auto auto 13px 13px; }.customize-icon-connect i:nth-child(3) { inset: auto 13px 13px auto; }
.customize-icon-connect::before,.customize-icon-connect::after { content: ""; width: 25px; height: 1px; position: absolute; left: 18px; top: 35px; background: rgba(143,200,255,.65); transform: rotate(-52deg); transform-origin: left center; }
.customize-icon-connect::after { left: 29px; transform: rotate(52deg); }

.modules-section { background: var(--paper); border-block: 1px solid var(--line); }
.module-toolbar { margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.module-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.module-filters button { min-height: 38px; padding: 0 14px; border: 1px solid #d5e0ec; border-radius: 10px; color: #63748a; background: #fff; font-size: 10px; font-weight: 800; cursor: pointer; transition: .2s ease; }
.module-filters button:hover, .module-filters button.active { color: #fff; border-color: var(--navy-2); background: var(--navy-2); box-shadow: 0 8px 18px rgba(23,61,120,.14); }
.module-toolbar > p { margin: 0; color: #8291a4; white-space: nowrap; font-size: 10px; }
.module-toolbar > p span { color: var(--blue); font: 800 23px/1 var(--font-en); }
.modules-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.module-card { min-height: 245px; padding: 23px; border: 1px solid #dbe5f0; border-radius: 17px; background: #fff; box-shadow: 0 6px 20px rgba(29,64,105,.045); cursor: pointer; text-align: start; position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.module-card::after { content: ""; position: absolute; width: 100px; height: 100px; inset-inline-end: -50px; top: -50px; border-radius: 50%; background: var(--card-soft); transition: transform .35s ease; }
.module-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--card-color) 42%, white); box-shadow: 0 18px 40px rgba(29,64,105,.11); }
.module-card:hover::after { transform: scale(1.4); }
.module-card-head { display: flex; align-items: flex-start; justify-content: space-between; }
.module-icon { width: 48px; height: 48px; display: grid; place-items: center; color: var(--card-color); background: var(--card-soft); border-radius: 14px; font: 800 16px/1 var(--font-en); }
.module-code { color: #9aa8b8; font: 700 8px/1 var(--font-en); letter-spacing: .7px; }
.module-card h3 { margin: 33px 0 10px; color: var(--navy); font-size: 17px; }
.module-card p { margin: 0; color: #738399; font-size: 10.5px; line-height: 1.85; }
.module-card-foot { position: absolute; bottom: 19px; inset-inline: 23px; display: flex; align-items: center; justify-content: space-between; color: var(--card-color); font-size: 8px; font-weight: 800; }
.module-card-foot b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: var(--card-soft); font: 800 13px/1 var(--font-en); }
.module-card.is-hidden { display: none; }

.seo-region-section { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(50px,7vw,110px); background: #fff; }
.seo-region-copy h2 { max-width: 760px; margin: 0; color: var(--navy); font-size: clamp(42px,4.4vw,68px); line-height: 1.13; letter-spacing: -3px; }
.seo-region-copy h2 em { color: var(--blue); }
.seo-region-copy > p:not(.eyebrow) { max-width: 720px; margin: 25px 0 30px; color: #63758c; font-size: 13px; line-height: 2; }
.seo-market-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.seo-market-grid article { min-height: 145px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; border-radius: 18px; background: linear-gradient(145deg,var(--navy-2),var(--blue)); box-shadow: 0 18px 42px rgba(23,61,120,.15); }
.seo-market-grid article:last-child { grid-column: 1 / -1; min-height: 115px; background: linear-gradient(125deg,#0a2448,#164b91 62%,#2f6ee8); }
.seo-market-grid b { color: #a9cbff; font: 800 11px/1 var(--font-en); letter-spacing: 1px; }
.seo-market-grid span { font-size: 18px; font-weight: 800; }

.industries-section { min-height: 820px; display: grid; grid-template-columns: .88fr 1.12fr; color: #fff; background: var(--navy); overflow: hidden; }
.industry-copy { padding-inline-end: 62px; }
.industry-copy h2 { color: #fff; }
.industry-copy h2 em { color: #76b8ff; }
.industry-copy > p:not(.eyebrow) { max-width: 660px; margin: 25px 0 0; color: #aebfd5; font-size: 13px; line-height: 2; }
.industry-tabs { margin-top: 48px; border-top: 1px solid rgba(255,255,255,.12); }
.industry-tabs button { width: 100%; min-height: 70px; padding: 0; display: flex; align-items: center; gap: 18px; color: #8097b4; border: 0; border-bottom: 1px solid rgba(255,255,255,.12); background: transparent; cursor: pointer; text-align: start; }
.industry-tabs button span { color: #5e7593; font: 700 9px/1 var(--font-en); }
.industry-tabs button b { font-size: 14px; }
.industry-tabs button::after { content: "↗"; margin-inline-start: auto; font: 700 17px/1 var(--font-en); opacity: 0; transition: .2s ease; }
.industry-tabs button:hover, .industry-tabs button.active { color: #fff; }
.industry-tabs button.active span { color: #73b7ff; }
.industry-tabs button.active::after { opacity: 1; }
.industry-stage { min-width: 0; padding: 86px clamp(35px, 5vw, 80px); display: flex; flex-direction: column; justify-content: center; background: linear-gradient(145deg, #123469, #1f5fc1 65%, #2f6ee8); position: relative; overflow: hidden; }
.industry-stage::before { content: ""; position: absolute; width: 600px; height: 600px; right: -210px; top: -300px; border: 70px solid rgba(255,255,255,.055); border-radius: 50%; }
.industry-visual { height: 440px; border: 1px solid rgba(255,255,255,.17); border-radius: 24px; background: rgba(6,25,55,.23); backdrop-filter: blur(8px); position: relative; overflow: hidden; }
.industry-grid-lines { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px); background-size: 44px 44px; }
.industry-kicker { position: absolute; top: 20px; inset-inline-start: 22px; display: flex; align-items: center; gap: 8px; color: #c6dcfb; font: 700 8px/1 var(--font-en); letter-spacing: 1.3px; }
.industry-kicker i { width: 6px; height: 6px; border-radius: 50%; background: #81c2ff; box-shadow: 0 0 0 5px rgba(129,194,255,.12); }
.industry-center { position: absolute; inset: 50% auto auto 50%; width: 138px; height: 138px; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--navy); box-shadow: 0 22px 50px rgba(3,17,38,.3); z-index: 2; }
.industry-center span, .industry-center small { color: #7390b6; font: 700 7px/1 var(--font-en); letter-spacing: 1px; }
.industry-center b { margin: 7px 0; color: var(--blue); font-size: 20px; }
.industry-orbit { position: absolute; width: 310px; height: 310px; inset: 50% auto auto 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.25); border-radius: 50%; animation: spin 28s linear infinite; }
.industry-orbit i { position: absolute; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #62aaff; box-shadow: 0 0 22px rgba(98,170,255,.9); }
.industry-orbit i:nth-child(1) { left: 22px; top: 69px; }.industry-orbit i:nth-child(2) { right: 22px; top: 69px; }.industry-orbit i:nth-child(3) { left: 50%; bottom: -6px; }.industry-orbit i:nth-child(4) { left: 50%; top: -6px; }
.industry-stat { position: absolute; min-width: 122px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.17); border-radius: 11px; background: rgba(8,32,69,.7); backdrop-filter: blur(10px); }
.industry-stat span, .industry-stat b { display: block; }
.industry-stat span { color: #9dbde6; font-size: 6.5px; }
.industry-stat b { margin-top: 6px; font: 800 9px/1 var(--font-en); }
.stat-a { top: 72px; inset-inline-end: 35px; }.stat-b { bottom: 72px; inset-inline-start: 35px; }.stat-c { bottom: 38px; inset-inline-end: 48px; }
.industry-details { display: grid; grid-template-columns: 90px 1fr; column-gap: 24px; margin-top: 32px; }
.industry-number { grid-row: span 3; margin: 5px 0 0; color: #9ec6fa; font: 700 10px/1 var(--font-en); }
.industry-details h3 { margin: 0; font-size: 21px; }
.industry-details > p:not(.industry-number) { margin: 10px 0 0; color: #c9dcf5; font-size: 11px; line-height: 1.9; }
.industry-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.industry-tags span { padding: 6px 9px; color: #dcecff; border: 1px solid rgba(255,255,255,.17); border-radius: 99px; background: rgba(255,255,255,.06); font: 700 7px/1 var(--font-en); }

.why-section { background: #fff; }
.control-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 290px); gap: 13px; }
.control-feature { padding: 25px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #dae5f0; border-radius: 18px; background: #fff; box-shadow: 0 7px 22px rgba(35,65,104,.045); overflow: hidden; position: relative; }
.control-feature.large { grid-column: span 2; }.control-feature.wide { grid-column: span 2; }
.feature-index { position: absolute; top: 22px; inset-inline-end: 22px; color: #9dadbd; font: 700 8px/1 var(--font-en); }
.control-feature h3 { margin: 0 0 9px; color: var(--navy); font-size: 16px; }
.control-feature p { margin: 0; color: #718197; font-size: 10.5px; line-height: 1.9; }
.branch-visual { width: 300px; height: 135px; margin: 5px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: end; position: relative; }
.branch-visual span { height: 43px; display: grid; place-items: center; color: #4f6d93; background: #edf3fa; border: 1px solid #cfdcea; border-radius: 10px; font: 800 8px/1 var(--font-en); position: relative; z-index: 2; }
.branch-visual .branch-root { position: absolute; top: 0; left: 50%; width: 62px; height: 44px; transform: translateX(-50%); color: #fff; background: linear-gradient(145deg,var(--navy-2),var(--blue)); border: 0; box-shadow: 0 10px 20px rgba(37,99,235,.2); }
.branch-line { position: absolute; left: 16%; right: 16%; top: 65px; height: 1px; background: #b8c9dc; }
.branch-line::before { content: ""; position: absolute; left: 50%; bottom: 0; width: 1px; height: 22px; background: #b8c9dc; }
.permission-visual { width: 150px; margin: 10px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.permission-visual i { height: 48px; border-radius: 12px; background: #e8eff9; position: relative; }
.permission-visual i::after { content: ""; position: absolute; inset: 13px; border-radius: 50%; background: #83a9d9; }
.permission-visual i:nth-child(2), .permission-visual i:nth-child(4), .permission-visual i:nth-child(6) { background: #e7efff; }.permission-visual i:nth-child(2)::after, .permission-visual i:nth-child(4)::after, .permission-visual i:nth-child(6)::after { background: var(--blue); }
.audit-visual { width: 190px; margin: 6px auto 0; padding: 13px; border: 1px solid #d5e1ed; border-radius: 12px; background: #f8fafc; position: relative; }
.audit-visual span { display: block; width: 78%; height: 8px; margin: 8px 0; border-radius: 99px; background: #dce6f2; }
.audit-visual span:nth-child(2) { width: 55%; }.audit-visual span:nth-child(3) { width: 68%; }
.audit-visual i { position: absolute; inset-inline-end: 17px; bottom: 17px; width: 33px; height: 33px; border: 7px solid #dbe8ff; border-top-color: var(--blue); border-radius: 50%; }
.language-visual { display: flex; align-items: center; justify-content: center; gap: 22px; margin: 22px 0 0; }
.language-visual span { width: 76px; height: 76px; display: grid; place-items: center; color: var(--navy-2); background: #edf3fa; border: 1px solid #cfddec; border-radius: 18px; font: 800 23px/1 var(--font-en); }
.language-visual span:first-child { color: #fff; background: linear-gradient(145deg,var(--navy-2),var(--blue)); border: 0; box-shadow: 0 12px 28px rgba(37,99,235,.2); font-family: var(--font-ar); }
.language-visual i { color: #8ca0b8; font: 700 23px/1 var(--font-en); font-style: normal; }

.implementation-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 80px; color: #fff; background: linear-gradient(135deg, #0a2448, #143f7a 60%, #215bb2); position: relative; overflow: hidden; }
.implementation-section::before { content: ""; position: absolute; width: 520px; height: 520px; inset-inline-start: -260px; bottom: -330px; border: 75px solid rgba(255,255,255,.045); border-radius: 50%; }
.implementation-intro { align-self: center; position: relative; z-index: 1; }
.implementation-intro h2 { color: #fff; }.implementation-intro h2 em { color: #7dbeff; }
.implementation-intro .button { margin-top: 34px; }
.implementation-steps { margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; }
.implementation-steps li { min-height: 132px; padding: 25px 0; display: grid; grid-template-columns: 65px 1fr; gap: 22px; border-bottom: 1px solid rgba(255,255,255,.13); }
.implementation-steps li:first-child { border-top: 1px solid rgba(255,255,255,.13); }
.implementation-steps > li > span { width: 48px; height: 48px; display: grid; place-items: center; color: #97c8ff; border: 1px solid rgba(255,255,255,.17); border-radius: 14px; background: rgba(255,255,255,.06); font: 800 9px/1 var(--font-en); }
.implementation-steps h3 { margin: 2px 0 8px; font-size: 16px; }
.implementation-steps p { margin: 0; color: #b9cce3; font-size: 10.5px; line-height: 1.85; }

.faq-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; background: var(--paper); }
.faq-heading h2 { font-size: clamp(40px,4.5vw,66px); }
.faq-list { border-top: 1px solid #cfdae7; }
.faq-item { border-bottom: 1px solid #cfdae7; }
.faq-item button { width: 100%; min-height: 85px; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 25px; border: 0; background: transparent; cursor: pointer; text-align: start; font-size: 14px; font-weight: 800; }
.faq-item button i { width: 30px; height: 30px; flex: 0 0 auto; border: 1px solid #c9d5e3; border-radius: 9px; position: relative; }
.faq-item button i::before, .faq-item button i::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 10px; height: 1.5px; background: var(--navy-2); transform: translate(-50%,-50%); transition: transform .2s ease; }
.faq-item button i::after { transform: translate(-50%,-50%) rotate(90deg); }
.faq-item.open button i { border-color: var(--blue); background: var(--blue); }
.faq-item.open button i::before, .faq-item.open button i::after { background: #fff; }
.faq-item.open button i::after { transform: translate(-50%,-50%) rotate(0); }
.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.faq-answer p { min-height: 0; overflow: hidden; margin: 0; color: #6e7f94; font-size: 11.5px; line-height: 2; }
.faq-item.open .faq-answer { grid-template-rows: 1fr; }
.faq-item.open .faq-answer p { padding: 0 0 26px; }

.contact-section { min-height: 570px; padding: 100px max(32px, calc((100vw - 1500px) / 2)); display: grid; grid-template-columns: 1fr .55fr; align-items: center; gap: 80px; color: #fff; background: linear-gradient(125deg, #0a2448, #164b91 55%, #2f6ee8); position: relative; overflow: hidden; }
.contact-grid { position: absolute; inset: 0; opacity: .09; background-image: linear-gradient(rgba(255,255,255,.38) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(circle at 80% 50%,#000,transparent 65%); }
.contact-section::after { content: ""; position: absolute; width: 520px; height: 520px; inset-inline-end: -120px; top: 20px; border: 65px solid rgba(255,255,255,.06); border-radius: 50%; }
.contact-copy, .contact-action { position: relative; z-index: 2; }
.contact-copy h2 { color: #fff; font-size: clamp(47px,5.5vw,78px); }.contact-copy h2 em { color: #9ed0ff; }
.contact-copy > p:not(.eyebrow) { max-width: 690px; margin: 25px 0 0; color: #ccdef6; font-size: 13px; line-height: 2; }
.contact-action { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.contact-orb { width: 210px; height: 210px; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; color: var(--navy-2); background: #fff; border-radius: 50%; box-shadow: 0 30px 70px rgba(3,17,38,.3); font-size: 18px; font-weight: 800; transition: transform .28s ease; }
.contact-orb:hover { transform: rotate(-4deg) scale(1.04); }
.contact-orb b { font: 800 33px/1 var(--font-en); }
.contact-action > p { margin: 0; display: flex; gap: 10px; color: #bed5f2; font-size: 10px; }
.contact-action > p a { color: #fff; font-family: var(--font-en); font-weight: 800; }

.whatsapp-float { position: fixed; z-index: 90; inset-inline-end: 18px; bottom: 18px; min-height: 62px; padding: 8px; padding-inline-end: 17px; display: flex; align-items: center; gap: 11px; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: linear-gradient(135deg,var(--navy-2),var(--blue)); box-shadow: 0 16px 38px rgba(11,31,58,.28); transition: transform .2s ease, box-shadow .2s ease; }
.whatsapp-float:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(11,31,58,.34); }
.whatsapp-float-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; flex: 0 0 auto; }
.whatsapp-float-icon img { width: 100%; height: 100%; object-fit: contain; }
.whatsapp-float-copy { display: grid; gap: 4px; }
.whatsapp-float-copy b { font-size: 11px; line-height: 1; }
.whatsapp-float-copy small { color: #dbeafe; font-size: 8px; font-weight: 700; line-height: 1; }

.site-footer { padding: 55px max(32px, calc((100vw - 1500px) / 2)) 25px; color: #b5c4d7; background: #07182e; }
.footer-top { min-height: 100px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: start; gap: 35px; border-bottom: 1px solid rgba(255,255,255,.1); }
.brand-light .brand-copy b { color: #fff; }.brand-light .brand-copy small { color: #738aa7; }.brand-light img { filter: brightness(0) invert(1); }
.footer-top > p { margin: 6px 0 0; text-align: center; font-size: 11px; }
.footer-links { display: flex; justify-content: flex-end; gap: 22px; color: #e1e9f3; font-size: 10px; font-weight: 700; }
.footer-bottom { padding-top: 24px; display: flex; justify-content: space-between; color: #6f849f; font-size: 8.5px; }
.footer-bottom p { margin: 0; }

.module-dialog { width: min(610px, calc(100% - 30px)); max-height: calc(100dvh - 30px); padding: 38px; color: var(--text); border: 0; border-radius: 22px; box-shadow: 0 35px 100px rgba(7,24,46,.35); overflow-y: auto; }
.module-dialog::backdrop { background: rgba(5,18,37,.7); backdrop-filter: blur(7px); }
.dialog-close { position: absolute; top: 18px; inset-inline-end: 18px; width: 38px; height: 38px; padding: 0; border: 1px solid #d6e1ec; border-radius: 11px; background: #fff; cursor: pointer; }
.dialog-close i { position: absolute; width: 13px; height: 1.5px; top: 18px; left: 12px; background: var(--navy); transform: rotate(45deg); }.dialog-close i:last-child { transform: rotate(-45deg); }
.dialog-code { margin: 0; color: #8a99ac; font: 700 8px/1 var(--font-en); letter-spacing: 1px; }
.dialog-icon { width: 64px; height: 64px; margin-top: 26px; display: grid; place-items: center; color: var(--dialog-color,var(--blue)); background: var(--dialog-soft,#e8f0ff); border-radius: 18px; font: 800 19px/1 var(--font-en); }
.module-dialog h2 { margin: 22px 0 10px; color: var(--navy); font-size: 29px; }
.dialog-description { margin: 0; color: #687a90; font-size: 12px; line-height: 1.9; }
.dialog-features { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 25px 0 20px; }
.dialog-features div { min-height: 92px; padding: 12px; color: #475b75; background: #f4f7fb; border: 1px solid #e0e8f1; border-radius: 12px; font-size: 9px; line-height: 1.7; }
.dialog-features div::before { content: "✓"; display: block; margin-bottom: 7px; color: var(--dialog-color,var(--blue)); font: 800 11px/1 var(--font-en); }
.dialog-integrations { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 25px; }
.dialog-integrations span { padding: 6px 9px; color: #62758e; background: #eef3f8; border-radius: 99px; font: 700 7px/1 var(--font-en); }

.not-found-page { min-height: 100vh; padding: 32px; display: grid; place-items: center; background: radial-gradient(circle at 82% 18%,rgba(47,110,232,.17),transparent 32%),var(--ice); }
.not-found-shell { width: min(1120px,100%); }
.not-found-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.not-found-card { min-height: 540px; margin-top: 28px; padding: 70px; display: flex; flex-direction: column; justify-content: center; color: #fff; border-radius: 28px; background: linear-gradient(125deg,#0a2448,#164b91 57%,#2f6ee8); box-shadow: var(--shadow); position: relative; overflow: hidden; }
.not-found-card::after { content:"404"; position:absolute; inset-inline-end:-10px; bottom:-75px; color:rgba(255,255,255,.055); font:800 280px/1 var(--font-en); }
.not-found-card > span { color:#b9d6ff; font:700 9px/1 var(--font-en); letter-spacing:1.4px; }
.not-found-card h1 { max-width:720px; margin:25px 0 20px; font-size:clamp(48px,7vw,90px); line-height:1.1; letter-spacing:-4px; position:relative; z-index:1; }
.not-found-card h1 em { color:#93c9ff; }
.not-found-card p { max-width:600px; margin:0; color:#c9dcf5; font-size:13px; line-height:2; position:relative; z-index:1; }
.not-found-card > div { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; position:relative; z-index:1; }
.not-found-card .button-outline { color:#fff; border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.08); }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,.61,.36,1); }
.reveal-delay { transition-delay: .12s; }
.reveal.is-visible { opacity: 1; transform: none; }

@keyframes float { 50% { transform: translateY(-8px); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes lineFlow { from { transform: translateX(-100%); } to { transform: translateX(500%); } }
@keyframes pulseDot { 50% { transform: scale(1.35); opacity: .45; } }
@keyframes spin { to { transform: translate(-50%,-50%) rotate(360deg); } }

@media (max-width: 1250px) {
  .hero { grid-template-columns: .72fr 1.28fr; gap: 42px; }
  .erp-screen { grid-template-columns: 105px 1fr; }
  .kpi-grid { grid-template-columns: repeat(2,1fr); }
  .workspace-grid { display: none; }
  .modules-grid { grid-template-columns: repeat(3,1fr); }
  .industries-section { grid-template-columns: .8fr 1.2fr; }
  .industry-copy { padding-inline-end: 35px; }
}

@media (max-width: 1350px) {
  .showcase-float { display: none; }
  .header-inner { gap: 18px; }
  .main-nav { font-size: 11px; }
  .main-nav a { padding-inline: 11px; }
  html[lang="fr"] .main-nav { font-size: 10.5px; }
}

@media (max-width: 1120px) {
  .header-inner { width: calc(100% - 28px); }
  .hero { width: min(100% - 40px, 1500px); }
  .main-nav { display: none; }
  .menu-button { display: grid; }
  .header-actions .button { display: none; }
  .header-actions { gap: 4px; padding: 4px; border: 1px solid #d7e3ef; border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 8px 24px rgba(11,31,58,.08); }
  .header-actions .language-button { min-width: 68px; height: 40px; padding-inline: 9px; border: 0; background: transparent; box-shadow: none; }
  .header-actions .language-button:hover, .header-actions .language-switcher.is-open .language-button { border: 0; background: #edf4ff; box-shadow: none; }
  .header-actions .menu-button { width: 40px; height: 40px; border: 0; border-radius: 11px; background: linear-gradient(145deg,var(--navy-2),var(--blue-2)); box-shadow: 0 8px 18px rgba(23,61,120,.22); }
  .header-actions .menu-button i { width: 17px; background: #fff; }
  .mobile-menu { position: fixed; z-index: 55; inset: 100px 12px auto; max-height: calc(100vh - 112px); padding: 12px 14px 16px; overflow-y: auto; display: block; background: rgba(255,255,255,.98); border: 1px solid #d4e0ed; border-radius: 20px; box-shadow: 0 26px 65px rgba(11,31,58,.18); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-16px) scale(.985); transform-origin: top center; transition: opacity .24s ease, transform .24s ease, visibility .24s ease; }
  .mobile-menu.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
  .mobile-menu nav { display: grid; gap: 4px; }
  .mobile-menu nav a { min-height: 48px; padding: 0 14px; display: flex; align-items: center; gap: 12px; border: 0; border-radius: 11px; color: #314963; font-size: 12px; font-weight: 800; }
  .mobile-menu nav a::after { content: "↗"; margin-inline-start: auto; color: #9aabc0; font: 800 13px/1 var(--font-en); transition: color .2s ease, transform .2s ease; }
  .mobile-menu nav a:hover::after, .mobile-menu nav a.is-active::after { color: var(--blue); transform: translate(2px,-2px); }
  .mobile-menu nav a:hover { color: var(--blue); background: #f2f6fb; }
  .mobile-menu .button { margin-top: 10px; width: 100%; min-height: 48px; }
  .hero { grid-template-columns: 1fr; padding-top: 70px; }
  .hero-copy { max-width: 720px; }
  .system-showcase { width: min(900px,100%); margin: 10px auto 0; }
  .showcase-float { display: none; }
  .erp-screen { grid-template-columns: 135px 1fr; }
  .kpi-grid { grid-template-columns: repeat(4,1fr); }
  .workspace-grid { display: grid; }
  .section-head { align-items: start; flex-direction: column; gap: 22px; }
  .section-head > p { max-width: 700px; }
  .customize-section { grid-template-columns: 1fr; gap: 48px; }
  .customize-grid { width: min(820px,100%); }
  .industries-section { grid-template-columns: 1fr; }
  .industry-copy { padding-inline: max(32px,calc((100vw - 1500px)/2)); }
  .industry-stage { min-height: 750px; }
  .control-grid { grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,290px); }
  .control-feature.large { grid-column: span 1; }.control-feature.wide { grid-column: span 1; }
  .implementation-section { grid-template-columns: 1fr; gap: 55px; }
  .faq-section { grid-template-columns: 1fr; gap: 50px; }
  .seo-region-section { grid-template-columns: 1fr; }
  .seo-market-grid { width: min(760px,100%); }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 84px; }
  .site-header { width: calc(100% - 16px); height: 68px; margin-top: 8px; top: 8px; border-radius: 18px; }
  .site-header.is-scrolled { border-radius: 16px; }
  .header-inner { width: calc(100% - 16px); gap: 12px; }
  .brand { gap: 9px; }.brand img { width: 42px; height: 42px; padding: 2px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.brand-copy b { font-size: 18px; }.brand-copy small { font-size: 5.5px; }
  .mobile-menu { inset: 84px 8px auto; max-height: calc(100vh - 92px); border-radius: 18px; }
  .hero { width: calc(100% - 30px); min-height: auto; padding: 50px 0 72px; }
  .hero h1 { font-size: 50px; letter-spacing: -3.2px; }
  html[lang="en"] .hero h1, html[lang="fr"] .hero h1 { font-size: 43px; letter-spacing: -2.4px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
  .system-showcase::before { inset: 10px -8px -8px 10px; }
  .browser-bar { height: 40px; }
  .erp-screen { height: 385px; grid-template-columns: 54px 1fr; }
  .erp-sidebar { padding-inline: 8px; }.side-brand b,.side-section,.side-item small { display: none; }.side-brand { justify-content: center; }.side-item { justify-content: center; padding: 0; }.side-item b { width: 12px; height: 12px; }
  .erp-topbar { height: 36px; }.erp-content { padding: 8px; }
  .dashboard-banner { min-height: 88px; padding: 13px; }.dashboard-banner h2 { font-size: 11px; }.banner-tools { display: none; }
  .kpi-grid { grid-template-columns: repeat(2,1fr); gap: 5px; }.kpi-grid article { min-height: 76px; padding: 8px; }.kpi-grid article:nth-child(n+3) { display: block; }
  .workspace-grid { grid-template-columns: 1fr; gap: 5px; }.quick-panel { display: none; }.mini-chart { min-height: 103px; }.area-chart { height: 65px; }
  .showcase-float { display: none; }
  .section-pad { padding: 78px 15px; }
  .section-head { margin-bottom: 40px; }
  .section-head h2, .industry-copy h2, .implementation-intro h2, .faq-heading h2 { font-size: 38px; letter-spacing: -2px; }
  .process-map { grid-template-columns: repeat(5,120px); overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; }
  .process-node { scroll-snap-align: start; }.process-line { inset-inline: 50px auto; width: 500px; }
  .process-insight { grid-template-columns: 1fr; gap: 15px; padding: 25px; }.process-code { justify-content: start; border: 0; }.process-pulse { display: none; }
  .customize-intro h2 { font-size: 38px; letter-spacing: -2px; }
  .customize-grid { gap: 10px; }
  .customize-card { min-height: 178px; grid-template-columns: 42px 1fr 52px; padding: 21px 18px; column-gap: 12px; }
  .customize-icon { width: 52px; height: 52px; border-radius: 14px; }
  .module-toolbar { align-items: flex-start; flex-direction: column; }.module-filters { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }.module-filters button { flex: 0 0 auto; }
  .modules-grid { grid-template-columns: repeat(2,1fr); }.module-card { min-height: 235px; padding: 19px; }.module-card-foot { inset-inline: 19px; }
  .industry-copy { padding: 78px 15px; }.industry-stage { min-height: auto; padding: 65px 15px; }.industry-visual { height: 420px; }.industry-orbit { width: 265px; height: 265px; }.industry-details { grid-template-columns: 1fr; }.industry-number { grid-row: auto; }
  .control-grid { grid-template-columns: 1fr; grid-template-rows: repeat(4,280px); }.branch-visual { width: min(300px,100%); }
  .implementation-section { padding-inline: 15px; }.implementation-steps li { grid-template-columns: 52px 1fr; gap: 14px; }
  .faq-section { padding-inline: 15px; }.faq-item button { min-height: 80px; font-size: 12px; }
  .contact-section { min-height: 700px; padding: 80px 15px; grid-template-columns: 1fr; gap: 50px; }.contact-copy h2 { font-size: 48px; }.contact-action { align-items: flex-start; }.contact-orb { width: 175px; height: 175px; }
  .whatsapp-float { inset-inline-end: 12px; bottom: 12px; width: 58px; min-height: 58px; padding: 6px; }
  .whatsapp-float-icon { width: 46px; height: 46px; }
  .whatsapp-float-copy { display: none; }
  .site-footer { padding-inline: 15px; }.footer-top { grid-template-columns: 1fr; gap: 25px; padding-bottom: 30px; }.footer-top > p { text-align: start; }.footer-links { justify-content: flex-start; }.footer-bottom { gap: 20px; }
  .dialog-features { grid-template-columns: 1fr; }
  .seo-region-section { gap: 40px; }
  .seo-region-copy h2 { font-size: 38px; letter-spacing: -2px; }
  .seo-market-grid article { min-height: 120px; padding: 20px; }
  .not-found-page { padding: 20px 15px; }
  .not-found-card { min-height: 520px; margin-top: 20px; padding: 44px 24px; border-radius: 22px; }
  .not-found-card h1 { font-size: clamp(42px,13vw,58px); letter-spacing: -2px; }
  .not-found-card > div { align-items: stretch; flex-direction: column; }
  .not-found-card .button { width: 100%; }
}

@media (max-width: 500px) {
  .brand-copy small { display: none; }
  .language-menu { position: fixed; top: 84px; inset-inline: 8px; width: auto; transform-origin: top center; }
  .hero h1 { font-size: 43px; }.hero-description { font-size: 14px; }.trust-row { gap: 12px; }
  html[lang="en"] .hero h1, html[lang="fr"] .hero h1 { font-size: 39px; letter-spacing: -2px; }
  .modules-grid { grid-template-columns: 1fr; }.module-card { min-height: 225px; }
  .customize-card { grid-template-columns: 34px 1fr; grid-template-rows: auto auto auto; }
  .customize-card > span { grid-row: 1 / 4; }
  .customize-card p { grid-column: 2; }
  .customize-icon { grid-column: 2; grid-row: 1; margin-bottom: 14px; }
  .industry-stat { min-width: 100px; }.stat-a { inset-inline-end: 10px; }.stat-b { inset-inline-start: 10px; }.stat-c { inset-inline-end: 15px; }
  .industry-center { width: 118px; height: 118px; }.industry-orbit { width: 230px; height: 230px; }
  .module-dialog { padding: 30px 22px; }.module-dialog h2 { font-size: 25px; }
}

@media (max-width: 370px) {
  .site-header { width: calc(100% - 12px); }
  .header-inner { width: calc(100% - 14px); }
  .brand img { width: 38px; height: 38px; }
  .brand-copy b { font-size: 16px; }
  .header-actions { gap: 6px; }
  .header-actions .language-button { min-width: 64px; padding-inline: 7px; }
  .language-globe { width: 14px; height: 14px; }
  .menu-button { width: 40px; height: 40px; }
  .hero { width: calc(100% - 24px); }
  .hero h1, html[lang="en"] .hero h1, html[lang="fr"] .hero h1 { font-size: 36px; letter-spacing: -1.8px; }
  .button { padding-inline: 18px; }
  .trust-row { font-size: 10px; }
  .erp-screen { grid-template-columns: 48px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}