.elementor-54902 .elementor-element.elementor-element-2f860634:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-2f860634 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-2f860634{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-2f860634 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-2cb5a74 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-3182dd3a:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-3182dd3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-3182dd3a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-3182dd3a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-23c95a66 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-5000a1a8:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-5000a1a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-5000a1a8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-5000a1a8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-4f5b6a07 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-7ed9e1a7:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-7ed9e1a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-7ed9e1a7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-7ed9e1a7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-1435d431 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-6698991e:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-6698991e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-6698991e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-6698991e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-19e4e5de > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-52cc58fc:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-52cc58fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-52cc58fc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-52cc58fc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-5b04ecca > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-4450339c:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-4450339c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-4450339c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-4450339c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-6f8dde12 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-200e9230:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-200e9230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-200e9230{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-200e9230 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-15bc072f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-3cee35a5:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-3cee35a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-3cee35a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-3cee35a5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-3619d11f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-7f2f335b:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-7f2f335b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-7f2f335b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-7f2f335b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-11431ff9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-24774f09:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-24774f09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-24774f09{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-24774f09 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-36e08561 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-3dd094a2:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-3dd094a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-3dd094a2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-3dd094a2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-1cc5d526 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-45fe4d8f:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-45fe4d8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-45fe4d8f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-45fe4d8f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-56ea920e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-61aa3ecc:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-61aa3ecc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-61aa3ecc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-61aa3ecc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-7e869788 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-604a2247:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-604a2247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-604a2247{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-604a2247 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-60456416 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-758304f:not(.elementor-motion-effects-element-type-background), .elementor-54902 .elementor-element.elementor-element-758304f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0510;}.elementor-54902 .elementor-element.elementor-element-758304f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54902 .elementor-element.elementor-element-758304f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54902 .elementor-element.elementor-element-1fda50ec > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════════
   Practical GenAI in Business · v1.0 · 2026-04-21
   Per-page theme override. Paste into Elementor → Site Settings → Custom CSS,
   OR WP Customize → Additional CSS, OR enqueue only on this page.
   Includes: core design tokens + production hardening §2 block (rescoped).
   ═══════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════
   DIGISOUL — PRACTICAL GENAI IN BUSINESS (v1.0 · 2026-04-21)
   Heritage-Tech aesthetic · bilingual EN/AR · hardened for production
   ═══════════════════════════════════════════════════════════════════ */

:root{
  /* DIGISOUL BRAND TOKENS */
  --sap:#0A244A; --sap-2:#06182F; --sap-3:#04101F;
  --obs:#0F0F0F; --alab:#F7F7F7;
  --gold:#C9A86E; --gold-2:#E8C88A;
  --purple:#4A154B; --burg:#6D213C; --copper:#B87333;
  /* HERITAGE CRIMSON / EXECUTIVE INTELLIGENCE ACCENT
     (variable names '--pcb-*' and '--phos*' retained for diff stability;
      their values now render as brand-safe crimson + burgundy per Digisoul brand) */
  --pcb-dark:#1A0812; --pcb-mid:#3A0F1A; --pcb-lit:#8B1E3F;
  --phos:#E63946; --phos-soft:#FF8A95; --phos-glow:rgba(230,57,70,0.28);
  /* CRIMSON-DOMINANT BASE (deep plum / burgundy-black) */
  --bg-deep:#0A0510;
  --bg-mid:#15080E;
  --bg-rich:#1F0A14;
  --bg-blue-accent:rgba(10,36,74,0.30);
  /* FONTS */
  --f-disp:'Playfair Display',Georgia,serif;
  --f-body:'Montserrat','Helvetica Neue',sans-serif;
  --f-acc:'Cormorant Garamond',Georgia,serif;
  --f-data:'IBM Plex Mono',ui-monospace,monospace;
  --f-ar-head:'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;
  --f-ar-body:'Cairo','IBM Plex Sans Arabic',Tahoma,sans-serif;
  /* SPACING */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
  /* CONTENT WIDTH LADDER */
  --cw:min(92vw, 1320px);
  --cw-w:min(92vw, 1440px);
  --cw-x:min(92vw, 1560px);
  --cw-u:min(92vw, 1680px);
  /* SHADOW / BORDER */
  --br:16px; --br-s:10px; --br-l:24px;
  --bd:rgba(201,168,110,0.20);
  --bd-strong:rgba(201,168,110,0.45);
  --sh:0 10px 30px rgba(0,0,0,0.35);
  --sh-xl:0 20px 60px rgba(0,0,0,0.45);
}

body{
  background:
    radial-gradient(1200px 600px at 10% 0%,   rgba(139,30,63,0.38), transparent 60%),
    radial-gradient(1000px 500px at 90% 100%, rgba(10,36,74,0.32), transparent 60%),
    radial-gradient(800px 400px  at 85% 0%,   rgba(201,168,110,0.10), transparent 65%),
    linear-gradient(180deg, var(--bg-mid) 0%, var(--bg-deep) 100%);
  min-height:100vh;
  overflow-x:clip;
  max-width:100%
}
.genai-section-wrap{
  color:var(--alab);
  font-family:var(--f-body);
  font-weight:300;
  line-height:1.7
}

.genai-section-wrap *{box-sizing:border-box}

html[data-lang-state="ar"] .genai-section-wrap,
body[dir="rtl"]{
  font-family:var(--f-ar-body);
  line-height:1.85;
}
html[data-lang-state="ar"] .genai-section-wrap h1,
html[data-lang-state="ar"] .genai-section-wrap h2,
html[data-lang-state="ar"] .genai-section-wrap h3,
html[data-lang-state="ar"] .genai-section-wrap h4{
  font-family:var(--f-ar-head);
  font-weight:700;
  letter-spacing:0;
}

.genai-section-wrap .lang-en{display:inline}
.genai-section-wrap .lang-ar{display:none}
html[data-lang-state="ar"] .genai-section-wrap .lang-en{display:none}
html[data-lang-state="ar"] .genai-section-wrap .lang-ar{display:inline}
html[data-lang-state="ar"] .genai-section-wrap .block-en{display:none}
html[data-lang-state="ar"] .genai-section-wrap .block-ar{display:block!important}
.genai-section-wrap .block-ar{display:none}
.genai-section-wrap .block-en{display:block}

.genai-section-wrap h1,
.genai-section-wrap h2,
.genai-section-wrap h3{
  font-family:var(--f-disp);
  color:var(--alab);
  font-weight:700;
  line-height:1.15;
  margin:0 0 var(--s3) 0;
  letter-spacing:-0.01em;
}
.genai-section-wrap h1{font-size:clamp(2.2rem, 1.5rem + 3.2vw, 4.2rem)}
.genai-section-wrap h2{font-size:clamp(1.7rem, 1.2rem + 2.2vw, 3rem)}
.genai-section-wrap h3{font-size:clamp(1.2rem, 0.95rem + 1.3vw, 1.6rem)}
.genai-section-wrap p{margin:0 0 var(--s2) 0; color:rgba(247,247,247,0.88)}
.genai-section-wrap .eyebrow{
  font-family:var(--f-data);
  font-size:0.8rem;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--gold);
  margin:0 0 var(--s2) 0;
  display:inline-block;
}
.genai-section-wrap .tagline{
  font-family:var(--f-acc);
  font-style:italic;
  font-size:clamp(1.1rem, 0.9rem + 0.7vw, 1.4rem);
  color:var(--gold-2);
  margin:var(--s2) 0;
}

.genai-section-wrap .genai-section{
  position:relative;
  padding:clamp(48px, 4vw + 32px, 112px) 0;
  overflow:hidden;
}
.genai-section-wrap .genai-container{
  width:var(--cw);
  margin-inline:auto;
  position:relative;
  z-index:2;
}
@media(min-width:1920px){ .genai-section-wrap .genai-container{width:var(--cw-w)} }
@media(min-width:2560px){ .genai-section-wrap .genai-container{width:var(--cw-x)} }
@media(min-width:3440px){ .genai-section-wrap .genai-container{width:var(--cw-u)} }

.genai-section-wrap .genai-section::before{
  content:'';
  position:absolute;inset:0;
  background-image:
    linear-gradient(90deg, rgba(201,168,110,0.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(201,168,110,0.04) 1px, transparent 1px);
  background-size:64px 64px;
  pointer-events:none;
  z-index:1;
}

.genai-section-wrap .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px; min-width:44px;
  padding:14px 32px;
  border-radius:999px;
  border:1.5px solid transparent;
  font-family:var(--f-body);
  font-weight:600;
  font-size:0.95rem;
  letter-spacing:0.02em;
  text-decoration:none;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
  white-space:nowrap;
}
.genai-section-wrap .btn-primary{
  background:linear-gradient(135deg, var(--gold) 0%, var(--copper) 100%);
  color:var(--obs);
  box-shadow:0 10px 30px rgba(201,168,110,0.35);
}
.genai-section-wrap .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(201,168,110,0.55);
}
.genai-section-wrap .btn-secondary{
  background:transparent;
  color:var(--alab);
  border-color:rgba(247,247,247,0.35);
}
.genai-section-wrap .btn-secondary:hover{
  border-color:var(--gold);
  color:var(--gold);
}
.genai-section-wrap .btn-phos{
  background:linear-gradient(135deg, var(--phos) 0%, var(--burg) 100%);
  color:#FFFFFF;
  font-weight:700;
  box-shadow:0 10px 30px var(--phos-glow), inset 0 1px 0 rgba(255,255,255,0.12);
  text-shadow:0 1px 0 rgba(0,0,0,0.25);
}
.genai-section-wrap .btn-phos:hover{
  background:linear-gradient(135deg, #FF5260 0%, #8A2B47 100%);
  box-shadow:0 14px 36px rgba(230,57,70,0.40), inset 0 1px 0 rgba(255,255,255,0.18);
  transform:translateY(-2px);
}

.genai-section-wrap .card{
  background:rgba(10,36,74,0.55);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid var(--bd);
  border-radius:var(--br);
  padding:clamp(20px, 1.2vw + 12px, 32px);
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  position:relative;
  overflow:hidden;
}
.genai-section-wrap .card:hover{
  transform:translateY(-4px);
  border-color:var(--bd-strong);
  box-shadow:var(--sh-xl);
}
.genai-section-wrap .card-icon{
  width:48px;height:48px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(201,168,110,0.22), rgba(109,33,60,0.18));
  display:grid;place-items:center;
  color:var(--gold);
  margin-bottom:var(--s2);
  font-size:1.5rem;
}

.genai-section-wrap .tool-card{ text-align:center; display:flex; flex-direction:column; align-items:center; }
.genai-section-wrap .tool-card h3{ font-family:var(--f-disp); font-size:1.1rem; margin-bottom:8px; color:var(--alab); }
.genai-section-wrap .tool-card p{ font-size:0.88rem; color:rgba(247,247,247,0.75); max-width:28ch; }
.genai-section-wrap .tool-logo{
  width:84px; height:84px;
  margin:0 auto var(--s2);
  border-radius:20px;
  background:#F7F7F7;
  border:1px solid rgba(201,168,110,0.35);
  box-shadow:0 6px 18px rgba(0,0,0,0.35), inset 0 0 0 1px rgba(255,255,255,0.6);
  display:grid; place-items:center;
  padding:14px;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.genai-section-wrap .tool-card:hover .tool-logo{
  transform:translateY(-3px) scale(1.05);
  border-color:rgba(201,168,110,0.65);
  box-shadow:0 10px 26px rgba(0,0,0,0.45), 0 0 22px rgba(230,57,70,0.20), inset 0 0 0 1px rgba(255,255,255,0.75);
}
.genai-section-wrap .tool-logo img,
.genai-section-wrap .tool-logo svg.tool-svg{ width:100%; height:100%; object-fit:contain; display:block; }

.genai-section-wrap .reveal,
.genai-section-wrap .reveal-l,
.genai-section-wrap .reveal-r,
.genai-section-wrap .reveal-b{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .9s cubic-bezier(0.2,0.8,0.2,1), transform .9s cubic-bezier(0.2,0.8,0.2,1);
}
.genai-section-wrap .reveal-l{transform:translateX(-32px)}
.genai-section-wrap .reveal-r{transform:translateX(32px)}
.genai-section-wrap .reveal.in,
.genai-section-wrap .reveal-l.in,
.genai-section-wrap .reveal-r.in,
.genai-section-wrap .reveal-b.in{opacity:1; transform:none}

@media(prefers-reduced-motion: reduce){
  .genai-section-wrap .reveal,
  .genai-section-wrap .reveal-l,
  .genai-section-wrap .reveal-r,
  .genai-section-wrap .reveal-b{opacity:1; transform:none; transition:none}
}

/* ═══════════════════════════════════════════════════════════════════
   HERO v2 — "LIVE COMMAND BRIDGE" (business cinematic)
   Entirely new animation system (no pcb, streams, constellation, ticker)
   Layers: cine-mesh → cine-aurora → cine-halo → cine-radar → cine-grain
           → cine-card (live session + portfolio) → cine-pipeline (central viz)
   ═══════════════════════════════════════════════════════════════════ */
.genai-section-wrap .hero{
  position:relative;
  min-height:92vh;
  min-height:92svh;
  padding:clamp(64px, 5vw + 24px, 136px) 0 clamp(56px, 4vw + 24px, 104px);
  display:flex;align-items:center;
  background:
    linear-gradient(135deg, #1A0812 0%, #0F0510 55%, #080208 100%);
  overflow:hidden;
  isolation:isolate;
}

/* LAYER 1 · CINE-MESH — slow conic/radial liquid gradient mesh */
.genai-section-wrap .cine-mesh{
  position:absolute; inset:-20%;
  z-index:1; pointer-events:none;
  background:
    radial-gradient(55% 55% at 22% 28%, rgba(230,57,70,0.45) 0%, transparent 62%),
    radial-gradient(50% 50% at 78% 68%, rgba(10,36,74,0.55) 0%, transparent 65%),
    radial-gradient(40% 40% at 78% 16%, rgba(201,168,110,0.22) 0%, transparent 70%),
    radial-gradient(45% 45% at 18% 84%, rgba(139,30,63,0.48) 0%, transparent 65%),
    conic-gradient(from 120deg at 50% 50%,
        rgba(230,57,70,0.15) 0%,
        rgba(74,21,75,0.18) 20%,
        rgba(10,36,74,0.22) 40%,
        rgba(201,168,110,0.10) 60%,
        rgba(230,57,70,0.15) 80%,
        rgba(230,57,70,0.15) 100%);
  filter:blur(36px) saturate(115%);
  animation:cineMeshDrift 32s ease-in-out infinite alternate;
  transform-origin:50% 50%;
}
@keyframes cineMeshDrift{
  0%   {transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  50%  {transform:translate3d(-2%,1.5%,0) rotate(4deg) scale(1.04)}
  100% {transform:translate3d(2%,-1.5%,0) rotate(-3deg) scale(1.02)}
}

/* LAYER 2 · CINE-AURORA — SVG-like crimson→gold curved aurora band */
.genai-section-wrap .cine-aurora{
  position:absolute; left:-10%; right:-10%;
  top:38%; height:clamp(180px, 28vh, 340px);
  z-index:2; pointer-events:none;
  background:
    radial-gradient(ellipse 60% 40% at 30% 50%, rgba(230,57,70,0.35), transparent 70%),
    radial-gradient(ellipse 55% 40% at 70% 50%, rgba(201,168,110,0.28), transparent 70%);
  filter:blur(40px);
  mix-blend-mode:screen;
  transform:rotate(-6deg);
  animation:cineAuroraBreathe 14s ease-in-out infinite alternate;
}
@keyframes cineAuroraBreathe{
  from{opacity:0.55; transform:rotate(-6deg) translateY(0)}
  to  {opacity:0.95; transform:rotate(-8deg) translateY(-14px)}
}

/* LAYER 3 · CINE-HALO — 2 slow-drifting halo orbs */
.genai-section-wrap .cine-halo{
  position:absolute; z-index:2; pointer-events:none;
  width:min(52vw, 620px); aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,
      rgba(230,57,70,0.40) 0%,
      rgba(230,57,70,0.14) 35%,
      transparent 68%);
  filter:blur(28px);
  animation:cineHaloA 16s ease-in-out infinite alternate;
}
.genai-section-wrap .cine-halo.alt{
  background:radial-gradient(circle at 50% 50%,
      rgba(201,168,110,0.34) 0%,
      rgba(201,168,110,0.10) 40%,
      transparent 72%);
  animation:cineHaloB 22s ease-in-out infinite alternate;
  animation-delay:-7s;
}
.genai-section-wrap .cine-halo{ top:-8%;  inset-inline-end:-12%; }
.genai-section-wrap .cine-halo.alt{ top:auto; bottom:-18%; inset-inline-start:-16%; }
@keyframes cineHaloA{
  0%  {transform:translate3d(0,0,0) scale(0.95); opacity:0.7}
  100%{transform:translate3d(-4%,6%,0) scale(1.12); opacity:1}
}
@keyframes cineHaloB{
  0%  {transform:translate3d(0,0,0) scale(1); opacity:0.55}
  100%{transform:translate3d(5%,-4%,0) scale(1.15); opacity:0.9}
}

/* LAYER 4 · CINE-RADAR — radial pulse rings sweeping out from a focal point */
.genai-section-wrap .cine-radar{
  position:absolute;
  inset-inline-start:18%; top:62%;
  width:0; height:0;
  z-index:2; pointer-events:none;
}
.genai-section-wrap .cine-radar i{
  position:absolute;
  inset-inline-start:-4px; top:-4px;
  width:8px; height:8px;
  border-radius:50%;
  background:var(--phos);
  box-shadow:0 0 12px rgba(230,57,70,0.9), 0 0 28px rgba(230,57,70,0.45);
  animation:cineRadarDot 4.4s ease-out infinite;
}
.genai-section-wrap .cine-radar span{
  position:absolute;
  inset-inline-start:50%; top:50%;
  width:16px; height:16px;
  margin-inline-start:-8px; margin-top:-8px;
  border-radius:50%;
  border:1.5px solid rgba(230,57,70,0.70);
  opacity:0;
  animation:cineRadarRing 4.4s ease-out infinite;
}
.genai-section-wrap .cine-radar span:nth-of-type(1){animation-delay:0s}
.genai-section-wrap .cine-radar span:nth-of-type(2){animation-delay:-1.1s}
.genai-section-wrap .cine-radar span:nth-of-type(3){animation-delay:-2.2s}
.genai-section-wrap .cine-radar span:nth-of-type(4){animation-delay:-3.3s}
@keyframes cineRadarRing{
  0%  {transform:scale(0.4); opacity:0.95; border-color:rgba(230,57,70,0.9)}
  80% {opacity:0.05}
  100%{transform:scale(28);  opacity:0; border-color:rgba(230,57,70,0)}
}
@keyframes cineRadarDot{
  0%,10% {transform:scale(0.8); opacity:0.6}
  20%    {transform:scale(1.25); opacity:1}
  60%,100%{transform:scale(1); opacity:0.85}
}

/* LAYER 5 · CINE-GRAIN — SVG feTurbulence film grain, keeps the cinematic look */
.genai-section-wrap .cine-grain{
  position:absolute; inset:0; z-index:3; pointer-events:none;
  opacity:0.10;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1   0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:220px 220px;
}

/* LAYER 6 · CINE-CARD — creative business floating cards (Live Session + Portfolio) */
.genai-section-wrap .cine-card{
  position:absolute; z-index:4; pointer-events:none;
  width:210px;
  background:linear-gradient(160deg, rgba(10,36,74,0.82) 0%, rgba(26,8,18,0.90) 100%);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  border:1px solid rgba(201,168,110,0.36);
  border-radius:18px;
  padding:12px 14px;
  box-shadow:
      0 24px 60px rgba(0,0,0,0.55),
      0 0 0 1px rgba(255,255,255,0.06) inset,
      0 0 40px rgba(230,57,70,0.14);
  opacity:0;
  animation:cineCardReveal 1.2s .6s cubic-bezier(0.2,0.8,0.2,1) forwards;
  color:var(--alab);
  font-size:0.92em;
}
/* Cards are purely decorative in the wide-screen bleed margin.
   Content column maxes at 1320px (--cw). At 1800vw, margin = (1800-1320)/2 = 240px per side,
   so a 210px card flushed 20px from the viewport edge has a 10px buffer before content.
   Cards ONLY show at 1800px+ — they never overlap content below that. */
.genai-section-wrap .cine-card.cc-session  { top:6%;  inset-inline-end:20px; transform:rotate(-3deg); }
.genai-section-wrap .cine-card.cc-portfolio{ top:46%; inset-inline-start:20px; transform:rotate(2deg); }
/* Hide below 1800px so cards never overlap the content column. */
@media(max-width:1800px){ .genai-section-wrap .cine-card{display:none} }
@keyframes cineCardReveal{ to{opacity:1} }

/* Common chrome */
.genai-section-wrap .cine-card .cc-top{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; margin-bottom:10px;
}
.genai-section-wrap .cine-card .cc-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 10px; border-radius:999px;
  background:rgba(230,57,70,0.22);
  border:1px solid rgba(230,57,70,0.45);
  font-family:var(--f-data);
  font-size:0.62rem;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#FFD4DA;
}
.genai-section-wrap .cine-card .cc-pill.pill-gold{
  background:rgba(201,168,110,0.18);
  border-color:rgba(201,168,110,0.45);
  color:#FFE4A3;
}
.genai-section-wrap .cine-card .cc-live{
  width:6px;height:6px;border-radius:50%;
  background:var(--phos);
  box-shadow:0 0 8px var(--phos);
  animation:cineDockPulse 1.2s ease-in-out infinite;
}
@keyframes cineDockPulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
.genai-section-wrap .cine-card .cc-week,
.genai-section-wrap .cine-card .cc-count{
  font-family:var(--f-data);
  font-size:0.62rem;
  letter-spacing:0.18em;
  color:var(--gold);
  font-weight:600;
}

/* CARD 1 — Live Session */
.genai-section-wrap .cc-session .cc-body{ margin-bottom:12px }
.genai-section-wrap .cc-session .cc-label{
  font-family:var(--f-data);
  font-size:0.64rem;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(247,247,247,0.6);
  margin-bottom:4px;
}
.genai-section-wrap .cc-session .cc-title{
  font-family:var(--f-disp);
  font-size:1.15rem;
  font-weight:700;
  line-height:1.25;
  background:linear-gradient(135deg, #FFE4A3 0%, #FF8A95 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.genai-section-wrap .cc-session .cc-foot{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding-top:10px;
  border-top:1px solid rgba(201,168,110,0.18);
}
.genai-section-wrap .cc-session .cc-avatars{
  display:inline-flex; align-items:center;
}
.genai-section-wrap .cc-session .cc-av{
  width:22px; height:22px; border-radius:50%;
  border:1.5px solid rgba(26,8,18,0.95);
  margin-inline-start:-6px;
  flex:none;
}
.genai-section-wrap .cc-session .cc-av:first-child{ margin-inline-start:0 }
.genai-section-wrap .cc-session .cc-av.av1{ background:linear-gradient(135deg,#E63946,#6D213C) }
.genai-section-wrap .cc-session .cc-av.av2{ background:linear-gradient(135deg,#C9A86E,#8B1E3F) }
.genai-section-wrap .cc-session .cc-av.av3{ background:linear-gradient(135deg,#4A154B,#0A244A) }
.genai-section-wrap .cc-session .cc-av.av4{ background:linear-gradient(135deg,#FF8A95,#C9A86E) }
.genai-section-wrap .cc-session .cc-more{
  display:inline-flex; align-items:center; justify-content:center;
  height:22px; padding:0 8px;
  margin-inline-start:-6px;
  border-radius:999px;
  background:rgba(201,168,110,0.18);
  border:1px solid rgba(201,168,110,0.35);
  font-family:var(--f-data);
  font-size:0.60rem; font-weight:700;
  color:var(--gold-2);
}
.genai-section-wrap .cc-session .cc-timer{
  display:flex; align-items:center; gap:8px;
  min-width:0;
}
.genai-section-wrap .cc-session .cc-timer-bar{
  position:relative;
  width:48px; height:3px;
  background:rgba(255,255,255,0.08);
  border-radius:2px; overflow:hidden;
}
.genai-section-wrap .cc-session .cc-timer-bar i{
  position:absolute; inset-block:0; inset-inline-start:0;
  width:42%;
  background:linear-gradient(90deg, var(--phos), var(--gold));
  box-shadow:0 0 8px rgba(230,57,70,0.6);
  animation:ccTimerGlide 3.2s ease-in-out infinite alternate;
}
@keyframes ccTimerGlide{ 0%{width:42%} 100%{width:58%} }
.genai-section-wrap .cc-session .cc-timer-text{
  font-family:var(--f-data);
  font-size:0.66rem; font-weight:600;
  color:var(--alab);
  letter-spacing:0.04em;
  white-space:nowrap;
}

/* CARD 2 — Your Portfolio */
.genai-section-wrap .cc-portfolio .cc-artifacts{
  list-style:none; padding:0; margin:4px 0 10px;
  display:flex; flex-direction:column; gap:10px;
}
.genai-section-wrap .cc-portfolio .cc-artifacts li{
  display:grid;
  grid-template-columns:1fr auto;
  column-gap:8px; row-gap:4px;
  align-items:center;
}
.genai-section-wrap .cc-portfolio .cc-art-name{
  grid-column:1 / 2;
  font-family:var(--f-body);
  font-size:0.74rem;
  font-weight:500;
  color:rgba(247,247,247,0.88);
}
.genai-section-wrap .cc-portfolio .cc-art-val{
  grid-column:2 / 3;
  font-family:var(--f-data);
  font-size:0.66rem; font-weight:700;
  color:var(--gold-2);
}
.genai-section-wrap .cc-portfolio .cc-art-bar{
  grid-column:1 / 3;
  position:relative;
  height:4px;
  background:rgba(255,255,255,0.08);
  border-radius:2px; overflow:hidden;
}
.genai-section-wrap .cc-portfolio .cc-art-bar i{
  position:absolute; inset-block:0; inset-inline-start:0;
  width:0%;
  background:linear-gradient(90deg, var(--phos) 0%, var(--gold) 100%);
  box-shadow:0 0 10px rgba(230,57,70,0.55);
  animation:ccBarFill 1.6s 1.1s cubic-bezier(0.2,0.8,0.2,1) forwards;
}
@keyframes ccBarFill{ to{ width:var(--to, 60%) } }
.genai-section-wrap .cc-portfolio .cc-foot-lite{
  padding-top:8px;
  border-top:1px solid rgba(201,168,110,0.18);
  font-family:var(--f-data);
  font-size:0.64rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:rgba(247,247,247,0.62);
  text-align:center;
}

/* RTL mirror */
html[data-lang-state="ar"] .genai-section-wrap .cc-session{ inset-inline-end:auto; inset-inline-start:-3%; transform:rotate(3deg); }
html[data-lang-state="ar"] .genai-section-wrap .cc-portfolio{ inset-inline-start:auto; inset-inline-end:-3%; transform:rotate(-2deg); }

/* CINE-PIPELINE — headline chip above H1 showing a live "ship progress" bar
   (purely business: represents the cohort journey Week 1 → Ship) */
.genai-section-wrap .cine-pipeline{
  display:inline-flex; align-items:center; gap:12px;
  margin-bottom:14px;
  padding:8px 16px;
  background:linear-gradient(90deg, rgba(10,36,74,0.55), rgba(26,8,18,0.55));
  border:1px solid rgba(201,168,110,0.28);
  border-radius:999px;
  font-family:var(--f-data);
  font-size:0.7rem;
  letter-spacing:0.20em;
  text-transform:uppercase;
  color:rgba(247,247,247,0.85);
}
.genai-section-wrap .cine-pipeline-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--phos);
  box-shadow:0 0 10px var(--phos);
  animation:cineDockPulse 1.6s ease-in-out infinite;
  flex:none;
}
.genai-section-wrap .cine-pipeline-label{ white-space:nowrap; }
.genai-section-wrap .cine-pipeline-bar{
  position:relative;
  width:110px; height:4px;
  background:rgba(255,255,255,0.10);
  border-radius:2px;
  overflow:hidden;
}
.genai-section-wrap .cine-pipeline-bar i{
  position:absolute; inset-block:0;
  inset-inline-start:0;
  width:0%;
  background:linear-gradient(90deg, var(--phos) 0%, var(--gold) 100%);
  box-shadow:0 0 12px rgba(230,57,70,0.75);
  animation:cinePipeline 6s ease-in-out infinite;
}
@keyframes cinePipeline{
  0%   {width:0%}
  45%  {width:85%}
  55%  {width:85%}
  100% {width:100%}
}

/* Responsive hero copy — pipeline wraps elegantly on narrow */
@media(max-width:640px){
  .genai-section-wrap .cine-pipeline{ gap:8px; padding:6px 12px; font-size:0.6rem; }
  .genai-section-wrap .cine-pipeline-bar{ width:64px; }
}

@media (prefers-reduced-motion: reduce){
  .genai-section-wrap .cine-mesh,
  .genai-section-wrap .cine-aurora,
  .genai-section-wrap .cine-halo,
  .genai-section-wrap .cine-halo.alt,
  .genai-section-wrap .cine-radar i,
  .genai-section-wrap .cine-radar span,
  .genai-section-wrap .cine-card,
  .genai-section-wrap .cine-card .cc-live,
  .genai-section-wrap .cc-session .cc-timer-bar i,
  .genai-section-wrap .cc-portfolio .cc-art-bar i,
  .genai-section-wrap .cine-pipeline-dot,
  .genai-section-wrap .cine-pipeline-bar i{ animation:none!important }
  .genai-section-wrap .cine-radar span{ opacity:0.15 }
  .genai-section-wrap .cine-pipeline-bar i{ width:72% }
  .genai-section-wrap .cine-card{ opacity:1 }
  .genai-section-wrap .cc-portfolio .cc-art-bar i{ width:var(--to, 60%) }
}

.genai-section-wrap .hero-inner{
  position:relative; z-index:3;
  width:var(--cw);
  margin-inline:auto;
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:clamp(24px, 2vw + 16px, 56px);
  align-items:center;
}
@media(max-width:1024px){ .genai-section-wrap .hero-inner{grid-template-columns:1fr; gap:48px} }

.genai-section-wrap .hero-copy .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:rgba(230,57,70,0.08);
  border:1px solid rgba(230,57,70,0.28);
  color:var(--phos-soft);
}
.genai-section-wrap .hero-copy .eyebrow::before{
  content:''; width:8px;height:8px;border-radius:50%;
  background:var(--phos);
  box-shadow:0 0 12px var(--phos);
  animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.85)} 50%{opacity:1;transform:scale(1.1)}}

.genai-section-wrap .hero-copy h1{
  font-size:clamp(2.2rem, 1.2rem + 3.5vw, 4.4rem);
  line-height:1.08;
  margin-bottom:var(--s3);
  background:linear-gradient(135deg, #F7F7F7 0%, #E8C88A 60%, #C9A86E 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.genai-section-wrap .hero-copy .tagline{
  font-size:clamp(1.15rem, 0.9rem + 0.8vw, 1.55rem);
  color:var(--phos-soft);
  margin-bottom:var(--s3);
  max-width:56ch;
}
.genai-section-wrap .hero-sub{
  font-size:clamp(0.95rem, 0.85rem + 0.2vw, 1.05rem);
  max-width:56ch;
  margin-bottom:var(--s4);
  color:rgba(247,247,247,0.8);
}
.genai-section-wrap .hero-chips{ display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--s4); }
.genai-section-wrap .hero-chips .chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 14px;border-radius:999px;
  background:rgba(247,247,247,0.06);
  border:1px solid rgba(247,247,247,0.15);
  font-size:0.82rem;
  color:var(--alab);
}
.genai-section-wrap .hero-chips .chip.gold{color:var(--gold); border-color:rgba(201,168,110,0.35)}
.genai-section-wrap .hero-chips .chip.phos{color:var(--phos-soft); border-color:rgba(230,57,70,0.35)}
.genai-section-wrap .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:var(--s4)}

.genai-section-wrap .hero-form-wrap{ position:relative; }
.genai-section-wrap .hero-form-card{
  position:relative;
  background:linear-gradient(180deg, rgba(10,36,74,0.85) 0%, rgba(4,16,31,0.92) 100%);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(230,57,70,0.28);
  border-radius:var(--br-l);
  padding:clamp(24px, 1.6vw + 16px, 40px);
  box-shadow:
    0 30px 80px rgba(0,0,0,0.5),
    0 0 0 1px rgba(201,168,110,0.18) inset,
    0 0 60px rgba(230,57,70,0.08);
  overflow:hidden;
}
.genai-section-wrap .hero-form-card::before{
  content:'';
  position:absolute;inset:0;
  background-image:
    linear-gradient(90deg, rgba(230,57,70,0.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(230,57,70,0.04) 1px, transparent 1px);
  background-size:32px 32px;
  pointer-events:none;
  opacity:0.5;
}
.genai-section-wrap .hero-form-card > *{position:relative;z-index:1}
.genai-section-wrap .hero-form-card .form-eyebrow{
  font-family:var(--f-data);
  font-size:0.75rem;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--phos-soft);
  margin-bottom:8px;
}
.genai-section-wrap .hero-form-card h3{
  font-size:clamp(1.3rem, 1rem + 0.7vw, 1.6rem);
  margin-bottom:8px;
  color:var(--alab);
}
.genai-section-wrap .hero-form-card .form-sub{
  font-size:0.9rem;
  color:rgba(247,247,247,0.75);
  margin-bottom:var(--s3);
}
.genai-section-wrap .hero-form-card .form-meta{
  display:flex;flex-wrap:wrap;gap:10px;
  font-size:0.78rem;
  color:rgba(247,247,247,0.7);
  margin-top:var(--s3);
  padding-top:var(--s3);
  border-top:1px solid rgba(201,168,110,0.15);
}
.genai-section-wrap .hero-form-card .form-meta-item{ display:inline-flex;align-items:center;gap:6px; }

/* FluentForm + Choices.js — light input on dark card */
.genai-section-wrap .ff-slot,
.genai-section-wrap .ff-slot *,
.genai-section-wrap .ff-slot input,
.genai-section-wrap .ff-slot select,
.genai-section-wrap .ff-slot textarea,
.genai-section-wrap .ff-slot button,
.genai-section-wrap .ff-slot label,
.genai-section-wrap .ff-slot .choices,
.genai-section-wrap .ff-slot .choices *,
.genai-section-wrap .ff-slot .choices__inner,
.genai-section-wrap .ff-slot .choices__item,
.genai-section-wrap .ff-slot .choices__input,
.genai-section-wrap .ff-slot .choices__placeholder{
  font-family:var(--f-body)!important;
  font-feature-settings:normal;
}
.genai-section-wrap .ff-slot label,
.genai-section-wrap .ff-slot .ff-el-input--label,
.genai-section-wrap .ff-slot .ff-el-input--label label,
.genai-section-wrap .ff-slot .ff-el-input--label > label,
.genai-section-wrap .ff-slot .ff-el-form-check-label,
.genai-section-wrap .ff-slot .ff-el-group > label,
.genai-section-wrap .ff-slot .ff-el-form-top label{
  color:var(--alab)!important;
  font-weight:500!important;
  font-size:0.9rem!important;
  letter-spacing:0.01em;
  margin-bottom:6px;
  display:block;
}
.genai-section-wrap .ff-slot{
  --ff-control-height:44px;
  --ff-control-pad-y:10px;
  --ff-control-pad-x:14px;
  --ff-control-radius:10px;
  --ff-control-border:1px solid rgba(15,15,15,0.18);
  --ff-control-font-size:0.95rem;
  --ff-text-gray:#4B5563;
  --ff-placeholder-gray:#9CA3AF;
}
.genai-section-wrap .ff-slot input[type="text"],
.genai-section-wrap .ff-slot input[type="email"],
.genai-section-wrap .ff-slot input[type="tel"],
.genai-section-wrap .ff-slot input[type="number"],
.genai-section-wrap .ff-slot input[type="url"],
.genai-section-wrap .ff-slot input[type="search"],
.genai-section-wrap .ff-slot input[type="date"],
.genai-section-wrap .ff-slot input[type="time"],
.genai-section-wrap .ff-slot input[type="datetime-local"],
.genai-section-wrap .ff-slot input[type="password"],
.genai-section-wrap .ff-slot textarea,
.genai-section-wrap .ff-slot select{
  color:var(--ff-text-gray)!important;
  background:#FFFFFF!important;
  border:var(--ff-control-border)!important;
  border-radius:var(--ff-control-radius)!important;
  min-height:var(--ff-control-height)!important;
  height:var(--ff-control-height)!important;
  padding:var(--ff-control-pad-y) var(--ff-control-pad-x)!important;
  font-size:var(--ff-control-font-size)!important;
  line-height:1.4!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.genai-section-wrap .ff-slot textarea{ height:auto!important; min-height:96px!important; resize:vertical; }
.genai-section-wrap .ff-slot input::placeholder,
.genai-section-wrap .ff-slot textarea::placeholder{ color:var(--ff-placeholder-gray)!important; opacity:1; }
.genai-section-wrap .ff-slot input:focus,
.genai-section-wrap .ff-slot textarea:focus,
.genai-section-wrap .ff-slot select:focus{
  border-color:#0A244A!important;
  outline:2px solid rgba(10,36,74,0.22);
  outline-offset:1px;
}
.genai-section-wrap .ff-slot .choices{ margin-bottom:0!important; }
.genai-section-wrap .ff-slot .choices__inner{
  background:#FFFFFF!important;
  color:var(--ff-text-gray)!important;
  border:var(--ff-control-border)!important;
  border-radius:var(--ff-control-radius)!important;
  min-height:var(--ff-control-height)!important;
  height:var(--ff-control-height)!important;
  padding:var(--ff-control-pad-y) var(--ff-control-pad-x)!important;
  font-size:var(--ff-control-font-size)!important;
  line-height:1.4!important;
  display:flex;align-items:center;
  box-sizing:border-box!important;
}
.genai-section-wrap .ff-slot .choices[data-type*="select-one"] .choices__inner{ padding-inline-end:32px!important; }
.genai-section-wrap .ff-slot .choices__list--single{ padding:0!important; }
.genai-section-wrap .ff-slot .choices__list--single .choices__item,
.genai-section-wrap .ff-slot .choices__list--single .choices__item--selectable{
  color:var(--ff-text-gray)!important;
  background:transparent!important;
  padding:0!important;
  font-size:var(--ff-control-font-size)!important;
}
.genai-section-wrap .ff-slot .choices__placeholder{
  color:var(--ff-placeholder-gray)!important;
  opacity:1!important;
  font-size:var(--ff-control-font-size)!important;
}
.genai-section-wrap .ff-slot .choices__list--dropdown,
.genai-section-wrap .ff-slot .choices__list[aria-expanded]{
  background:#FFFFFF!important;
  border:var(--ff-control-border)!important;
  border-radius:var(--ff-control-radius)!important;
  box-shadow:0 10px 24px rgba(0,0,0,0.18);
  z-index:20;
}
.genai-section-wrap .ff-slot .choices__list--dropdown .choices__item,
.genai-section-wrap .ff-slot .choices__list--dropdown .choices__item--choice,
.genai-section-wrap .ff-slot .choices__list--dropdown .choices__item--selectable{
  color:var(--ff-text-gray)!important;
  background:#FFFFFF!important;
  font-size:var(--ff-control-font-size)!important;
  padding:8px 14px!important;
}
.genai-section-wrap .ff-slot .choices__list--dropdown .choices__item--selectable.is-highlighted{
  background:rgba(10,36,74,0.08)!important;
  color:#0F0F0F!important;
}
.genai-section-wrap .ff-slot .choices__input{
  color:var(--ff-text-gray)!important;
  background:#FFFFFF!important;
  font-size:var(--ff-control-font-size)!important;
  padding:6px 10px!important;
  margin:4px;
}
.genai-section-wrap .ff-slot .choices.is-focused .choices__inner,
.genai-section-wrap .ff-slot .choices.is-open .choices__inner{
  border-color:#0A244A!important;
  outline:2px solid rgba(10,36,74,0.22);
  outline-offset:1px;
}
.genai-section-wrap .ff-slot .choices__list--multiple .choices__item{
  color:#0F0F0F!important;
  background:rgba(10,36,74,0.10)!important;
  border:1px solid rgba(10,36,74,0.25)!important;
  font-size:0.85rem!important;
}
.genai-section-wrap .ff-slot button[type="submit"],
.genai-section-wrap .ff-slot .ff-btn-submit,
.genai-section-wrap .ff-slot .ff_btn_style{
  color:#0F0F0F!important;
  background:var(--gold)!important;
  border:none!important;
  border-radius:var(--ff-control-radius)!important;
  font-weight:600!important;
  font-size:0.95rem!important;
  padding:12px 22px!important;
  min-height:var(--ff-control-height)!important;
  cursor:pointer;
}
.genai-section-wrap .ff-slot button[type="submit"]:hover,
.genai-section-wrap .ff-slot .ff-btn-submit:hover{ background:#D9B77E!important; }
.genai-section-wrap .ff-slot .ff-el-is-error .text-danger,
.genai-section-wrap .ff-slot .error.text-danger,
.genai-section-wrap .ff-slot .ff-errors-in-stack{
  color:#FFB4A8!important;
  font-size:0.82rem!important;
  margin-top:4px;
}
.genai-section-wrap .ff-slot .ff-message-success{
  color:#064e3b!important;background:#d1fae5!important;
  border:1px solid #10b981!important;border-radius:var(--ff-control-radius);padding:12px
}
.genai-section-wrap .ff-slot .ff-el-group,
.genai-section-wrap .ff-slot .ff-t-container{ margin-bottom:14px; }

/* intl-tel-input (phone country body.elementor-page-54902) — fix overlap + grey names
   Problems addressed:
     1) Country-name text in dropdown was light and unreadable
     2) Selected-country flag button overlapped placeholder "WhatsApp Number"
     3) Search input inside dropdown was invisible (white text on white bg)
     4) Font stack was inconsistent with rest of form
   Fix: give the input left/right inline padding equal to the flag button
        width, force grey text on names, and normalize fonts. */
.genai-section-wrap .ff-slot .iti,
.genai-section-wrap .ff-slot .iti *{
  font-family:var(--f-body)!important;
  box-sizing:border-box;
}
.genai-section-wrap .ff-slot .iti{
  width:100%!important;
  display:block!important;
}
/* Reserve space for the country-chooser button so the placeholder + typed
   text never run under the flag. Width ~64px covers flag + arrow + padding. */
.genai-section-wrap .ff-slot .iti--allow-dropdown input[type="tel"],
.genai-section-wrap .ff-slot .iti--separate-dial-code input[type="tel"],
.genai-section-wrap .ff-slot .iti input[type="tel"]{
  padding-inline-start:68px!important;
  padding-inline-end:14px!important;
}
/* Support both LTR and RTL — iti uses absolute-positioned button */
.genai-section-wrap .ff-slot .iti__selected-country,
.genai-section-wrap .ff-slot .iti__selected-country-primary{
  background:transparent!important;
  border:none!important;
  padding:0 10px!important;
  height:calc(var(--ff-control-height) - 2px)!important;
  display:flex!important;
  align-items:center!important;
  gap:6px;
}
/* Dial code next to flag — dark text for contrast on white */
.genai-section-wrap .ff-slot .iti__selected-dial-code{
  color:var(--ff-text-gray)!important;
  font-family:var(--f-body)!important;
  font-size:var(--ff-control-font-size)!important;
}
/* The dropdown panel itself */
.genai-section-wrap .ff-slot .iti__dropdown-content,
.genai-section-wrap .ff-slot .iti__country-list{
  background:#FFFFFF!important;
  color:var(--ff-text-gray)!important;
  border:var(--ff-control-border)!important;
  border-radius:var(--ff-control-radius)!important;
  box-shadow:0 12px 28px rgba(10,36,74,0.18)!important;
  z-index:2147483600!important;
  font-family:var(--f-body)!important;
}
/* Search box inside dropdown — grey text, readable on white */
.genai-section-wrap .ff-slot .iti__search-input{
  background:#FFFFFF!important;
  color:var(--ff-text-gray)!important;
  border:var(--ff-control-border)!important;
  border-radius:var(--ff-control-radius)!important;
  padding:10px 12px!important;
  font-family:var(--f-body)!important;
  font-size:var(--ff-control-font-size)!important;
}
.genai-section-wrap .ff-slot .iti__search-input::placeholder{
  color:var(--ff-placeholder-gray)!important;
  opacity:1;
}
/* Country rows — grey name, slightly darker dial code for scannability */
.genai-section-wrap .ff-slot .iti__country,
.genai-section-wrap .ff-slot .iti__country-name,
.genai-section-wrap .ff-slot .iti__country-list .iti__country{
  color:var(--ff-text-gray)!important;
  font-family:var(--f-body)!important;
  font-size:var(--ff-control-font-size)!important;
  line-height:1.5!important;
  background:transparent!important;
}
.genai-section-wrap .ff-slot .iti__country .iti__country-name{
  color:var(--ff-text-gray)!important;
  font-weight:500!important;
}
.genai-section-wrap .ff-slot .iti__country .iti__dial-code{
  color:#0F0F0F!important;
  font-weight:500!important;
  margin-inline-start:6px;
}
/* Hover / highlighted row */
.genai-section-wrap .ff-slot .iti__country.iti__highlight,
.genai-section-wrap .ff-slot .iti__country:hover,
.genai-section-wrap .ff-slot .iti__country.iti__active{
  background:rgba(10,36,74,0.08)!important;
  color:#0F0F0F!important;
}
.genai-section-wrap .ff-slot .iti__country.iti__highlight .iti__country-name,
.genai-section-wrap .ff-slot .iti__country:hover .iti__country-name{
  color:#0F0F0F!important;
}
/* Focus ring on the tel wrapper matches other inputs */
.genai-section-wrap .ff-slot .iti:focus-within .iti__selected-country,
.genai-section-wrap .ff-slot .iti.iti--container-open .iti__selected-country{
  background:rgba(10,36,74,0.04)!important;
}

/* KPI BAND */
.genai-section-wrap .kpi-band{
  background:
    radial-gradient(900px 300px at 50% 50%, rgba(10,36,74,0.22), transparent 70%),
    linear-gradient(180deg, var(--pcb-dark) 0%, var(--bg-deep) 100%);
  border-block:1px solid rgba(230,57,70,0.15);
  padding:clamp(32px, 3vw + 16px, 72px) 0;
}
.genai-section-wrap .kpi-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:clamp(16px, 1.5vw + 8px, 40px);
}
@media(max-width:768px){ .genai-section-wrap .kpi-grid{grid-template-columns:repeat(2, 1fr)} }
.genai-section-wrap .kpi{ text-align:center; padding:var(--s2); position:relative; }
.genai-section-wrap .kpi-value{
  font-family:var(--f-disp);
  font-size:clamp(2.2rem, 1.5rem + 2.4vw, 3.6rem);
  font-weight:700;
  color:var(--gold);
  line-height:1;
  margin-bottom:8px;
  background:linear-gradient(135deg, var(--gold-2) 0%, var(--gold) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.genai-section-wrap .kpi-label{
  font-family:var(--f-data);
  font-size:0.8rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:rgba(247,247,247,0.75);
}

.genai-section-wrap .g-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--s3)}
.genai-section-wrap .g-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--s3)}
.genai-section-wrap .g-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--s3)}
.genai-section-wrap .g-5{display:grid;grid-template-columns:repeat(5, 1fr);gap:var(--s2)}
@media(max-width:1024px){
  .genai-section-wrap .g-3, .genai-section-wrap .g-4, .genai-section-wrap .g-5{grid-template-columns:repeat(2, 1fr)}
}
@media(max-width:640px){
  .genai-section-wrap .g-2, .genai-section-wrap .g-3, .genai-section-wrap .g-4, .genai-section-wrap .g-5{grid-template-columns:1fr}
}

.genai-section-wrap .sec-head{
  text-align:center;
  margin-bottom:clamp(32px, 2vw + 24px, 64px);
  max-width:800px;
  margin-inline:auto;
}
.genai-section-wrap .sec-head h2{ margin-bottom:var(--s2); }
.genai-section-wrap .sec-head p{
  font-size:clamp(1rem, 0.9rem + 0.3vw, 1.15rem);
  color:rgba(247,247,247,0.8);
  max-width:640px;
  margin-inline:auto;
}

/* COMPARE TABLE */
.genai-section-wrap .cmp-table{
  width:100%;
  border-collapse:collapse;
  border-radius:var(--br);
  overflow:hidden;
  background:rgba(10,36,74,0.5);
  border:1px solid var(--bd);
}
.genai-section-wrap .cmp-table th,
.genai-section-wrap .cmp-table td{
  padding:14px 18px;
  text-align:start;
  border-bottom:1px solid rgba(247,247,247,0.08);
  font-size:0.92rem;
}
.genai-section-wrap .cmp-table thead th{
  background:var(--sap-2);
  color:var(--gold);
  font-family:var(--f-disp);
  font-size:0.95rem;
  font-weight:700;
}
.genai-section-wrap .cmp-table thead th.featured{
  background:linear-gradient(135deg, rgba(201,168,110,0.25) 0%, rgba(109,33,60,0.2) 100%);
  color:var(--gold-2);
}
.genai-section-wrap .cmp-table tbody td{color:var(--alab)}
.genai-section-wrap .cmp-table tbody td.featured{
  background:rgba(201,168,110,0.06);
  color:var(--gold-2);
  font-weight:500;
}
.genai-section-wrap .cmp-check{color:var(--phos); font-weight:700}
.genai-section-wrap .cmp-cross{color:rgba(247,247,247,0.35)}
@media(max-width:768px){
  .genai-section-wrap .cmp-wrap{overflow-x:auto}
  .genai-section-wrap .cmp-table{min-width:720px}
}

/* CURRICULUM */
.genai-section-wrap .cur-item{
  background:rgba(10,36,74,0.5);
  border:1px solid var(--bd);
  border-radius:var(--br);
  margin-bottom:12px;
  overflow:hidden;
}
.genai-section-wrap .cur-item summary{
  list-style:none;
  padding:var(--s3);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s2);
  font-family:var(--f-disp);
  font-size:clamp(1rem, 0.9rem + 0.25vw, 1.15rem);
  font-weight:600;
  color:var(--alab);
}
.genai-section-wrap .cur-item summary::-webkit-details-marker{display:none}
.genai-section-wrap .cur-item summary::after{
  content:'+';
  font-size:1.5rem;
  color:var(--gold);
  transition:transform .3s ease;
  flex-shrink:0;
}
.genai-section-wrap .cur-item[open] summary::after{transform:rotate(45deg)}
.genai-section-wrap .cur-body{
  padding:0 var(--s3) var(--s3);
  border-top:1px dashed rgba(201,168,110,0.18);
  padding-top:var(--s2);
  color:rgba(247,247,247,0.8);
  font-size:0.95rem;
}
.genai-section-wrap .cur-num{
  display:inline-grid;place-items:center;
  width:36px;height:36px;
  border-radius:10px;
  background:linear-gradient(135deg, var(--gold) 0%, var(--copper) 100%);
  color:var(--obs);
  font-family:var(--f-data);
  font-weight:700;
  font-size:0.95rem;
  flex-shrink:0;
}

