/*
  Cyber Executive V21 — final hero rebuild + mobile polish + site-wide refinement.
  Additive layer loaded after V20. Keeps content, SEO, URLs, and proof claims intact.
*/
:root{
  --v21-cyan:#20e8ff;
  --v21-blue:#147dff;
  --v21-green:#8cff55;
  --v21-ink:#01060a;
  --v21-navy:#03111d;
  --v21-panel:rgba(3,17,29,.78);
  --v21-line:rgba(46,226,255,.22);
  --v21-x:0;
  --v21-y:0;
}

html,body{max-width:100%;overflow-x:clip}
body{background:#01070c}

/* Subtle global cyber depth without turning the site into a gamer UI. */
body:before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(900px 700px at 72% 14%,rgba(0,175,238,.055),transparent 68%),
    linear-gradient(rgba(32,232,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,232,255,.018) 1px,transparent 1px);
  background-size:auto,52px 52px,52px 52px;
  mask-image:linear-gradient(to bottom,#000 0 58%,transparent 94%);
}

.site-header{border-bottom-color:rgba(32,232,255,.12)!important;box-shadow:0 8px 36px rgba(0,0,0,.16)}
.site-header.v19-scrolled{box-shadow:0 10px 40px rgba(0,0,0,.32),0 1px rgba(32,232,255,.08)!important}

/* ---------------- HOME HERO ---------------- */
body[data-page="home"] .hero.hero-v19.hero-v21{
  position:relative!important;
  min-height:100svh!important;
  padding:92px 0 22px!important;
  isolation:isolate;
  overflow:hidden!important;
  background:
    radial-gradient(780px 680px at 67% 44%,rgba(0,173,236,.15),transparent 68%),
    radial-gradient(520px 420px at 96% 16%,rgba(21,111,255,.07),transparent 70%),
    linear-gradient(112deg,#010508 0%,#020c14 44%,#03111c 70%,#02080e 100%)!important;
}
body[data-page="home"] .hero.hero-v21:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(rgba(30,225,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,225,255,.022) 1px,transparent 1px),
    radial-gradient(circle at 63% 48%,rgba(34,220,255,.07),transparent 39%);
  background-size:46px 46px,46px 46px,auto;
  mask-image:linear-gradient(90deg,transparent,#000 18% 92%,transparent);
}
/* Critical hero content stays visible even if a reveal observer is delayed or unavailable. */
body[data-page="home"] .hero-v21 .hero-copy.reveal,
body[data-page="home"] .hero-v21 .v19-stage.reveal,
body[data-page="home"] .hero-v21 .trust-strip.reveal{opacity:1!important;visibility:visible!important;transform:none!important}

body[data-page="home"] .hero.hero-v21:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:8;
  background:linear-gradient(90deg,transparent,rgba(32,232,255,.6),rgba(140,255,85,.26),transparent);
  box-shadow:0 0 18px rgba(32,232,255,.28);
}
body[data-page="home"] .hero-v21 .hero-grid{
  width:min(1540px,calc(100% - 56px))!important;
  grid-template-columns:minmax(500px,.92fr) minmax(650px,1.18fr)!important;
  gap:22px!important;align-items:center!important;
}
body[data-page="home"] .hero-v21 .hero-copy{position:relative;z-index:9;max-width:720px!important;padding-top:0!important}
body[data-page="home"] .hero-v21 .status-pill{backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(0,0,0,.24),inset 0 0 22px rgba(32,232,255,.018)}
body[data-page="home"] .hero-v21 .v19-nameblock>strong{
  text-shadow:0 9px 38px rgba(0,0,0,.42),0 0 32px rgba(32,232,255,.04);
}
body[data-page="home"] .hero-v21 .v19-name-last{
  background:linear-gradient(180deg,#75f7ff 0%,#20e8ff 43%,#09bcd5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 22px rgba(32,232,255,.11));
}
body[data-page="home"] .hero-v21 .hero-copy>h1{max-width:680px!important;letter-spacing:-.025em}
body[data-page="home"] .hero-v21 .hero-lead{max-width:670px;color:#abc1ca!important}
body[data-page="home"] .hero-v21 .hero-actions .btn{backdrop-filter:blur(10px);box-shadow:0 14px 32px rgba(0,0,0,.16)}
body[data-page="home"] .hero-v21 .metric-row>div{background:linear-gradient(145deg,rgba(3,18,30,.84),rgba(2,11,19,.76))!important;border-color:rgba(32,232,255,.18)!important;box-shadow:inset 0 0 30px rgba(32,232,255,.015),0 16px 34px rgba(0,0,0,.18)}

/* Desktop scene rebuilt around the real transparent portrait. */
.hero-v21 .v19-stage{min-height:690px!important;overflow:visible!important;perspective:1200px}
.hero-v21 .v19-scene{inset:-1% 0 0!important;overflow:visible!important;transform-style:preserve-3d}
.hero-v21 .v19-network{
  left:4%!important;top:3%!important;width:84%!important;height:90%!important;opacity:.36!important;
  background-image:linear-gradient(rgba(32,232,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(32,232,255,.055) 1px,transparent 1px)!important;
  background-size:43px 43px!important;mask-image:radial-gradient(circle at 49% 48%,#000 0 54%,transparent 79%)!important;
}
.hero-v21 .v19-orbit{left:5%!important;top:2%!important;width:74%!important;opacity:.48!important;border-color:rgba(32,232,255,.22)!important}

/* Cyber globe: map + rotating rings + scanning meridian. */
.v21-cyber-globe{
  position:absolute;left:4%;top:2%;z-index:1;width:76%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:
    radial-gradient(circle at 50% 47%,rgba(3,32,48,.3) 0 38%,rgba(0,179,225,.08) 57%,transparent 72%),
    url('/assets/world-map.svg') center/152% auto no-repeat;
  border:1px solid rgba(32,232,255,.17);
  box-shadow:inset 0 0 110px rgba(32,232,255,.045),0 0 72px rgba(32,232,255,.06);
  opacity:.88;transform:translate3d(calc(var(--v21-x)*4px),calc(var(--v21-y)*3px),0);
  transition:transform .18s ease-out;
  mask-image:radial-gradient(circle,#000 0 64%,rgba(0,0,0,.72) 70%,transparent 76%);
}
.v21-cyber-globe:before,.v21-cyber-globe:after{content:"";position:absolute;inset:8%;border-radius:50%;pointer-events:none}
.v21-cyber-globe:before{
  border:1px solid rgba(32,232,255,.17);
  background:repeating-radial-gradient(circle,transparent 0 45px,rgba(32,232,255,.055) 46px 47px);
  animation:v21GlobeBreath 5.6s ease-in-out infinite;
}
.v21-cyber-globe:after{
  inset:13% 29%;border:1px solid rgba(32,232,255,.11);border-top-color:rgba(32,232,255,.46);border-bottom-color:rgba(140,255,85,.16);
  box-shadow:0 0 16px rgba(32,232,255,.05);animation:v21Meridian 13s linear infinite;
}
.v21-globe-ring{position:absolute;inset:3%;border-radius:50%;border:1px dashed rgba(32,232,255,.17)}
.v21-globe-ring--a{animation:v21Spin 28s linear infinite}
.v21-globe-ring--b{inset:18%;border-style:solid;border-color:rgba(32,232,255,.08);animation:v21SpinReverse 19s linear infinite}
.v21-globe-scan{position:absolute;left:50%;top:5%;bottom:5%;width:1px;background:linear-gradient(transparent,rgba(32,232,255,.62),transparent);box-shadow:0 0 18px rgba(32,232,255,.42);transform-origin:center;animation:v21ScanGlobe 8s ease-in-out infinite}
.v21-globe-node{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--v21-cyan);box-shadow:0 0 0 4px rgba(32,232,255,.08),0 0 16px rgba(32,232,255,.72);animation:v21Node 2.8s ease-in-out infinite}
.v21-globe-node--a{left:18%;top:43%}.v21-globe-node--b{right:13%;top:31%;animation-delay:-1.1s}.v21-globe-node--c{right:25%;bottom:17%;background:var(--v21-green);box-shadow:0 0 0 4px rgba(140,255,85,.07),0 0 16px rgba(140,255,85,.64);animation-delay:-.5s}

.hero-v21 .v19-portrait-shell{left:5%!important;top:2%!important;width:72%!important;height:98%!important;z-index:5!important;pointer-events:none}
.hero-v21 .v19-portrait-shell:before{display:none!important}
.hero-v21 .v19-portrait-shell:after{
  content:""!important;position:absolute!important;left:6%!important;right:-1%!important;bottom:-1%!important;height:23%!important;z-index:1!important;
  border-radius:50%;background:radial-gradient(ellipse at center,rgba(32,232,255,.2),rgba(32,232,255,.05) 42%,transparent 72%)!important;filter:blur(15px)!important;transform:perspective(560px) rotateX(70deg)!important;
}
.hero-v21 .v19-portrait-frame{inset:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important}
.hero-v21 .v19-portrait-frame:before{
  content:""!important;position:absolute!important;inset:8% 4% 6% 4%!important;z-index:-1!important;border-radius:45% 45% 18% 18% / 30% 30% 12% 12%!important;
  background:radial-gradient(circle at 56% 37%,rgba(32,232,255,.15),transparent 48%),linear-gradient(90deg,rgba(32,232,255,.04),transparent 26% 76%,rgba(140,255,85,.02))!important;
  box-shadow:inset 0 0 70px rgba(32,232,255,.035),0 0 54px rgba(32,232,255,.04)!important;
}
.hero-v21 .v19-portrait-frame:after{
  content:""!important;position:absolute!important;left:7%!important;right:0!important;bottom:-2%!important;height:23%!important;z-index:4!important;pointer-events:none!important;
  background:linear-gradient(to top,#020911 0,rgba(2,9,17,.77) 22%,rgba(2,9,17,.18) 62%,transparent 100%)!important;
}
.hero-v21 .v19-stage .v19-portrait{
  position:absolute!important;left:1%!important;bottom:-1%!important;width:94%!important;height:96%!important;object-fit:contain!important;object-position:center bottom!important;
  background:transparent!important;opacity:1!important;mix-blend-mode:normal!important;
  filter:saturate(.98) contrast(1.04) brightness(.99) drop-shadow(-1px 0 1px rgba(195,250,255,.83)) drop-shadow(0 0 20px rgba(32,232,255,.22)) drop-shadow(0 30px 46px rgba(0,0,0,.52))!important;
  transform:translate3d(calc(var(--v21-x)*-4px),calc(var(--v21-y)*-3px),52px) scale(1.025)!important;transition:transform .22s ease-out,filter .25s ease!important;
}
.hero-v21 .v19-portrait-rim{inset:7% 4% 4% 4%!important;border-radius:47% 47% 18% 18% / 26% 26% 12% 12%!important;box-shadow:inset 15px 0 28px rgba(32,232,255,.055),inset -12px 0 24px rgba(140,255,85,.018),0 0 46px rgba(32,232,255,.03)!important}

/* Dragon identity core replaces the old duplicate portrait. */
.hero-v21 .v19-logo-orb{
  left:2%!important;top:9%!important;width:112px!important;aspect-ratio:1;z-index:7!important;border-radius:50%;padding:5px!important;
  background:radial-gradient(circle,rgba(2,13,23,.94) 0 62%,rgba(2,13,23,.52) 74%,transparent 76%)!important;
  border:1px solid rgba(32,232,255,.22)!important;box-shadow:0 0 0 8px rgba(32,232,255,.025),0 0 32px rgba(32,232,255,.13)!important;
  animation:v21OrbFloat 6s ease-in-out infinite!important;
}
.hero-v21 .v19-logo-orb img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;filter:saturate(1.08) contrast(1.05) drop-shadow(0 0 9px rgba(32,232,255,.32))!important}
.hero-v21 .v19-logo-orb span{top:calc(100% + 11px)!important;width:160px!important;left:50%!important;transform:translateX(-50%)!important;text-align:center!important;color:#9dd7e5!important;font-size:6px!important;letter-spacing:.18em!important}

.hero-v21 .v19-proof-cluster{right:0!important;top:12%!important;width:210px!important;gap:10px!important;z-index:8!important}
.hero-v21 .v19-proof{min-height:72px!important;background:linear-gradient(120deg,rgba(4,18,30,.9),rgba(3,17,28,.69))!important;border-color:rgba(32,232,255,.25)!important;backdrop-filter:blur(12px);box-shadow:0 16px 36px rgba(0,0,0,.26),inset 0 0 28px rgba(32,232,255,.018)!important}
.hero-v21 .v19-proof.green{border-color:rgba(140,255,85,.4)!important;box-shadow:0 16px 36px rgba(0,0,0,.26),inset 0 0 26px rgba(140,255,85,.018),0 0 18px rgba(140,255,85,.025)!important}
.hero-v21 .v19-brand-note{right:0!important;top:69%!important;width:210px!important;z-index:8!important;backdrop-filter:blur(12px)}
.hero-v21 .v19-side-words{right:1%!important;bottom:5%!important;z-index:8!important}
.hero-v21 .v19-scan:before{animation-duration:7.2s!important}

/* Floating particles are injected by V21 JS. */
.v21-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.v21-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(32,232,255,.78);box-shadow:0 0 13px rgba(32,232,255,.52);opacity:var(--o);animation:v21Particle var(--d) ease-in-out infinite;animation-delay:var(--delay)}
.v21-particles i:nth-child(5n){background:var(--v21-green);box-shadow:0 0 13px rgba(140,255,85,.45)}

/* ---------------- MOBILE HOME ---------------- */
@media(max-width:760px){
  .site-header{height:64px!important;padding:0 12px!important;gap:8px!important;background:rgba(1,7,12,.92)!important;backdrop-filter:blur(18px)!important}
  .brand{min-width:0!important;gap:8px!important}.brand img{width:38px!important;height:38px!important}.brand strong{font-size:11px!important;white-space:nowrap}.brand small{display:none!important}
  .header-actions{gap:7px!important}.lang-switch,.menu-button,.motion-button,.command-button{min-width:42px!important;height:42px!important}.command-button{display:none!important}
  .mobile-menu{padding-top:76px!important}

  body[data-page="home"] .hero.hero-v19.hero-v21{padding:76px 0 18px!important;min-height:auto!important;overflow:hidden!important}
  body[data-page="home"] .hero-v21 .hero-grid{display:block!important;width:min(100% - 24px,540px)!important;max-width:none!important;margin-inline:auto!important}
  body[data-page="home"] .hero-v21 .hero-copy{max-width:none!important;width:100%!important;padding:0!important;overflow:visible!important}
  body[data-page="home"] .hero-v21 .status-pill{font-size:7px!important;max-width:100%!important;padding:10px 11px!important;margin-bottom:15px!important}
  body[data-page="home"] .hero-v21 .v19-nameblock{margin-top:0!important;gap:8px!important}
  body[data-page="home"] .hero-v21 .v19-nameblock>small{font-size:8px!important;letter-spacing:.25em!important}
  body[data-page="home"] .hero-v21 .v19-nameblock>strong{font-size:clamp(46px,16.5vw,68px)!important;line-height:.84!important}
  body[data-page="home"] .hero-v21 .v19-role-stack{font-size:clamp(11px,3.45vw,15px)!important;line-height:1.5!important;letter-spacing:.07em!important;padding-left:11px!important}

  body[data-page="home"] .hero-v21 .v19-mobile-identity.v21-mobile-identity{
    display:block!important;position:relative!important;width:100%!important;height:350px!important;margin:18px 0 18px!important;border:1px solid rgba(32,232,255,.15)!important;border-radius:18px!important;overflow:hidden!important;
    background:radial-gradient(circle at 62% 43%,rgba(12,143,194,.17),transparent 45%),linear-gradient(145deg,rgba(3,18,30,.97),rgba(1,8,14,.99))!important;
    box-shadow:0 24px 54px rgba(0,0,0,.36),inset 0 0 52px rgba(32,232,255,.025)!important;
  }
  body[data-page="home"] .hero-v21 .v19-mobile-identity:before{content:""!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(32,232,255,.036) 1px,transparent 1px),linear-gradient(90deg,rgba(32,232,255,.036) 1px,transparent 1px)!important;background-size:32px 32px!important;mask-image:linear-gradient(90deg,transparent,#000 22% 98%)!important}
  body[data-page="home"] .hero-v21 .v19-mobile-identity:after{display:none!important}

  .v21-mobile-globe{position:absolute;z-index:1;right:-11%;top:-2%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(3,35,52,.25),transparent 65%),url('/assets/world-map.svg') center/155% auto no-repeat;border:1px solid rgba(32,232,255,.18);box-shadow:inset 0 0 70px rgba(32,232,255,.045),0 0 44px rgba(32,232,255,.045);opacity:.78;mask-image:radial-gradient(circle,#000 0 65%,transparent 75%)}
  .v21-mobile-globe:before,.v21-mobile-globe:after{content:"";position:absolute;border-radius:50%;inset:8%;border:1px dashed rgba(32,232,255,.17);animation:v21Spin 24s linear infinite}.v21-mobile-globe:after{inset:21%;border-style:solid;border-color:rgba(32,232,255,.08);animation:v21SpinReverse 15s linear infinite}
  .v21-mobile-globe__ring{position:absolute;left:50%;top:5%;bottom:5%;width:1px;background:linear-gradient(transparent,rgba(32,232,255,.56),transparent);box-shadow:0 0 12px rgba(32,232,255,.4);animation:v21ScanGlobe 7s ease-in-out infinite}

  .hero-v21 .v19-mobile-orbit{display:none!important}
  .hero-v21 .v19-mobile-portrait{position:absolute!important;z-index:4!important;right:-1%!important;top:8px!important;width:84%!important;height:340px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;clip-path:none!important;box-shadow:none!important}
  .hero-v21 .v19-mobile-portrait:after{content:""!important;position:absolute!important;left:5%!important;right:-4%!important;bottom:-2%!important;height:22%!important;z-index:5!important;background:linear-gradient(to top,#020911 0,rgba(2,9,17,.7) 26%,transparent 100%)!important;pointer-events:none!important}
  .hero-v21 .v19-mobile-portrait img,
  .hero-v21 .v19-mobile-identity .v19-mobile-portrait img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;background:transparent!important;opacity:1!important;mix-blend-mode:normal!important;filter:saturate(.98) contrast(1.04) drop-shadow(-1px 0 1px rgba(195,250,255,.8)) drop-shadow(0 0 14px rgba(32,232,255,.18)) drop-shadow(0 20px 28px rgba(0,0,0,.43))!important}
  .hero-v21 .v19-mobile-badge{z-index:8!important;left:12px!important;right:auto!important;bottom:15px!important;width:40%!important;min-width:116px!important;padding:10px 11px!important;background:rgba(3,17,28,.87)!important;border-color:rgba(140,255,85,.28)!important;backdrop-filter:blur(14px)!important}
  html[dir="rtl"] .hero-v21 .v19-mobile-badge{left:auto!important;right:12px!important}
  .v21-mobile-dragon{position:absolute;z-index:9;left:12px;top:12px;width:66px;height:66px;border-radius:50%;padding:4px;border:1px solid rgba(32,232,255,.25);background:rgba(2,11,19,.86) url('/assets/brand/mr-dragon-v21.webp') center/cover no-repeat;box-shadow:0 0 0 5px rgba(32,232,255,.025),0 0 22px rgba(32,232,255,.12)}
  .v21-mobile-dragon img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 8px rgba(32,232,255,.25))}

  body[data-page="home"] .hero-v21 .eyebrow{font-size:7px!important;line-height:1.6!important;letter-spacing:.11em!important;margin:0 0 8px!important}
  body[data-page="home"] .hero-v21 .hero-copy>h1{font-size:clamp(28px,8.5vw,38px)!important;line-height:1.03!important;margin:10px 0 12px!important;max-width:none!important}
  body[data-page="home"] .hero-v21 .hero-lead{font-size:13px!important;line-height:1.7!important;margin-bottom:15px!important}
  body[data-page="home"] .hero-v21 .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important}
  body[data-page="home"] .hero-v21 .hero-actions .btn{min-height:48px!important;width:100%!important;justify-content:center!important;padding-inline:10px!important;font-size:8px!important;letter-spacing:.08em!important}
  body[data-page="home"] .hero-v21 .hero-actions .btn:first-child{grid-column:1/-1!important}
  body[data-page="home"] .hero-v21 .metric-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:12px!important}
  body[data-page="home"] .hero-v21 .metric-row>div{min-width:0!important;min-height:86px!important;padding:10px 8px!important;border-radius:9px!important}
  body[data-page="home"] .hero-v21 .metric-row strong{font-size:15px!important;white-space:nowrap!important}
  body[data-page="home"] .hero-v21 .metric-row span{font-size:5.2px!important;line-height:1.45!important;letter-spacing:.045em!important;overflow-wrap:anywhere!important}
  body[data-page="home"] .hero-v21>.hero-grid>.v19-stage{display:none!important}
  body[data-page="home"] .hero-v21 .trust-strip{margin-top:13px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:10px!important;overflow:hidden!important}
  body[data-page="home"] .hero-v21 .trust-chip{font-size:6px!important;line-height:1.25!important;min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center!important}
  body[data-page="home"] .hero-v21 .signal-strip{margin-top:14px!important;max-width:100vw!important;overflow:auto!important;justify-content:flex-start!important;scrollbar-width:none!important}.hero-v21 .signal-strip::-webkit-scrollbar{display:none}.hero-v21 .signal-strip>div{white-space:nowrap!important;flex:0 0 auto!important}
}

@media(max-width:430px){
  body[data-page="home"] .hero-v21 .hero-grid{width:calc(100% - 18px)!important}
  body[data-page="home"] .hero-v21 .v19-nameblock>strong{font-size:clamp(43px,16.5vw,62px)!important}
  body[data-page="home"] .hero-v21 .v19-mobile-identity.v21-mobile-identity{height:326px!important;border-radius:15px!important}
  .hero-v21 .v19-mobile-portrait{width:88%!important;height:318px!important;right:-3%!important;top:8px!important}
  .v21-mobile-globe{width:96%!important;right:-18%!important;top:0!important}
  .v21-mobile-dragon{width:60px;height:60px;left:10px;top:10px}
  .hero-v21 .v19-mobile-badge{left:10px!important;bottom:12px!important;width:41%!important}
}

@media(max-width:360px){
  body[data-page="home"] .hero-v21 .v19-mobile-identity.v21-mobile-identity{height:300px!important}
  .hero-v21 .v19-mobile-portrait{height:292px!important;width:90%!important}
  .v21-mobile-dragon{width:54px;height:54px}
  body[data-page="home"] .hero-v21 .metric-row{grid-template-columns:1fr!important}
  body[data-page="home"] .hero-v21 .metric-row>div{min-height:64px!important}
  body[data-page="home"] .hero-v21 .metric-row span{font-size:6.4px!important}
}

/* ---------------- ARABIC HOME ---------------- */
html[dir="rtl"] body[data-page="home"] .page-hero-v21{position:relative;overflow:hidden;background:radial-gradient(780px 600px at 31% 43%,rgba(0,173,236,.12),transparent 68%)}
html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-stage{min-height:620px!important}
html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-portrait-shell{left:6%!important;width:72%!important}
html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-stage .v19-portrait{left:1%!important;width:94%!important;height:96%!important;background:transparent!important;object-fit:contain!important}
html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-logo-orb img{content:url('/assets/brand/mr-dragon-v21.webp')}
@media(max-width:760px){
  html[dir="rtl"] body[data-page="home"] .page-hero-v21{padding-top:86px!important}
  html[dir="rtl"] body[data-page="home"] .page-hero-v21 .page-hero__grid{width:min(100% - 24px,620px)!important;grid-template-columns:1fr!important;gap:16px!important}
  html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-stage{min-height:420px!important;width:100%!important;overflow:hidden!important;border:1px solid rgba(32,232,255,.12)!important;border-radius:16px!important;background:radial-gradient(circle at 46% 38%,rgba(32,232,255,.13),transparent 48%),rgba(2,10,17,.76)!important}
  html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v21-cyber-globe{left:-4%!important;top:1%!important;width:90%!important}
  html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-portrait-shell{left:5%!important;top:2%!important;width:82%!important;height:96%!important}
  html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-logo-orb{left:auto!important;right:12px!important;top:12px!important;width:72px!important}
  html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-proof-cluster{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;width:auto!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.page-hero-v21 .v19-proof{min-height:56px!important;padding:8px!important}.page-hero-v21 .v19-proof b{font-size:9px!important}.page-hero-v21 .v19-proof span{font-size:5.5px!important}
  html[dir="rtl"] body[data-page="home"] .page-hero-v21 .v19-brand-note{display:none!important}
}

/* ---------------- SITE-WIDE REFINEMENT ---------------- */
@media(min-width:761px){
  .gateway-card,.service-card,.insight-card,.certificate-card,.credential-card,.project-card,.social-node,.contact-cta__inner,.project-panel--premium,.terminal-window,.cyber-map-stage{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important}
  .gateway-card:hover,.service-card:hover,.insight-card:hover,.certificate-card:hover,.credential-card:hover,.project-card:hover,.social-node:hover,.project-panel--premium:hover{transform:translateY(-4px)!important;border-color:rgba(32,232,255,.26)!important;box-shadow:0 22px 50px rgba(0,0,0,.24),0 0 30px rgba(32,232,255,.025)!important}
}
main>section{position:relative}
main>section.v21-in-view:after{opacity:.7}
main>section:after{content:"";position:absolute;left:50%;bottom:0;width:min(1160px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(32,232,255,.12),transparent);opacity:.28;pointer-events:none;transition:opacity .5s ease}

@media(max-width:760px){
  .wrap{width:min(100% - 24px,620px)!important}
  main>section{scroll-margin-top:72px}
  .section{padding-top:58px!important;padding-bottom:58px!important}
  .section-heading h2,.page-hero h1{overflow-wrap:anywhere}
  .visual-system-frame,.ops-deck-v8,.mini-map,.cyber-map-stage,.terminal-window,.contact-cta__inner{border-radius:14px!important}
  .gateway-grid,.services-grid,.insights-grid,.credentials-grid,.project-grid{gap:12px!important}
}

/* Motion accessibility. */
body.motion-off .v21-cyber-globe:before,body.motion-off .v21-cyber-globe:after,body.motion-off .v21-globe-ring,body.motion-off .v21-globe-scan,body.motion-off .v21-globe-node,body.motion-off .v21-particles i,body.motion-off .v21-mobile-globe:before,body.motion-off .v21-mobile-globe:after,body.motion-off .v21-mobile-globe__ring,body.motion-off .hero-v21 .v19-logo-orb{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .v21-cyber-globe:before,.v21-cyber-globe:after,.v21-globe-ring,.v21-globe-scan,.v21-globe-node,.v21-particles i,.v21-mobile-globe:before,.v21-mobile-globe:after,.v21-mobile-globe__ring,.hero-v21 .v19-logo-orb{animation:none!important;transition:none!important}
  .hero-v21 .v19-stage .v19-portrait{transition:none!important;transform:translateZ(0) scale(1.025)!important}
}

@keyframes v21Spin{to{transform:rotate(360deg)}}
@keyframes v21SpinReverse{to{transform:rotate(-360deg)}}
@keyframes v21Meridian{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}
@keyframes v21ScanGlobe{0%,100%{transform:translateX(-110px);opacity:.18}50%{transform:translateX(110px);opacity:.8}}
@keyframes v21Node{0%,100%{transform:scale(.78);opacity:.42}50%{transform:scale(1.28);opacity:1}}
@keyframes v21GlobeBreath{0%,100%{opacity:.45;transform:scale(.985)}50%{opacity:.9;transform:scale(1.01)}}
@keyframes v21OrbFloat{0%,100%{transform:translate3d(0,0,34px)}50%{transform:translate3d(0,-8px,34px)}}
@keyframes v21Particle{0%,100%{transform:translate3d(0,0,0) scale(.8);opacity:calc(var(--o)*.45)}50%{transform:translate3d(0,-9px,0) scale(1.15);opacity:var(--o)}}