/* V25 stability and layout replacement pass */
html{scroll-padding-top:116px;}
body{overflow-x:hidden;}
main{overflow:hidden;}
.site-header{z-index:120;}

/* Transparent header should not create a dark slab, but it still needs reliable spacing */
.page-platform .page-hero{padding-top:86px;}
.page-hero-split{gap:48px;}

/* Replace the broken operating-layer diagram with a contained board */
.platform-control-board{
  width:100%;
  max-width:640px;
  justify-self:end;
  padding:22px;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 38%, rgba(30,231,255,.15), transparent 38%),
    linear-gradient(145deg, rgba(9,21,43,.96), rgba(8,12,31,.94));
  border-color:rgba(143,238,255,.18)!important;
}
.platform-control-board:before{opacity:.6;}
.board-top{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 4px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#e9f2ff;
}
.live-dot{width:11px;height:11px;border-radius:50%;background:#24f28e;box-shadow:0 0 22px rgba(36,242,142,.7);flex:0 0 auto;}
.board-top strong{font-size:16px;color:#edf5ff;}
.board-top em{margin-left:auto;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#5df4ff;font-size:12px;}
.board-body{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding-top:20px;
}
.board-body:before{
  content:"";
  position:absolute;
  inset:42px 32px;
  border:1px dashed rgba(83,230,255,.28);
  border-radius:40px;
  opacity:.55;
  pointer-events:none;
}
.board-centre{
  position:relative;
  z-index:2;
  grid-column:1/-1;
  display:grid;
  place-items:center;
  text-align:center;
  min-height:176px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 20%, rgba(35,220,255,.18), transparent 56%),
    rgba(6,16,34,.72);
  border:1px solid rgba(30,231,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 24px 70px rgba(0,0,0,.22);
  padding:28px 22px;
}
.board-centre img{width:48px;margin-bottom:10px;}
.board-centre span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#69efff;font-weight:900;margin-bottom:4px;}
.board-centre strong{font-size:30px;line-height:1;color:#fff;margin-bottom:10px;}
.board-centre p{max-width:350px;margin:0;color:#b6c5dd;line-height:1.45;}
.board-card{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  align-items:start;
  min-height:112px;
  padding:16px;
  border-radius:22px;
  background:rgba(13,29,55,.78);
  border:1px solid rgba(155,199,255,.15);
  box-shadow:0 14px 40px rgba(0,0,0,.18);
}
.board-card strong{display:block;color:#fff;font-size:17px;line-height:1.13;margin-bottom:6px;}
.board-card small{display:block;color:#aebdd5;font-size:13px;line-height:1.38;}
.board-card .node-icon-wrap{width:42px;height:42px;}
.board-card:nth-of-type(odd){background:rgba(13,36,63,.74);}

/* Stop legacy platform diagram rules from affecting new markup */
.platform-hero-frame,.platform-hero-map,.platform-command-centre{max-width:100%;overflow:hidden!important;}

/* Make the before/after replacement cleaner and prevent it dominating the viewport */
.platform-shift-redesign{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding:34px!important;
  gap:22px!important;
}
.shift-panel{padding:26px!important;}
.shift-panel h3{font-size:28px!important;}
.shift-arrow-orb{width:76px!important;height:76px!important;}
.after-core{padding:18px 20px!important;align-items:center;}
.after-core-copy strong{font-size:25px!important;}
.after-benefits{margin-top:18px;display:grid;gap:12px;}

/* Stronger reusable card polish */
.product-mockup,.module-spotlight-card,.staff-department-shell,.control-band,.operating-flow,.route-board{
  overflow:hidden!important;
}
.product-mockup{min-height:245px;}
.mockup-grid{align-items:stretch;}

/* AI workforce cards: remove the unfinished empty feel */
.staff-department-shell{background:linear-gradient(145deg,rgba(10,23,48,.94),rgba(9,15,34,.92));}
.department-main{min-width:0;}
.utility-panel{background:rgba(255,255,255,.04)!important;}

/* Modules: make headline cards visibly finished */
.module-spotlight-card{border-color:rgba(143,238,255,.18)!important;}
.module-spotlight-summary{min-height:auto!important;}

@media(max-width:1180px){
  .platform-control-board{max-width:none;justify-self:stretch;}
  .page-hero-split{grid-template-columns:1fr!important;}
}
@media(max-width:900px){
  .platform-shift-redesign{grid-template-columns:1fr!important;}
  .shift-arrow-wrap{display:flex;align-items:center;justify-content:center;}
  .shift-arrow-wrap strong{max-width:190px;}
}
@media(max-width:760px){
  .page-platform .page-hero{padding-top:78px;}
  .platform-control-board{padding:18px;border-radius:24px;}
  .board-body{grid-template-columns:1fr;}
  .board-body:before{display:none;}
  .board-centre{min-height:150px;padding:22px 18px;}
  .board-card{min-height:0;}
  .platform-shift-redesign{padding:22px!important;}
}