/* PRICING BOX */
.genai-section-wrap .pricing-box{
  background:linear-gradient(180deg, rgba(10,36,74,0.8) 0%, rgba(4,16,31,0.9) 100%);
  border:1.5px solid rgba(201,168,110,0.4);
  border-radius:var(--br-l);
  padding:clamp(32px, 2vw + 24px, 56px);
  text-align:center;
  max-width:640px;
  margin-inline:auto;
  box-shadow:var(--sh-xl), 0 0 80px rgba(201,168,110,0.1);
  position:relative;
}
.genai-section-wrap .pricing-box .price{
  font-family:var(--f-disp);
  font-size:clamp(3rem, 2rem + 3vw, 5rem);
  font-weight:700;
  color:var(--gold-2);
  line-height:1;
  margin:var(--s3) 0 8px;
}
.genai-section-wrap .pricing-box .price sup{
  font-size:0.4em;
  vertical-align:top;
  margin-inline-end:4px;
  color:var(--gold);
}
.genai-section-wrap .pricing-box .price-value{
  font-family:var(--f-data);
  color:rgba(247,247,247,0.6);
  font-size:0.9rem;
  margin-bottom:var(--s3);
  text-decoration:line-through;
  text-decoration-color:rgba(247,247,247,0.3);
}
.genai-section-wrap .pricing-box ul.inclusions{
  list-style:none;
  padding:0;margin:0 0 var(--s4);
  text-align:start;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 20px;
}
@media(max-width:640px){ .genai-section-wrap .pricing-box ul.inclusions{grid-template-columns:1fr} }
.genai-section-wrap .pricing-box ul.inclusions li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:0.88rem;
  color:rgba(247,247,247,0.85);
}
.genai-section-wrap .pricing-box ul.inclusions li::before{
  content:'✓';
  color:var(--phos);
  font-weight:700;
  flex-shrink:0;
}

