:root {
  --ink: #07110f;
  --ink-2: #0a1714;
  --ink-3: #10211d;
  --emerald: #0f9d72;
  --emerald-2: #18b884;
  --emerald-soft: #dff7ee;
  --gold: #c9a653;
  --gold-2: #e1c77a;
  --ivory: #f5f2ea;
  --paper: #fbfaf7;
  --white: #ffffff;
  --slate: #5d6c67;
  --line: rgba(7,17,15,.11);
  --line-dark: rgba(255,255,255,.11);
  --shadow: 0 24px 70px rgba(2,15,11,.13);
  --shadow-lg: 0 35px 100px rgba(0,0,0,.28);
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 32px;
  --container-pad: clamp(1rem, 3vw, 2rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.site-body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.65;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
html[dir="rtl"] body.site-body { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
img { max-width: 100%; display: block; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
::selection { background: var(--gold); color: var(--ink); }

.container { max-width: 1240px; }
.min-vh-hero { min-height: calc(100vh - 82px); }
.section { padding: clamp(5rem, 8vw, 8.5rem) 0; position: relative; }
.section-light { background: var(--ivory); }
.section-white { background: #fff; }
.section-ivory { background: #f0ede5; }
.section-dark { background: var(--ink); color: #fff; overflow: hidden; }
.text-white-60 { color: rgba(255,255,255,.62) !important; }

.skip-link { z-index: 99999; background: #fff; color: #000; padding: .75rem 1rem; }
.flash-stack { position: fixed; top: 96px; left: 50%; transform: translateX(-50%); z-index: 1200; max-width: 700px; }

/* loader */
.page-loader {
  position: fixed; inset: 0; z-index: 9999; background: var(--ink);
  display: grid; place-items: center; transition: opacity .55s ease, visibility .55s ease;
}
.page-loader.loaded { opacity: 0; visibility: hidden; }
.loader-mark { width: 78px; height: 78px; animation: loaderPulse 1.4s ease-in-out infinite; }
.loader-line { position: absolute; left: 50%; bottom: 20%; width: 180px; height: 2px; background: rgba(255,255,255,.12); transform: translateX(-50%); overflow: hidden; }
.loader-line span { display: block; width: 45%; height: 100%; background: linear-gradient(90deg,var(--emerald-2),var(--gold)); animation: loaderSweep 1.1s ease-in-out infinite; }
@keyframes loaderSweep { from { transform: translateX(-120%); } to { transform: translateX(320%); } }
@keyframes loaderPulse { 50% { transform: scale(1.06); filter: drop-shadow(0 0 18px rgba(24,184,132,.35)); } }

/* top bar / header */
.topline { background: #030b09; color: rgba(255,255,255,.66); border-bottom: 1px solid rgba(255,255,255,.06); font-size: .78rem; letter-spacing: .01em; }
.topline .container { min-height: 38px; }
.topline-left, .topline-right { display: flex; align-items: center; gap: 1.35rem; }
.topline a { text-decoration: none; color: rgba(255,255,255,.72); transition: color .2s ease; }
.topline a:hover { color: var(--gold-2); }
.topline i { color: var(--gold); margin-inline-end: .45rem; }
.market-pill { color: rgba(255,255,255,.72); }

.site-header {
  position: sticky; top: 0; z-index: 1020;
  background: rgba(7,17,15,.88); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.08); transition: all .3s ease;
}
.site-header.scrolled { background: rgba(5,14,11,.96); box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.navbar { min-height: 78px; }
.brand-lockup { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; color: #fff; }
.brand-lockup img { width: 52px; height: 52px; filter: drop-shadow(0 8px 22px rgba(0,0,0,.24)); }
.brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.brand-copy strong { font-size: 1.28rem; letter-spacing: .16em; font-weight: 800; }
.brand-copy small { color: rgba(255,255,255,.58); font-size: .68rem; margin-top: .34rem; white-space: nowrap; }
.navbar-nav { gap: .15rem; }
.navbar .nav-link { color: rgba(255,255,255,.72); font-weight: 600; font-size: .92rem; padding: .7rem .72rem !important; position: relative; transition: color .2s ease; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: #fff; }
.navbar .nav-link::after { content: ""; position: absolute; left: .72rem; right: .72rem; bottom: .38rem; height: 2px; background: linear-gradient(90deg,var(--emerald-2),var(--gold)); transform: scaleX(0); transform-origin: center; transition: transform .25s ease; }
.navbar .nav-link:hover::after, .navbar .nav-link.active::after { transform: scaleX(1); }
.dropdown-toggle::after { display: none !important; }
.dropdown-menu { background: #0b1916; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; padding: .55rem; box-shadow: var(--shadow-lg); min-width: 255px; }
.dropdown-item { border-radius: 10px; padding: .8rem .9rem; color: rgba(255,255,255,.8); display: flex; gap: .75rem; align-items: center; }
.dropdown-item i { color: var(--gold); width: 20px; text-align: center; }
.dropdown-item:hover { background: rgba(255,255,255,.07); color: #fff; }
.language-toggle { display: inline-flex; align-items: center; gap: .45rem; color: rgba(255,255,255,.82); text-decoration: none; border: 1px solid rgba(255,255,255,.14); padding: .48rem .75rem; border-radius: 999px; font-size: .85rem; }
.language-toggle:hover { color: #fff; border-color: rgba(255,255,255,.32); }
.header-cta { min-width: 142px; }

/* buttons */
.btn { border-radius: 999px; font-weight: 700; letter-spacing: .01em; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-gold { background: linear-gradient(135deg,#d8ba68,#b88f38); border: 1px solid rgba(255,255,255,.1); color: #07110f; box-shadow: 0 12px 30px rgba(201,166,83,.18); }
.btn-gold:hover { color: #07110f; box-shadow: 0 18px 42px rgba(201,166,83,.27); background: linear-gradient(135deg,#e2c97d,#c59d48); }
.btn-ghost-light { border: 1px solid rgba(255,255,255,.25); color: #fff; background: rgba(255,255,255,.035); }
.btn-ghost-light:hover { color: #fff; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.08); }
.btn-soft-light { background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.12); color: #fff; }
.btn-soft-light:hover { color: #fff; background: rgba(255,255,255,.18); }
.btn-outline-gold { border: 1px solid rgba(201,166,83,.62); color: var(--gold-2); background: transparent; }
.btn-outline-gold:hover { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.btn-dark-green { background: #0b6f55; color: #fff; border: 0; }
.btn-dark-green:hover { background: #085b46; color: #fff; }

/* hero */
.home-hero {
  position: relative; background:
    radial-gradient(circle at 15% 22%, rgba(24,184,132,.15), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(201,166,83,.12), transparent 24%),
    linear-gradient(145deg,#06110e 0%,#071613 45%,#0a1f19 100%);
  color: #fff; overflow: hidden;
}
.hero-grid-overlay { position:absolute; inset:0; opacity:.23; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 88%); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-orb-one { width: 560px; height: 560px; right: -260px; top: 7%; border: 1px solid rgba(24,184,132,.14); box-shadow: 0 0 0 90px rgba(24,184,132,.026),0 0 0 180px rgba(24,184,132,.018); }
.hero-orb-two { width: 320px; height: 320px; left: -190px; bottom: 8%; border: 1px solid rgba(201,166,83,.15); }
.hero-inner { z-index: 2; }
.hero-copy-col { padding-top: 3.5rem; padding-bottom: 4rem; }
.hero-eyebrow, .section-kicker { text-transform: uppercase; letter-spacing: .16em; font-size: .76rem; font-weight: 800; color: var(--emerald); display: flex; align-items: center; gap: .65rem; margin-bottom: 1.2rem; }
.hero-eyebrow { color: rgba(255,255,255,.7); }
.hero-eyebrow span { width: 34px; height: 2px; background: linear-gradient(90deg,var(--emerald-2),var(--gold)); }
.section-kicker.light { color: var(--gold-2); }
.hero-title { font-size: clamp(3.2rem, 6vw, 6.2rem); line-height: .96; letter-spacing: -.055em; font-weight: 800; margin: 0; max-width: 880px; }
.hero-title span { color: transparent; -webkit-text-stroke: 1.4px rgba(255,255,255,.72); text-shadow: 0 0 45px rgba(24,184,132,.13); }
.hero-lead { font-size: clamp(1.08rem,1.7vw,1.25rem); color: rgba(255,255,255,.68); max-width: 680px; margin-top: 1.8rem; margin-bottom: 1.25rem; }
.hero-rotator-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin: 1.35rem 0 2rem; min-height: 36px; }
.hero-rotator-label { color: rgba(255,255,255,.48); font-size: .95rem; }
.hero-rotator { color: var(--gold-2); font-size: 1.02rem; position: relative; }
.hero-rotator::after { content:""; display:inline-block; width:1px; height:1em; background:var(--gold); margin-inline-start:.25rem; vertical-align:-.1em; animation: blink .75s steps(1) infinite; }
@keyframes blink { 50% { opacity:0; } }
.hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.hero-actions .btn { min-height: 54px; padding-inline: 1.35rem; }
.hero-trust-row { display: flex; flex-wrap: wrap; gap: .8rem 1.25rem; margin-top: 2rem; color: rgba(255,255,255,.58); font-size: .85rem; }
.hero-trust-row span { display: inline-flex; gap: .42rem; align-items:center; }
.hero-trust-row i { color: var(--emerald-2); }

.hero-visual-col { position: relative; }
.hero-visual { position: relative; min-height: 610px; perspective: 1200px; }
.hero-photo-card { position: absolute; overflow: hidden; border: 1px solid rgba(255,255,255,.13); box-shadow: 0 35px 80px rgba(0,0,0,.38); }
.hero-photo-card img { width:100%; height:100%; object-fit:cover; }
.hero-photo-main { width: 72%; height: 66%; right: 3%; top: 8%; border-radius: 34px 34px 90px 34px; transform: rotate(1.5deg); }
.hero-photo-secondary { width: 50%; height: 42%; left: 0; bottom: 4%; border-radius: 70px 24px 24px 24px; transform: rotate(-3deg); }
.photo-tint { position:absolute; inset:0; background: linear-gradient(180deg,rgba(7,17,15,.06),rgba(7,17,15,.72)); }
.photo-tint.gold { background: linear-gradient(180deg,rgba(7,17,15,.04),rgba(7,17,15,.76)), linear-gradient(135deg,rgba(201,166,83,.14),transparent); }
.hero-photo-label { position:absolute; left:20px; right:20px; bottom:18px; display:flex; align-items:center; gap:.65rem; color:#fff; font-weight:700; font-size:.9rem; }
.hero-photo-label i { width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(7,17,15,.68);backdrop-filter:blur(10px);color:var(--gold-2); }
.hero-photo-label.compact { font-size:.82rem; }
.hero-floating-card { position:absolute; display:flex; align-items:center; gap:.75rem; background:rgba(8,21,17,.78); color:#fff; border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(16px); border-radius:16px; padding:.9rem 1rem; box-shadow:0 18px 45px rgba(0,0,0,.28); animation: floatCard 5.5s ease-in-out infinite; }
.hero-floating-card small { display:block; color:rgba(255,255,255,.5); font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; }
.hero-floating-card strong { display:block; font-size:.95rem; }
.hero-floating-card.card-one { left:10%; top:11%; }
.hero-floating-card.card-two { right:-1%; bottom:12%; animation-delay:1.1s; }
.floating-icon { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:rgba(24,184,132,.15); color:var(--emerald-2); }
.floating-icon.gold { background:rgba(201,166,83,.14); color:var(--gold-2); }
@keyframes floatCard { 50% { transform:translateY(-10px); } }
.orbit-ring { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.09); pointer-events:none; }
.ring-one { width:420px; height:420px; right:-70px; top:20px; animation: spinSlow 24s linear infinite; }
.ring-two { width:210px; height:210px; left:55px; bottom:12px; border-style:dashed; animation: spinSlow 18s linear infinite reverse; }
@keyframes spinSlow { to { transform:rotate(360deg); } }
.hero-scroll-hint { position:absolute; left:50%; bottom:18px; transform:translateX(-50%); z-index:3; display:flex; align-items:center; gap:.7rem; color:rgba(255,255,255,.38); font-size:.72rem; text-transform:uppercase; letter-spacing:.16em; }
.hero-scroll-hint i { animation:scrollHint 1.5s ease-in-out infinite; }
@keyframes scrollHint { 50% { transform:translateY(5px); color:var(--gold); } }

/* marquee */
.capability-marquee { overflow:hidden; background:#030b09; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); padding:.9rem 0; color:rgba(255,255,255,.6); }
.marquee-track { display:flex; align-items:center; gap:1.6rem; width:max-content; white-space:nowrap; animation:marquee 28s linear infinite; }
.marquee-track span { display:flex; align-items:center; gap:.55rem; text-transform:uppercase; letter-spacing:.11em; font-size:.78rem; font-weight:700; }
.marquee-track i { color:var(--gold); }
.marquee-track b { color:rgba(255,255,255,.18); font-weight:400; }
@keyframes marquee { to { transform:translateX(-50%); } }
html[dir="rtl"] .marquee-track { animation-direction: reverse; }

/* headings */
.section-head { margin-bottom: clamp(2.5rem,5vw,4.5rem); }
.section-title { font-size: clamp(2.35rem,4.2vw,4.3rem); line-height:1.03; letter-spacing:-.045em; font-weight:800; margin:0; max-width:930px; }
.section-intro { margin:0; color:#64726d; font-size:1.04rem; line-height:1.85; }

/* main pillars */
.service-equal-row > [class*="col"] { display:flex; }
.pillar-card { position:relative; width:100%; min-height:650px; overflow:hidden; border-radius:var(--radius-lg); background:#0c1b17; color:#fff; box-shadow:var(--shadow); isolation:isolate; transform-style:preserve-3d; }
.pillar-media { position:absolute; inset:0; }
.pillar-media img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.pillar-card:hover .pillar-media img { transform:scale(1.045); }
.pillar-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,13,10,.12) 0%,rgba(4,13,10,.65) 50%,rgba(4,13,10,.96) 100%); }
.pillar-trade .pillar-overlay { background:linear-gradient(180deg,rgba(4,13,10,.15),rgba(7,17,15,.72) 58%,rgba(7,17,15,.97)),linear-gradient(135deg,rgba(201,166,83,.12),transparent 45%); }
.pillar-topline { position:absolute; left:1.5rem; right:1.5rem; top:1.5rem; display:flex; justify-content:space-between; align-items:center; z-index:2; font-size:.74rem; text-transform:uppercase; letter-spacing:.15em; color:rgba(255,255,255,.72); }
.pillar-topline span:first-child { width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;background:rgba(7,17,15,.35);backdrop-filter:blur(10px); }
.pillar-content { position:absolute; left:clamp(1.5rem,4vw,3rem); right:clamp(1.5rem,4vw,3rem); bottom:clamp(1.7rem,4vw,3rem); z-index:2; }
.pillar-icon { width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(24,184,132,.16);color:#7ae3bf;border:1px solid rgba(122,227,191,.25);font-size:1.2rem;margin-bottom:1rem;backdrop-filter:blur(10px); }
.pillar-icon.gold { background:rgba(201,166,83,.15);color:var(--gold-2);border-color:rgba(201,166,83,.25); }
.pillar-content h3 { font-size:clamp(2rem,3.2vw,3.1rem); line-height:1.05; letter-spacing:-.035em; font-weight:800; max-width:620px; }
.pillar-content p { color:rgba(255,255,255,.65); max-width:610px; }
.pillar-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.3rem 0; }
.pillar-tags span { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); border-radius:999px; padding:.42rem .72rem; font-size:.75rem; color:rgba(255,255,255,.77); backdrop-filter:blur(8px); }
.text-link { display:inline-flex; align-items:center; gap:.6rem; color:#88e5c5; text-decoration:none; font-weight:800; }
.text-link:hover { color:#b9f5df; }
.gold-link { color:var(--gold-2); }
.gold-link:hover { color:#f2dca0; }
html[dir="rtl"] .text-link i { transform:rotate(180deg); }

/* showcase tabs */
.showcase-section { min-height:720px; }
.showcase-glow { position:absolute; width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(24,184,132,.1),transparent 67%);right:-240px;top:-200px; }
.solution-tabs { margin-top:2.2rem; border-top:1px solid rgba(255,255,255,.1); }
.solution-tab { width:100%; border:0; background:transparent; color:rgba(255,255,255,.48); display:flex; align-items:center; gap:1rem; padding:1.1rem 0; border-bottom:1px solid rgba(255,255,255,.1); text-align:start; font-weight:700; transition:.25s ease; }
.solution-tab span { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);font-size:.73rem; }
.solution-tab:hover,.solution-tab.active { color:#fff; padding-inline-start:.45rem; }
.solution-tab.active span { background:var(--gold);border-color:var(--gold);color:var(--ink); }
.showcase-stage { position:relative; min-height:610px; }
.showcase-pane { position:absolute; inset:0; opacity:0; pointer-events:none; transform:translateY(18px); transition:opacity .45s ease, transform .45s ease; border-radius:30px; overflow:hidden; border:1px solid rgba(255,255,255,.1); box-shadow:0 35px 90px rgba(0,0,0,.32); }
.showcase-pane.active { opacity:1; pointer-events:auto; transform:translateY(0); }
.showcase-image { position:absolute; inset:0; }
.showcase-image img { width:100%; height:100%; object-fit:cover; }
.showcase-image::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,10,.05),rgba(4,13,10,.88) 70%); }
.showcase-content { position:absolute; left:clamp(1.5rem,4vw,3rem); right:clamp(1.5rem,4vw,3rem); bottom:clamp(1.5rem,4vw,3rem); z-index:2; }
.showcase-badge { display:inline-flex;align-items:center;gap:.45rem;background:rgba(24,184,132,.16);border:1px solid rgba(24,184,132,.25);color:#8cebc9;border-radius:999px;padding:.45rem .75rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800; }
.showcase-badge.gold { color:var(--gold-2); background:rgba(201,166,83,.14); border-color:rgba(201,166,83,.26); }
.showcase-content h3 { font-size:clamp(2rem,3.7vw,3.65rem);line-height:1.05;letter-spacing:-.04em;font-weight:800;margin:1rem 0;max-width:760px; }
.showcase-content ul { list-style:none;padding:0;margin:0 0 1.4rem;display:grid;gap:.45rem;color:rgba(255,255,255,.7); }
.showcase-content li { display:flex; gap:.7rem; align-items:flex-start; }
.showcase-content li i { color:var(--gold-2); margin-top:.35rem; }

/* tech logo grid */
.tech-logo-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:26px; overflow:hidden; background:#fff; box-shadow:0 25px 70px rgba(7,17,15,.08); }
.tech-logo { min-height:126px; display:flex; flex-direction:column; align-items:center;justify-content:center;gap:.75rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s ease; }
.tech-logo:nth-child(4n) { border-right:0; }
.tech-logo:nth-last-child(-n+4) { border-bottom:0; }
.tech-logo i { font-size:1.75rem;color:#1b6250;transition:.25s ease; }
.tech-logo span { font-size:.82rem;font-weight:800;color:#394944; }
.tech-logo:hover { background:#0a1a16; transform:translateY(-3px); }
.tech-logo:hover i { color:var(--gold-2); transform:scale(1.08); }
.tech-logo:hover span { color:#fff; }

/* market mosaic */
.market-mosaic { display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:1rem; min-height:550px; }
.market-card { position:relative;overflow:hidden;border-radius:26px;min-height:520px;color:#fff;text-decoration:none;box-shadow:var(--shadow); }
.market-card img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease; }
.market-card:hover img { transform:scale(1.05); }
.market-overlay { position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,15,.05),rgba(7,17,15,.93) 86%); }
.market-card-wide .market-overlay { background:linear-gradient(180deg,rgba(7,17,15,.04),rgba(7,17,15,.88) 82%),linear-gradient(135deg,rgba(24,184,132,.12),transparent 50%); }
.market-content { position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;z-index:2; }
.market-content > span { display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);font-size:.72rem;margin-bottom:.85rem; }
.market-content h3 { font-size:clamp(1.45rem,2vw,2.15rem);font-weight:800;letter-spacing:-.025em; }
.market-content p { color:rgba(255,255,255,.65);margin:0;font-size:.92rem; }

/* process */
.process-v4::before { content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,166,83,.35),transparent); }
.process-rail { position:relative; }
.process-rail::before { content:""; position:absolute; left:26px; top:25px; bottom:25px; width:1px; background:linear-gradient(var(--emerald-2),rgba(201,166,83,.5)); opacity:.4; }
.process-step { display:grid;grid-template-columns:54px 1fr;gap:1.1rem;padding:0 0 2.1rem;position:relative; }
.process-step:last-child { padding-bottom:0; }
.process-number { width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#0d251e;border:1px solid rgba(255,255,255,.11);color:var(--gold-2);font-weight:800;z-index:1;box-shadow:0 12px 30px rgba(0,0,0,.18); }
.process-copy { padding:.2rem 1.2rem 1.3rem; border-bottom:1px solid rgba(255,255,255,.09); }
.process-copy h3 { font-size:1.3rem;font-weight:800;margin-bottom:.45rem; }
.process-copy p { color:rgba(255,255,255,.56);margin:0;max-width:700px; }
html[dir="rtl"] .process-rail::before { left:auto; right:26px; }

/* CTA */
.contact-cta-section { background:#f0ede5; padding-top:5rem; padding-bottom:5rem; }
.contact-cta-card { position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#0b2b21 0%,#07110f 58%,#172517 100%);padding:clamp(2.2rem,5vw,4.5rem);box-shadow:0 35px 90px rgba(7,17,15,.22); }
.contact-cta-card::before { content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-150px;top:-210px;border:1px solid rgba(201,166,83,.18);box-shadow:0 0 0 70px rgba(201,166,83,.025),0 0 0 140px rgba(201,166,83,.018); }
.contact-cta-card h2 { color:#fff;font-size:clamp(2.4rem,4.8vw,4.7rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:0; }
.contact-cta-card p { color:rgba(255,255,255,.6);max-width:760px;margin:1rem 0 0;font-size:1.04rem; }
.cta-noise { position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,black); }

/* generic inner pages */
.page-hero { position:relative; min-height:520px;display:flex;align-items:flex-end;background:#07110f;color:#fff;overflow:hidden; }
.page-hero .container { position:relative;z-index:3;padding-top:7rem!important;padding-bottom:5rem!important; }
.page-photo { position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02); }
.page-overlay { position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,10,.95) 0%,rgba(4,12,10,.72) 54%,rgba(4,12,10,.25) 100%),linear-gradient(180deg,rgba(4,12,10,.08),rgba(4,12,10,.65)); }
html[dir="rtl"] .page-overlay { background:linear-gradient(270deg,rgba(4,12,10,.95) 0%,rgba(4,12,10,.72) 54%,rgba(4,12,10,.25) 100%),linear-gradient(180deg,rgba(4,12,10,.08),rgba(4,12,10,.65)); }
.page-hero h1 { font-size:clamp(3rem,5.5vw,5.5rem);line-height:1;letter-spacing:-.05em;font-weight:800;max-width:900px; }
.page-hero p { max-width:740px;color:rgba(255,255,255,.68);font-size:1.13rem; }
.page-photo-digital, .page-photo-ai { background-image:url('https://images.unsplash.com/photo-1748609160056-7b95f30041f0?auto=format&fit=crop&w=1900&q=82'); }
.page-photo-trade { background-image:url('https://images.unsplash.com/photo-1769144256181-698b8f807066?auto=format&fit=crop&w=1900&q=82'); }
.page-photo-about { background-image:url('https://images.unsplash.com/photo-1748404456485-f5eeb18011d7?auto=format&fit=crop&w=1900&q=80'); }

.content-card { height:100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.65rem;box-shadow:0 20px 60px rgba(7,17,15,.06);transition:.3s ease; }
.content-card:hover { transform:translateY(-6px);box-shadow:0 28px 75px rgba(7,17,15,.1);border-color:rgba(15,157,114,.3); }
.content-card .icon, .capability-icon { width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e7f7f1;color:#0b7d5d;font-size:1.1rem;margin-bottom:1.1rem; }
.content-card h3 { font-size:1.25rem;font-weight:800;letter-spacing:-.02em; }
.content-card p { color:#687671;margin-bottom:0; }
.capability-card { background:#0c1c18;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:1.7rem;color:#fff;transition:.3s ease; }
.capability-card:hover { transform:translateY(-5px);border-color:rgba(201,166,83,.28); }
.capability-card h3 { font-size:1.28rem;font-weight:800; }
.capability-card p { color:rgba(255,255,255,.56); }
.photo-feature { min-height:500px;border-radius:28px;background-size:cover;background-position:center;box-shadow:var(--shadow); }
.photo-digital { background-image:url('https://images.unsplash.com/photo-1748609160056-7b95f30041f0?auto=format&fit=crop&w=1500&q=82'); }
.photo-trade { background-image:url('https://images.unsplash.com/photo-1769144256181-698b8f807066?auto=format&fit=crop&w=1500&q=82'); }
.photo-lab { background-image:url('https://images.unsplash.com/photo-1748404456485-f5eeb18011d7?auto=format&fit=crop&w=1300&q=80'); }
.photo-wheat { background-image:url('https://images.unsplash.com/photo-1599861498872-4d7aeb1e6ccf?auto=format&fit=crop&w=1300&q=80'); }
.photo-factory { background-image:url('https://images.unsplash.com/photo-1717386255767-52643970d483?auto=format&fit=crop&w=1300&q=80'); }
.mini-service { display:flex;gap:.8rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:14px; }
.mini-service i { color:var(--emerald);margin-top:.2rem; }
.mini-service strong { font-size:.94rem; }
.mini-service p { color:#6a7773;font-size:.86rem;margin:.25rem 0 0; }

.mosaic-grid { display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:.8rem;min-height:520px; }
.mosaic-item { border-radius:22px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:var(--shadow); }
.mosaic-item::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,17,15,.8)); }
.mosaic-item span { position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;color:#fff;font-weight:800; }
.mosaic-large { grid-row:1 / span 2; }

/* contact */
.contact-shell { background:#f1eee6; }
.contact-info-panel { background:linear-gradient(145deg,#0d2a22,#07110f);color:#fff;border-radius:28px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow); }
.contact-info-row { display:flex;gap:1rem;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.09); }
.contact-info-row > i { width:42px;height:42px;border-radius:14px;background:rgba(201,166,83,.12);color:var(--gold-2);display:grid;place-items:center;flex:0 0 auto; }
.contact-info-row small { display:block;color:rgba(255,255,255,.48);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
.contact-info-row a, .contact-info-row span { color:#fff;text-decoration:none;font-weight:700; }
.contact-form-card { background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(1.5rem,4vw,2.7rem);box-shadow:var(--shadow); }
.form-control,.form-select { border-radius:12px;border:1px solid #d9dfdc;min-height:50px;padding:.8rem 1rem; }
textarea.form-control { min-height:160px; }
.form-control:focus,.form-select:focus { border-color:rgba(15,157,114,.55);box-shadow:0 0 0 .25rem rgba(15,157,114,.1); }
.field-error { color:#b73535;font-size:.82rem; }
.honeypot { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
.form-privacy { color:#7b8783;font-size:.8rem; }

/* footer */
.site-footer { position:relative;overflow:hidden;background:#030b09;color:#fff;padding-top:5rem; }
.footer-glow { position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(24,184,132,.08),transparent 68%);right:-260px;top:-300px; }
.footer-main { padding-bottom:3rem; }
.footer-brand { margin-bottom:1.5rem; }
.footer-tagline { font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.45rem; }
.footer-intro { color:rgba(255,255,255,.5);max-width:560px; }
.footer-contact-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:1.7rem; }
.footer-contact-grid > a,.footer-contact-grid > span { display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.66);text-decoration:none;font-size:.86rem; }
.footer-contact-grid i { color:var(--gold);width:18px; }
.footer-title { font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-2);font-weight:800;margin:0 0 1.1rem; }
.footer-link { display:block;color:rgba(255,255,255,.6);text-decoration:none;margin:.55rem 0;font-size:.9rem;transition:.2s ease; }
.footer-link:hover { color:#fff;transform:translateX(3px); }
html[dir="rtl"] .footer-link:hover { transform:translateX(-3px); }
.footer-market-card { margin-top:1.6rem;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:16px;padding:1rem; }
.footer-market-card small { display:block;color:rgba(255,255,255,.42);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em; }
.footer-market-card strong { display:block;margin:.2rem 0 .55rem;font-size:.9rem; }
.footer-market-card span { color:rgba(255,255,255,.5);font-size:.78rem; }
.footer-market-card i { color:var(--emerald-2);margin-inline-end:.35rem; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding:1.3rem 0;display:flex;justify-content:space-between;gap:1rem;color:rgba(255,255,255,.35);font-size:.78rem; }

/* floating actions */
.floating-actions { position:fixed;right:18px;bottom:18px;z-index:1050;display:flex;flex-direction:column;align-items:flex-end;gap:.65rem; }
.floating-whatsapp { display:inline-flex;align-items:center;gap:.55rem;background:#17a96f;color:#fff;text-decoration:none;border-radius:999px;padding:.72rem 1rem;box-shadow:0 15px 40px rgba(0,0,0,.18);font-weight:800;font-size:.83rem; }
.floating-whatsapp i { font-size:1.15rem; }
.back-to-top { width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#07110f;color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease; }
.back-to-top.show { opacity:1;visibility:visible;transform:translateY(0); }
html[dir="rtl"] .floating-actions { right:auto;left:18px;align-items:flex-start; }

/* reveal / motion */
[data-reveal] { opacity:1; transform:none; }
.js-ready [data-reveal] { opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms); }
.js-ready [data-reveal].is-visible { opacity:1;transform:translateY(0); }

/* RTL adjustments */
html[dir="rtl"] .hero-title, html[dir="rtl"] .section-title, html[dir="rtl"] .page-hero h1 { letter-spacing:0; }
html[dir="rtl"] .hero-photo-main { right:auto;left:3%; }
html[dir="rtl"] .hero-photo-secondary { left:auto;right:0; }
html[dir="rtl"] .hero-floating-card.card-one { left:auto;right:10%; }
html[dir="rtl"] .hero-floating-card.card-two { right:auto;left:-1%; }
html[dir="rtl"] .pillar-topline { flex-direction:row-reverse; }
html[dir="rtl"] .fa-arrow-right-long { transform:rotate(180deg); }
html[dir="rtl"] .showcase-content li { flex-direction:row; }
html[dir="rtl"] .navbar-nav { margin-left:0!important;margin-right:auto!important; }

/* responsive */
@media (max-width:1199.98px) {
  .navbar-collapse { background:#081410;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1rem;margin-top:.7rem;box-shadow:0 22px 60px rgba(0,0,0,.28); }
  .navbar .nav-link::after { display:none; }
  .language-toggle { margin-top:.6rem; }
  .hero-visual { min-height:520px; }
  .hero-photo-main { width:78%;height:64%; }
  .market-mosaic { grid-template-columns:1fr 1fr; }
  .market-card-wide { grid-column:1 / -1;min-height:430px; }
  .market-card { min-height:430px; }
}

@media (max-width:991.98px) {
  .min-vh-hero { min-height:auto; }
  .hero-copy-col { padding-top:5rem; }
  .hero-visual-col { padding-bottom:4rem; }
  .hero-visual { min-height:580px;max-width:720px;margin:0 auto; }
  .hero-title { max-width:760px; }
  .hero-scroll-hint { display:none; }
  .pillar-card { min-height:590px; }
  .showcase-stage { min-height:600px; }
  .tech-logo-grid { grid-template-columns:repeat(4,1fr); }
  .footer-contact-grid { max-width:560px; }
}

@media (max-width:767.98px) {
  .section { padding:4.6rem 0; }
  .brand-copy small { white-space:normal;font-size:.62rem; }
  .brand-lockup img { width:46px;height:46px; }
  .hero-copy-col { padding-top:4.2rem;padding-bottom:2.2rem; }
  .hero-title { font-size:clamp(2.8rem,15vw,4.5rem); }
  .hero-lead { font-size:1rem; }
  .hero-rotator-wrap { align-items:flex-start;flex-direction:column;gap:.15rem; }
  .hero-actions .btn { width:100%; }
  .hero-trust-row { gap:.7rem; }
  .hero-visual { min-height:470px; }
  .hero-photo-main { width:82%;height:63%;right:0; }
  .hero-photo-secondary { width:58%;height:40%;left:0; }
  .hero-floating-card.card-one { top:6%;left:0; }
  .hero-floating-card.card-two { right:0;bottom:7%; }
  .hero-floating-card { padding:.7rem .8rem; }
  .orbit-ring { display:none; }
  .pillar-card { min-height:560px; }
  .pillar-content h3 { font-size:2rem; }
  .showcase-stage { min-height:620px; }
  .showcase-content h3 { font-size:2rem; }
  .showcase-content { left:1.2rem;right:1.2rem;bottom:1.2rem; }
  .tech-logo-grid { grid-template-columns:repeat(2,1fr); }
  .tech-logo:nth-child(4n) { border-right:1px solid var(--line); }
  .tech-logo:nth-child(2n) { border-right:0; }
  .tech-logo:nth-last-child(-n+4) { border-bottom:1px solid var(--line); }
  .tech-logo:nth-last-child(-n+2) { border-bottom:0; }
  .market-mosaic { grid-template-columns:1fr; }
  .market-card-wide { grid-column:auto; }
  .market-card { min-height:420px; }
  .footer-contact-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
  .floating-whatsapp span { display:none; }
  .floating-whatsapp { width:50px;height:50px;padding:0;justify-content:center; }
  .contact-cta-card { border-radius:24px; }
  .page-hero { min-height:440px; }
}

@media (max-width:575.98px) {
  .hero-visual { min-height:430px; }
  .hero-photo-main { height:60%; border-radius:24px 24px 60px 24px; }
  .hero-photo-secondary { height:38%; border-radius:50px 18px 18px 18px; }
  .hero-floating-card small { display:none; }
  .hero-floating-card strong { font-size:.82rem; }
  .pillar-card { min-height:535px; border-radius:24px; }
  .pillar-content { left:1.2rem;right:1.2rem;bottom:1.4rem; }
  .pillar-tags { display:none; }
  .section-title { font-size:2.45rem; }
  .market-card { min-height:390px; }
  .process-copy { padding-inline-end:0; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
  [data-reveal] { opacity:1!important;transform:none!important; }
  .marquee-track { animation:none!important; }
}
.image-fallback { background: linear-gradient(135deg,#0a2a20,#07110f 58%,#4a3b18); }
.image-load-failed { opacity:0; }
/* Arabic hero typography: use a filled accent instead of an outlined Arabic wordmark. */
html[dir="rtl"] .hero-title span {
  color: var(--gold-2);
  -webkit-text-stroke: 0;
  text-shadow: 0 12px 40px rgba(201,166,83,.12);
}
html[dir="rtl"] .hero-title { line-height: 1.12; font-size: clamp(3rem,5.3vw,5.3rem); }

/* =========================================================
   V5 — full inner pages
   ========================================================= */
.page-hero-xl { min-height: 610px; display:flex; align-items:end; }
.page-hero-contact { min-height: 520px; display:flex; align-items:end; }
.page-hero-lead { max-width: 820px; font-size: clamp(1.08rem,1.5vw,1.35rem); color: rgba(255,255,255,.78); line-height:1.8; }
.page-grid-overlay { position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 75%,transparent 100%); }
.page-photo-industries { background-image:url('https://images.unsplash.com/photo-1717386255767-52643970d483?auto=format&fit=crop&w=1900&q=82'); }
.page-photo-contact { background-image:url('https://images.unsplash.com/photo-1769144256181-698b8f807066?auto=format&fit=crop&w=1900&q=82'); }
.hero-side-card { margin-left:auto; max-width:360px; padding:28px; border-radius:24px; border:1px solid rgba(255,255,255,.18); background:rgba(6,25,21,.62); box-shadow:0 24px 60px rgba(0,0,0,.28); backdrop-filter:blur(16px); color:#fff; }
.hero-side-card span,.hero-side-card small { display:block; color:rgba(255,255,255,.64); }
.hero-side-card strong { display:block; color:var(--gold-2); font-size:1.45rem; margin:.5rem 0; letter-spacing:.01em; }
.hero-side-card.gold-card { border-color:rgba(224,190,103,.3); }

.proof-strip { background:#07110f; color:#fff; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.proof-item { min-height:126px; padding:25px 24px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.08); }
.proof-item strong { color:var(--gold-2); font-size:1.02rem; margin-bottom:7px; }
.proof-item span { color:rgba(255,255,255,.62); font-size:.9rem; line-height:1.5; }
.trade-proof .proof-item strong { color:#8fe0c2; }
.premium-card { position:relative; overflow:hidden; }
.premium-card::after { content:""; position:absolute; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(20,145,104,.13),transparent 68%); right:-35px; top:-35px; pointer-events:none; }
.card-index { position:absolute; top:20px; right:22px; color:#c9a653; font-weight:800; font-size:.8rem; letter-spacing:.18em; }
html[dir="rtl"] .card-index { right:auto; left:22px; }
.gold-icon { color:var(--gold-2)!important; background:rgba(199,163,75,.12)!important; }
.feature-photo-badge { position:relative; overflow:hidden; }
.feature-photo-badge::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(7,17,15,.76)); }
.photo-badge { position:absolute; z-index:2; left:24px; bottom:24px; display:flex; align-items:center; gap:10px; color:#fff; padding:12px 16px; border-radius:100px; background:rgba(7,17,15,.75); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.13); font-weight:700; }
.photo-badge i { color:var(--gold-2); }
.feature-check-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.feature-check { display:flex; gap:10px; align-items:flex-start; padding:12px 0; border-bottom:1px solid rgba(12,39,32,.09); color:#29443d; }
.feature-check i { color:var(--green); margin-top:4px; }

.workflow-section { position:relative; overflow:hidden; }
.workflow-glow { position:absolute; width:650px; height:650px; border-radius:50%; background:radial-gradient(circle,rgba(15,145,105,.19),transparent 68%); right:-220px; top:-260px; }
.workflow-chain { display:grid; gap:14px; }
.workflow-node { display:grid; grid-template-columns:58px 1fr; gap:18px; align-items:start; padding:20px 22px; border-radius:18px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.04); }
.workflow-node>span { width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color:var(--gold-2); background:rgba(199,163,75,.10); border:1px solid rgba(199,163,75,.22); font-weight:800; }
.workflow-node h3 { color:#fff; font-size:1.05rem; margin:0 0 5px; }
.workflow-node p { margin:0; color:rgba(255,255,255,.57); }
.stack-panel { border-radius:26px; border:1px solid rgba(255,255,255,.09); background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025)); padding:28px; display:grid; grid-template-columns:minmax(220px,.8fr) 2fr; gap:32px; align-items:center; }
.stack-panel h3 { color:#fff; font-size:1.25rem; margin:0; }
.stack-chips,.capability-cloud { display:flex; flex-wrap:wrap; gap:10px; }
.stack-chips span,.capability-cloud span { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.055); color:rgba(255,255,255,.78); border-radius:999px; padding:9px 14px; font-size:.88rem; }

.ai-teaser-card { background:#fff; border-radius:32px; overflow:hidden; box-shadow:0 30px 80px rgba(19,58,48,.12); border:1px solid rgba(13,80,62,.08); }
.ai-teaser-copy { padding:54px; }
.ai-teaser-copy h2 { font-size:clamp(2rem,3vw,3.1rem); color:#0d2d24; margin:.8rem 0 1rem; }
.ai-teaser-copy p { color:#5d706a; font-size:1.05rem; line-height:1.8; margin-bottom:1.5rem; }
.ai-flow-visual { min-height:420px; padding:40px; display:flex; align-items:center; justify-content:center; gap:18px; background:radial-gradient(circle at 40% 25%,rgba(17,145,104,.19),transparent 36%),linear-gradient(145deg,#0a1c18,#07110f); color:#fff; }
.ai-flow-visual>i { color:var(--gold-2); }
.ai-file,.ai-core { min-width:130px; min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; border-radius:20px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); padding:18px; }
.ai-file i,.ai-core i { font-size:1.9rem; color:#8fe0c2; }
.ai-core { background:linear-gradient(145deg,rgba(14,143,104,.26),rgba(199,163,75,.10)); box-shadow:0 0 40px rgba(14,143,104,.12); }
.ai-core i,.ai-file.output i { color:var(--gold-2); }
.process-tile { position:relative; padding:28px; border-radius:22px; min-height:230px; border:1px solid rgba(13,80,62,.09); background:linear-gradient(180deg,#fff,#fbfcfa); box-shadow:0 18px 42px rgba(23,58,50,.07); }
.process-tile>span { display:inline-flex; color:#b4913e; font-weight:800; letter-spacing:.16em; font-size:.8rem; margin-bottom:24px; }
.process-tile h3 { color:#11392e; font-size:1.15rem; }
.process-tile p { color:#667772; line-height:1.7; margin:0; }

.audience-card { position:relative; min-height:590px; border-radius:30px; overflow:hidden; display:flex; align-items:end; box-shadow:var(--shadow); }
.audience-photo { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .65s ease; }
.audience-card:hover .audience-photo { transform:scale(1.035); }
.audience-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,17,14,.08),rgba(4,17,14,.94) 72%); }
.audience-content { position:relative; z-index:2; padding:42px; color:#fff; }
.audience-content h2 { font-size:clamp(1.8rem,2.6vw,2.7rem); margin:.6rem 0 1rem; }
.audience-content p { color:rgba(255,255,255,.68); line-height:1.8; }
.audience-content ul { list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.audience-content li { display:flex; gap:9px; color:rgba(255,255,255,.82); font-size:.93rem; }
.audience-content li i { color:#8fe0c2; margin-top:4px; }
.supplier-card .audience-overlay { background:linear-gradient(180deg,rgba(4,17,14,.05),rgba(13,32,27,.95) 70%); }
.dark-mini-card { min-height:90px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.045); border-radius:17px; padding:18px; display:flex; align-items:center; gap:14px; color:rgba(255,255,255,.75); }
.dark-mini-card i { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:var(--gold-2); background:rgba(199,163,75,.10); }
.trade-path { display:grid; grid-template-columns:repeat(6,1fr); gap:0; position:relative; }
.trade-path::before { content:""; position:absolute; left:5%; right:5%; top:31px; height:1px; background:linear-gradient(90deg,transparent,#b99a50,#148b67,transparent); }
.trade-path-step { position:relative; padding:0 15px; text-align:center; }
.trade-path-step>span { position:relative; z-index:2; width:62px; height:62px; margin:0 auto 20px; border-radius:50%; display:grid; place-items:center; background:#0b2a21; color:var(--gold-2); border:5px solid #fff; box-shadow:0 0 0 1px rgba(13,80,62,.12); font-weight:800; }
.trade-path-step h3 { font-size:1.05rem; color:#123e32; }
.trade-path-step p { font-size:.9rem; color:#6d7d78; line-height:1.6; }
.scope-card { padding:36px; border-radius:28px; background:#fff; border:1px solid rgba(13,80,62,.08); box-shadow:0 18px 48px rgba(23,58,50,.07); }
.scope-card h2 { color:#0f382d; font-size:1.45rem; margin:18px 0; }
.scope-card p { color:#657771; line-height:1.8; }
.scope-icon { width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(14,143,104,.1);color:var(--green);font-size:1.25rem; }
.scope-not .scope-icon { background:rgba(199,163,75,.11); color:#af8b37; }
.scope-card ul { padding-left:1.2rem; color:#5f726c; display:grid; gap:10px; }
html[dir="rtl"] .scope-card ul { padding-left:0; padding-right:1.2rem; }
.trade-disclaimer { display:flex; gap:16px; align-items:flex-start; padding:20px 24px; border-radius:18px; background:rgba(13,80,62,.055); border:1px solid rgba(13,80,62,.08); }
.trade-disclaimer>i { color:var(--green); margin-top:4px; }
.trade-disclaimer strong { color:#0f382d; }
.trade-disclaimer p { color:#677972; margin:5px 0 0; }

.industry-list { display:grid; gap:32px; }
.industry-detail { display:grid; grid-template-columns:minmax(300px,.78fr) 1.35fr; border-radius:30px; overflow:hidden; background:#fff; box-shadow:0 25px 65px rgba(23,58,50,.09); border:1px solid rgba(13,80,62,.075); }
.industry-detail:nth-child(even) .industry-media { order:2; }
.industry-detail:nth-child(even) .industry-copy { order:1; }
.industry-media { min-height:420px; background-size:cover; background-position:center; position:relative; }
.industry-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(7,17,15,.65)); }
.industry-number { position:absolute; z-index:2; left:24px; bottom:22px; color:#fff; font-size:2rem; font-weight:800; letter-spacing:.1em; }
.industry-copy { padding:42px; }
.industry-heading { display:flex; gap:16px; align-items:center; margin-bottom:20px; }
.industry-heading>div:last-child>span { font-size:.76rem; color:#af8f45; text-transform:uppercase; letter-spacing:.14em; font-weight:800; }
.industry-heading h2 { margin:4px 0 0; color:#11392e; font-size:1.65rem; }
.industry-icon { width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#0f3e31;color:var(--gold-2);font-size:1.25rem;flex:0 0 auto; }
.industry-summary { color:#62756e; line-height:1.75; font-size:1.02rem; }
.industry-copy h3 { font-size:.95rem; text-transform:uppercase; letter-spacing:.08em; color:#174f40; display:flex; gap:8px; align-items:center; }
.industry-copy h3 i { color:#c09d4b; }
.industry-copy ul { padding-left:1.1rem; color:#647670; display:grid; gap:7px; font-size:.93rem; }
html[dir="rtl"] .industry-copy ul { padding-left:0; padding-right:1.1rem; }
.capability-cloud { gap:12px; }
.capability-cloud span { padding:12px 17px; font-size:.92rem; }
.light-cloud span { background:#f7faf8; border-color:rgba(13,80,62,.12); color:#2d554a; }

.about-mosaic { min-height:560px; }
.about-market-line { margin-top:28px; display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#274c42; font-weight:700; }
.about-market-line i { color:#bf9943; }
.about-steps { display:grid; gap:14px; }
.about-step { display:grid; grid-template-columns:72px 1fr; align-items:center; gap:18px; padding:20px 22px; border-radius:18px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.045); color:#fff; }
.about-step span { width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(199,163,75,.12);color:var(--gold-2);font-weight:800; }
.about-step strong { font-size:1.05rem; }
.value-tile { height:100%; padding:26px; border-radius:20px; background:#fff; border:1px solid rgba(13,80,62,.08); box-shadow:0 14px 35px rgba(23,58,50,.06); }
.value-tile i { width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(14,143,104,.1);color:var(--green);margin-bottom:16px; }
.value-tile h3 { font-size:1.05rem;color:#11392e; }
.value-tile p { color:#687a74; font-size:.92rem; line-height:1.65; margin:0; }

.contact-quick { padding-bottom:32px; }
.quick-contact-card { min-height:165px; padding:25px; border-radius:22px; background:#fff; border:1px solid rgba(13,80,62,.08); box-shadow:0 16px 38px rgba(23,58,50,.06); display:flex; flex-direction:column; text-decoration:none; color:#153f34; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.quick-contact-card:hover { transform:translateY(-4px); border-color:rgba(14,143,104,.24); box-shadow:0 23px 50px rgba(23,58,50,.1); color:#153f34; }
.quick-contact-card i { font-size:1.35rem; color:var(--green); margin-bottom:auto; }
.quick-contact-card small { color:#819089; margin:22px 0 4px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; font-size:.72rem; }
.quick-contact-card strong { font-size:.96rem; word-break:break-word; }
.whatsapp-card i { color:#1da851; }
.contact-hint { color:#60736d; display:flex; gap:10px; align-items:center; }
.contact-hint i { color:#1da851; font-size:1.15rem; }
.inquiry-guide { height:100%; border-radius:28px; padding:36px; background:#0b2c23; color:#fff; position:relative; overflow:hidden; }
.inquiry-guide::after { content:""; position:absolute; width:200px;height:200px;border-radius:50%;right:-60px;top:-80px;background:radial-gradient(circle,rgba(61,198,151,.16),transparent 70%); }
.trade-guide { background:linear-gradient(145deg,#18231f,#0b1815); }
.trade-guide::after { background:radial-gradient(circle,rgba(211,175,86,.15),transparent 70%); }
.guide-icon { width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#8fe0c2;font-size:1.3rem; }
.guide-icon.gold { color:var(--gold-2); }
.inquiry-guide h2 { font-size:1.65rem; margin:22px 0; }
.inquiry-guide ul { list-style:none;padding:0;margin:0;display:grid;gap:12px;color:rgba(255,255,255,.72); }
.inquiry-guide li { display:flex; gap:10px; }
.inquiry-guide li i { color:#8fe0c2; margin-top:4px; }
.trade-guide li i { color:var(--gold-2); }

.tech-pipeline { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tech-pipeline>div { min-height:130px; border-radius:18px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.045); padding:20px; display:flex; flex-direction:column; justify-content:space-between; }
.tech-pipeline span { color:var(--gold-2); font-size:.78rem; font-weight:800; }
.tech-pipeline strong { color:#fff; font-size:.96rem; line-height:1.4; }
.output-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.output-item { min-height:95px; border-radius:18px; background:#fff; border:1px solid rgba(13,80,62,.08); box-shadow:0 14px 35px rgba(23,58,50,.055); display:flex; align-items:center; gap:14px; padding:20px; color:#254d42; font-weight:700; }
.output-item i { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(14,143,104,.09);color:var(--green); }

@media (max-width: 1199.98px) {
  .trade-path { grid-template-columns:repeat(3,1fr); row-gap:34px; }
  .trade-path::before { display:none; }
}
@media (max-width: 991.98px) {
  .page-hero-xl { min-height:520px; }
  .hero-side-card { margin:0; max-width:none; }
  .proof-item { border-bottom:1px solid rgba(255,255,255,.08); }
  .feature-check-grid { grid-template-columns:1fr; }
  .stack-panel { grid-template-columns:1fr; }
  .ai-flow-visual { min-height:320px; }
  .industry-detail { grid-template-columns:1fr; }
  .industry-detail:nth-child(even) .industry-media,.industry-detail:nth-child(even) .industry-copy { order:initial; }
  .industry-media { min-height:320px; }
  .audience-card { min-height:540px; }
}
@media (max-width: 767.98px) {
  .page-hero-xl,.page-hero-contact { min-height:470px; }
  .proof-item { min-height:116px; padding:20px 15px; }
  .ai-teaser-copy { padding:32px 24px; }
  .ai-flow-visual { padding:26px 16px; flex-direction:column; }
  .ai-flow-visual>i { transform:rotate(90deg); }
  .ai-file,.ai-core { width:100%; min-height:90px; }
  .audience-content { padding:30px 24px; }
  .audience-content ul { grid-template-columns:1fr; }
  .trade-path { grid-template-columns:1fr 1fr; }
  .trade-path-step { padding:0 8px; }
  .industry-copy { padding:30px 24px; }
  .tech-pipeline { grid-template-columns:1fr 1fr; }
  .output-grid { grid-template-columns:1fr; }
}
@media (max-width: 480px) {
  .trade-path { grid-template-columns:1fr; }
  .trade-path-step { display:grid; grid-template-columns:62px 1fr; text-align:left; gap:14px; align-items:start; }
  html[dir="rtl"] .trade-path-step { text-align:right; }
  .trade-path-step>span { margin:0; }
  .tech-pipeline { grid-template-columns:1fr; }
}