/* =========================================================
   M2A GROUP — SECTORS FINAL LAUNCH LAYER
   Luminous canvas, image-native sector overlays, premium tickers and cursor.
   ========================================================= */

body.m2a-master-template.sectors-page{
  --sectors-cursor-color:#D4AF37;
  --sectors-cursor-rgb:212,175,55;
  background:#fff !important;
  background-image:none !important;
  color:#172033 !important;
}
body.m2a-master-template.sectors-page .page-bg{display:none !important;background:none !important}
body.m2a-master-template.sectors-page main,
body.m2a-master-template.sectors-page .sectors-experience{
  background:#fff !important;
  color:#172033 !important;
}
body.m2a-master-template.sectors-page .sectors-hero{
  color:#172033 !important;
  background:
    radial-gradient(circle at 14% 22%,rgba(6,182,212,.14),transparent 26%),
    radial-gradient(circle at 84% 18%,rgba(212,175,55,.18),transparent 28%),
    radial-gradient(circle at 76% 76%,rgba(139,92,246,.10),transparent 30%),
    linear-gradient(135deg,#fff 0%,#f8fbff 44%,#fff8e8 100%) !important;
}
body.m2a-master-template.sectors-page .sectors-hero h1{color:#152033 !important;text-shadow:none !important}
body.m2a-master-template.sectors-page .sectors-hero-inner>p{color:#5f6b7a !important}
body.m2a-master-template.sectors-page .sectors-story{
  color:#172033 !important;
  background:
    radial-gradient(circle at 12% 20%,rgba(14,165,233,.06),transparent 28%),
    radial-gradient(circle at 88% 52%,rgba(212,175,55,.07),transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#fff 40%,#fffaf3 100%) !important;
}
body.m2a-master-template.sectors-page .sectors-integration{
  color:#172033 !important;
  background:
    radial-gradient(circle at 15% 20%,rgba(14,165,233,.08),transparent 30%),
    radial-gradient(circle at 82% 70%,rgba(212,175,55,.12),transparent 30%),
    linear-gradient(135deg,#fff,#fff9eb) !important;
}

/* 09 navigator cards: tinted by their own sector identity. */
body.m2a-master-template.sectors-page .sectors-orbit a{
  color:#1f2937 !important;
  border-color:rgba(var(--orbit-rgb),.34) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--orbit-rgb),.25),transparent 58%),
    linear-gradient(145deg,rgba(var(--orbit-rgb),.18),rgba(255,255,255,.94)) !important;
  box-shadow:0 16px 34px rgba(var(--orbit-rgb),.10),inset 0 1px 0 #fff !important;
}
body.m2a-master-template.sectors-page .sectors-orbit a:hover,
body.m2a-master-template.sectors-page .sectors-orbit a[aria-current="true"]{
  transform:translateY(-4px);
  border-color:rgba(var(--orbit-rgb),.62) !important;
  box-shadow:0 20px 44px rgba(var(--orbit-rgb),.17),0 0 28px rgba(var(--orbit-rgb),.11),inset 0 1px 0 #fff !important;
}

/* Premium gold CTA pair. */
body.m2a-master-template.sectors-page :is(.sectors-primary-link,.sectors-secondary-link){
  position:relative;
  overflow:hidden;
  color:#111827 !important;
  border:1px solid rgba(165,122,20,.38) !important;
  background:linear-gradient(135deg,#F6DF7A 0%,#D4AF37 48%,#B88A1A 100%) !important;
  box-shadow:0 16px 38px rgba(212,175,55,.24),inset 0 1px 0 rgba(255,255,255,.62) !important;
}
body.m2a-master-template.sectors-page :is(.sectors-primary-link,.sectors-secondary-link)::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -34%;
  width:28%;
  pointer-events:none;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
@media(hover:hover) and (pointer:fine){
  body.m2a-master-template.sectors-page :is(.sectors-primary-link,.sectors-secondary-link):hover{
    transform:translateY(-3px);
    box-shadow:0 22px 52px rgba(212,175,55,.34),0 0 30px rgba(212,175,55,.20),inset 0 1px 0 rgba(255,255,255,.78) !important;
  }
  body.m2a-master-template.sectors-page :is(.sectors-primary-link,.sectors-secondary-link):hover::after{transform:translateX(560%) skewX(-18deg)}
}

/* =========================================================
   MAIN NETWORK TICKER — dark, glowing, seamless.
   AR: enters from RIGHT. EN: enters from LEFT.
   ========================================================= */
body.m2a-master-template.sectors-page .sector-signal-zone{
  background:linear-gradient(180deg,#fff,#f6f8fb) !important;
}
body.m2a-master-template.sectors-page .sector-signal-ribbon{
  border:1px solid rgba(212,175,55,.30) !important;
  background:
    radial-gradient(circle at 10% 10%,rgba(14,165,233,.08),transparent 28%),
    radial-gradient(circle at 90% 90%,rgba(212,175,55,.10),transparent 30%),
    linear-gradient(135deg,#0B0F12,#090D16) !important;
  box-shadow:0 28px 80px rgba(8,12,18,.24),0 0 36px rgba(212,175,55,.11),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body.m2a-master-template.sectors-page .sector-signal-ribbon.is-revealed{
  box-shadow:0 30px 88px rgba(8,12,18,.28),0 0 42px rgba(212,175,55,.14),inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.m2a-master-template.sectors-page .sector-signal-head{border-bottom-color:rgba(212,175,55,.16) !important}
body.m2a-master-template.sectors-page .sector-signal-title{color:#f4f7fb !important}
body.m2a-master-template.sectors-page .sector-signal-count{color:#E3C45A !important}
body.m2a-master-template.sectors-page .sector-signal-item{
  color:#eef2f7 !important;
  border-color:rgba(var(--chip-rgb),.36) !important;
  background:radial-gradient(circle at 50% 0%,rgba(var(--chip-rgb),.16),transparent 70%),rgba(255,255,255,.035) !important;
  box-shadow:0 8px 22px rgba(var(--chip-rgb),.08),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.m2a-master-template.sectors-page .sector-signal-ribbon.is-revealed .sector-signal-track{
  animation-duration:52s !important;
  animation-timing-function:linear !important;
}
html[dir="rtl"] body.m2a-master-template.sectors-page .sector-signal-ribbon.is-revealed .sector-signal-track{animation-direction:normal !important}
html[dir="ltr"] body.m2a-master-template.sectors-page .sector-signal-ribbon.is-revealed .sector-signal-track{animation-direction:reverse !important}

/* =========================================================
   PANORAMA SYSTEM — image is the hero; no large card over it.
   ========================================================= */
body.m2a-master-template.sectors-page .sector-stage{
  --sector-on:#fff;
  scroll-margin-top:118px;
}
body.m2a-master-template.sectors-page .sector-stage::after{content:none !important;display:none !important}
body.m2a-master-template.sectors-page .sector-floating-card{display:none !important}
body.m2a-master-template.sectors-page .sector-image{
  border-color:rgba(var(--sector-rgb),.34) !important;
  box-shadow:0 34px 96px rgba(71,85,105,.16),0 0 0 1px rgba(var(--sector-rgb),.05),0 0 40px rgba(var(--sector-rgb),.09) !important;
}
body.m2a-master-template.sectors-page .sector-image::before{
  background:
    linear-gradient(180deg,rgba(8,12,18,.04) 0%,transparent 52%,rgba(8,12,18,.18) 100%),
    radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.24),transparent 22%) !important;
}

/* Premium icon + sector title directly on the photograph. */
body.m2a-master-template.sectors-page .sector-image-identity{
  position:absolute;
  z-index:7;
  top:clamp(18px,2.4vw,34px);
  inset-inline-start:clamp(18px,2.6vw,38px);
  display:flex;
  max-width:min(620px,72%);
  align-items:center;
  gap:12px;
}
body.m2a-master-template.sectors-page .sector-image-identity .sector-icon{
  flex:0 0 auto;
  width:56px !important;
  height:56px !important;
  color:var(--sector-on) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  background:rgba(var(--sector-rgb),.94) !important;
  box-shadow:0 14px 34px rgba(var(--sector-rgb),.32),0 0 26px rgba(var(--sector-rgb),.22),inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.m2a-master-template.sectors-page .sector-image-identity .sector-icon::before{border-color:rgba(255,255,255,.20) !important;background:rgba(255,255,255,.06) !important}
body.m2a-master-template.sectors-page .sector-image-identity .sector-icon::after{background:var(--sector-on) !important;box-shadow:0 0 0 3px rgba(255,255,255,.10),0 0 12px rgba(255,255,255,.44) !important}
body.m2a-master-template.sectors-page .sector-image-identity strong{
  display:block;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:16px;
  color:var(--sector-on) !important;
  background:rgba(var(--sector-rgb),.93);
  box-shadow:0 12px 30px rgba(var(--sector-rgb),.24),inset 0 1px 0 rgba(255,255,255,.20);
  font-size:clamp(16px,1.7vw,24px);
  font-weight:900;
  line-height:1.25;
}

/* Small operational chips directly on the photograph. */
body.m2a-master-template.sectors-page .sector-image-chips{
  position:absolute;
  z-index:7;
  inset-inline-start:clamp(18px,2.6vw,38px);
  bottom:92px;
  display:flex;
  max-width:calc(100% - 76px);
  flex-wrap:wrap;
  gap:8px;
}
body.m2a-master-template.sectors-page .sector-image-chips span,
body.m2a-master-template.sectors-page .sector-image-action{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:999px;
  color:var(--sector-on) !important;
  background:rgba(var(--sector-rgb),.92) !important;
  box-shadow:0 9px 24px rgba(var(--sector-rgb),.24),inset 0 1px 0 rgba(255,255,255,.19);
  font-size:10.5px;
  font-weight:800;
  text-decoration:none;
}
body.m2a-master-template.sectors-page .sector-image-action{
  position:absolute;
  z-index:8;
  inset-inline-end:clamp(18px,2.6vw,38px);
  top:clamp(22px,2.7vw,40px);
  padding-inline:14px;
}

/* =========================================================
   BOTTOM READING TICKER — fixed sector-color bar inside image.
   AR reading text enters from LEFT. EN reading text enters from RIGHT.
   ========================================================= */
body.m2a-master-template.sectors-page .sector-image-ticker{
  position:absolute;
  z-index:8;
  left:0;
  right:0;
  bottom:0;
  min-height:66px;
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:stretch;
  overflow:hidden;
  border-radius:0 0 clamp(30px,4vw,58px) clamp(30px,4vw,58px);
  color:var(--sector-on);
  background:rgba(var(--sector-rgb),.96);
  box-shadow:0 -12px 34px rgba(var(--sector-rgb),.18),inset 0 1px 0 rgba(255,255,255,.20);
}
body.m2a-master-template.sectors-page .sector-image-ticker-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  padding:13px 20px;
  border-inline-end:1px solid rgba(255,255,255,.24);
  color:var(--sector-on) !important;
  background:rgba(5,9,14,.14);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
body.m2a-master-template.sectors-page .sector-image-ticker-window{
  min-width:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
body.m2a-master-template.sectors-page .sector-image-ticker-track{
  display:flex;
  width:max-content;
  min-width:max-content;
  align-items:center;
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
  animation:sectorImageTickerLoop 42s linear infinite;
}
body.m2a-master-template.sectors-page .sector-image-ticker-group{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  min-width:max-content;
  padding-inline:24px;
}
body.m2a-master-template.sectors-page .sector-image-ticker-group span{
  color:var(--sector-on) !important;
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  white-space:nowrap;
}
html[dir="rtl"] body.m2a-master-template.sectors-page .sector-image-ticker-track{animation-direction:reverse}
html[dir="ltr"] body.m2a-master-template.sectors-page .sector-image-ticker-track{animation-direction:normal}
@keyframes sectorImageTickerLoop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Correct bilingual transition labels between panoramas. */
body.m2a-master-template.sectors-page .sector-bridge{
  color:#64748b !important;
  letter-spacing:.08em;
}
html[dir="rtl"] body.m2a-master-template.sectors-page .sector-bridge{font-family:'Cairo',sans-serif !important;font-size:12px;letter-spacing:0}
body.m2a-master-template.sectors-page .sector-bridge i{background:linear-gradient(90deg,transparent,rgba(100,116,139,.40),transparent) !important}

/* Reveal, anchors and focus. */
body.m2a-master-template.sectors-page .sectors-experience a:focus-visible{
  outline:3px solid rgba(14,165,233,.62);
  outline-offset:4px;
  box-shadow:0 0 0 6px rgba(14,165,233,.10),0 0 28px rgba(14,165,233,.16);
}
body.m2a-master-template.sectors-page :is(.sectors-primary-link,.sectors-secondary-link,.sectors-orbit a,.sector-image-action){touch-action:manipulation}
body.m2a-master-template.sectors-page.sectors-motion-ready .sector-stage{
  opacity:.01;
  transform:translate3d(0,34px,0) scale(.988);
  transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .86s cubic-bezier(.16,1,.3,1);
}
body.m2a-master-template.sectors-page.sectors-motion-ready .sector-stage.is-stage-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}

/* =========================================================
   PREMIUM DESKTOP CURSOR — visible only on fine-pointer devices.
   ========================================================= */
@media(hover:hover) and (pointer:fine){
  body.m2a-master-template.sectors-page.sectors-cursor-ready,
  body.m2a-master-template.sectors-page.sectors-cursor-ready *{cursor:none !important}
  body.m2a-master-template.sectors-page .sectors-cursor-dot,
  body.m2a-master-template.sectors-page .sectors-cursor-ring{
    position:fixed;
    left:0;
    top:0;
    z-index:2147483600;
    pointer-events:none;
    border-radius:50%;
    opacity:1;
    will-change:transform,width,height,border-color,background-color;
  }
  body.m2a-master-template.sectors-page .sectors-cursor-dot{
    width:8px;
    height:8px;
    background:var(--sectors-cursor-color);
    box-shadow:0 0 10px rgba(var(--sectors-cursor-rgb),.92),0 0 22px rgba(var(--sectors-cursor-rgb),.58);
  }
  body.m2a-master-template.sectors-page .sectors-cursor-ring{
    width:34px;
    height:34px;
    border:1px solid rgba(var(--sectors-cursor-rgb),.74);
    background:rgba(var(--sectors-cursor-rgb),.055);
    box-shadow:0 0 20px rgba(var(--sectors-cursor-rgb),.20),inset 0 0 14px rgba(var(--sectors-cursor-rgb),.08);
    transition:width .18s ease,height .18s ease,background-color .18s ease,border-color .18s ease;
  }
  body.m2a-master-template.sectors-page.sectors-cursor-active .sectors-cursor-ring{
    width:48px;
    height:48px;
    border-color:rgba(var(--sectors-cursor-rgb),.90);
    background:rgba(var(--sectors-cursor-rgb),.11);
  }
  body.m2a-master-template.sectors-page .sector-image-identity .sector-icon::before{transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease}
}

/* Tablet. */
@media(max-width:1100px){
  body.m2a-master-template.sectors-page .sector-stage{scroll-margin-top:94px}
  body.m2a-master-template.sectors-page .sectors-integration{padding-block:64px !important}
  body.m2a-master-template.sectors-page .sector-image-ticker{min-height:62px}
  body.m2a-master-template.sectors-page .sector-image-chips{bottom:86px}
}

/* Mobile: no cursor, no costly live blur, compact image overlays. */
@media(max-width:760px){
  body.m2a-master-template.sectors-page .sector-stage{scroll-margin-top:84px}
  body.m2a-master-template.sectors-page.sectors-motion-ready .sector-stage{transform:translate3d(0,18px,0) scale(.994);transition-duration:.58s,.68s}
  body.m2a-master-template.sectors-page .sector-image{box-shadow:0 22px 58px rgba(71,85,105,.12),0 0 28px rgba(var(--sector-rgb),.06) !important}
  body.m2a-master-template.sectors-page .sector-image-identity{top:14px;inset-inline-start:14px;max-width:calc(100% - 28px);gap:8px}
  body.m2a-master-template.sectors-page .sector-image-identity .sector-icon{width:44px !important;height:44px !important;border-radius:14px !important}
  body.m2a-master-template.sectors-page .sector-image-identity .sector-icon svg{width:22px !important;height:22px !important}
  body.m2a-master-template.sectors-page .sector-image-identity strong{padding:8px 10px;border-radius:12px;font-size:14px}
  body.m2a-master-template.sectors-page .sector-image-action{top:68px;inset-inline-end:14px;min-height:30px;padding:5px 9px;font-size:9.5px}
  body.m2a-master-template.sectors-page .sector-image-chips{inset-inline-start:14px;bottom:70px;max-width:calc(100% - 28px);gap:5px}
  body.m2a-master-template.sectors-page .sector-image-chips span{min-height:27px;padding:5px 8px;font-size:8.8px}
  body.m2a-master-template.sectors-page .sector-image-ticker{min-height:54px;grid-template-columns:max-content minmax(0,1fr)}
  body.m2a-master-template.sectors-page .sector-image-ticker-label{padding:9px 10px;font-size:10px}
  body.m2a-master-template.sectors-page .sector-image-ticker-group{padding-inline:16px}
  body.m2a-master-template.sectors-page .sector-image-ticker-group span{font-size:10.5px}
  body.m2a-master-template.sectors-page .sector-image-ticker-track{animation-duration:46s}
  body.m2a-master-template.sectors-page .sector-signal-ribbon.is-revealed .sector-signal-track{animation-duration:56s !important}
  body.m2a-master-template.sectors-page .sectors-integration{padding-block:50px !important}
  body.m2a-master-template.sectors-page .sectors-cursor-dot,
  body.m2a-master-template.sectors-page .sectors-cursor-ring{display:none !important}
}
@media(max-width:480px){
  body.m2a-master-template.sectors-page .sectors-integration{padding-block:42px !important}
  body.m2a-master-template.sectors-page .sector-image-chips span:nth-child(n+3){display:none}
}

@media(prefers-reduced-motion:reduce){
  body.m2a-master-template.sectors-page .sector-stage{opacity:1 !important;transform:none !important;transition:none !important}
  body.m2a-master-template.sectors-page .sector-image-ticker-track,
  body.m2a-master-template.sectors-page .sector-signal-track{animation:none !important;transform:none !important}
  body.m2a-master-template.sectors-page .sectors-cursor-ring{transition:none !important}
}