/* FAQ */
.genai-section-wrap .faq-item{
  background:rgba(10,36,74,0.4);
  border:1px solid var(--bd);
  border-radius:var(--br);
  margin-bottom:10px;
  overflow:hidden;
}
.genai-section-wrap .faq-item summary{
  list-style:none;
  padding:var(--s3);
  cursor:pointer;
  font-family:var(--f-disp);
  font-size:1.05rem;
  font-weight:600;
  color:var(--alab);
  display:flex;
  justify-content:space-between;
  gap:var(--s2);
}
.genai-section-wrap .faq-item summary::-webkit-details-marker{display:none}
.genai-section-wrap .faq-item summary::after{
  content:'+';
  font-size:1.4rem;
  color:var(--gold);
  transition:transform .3s ease;
}
.genai-section-wrap .faq-item[open] summary::after{transform:rotate(45deg)}
.genai-section-wrap .faq-a{
  padding:0 var(--s3) var(--s3);
  color:rgba(247,247,247,0.8);
  font-size:0.95rem;
  border-top:1px dashed rgba(201,168,110,0.18);
  padding-top:var(--s2);
}

/* LANG TOGGLE */
.genai-section-wrap .lang-toggle{
  position:fixed;
  top:clamp(88px, 11vh, 116px);
  inset-inline-end:14px;
  z-index:2147483600;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(10,36,74,0.9);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(201,168,110,0.35);
  border-radius:999px;
  padding:5px;
  box-shadow:var(--sh);
}
body.admin-bar .genai-section-wrap .lang-toggle{ top:clamp(120px, 13vh, 148px); }
@media(max-width:780px){
  .genai-section-wrap .lang-toggle{ top:clamp(72px, 9vh, 96px); }
  body.admin-bar .genai-section-wrap .lang-toggle{ top:clamp(118px, 14vh, 142px); }
}
.genai-section-wrap .lang-toggle button{
  min-width:44px;
  padding:6px 14px;
  border-radius:999px;
  border:none;
  background:transparent;
  color:var(--alab);
  font-family:var(--f-body);
  font-weight:500;
  font-size:0.85rem;
  cursor:pointer;
  transition:background .2s ease;
}
.genai-section-wrap .lang-toggle button.active{
  background:linear-gradient(135deg, var(--gold) 0%, var(--copper) 100%);
  color:var(--obs);
  font-weight:600;
}

