/* ===== Modern Technology Phase 4: middle/lower homepage ===== */
.dark-eyebrow{color:#2f0a68!important;background:#fff!important;border-color:#ddd!important}

.nextgen-experience{
  background:
    radial-gradient(circle at 12% 15%,rgba(198,152,43,.08),transparent 24%),
    linear-gradient(180deg,#fff 0%,#faf8fd 100%);
}
.command-centre{
  display:grid;
  grid-template-columns:210px 1fr;
  min-height:500px;
  border-radius:30px;
  overflow:hidden;
  background:#0d0715;
  box-shadow:0 35px 90px rgba(36,8,67,.18);
  border:1px solid rgba(76,28,120,.16);
}
.cc-sidebar{
  background:linear-gradient(180deg,#2e0c55,#160625);
  padding:28px 18px;
  display:flex;
  flex-direction:column;
  gap:9px;
  color:#d9cfe5;
}
.cc-logo{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:24px}
.cc-sidebar span{padding:11px 13px;border-radius:11px;font-size:.82rem}
.cc-sidebar .cc-active{background:rgba(255,255,255,.1);color:#fff}
.cc-main{background:linear-gradient(180deg,#fcfbfe,#f6f2fa);padding:28px}
.cc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.cc-top small{color:#8b8192;font-weight:700}
.cc-top h3{margin:4px 0 0;color:#2e0c55}
.cc-live{background:#e8f7ed;color:#1c7142;padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:800}
.cc-live i{width:8px;height:8px;border-radius:50%;display:inline-block;background:#35b76b;margin-right:6px}
.cc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.cc-kpi{background:#fff;border:1px solid #ece5f2;border-radius:18px;padding:18px}
.cc-kpi small{color:#a191ae;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:800}
.cc-kpi strong{display:block;color:#371061;font-size:1.1rem;margin:7px 0 3px}
.cc-kpi span{font-size:.78rem;color:#766c7e}
.cc-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.cc-panel{background:#fff;border:1px solid #ece5f2;border-radius:20px;padding:20px}
.cc-panel-head{display:flex;justify-content:space-between;margin-bottom:10px}
.cc-panel-head span{color:#35a85f;font-size:.72rem;font-weight:800}
.activity-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #eee9f2;font-size:.8rem;align-items:center}
.activity-row i{width:8px;height:8px;border-radius:50%}
.activity-row i.green{background:#35b76b}.activity-row i.gold{background:#c6982b}.activity-row i.purple{background:#7f3fbd}.activity-row i.blue{background:#2f67c7}
.activity-row b{color:#6d6176;font-size:.72rem}
.glow-panel{background:linear-gradient(145deg,#2b0d51,#561d93);color:#fff;border:none;position:relative;overflow:hidden}
.glow-panel:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(244,202,83,.24),transparent 70%);right:-40px;top:-70px}
.glow-panel small{color:#e5c86c;text-transform:uppercase;font-weight:800;letter-spacing:.07em}
.glow-panel h4{font-size:1.3rem;margin:10px 0}
.glow-panel p{color:#e7dff0;font-size:.9rem}
.control-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.control-chips span{font-size:.72rem;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}

.future-bento{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}
.future-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;min-height:210px;position:relative;overflow:hidden;transition:.3s ease}
.future-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(47,10,104,.1)}
.future-card h3{color:var(--purple);margin:14px 0 8px}.future-card p{color:var(--muted);margin:0}
.future-number{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--gold)}
.future-feature{grid-row:span 2;min-height:438px;background:linear-gradient(150deg,#1b082f,#4f168d);color:#fff}
.future-feature h3,.future-feature p{color:#fff}
.future-feature h3{font-size:2rem;max-width:420px;margin-top:26px}
.future-glow{position:absolute;width:260px;height:260px;border-radius:50%;right:-60px;bottom:-80px;background:radial-gradient(circle,#dcae3a 0%,rgba(105,41,170,.3) 35%,transparent 72%)}

.capability-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:28px}
.timeline-line{position:absolute;top:11px;left:3%;right:3%;height:2px;background:linear-gradient(90deg,#c6982b,#7a34b4)}
.timeline-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.timeline-item:before{content:"";position:absolute;top:-23px;left:22px;width:14px;height:14px;border-radius:50%;background:#fff;border:4px solid #7a34b4}
.timeline-item span{font-size:.72rem;color:var(--gold);font-weight:800}.timeline-item strong{display:block;color:var(--purple);font-size:1.15rem;margin:9px 0}.timeline-item p{color:var(--muted);font-size:.88rem;margin:0}

.software-dark{background:linear-gradient(145deg,#120420,#260942);color:#fff;overflow:hidden;position:relative}
.software-dark:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(105,41,170,.35),transparent 70%);right:-170px;top:-210px}
.software-dark .section-head h2{color:#fff}.software-dark .section-head p{color:#cfc1dc}
.software-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.software-tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:22px;min-height:230px}
.software-tile.live{background:linear-gradient(145deg,rgba(198,152,43,.16),rgba(255,255,255,.06))}
.software-tile span{font-size:.68rem;color:#e4c260;font-weight:800;letter-spacing:.08em}.software-tile h3{font-size:1.3rem;margin:14px 0}.software-tile p{color:#dacfe3;font-size:.9rem}.software-tile a{color:#f0cb60;font-weight:800}

.leadership-split{align-items:center}
.leadership-visual{min-height:430px;border-radius:30px;background:radial-gradient(circle at center,#6b2aab 0%,#32105d 38%,#160526 72%);display:grid;place-items:center;position:relative;overflow:hidden}
.leadership-visual img{width:180px;height:180px;border-radius:34px;object-fit:cover;z-index:2;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.leadership-orbit{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}
.orbit-one{width:310px;height:310px}.orbit-two{width:430px;height:430px;border-color:rgba(198,152,43,.22)}
.modern-section-title{font-family:"Playfair Display",serif;color:#2f0a68;font-size:clamp(2.2rem,4vw,3.1rem);margin:16px 0}
.leadership-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.leadership-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;transition:.3s ease}
.leadership-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(47,10,104,.09)}
.leadership-card span{font-size:.7rem;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.leadership-card h3{color:var(--purple);margin:12px 0 8px}.leadership-card p{color:var(--muted)}
.leadership-action{margin-top:24px}
.cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.cta-actions-modern{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.final-tech-cta{padding-bottom:0}.final-tech-cta + .site-footer{margin-top:0}

@media(max-width:980px){
.command-centre{grid-template-columns:1fr}.cc-sidebar{display:none}.cc-bottom{grid-template-columns:1fr}
.future-bento{grid-template-columns:1fr 1fr}.future-feature{grid-row:auto;grid-column:span 2;min-height:320px}
.capability-timeline,.software-rail,.leadership-cards{grid-template-columns:1fr 1fr}
.timeline-line{display:none}.timeline-item:before{display:none}
.cta-grid{grid-template-columns:1fr}.cta-actions-modern{justify-content:flex-start}
}
@media(max-width:640px){
.cc-kpis,.future-bento,.capability-timeline,.software-rail,.leadership-cards{grid-template-columns:1fr}
.future-feature{grid-column:auto}
.cc-main{padding:18px}.command-centre{min-height:auto}
}


/* ===== Ribbon Colour Priority Fix =====
   Stronger selectors ensure the coloured marquee text overrides
   the older global .rolling-track span colour rule. */
.rolling-banner .rolling-track .mg-1{color:#7b168b !important;}
.rolling-banner .rolling-track .mg-2{color:#cf173d !important;}
.rolling-banner .rolling-track .mg-3{color:#08734c !important;}
.rolling-banner .rolling-track .mg-4{color:#1247c4 !important;}
.rolling-banner .rolling-track .mg-5{color:#7424a5 !important;}
.rolling-banner .rolling-track .marquee-gradient{
  font-weight:900 !important;
  letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(255,255,255,.32);
}