/* INSTRUCTOR */
.genai-section-wrap .instructor{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:clamp(24px, 2vw + 16px, 56px);
  align-items:center;
}
@media(max-width:900px){ .genai-section-wrap .instructor{grid-template-columns:1fr; text-align:center} }
.genai-section-wrap .instructor-photo{
  width:100%;
  aspect-ratio:4 / 5;
  border-radius:20px;
  background:linear-gradient(135deg, var(--purple) 0%, var(--sap) 100%);
  border:2px solid var(--gold);
  position:relative;
  overflow:hidden;
  box-shadow:var(--sh-xl);
}
.genai-section-wrap .instructor-photo img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 20%;
}
.genai-section-wrap .instructor-photo::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 60%, rgba(10,36,74,0.4) 100%);
  pointer-events:none;
}
.genai-section-wrap .creds{ display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--s3); }
.genai-section-wrap .creds .cred{
  padding:8px 14px;
  border-radius:999px;
  background:rgba(247,247,247,0.05);
  border:1px solid var(--bd);
  font-family:var(--f-data);
  font-size:0.78rem;
  color:var(--gold);
}

/* FINAL CTA */
.genai-section-wrap .final-cta{
  text-align:center;
  padding:clamp(48px, 5vw + 24px, 120px) 0;
  background:
    radial-gradient(900px 500px at 50% 30%, rgba(201,168,110,0.18), transparent 60%),
    radial-gradient(800px 400px at 50% 90%, rgba(10,36,74,0.25), transparent 60%),
    linear-gradient(180deg, var(--pcb-dark) 0%, var(--bg-deep) 100%);
}
.genai-section-wrap .final-cta h2{ font-size:clamp(2rem, 1.3rem + 2.4vw, 3.6rem); }
.genai-section-wrap .final-cta .tagline{
  font-size:clamp(1.1rem, 0.9rem + 0.6vw, 1.35rem);
  margin-bottom:var(--s4);
}

@media(hover: none) and (pointer: coarse){ .genai-section-wrap .btn{min-height:48px} }

@media(hover: none) and (pointer: coarse){ .genai-section-wrap .btn{min-height:48px} }

html[data-lang-state="ar"] .genai-section-wrap .hero-copy h1,
html[data-lang-state="ar"] .genai-section-wrap .hero-copy .tagline{
  background:none;
  -webkit-text-fill-color:initial;
  color:var(--gold-2);
}
html[data-lang-state="ar"] .genai-section-wrap .hero-copy h1{color:var(--alab)}




/* ═══════════════════════════════════════════════════════════════════
   DIGISOUL PRODUCTION HARDENING — Cross-browser + Admin-mode + Navbar
   ═══════════════════════════════════════════════════════════════════ */

html{
  scrollbar-gutter:stable!important;
  overflow-x:clip!important;
  max-width:100vw!important;
  scroll-behavior:smooth
}
body{
  overflow-x:clip!important;
  max-width:100vw!important;
  margin:0!important;
  background:#0A0510!important
}

body{
  overflow-x:clip!important;
  max-width:100%!important
}


body > .curtain{
  position:fixed!important;inset:0!important;
  width:100%!important;height:100vh!important;height:100dvh!important;
  z-index:2147483646!important
}
body > #particles{
  position:fixed!important;inset:0!important;
  width:100%!important;height:100vh!important;height:100dvh!important;
  z-index:0!important;pointer-events:none!important
}

body > .scroll-progress{
  position:fixed!important;bottom:0!important;left:0!important;right:auto!important;
  width:var(--_sp,0%)!important;height:2px!important;
  z-index:2147483645!important;
  transform:translateZ(0);
  pointer-events:none;
  background:linear-gradient(90deg, #C9A86E 0%, #E63946 100%)!important;
}

.curtain.done, .curtain.ds-gone,
body > .curtain.done, body > .curtain.ds-gone,
.genai-section-wrap > .curtain.done, .genai-section-wrap > .curtain.ds-gone{
  transition:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  display:none!important
}

.genai-section-wrap .cmp-table,
.genai-section-wrap .cmp-table table,
.genai-section-wrap .cmp-table tbody td,
.genai-section-wrap .cmp-table tbody th,
.genai-section-wrap .cmp-table tbody tr td,
.genai-section-wrap .cmp-table tbody tr th{color:#F7F7F7!important}
.genai-section-wrap .cmp-table thead th{color:#C9A86E!important;background:#15080E!important}
.genai-section-wrap .cmp-table thead th.featured{background:linear-gradient(135deg, rgba(201,168,110,0.25) 0%, rgba(109,33,60,0.2) 100%)!important;color:#E8C88A!important}
.genai-section-wrap .cmp-table tbody td.featured{background:rgba(201,168,110,0.06)!important;color:#E8C88A!important}

.elementor-invisible,
.genai-section-wrap .elementor-invisible,
body.elementor-invisible{
  visibility:visible!important;opacity:1!important;animation:none!important
}

@supports not (height:1svh){.genai-section-wrap .hero{min-height:88vh!important}}
.genai-section-wrap .hero{min-height:88vh;min-height:88svh}

body > .curtain,
body > #particles,
body > .scroll-progress{will-change:transform,opacity;transform:translateZ(0)}

body{
  padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0)
}


html.wp-toolbar,
body.admin-bar,
body.elementor-editor-active{
  overflow-x:clip!important;
  max-width:100vw!important;
  scrollbar-gutter:stable!important
}
body.admin-bar .genai-section-wrap,
body.elementor-editor-active .genai-section-wrap{
  width:100%!important;max-width:100%!important;
  margin:0!important;transform:none!important
}
body.admin-bar .elementor-widget-html,
body.elementor-editor-active .elementor-widget-html{
  width:100%!important;max-width:100%!important;
  padding:0!important;margin:0!important;overflow-x:clip!important
}
body.admin-bar .elementor,
body.admin-bar .elementor-section,
body.admin-bar .elementor-container,
body.admin-bar .elementor-column,
body.admin-bar .elementor-widget,
body.elementor-editor-active .elementor,
body.elementor-editor-active .elementor-section,
body.elementor-editor-active .elementor-container,
body.elementor-editor-active .elementor-column,
body.elementor-editor-active .elementor-widget{
  transform:none!important;filter:none!important;perspective:none!important
}

.desktop-menu-active .menu-item>a,
.desktop-menu-active .menu-item>a:link,
.desktop-menu-active .menu-item>a:visited,
.elementor-location-header .menu-item>a,
header .menu-item>a,
[data-elementor-type="header"] .menu-item>a{
  color:#F7F7F7!important;fill:#F7F7F7!important;opacity:1!important
}
.desktop-menu-active .menu-item>a:hover,
.desktop-menu-active .menu-item>a:focus,
.desktop-menu-active .menu-item.current-menu-item>a,
.desktop-menu-active .menu-item.current-menu-ancestor>a,
.desktop-menu-active .menu-item-active>a,
.elementor-location-header .menu-item.current-menu-item>a,
header .menu-item.current-menu-item>a{
  color:#C9A86E!important;fill:#C9A86E!important
}
.mobile-menu-active .menu-item>a,
.mobile-menu-active .menu-item>a:link,
.mobile-menu-active .menu-item>a:visited{
  color:#F7F7F7!important;fill:#F7F7F7!important
}
.desktop-menu-active .sub-menu .menu-item>a,
.mobile-menu-active .sub-menu .menu-item>a{
  color:#0F0F0F!important;fill:#0F0F0F!important
}

html{ scroll-padding-top:clamp(100px, 12vh, 148px)!important; }
body.admin-bar{ scroll-padding-top:clamp(132px, 14vh, 180px)!important; }

.genai-section,
.genai-section-wrap,
[id="pricing"], [id="reserve-seat"], [id="hero"], [id="toolbox"],
[id="who-enrolls"], [id="curriculum"], [id="trainer"], [id="faq"],
[id="final-cta"]{
  scroll-margin-top:clamp(100px, 12vh, 148px)!important;
}
body.admin-bar .genai-section,
body.admin-bar .genai-section-wrap,
body.admin-bar [id^="pricing"],
body.admin-bar [id="reserve-seat"]{
  scroll-margin-top:clamp(132px, 14vh, 180px)!important;
}

.genai-section,
.elementor-section:has(.genai-section),
.elementor-widget-html:has(.genai-section){
  overflow:visible!important;
  contain:none!important;
}

body{
  min-height:100vh
}/* End custom CSS */