/* ==========================================================
   SSB Digital final platform/testimonial stabilization patch
   Date: 2026-06-18
   Purpose:
   - Keep testimonials hidden for this release without deleting markup.
   - Force Platform page into a true single-selected product view.
   - Preserve graph/flow visuals on responsive devices instead of collapsing
     every visual into plain stacked boxes.
   ========================================================== */

/* 1) Testimonial section is preserved in HTML but hidden for this release. */
body .testimonials-section,
body #testimonials,
body [data-temporary-hidden="testimonials"]{
  display:none!important;
  visibility:hidden!important;
  content-visibility:hidden!important;
}

/* 2) Platform product selector: one panel shown at a time. */
body.platform-showcase-page.platform-single-view-ready .platform-business-scroll,
body.platform-showcase-page.platform-single-view-ready .route-scroll-section{
  overflow:visible!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-scroll-layout{
  display:block!important;
}

body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index{
  position:sticky!important;
  top:calc(var(--header-h, 88px) + 12px)!important;
  z-index:100!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:74px!important;
  margin:0 0 34px!important;
  padding:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  pointer-events:auto!important;
  border:1px solid rgba(8,13,26,.08)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,250,255,.86)),
    linear-gradient(90deg,rgba(254,0,0,.07),rgba(37,99,235,.06),rgba(22,163,74,.045))!important;
  box-shadow:0 22px 64px rgba(8,13,26,.10),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(20px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.12)!important;
}

body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index::-webkit-scrollbar{
  display:none!important;
}

body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  min-width:154px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  color:#172033!important;
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(8,13,26,.08)!important;
  box-shadow:0 10px 24px rgba(8,13,26,.055),inset 0 1px 0 rgba(255,255,255,.94)!important;
  font-weight:850!important;
  font-size:13px!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  scroll-snap-align:center!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease!important;
}

body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a span{
  color:#FE0000!important;
  font-family:var(--font-accent)!important;
  font-size:11px!important;
  font-weight:900!important;
}

body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a:hover,
body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a.active,
body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a.is-active,
body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a[aria-current="location"]{
  color:#ffffff!important;
  background:linear-gradient(135deg,#c9000d,#ff2834 54%,#2563eb)!important;
  border-color:rgba(254,0,0,.30)!important;
  box-shadow:0 18px 44px rgba(254,0,0,.22),0 10px 26px rgba(8,13,26,.08),inset 0 1px 0 rgba(255,255,255,.28)!important;
  transform:translateY(-1px)!important;
}

body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a:hover span,
body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a.active span,
body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a.is-active span,
body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a[aria-current="location"] span{
  color:#ffffff!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel{
  display:none!important;
  opacity:0!important;
  transform:none!important;
  pointer-events:none!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active{
  display:grid!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active,
body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active:nth-child(even){
  grid-template-columns:minmax(460px,.96fr) minmax(0,1.04fr)!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active:nth-child(even) .route-visual-stage,
body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active:nth-child(even) .route-content-stage{
  order:initial!important;
}

/* Keep active stage always readable even if older IntersectionObserver classes fire. */
body.platform-showcase-page.platform-single-view-ready .platform-business-panel.platform-single-active .route-visual-stage,
body.platform-showcase-page.platform-single-view-ready .platform-business-panel.platform-single-active .route-content-stage{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}

/* 3) Preserve responsive diagrams as diagrams. Never let the final platform visuals become flat stacked boxes. */
body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-diagram{
  position:relative!important;
  display:block!important;
  grid-template-columns:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-lines{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  pointer-events:none!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-node,
body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-flow-step,
body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module,
body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-core{
  position:absolute!important;
  z-index:3!important;
  min-width:0!important;
  pointer-events:auto!important;
}

@media (max-width:1180px){
  body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active,
  body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active:nth-child(even){
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:34px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active .route-visual-stage{
    order:1!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active .route-content-stage{
    order:2!important;
  }
}

@media (max-width:760px){
  body.platform-showcase-page.platform-single-view-ready .platform-business-scroll{
    padding-top:22px!important;
    padding-bottom:54px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index{
    top:84px!important;
    min-height:64px!important;
    margin-bottom:22px!important;
    padding:10px!important;
    border-radius:14px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .route-capability-nav.platform-index a{
    min-width:132px!important;
    min-height:40px!important;
    padding:9px 12px!important;
    font-size:12px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active,
  body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active:nth-child(even){
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:22px 16px!important;
    border-radius:18px!important;
    gap:22px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .route-visual-stage.platform-domain-chart{
    min-height:auto!important;
    padding:14px!important;
    overflow:hidden!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-diagram{
    display:block!important;
    min-height:430px!important;
    margin:12px 0!important;
    padding:0!important;
    border-radius:14px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-lines{
    display:block!important;
    opacity:.52!important;
    transform:scale(1.02)!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-node,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module{
    width:42%!important;
    min-height:auto!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    transform:none!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-core{
    left:50%!important;
    top:50%!important;
    width:150px!important;
    min-height:126px!important;
    padding:14px 12px!important;
    border-radius:24px!important;
    transform:translate(-50%,-50%)!important;
    grid-column:auto!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-source{left:0!important;right:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-output{right:0!important;left:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .source-a,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .output-a{top:5%!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .source-b,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .output-b{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .source-c,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .output-c{bottom:5%!important;top:auto!important;}

  /* Stage-flow platform cards: still a path, not a list. */
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-flow-step{
    width:40%!important;
    min-height:78px!important;
    display:grid!important;
    align-content:center!important;
    padding:10px!important;
    text-align:center!important;
    border-radius:16px!important;
    transform:none!important;
    grid-column:auto!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .flow-a{left:0!important;top:14%!important;right:auto!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .flow-b{left:auto!important;right:0!important;top:14%!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .flow-c{
    left:50%!important;
    top:50%!important;
    width:142px!important;
    min-height:106px!important;
    transform:translate(-50%,-50%)!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .flow-d{left:0!important;right:auto!important;top:auto!important;bottom:13%!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .flow-e{left:auto!important;right:0!important;top:auto!important;bottom:13%!important;}

  /* MITRA/module chart remains radial. */
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module.module-a{left:0!important;top:3%!important;right:auto!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module.module-b{right:0!important;top:3%!important;left:auto!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module.module-c{right:0!important;top:50%!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module.module-d{right:0!important;bottom:3%!important;left:auto!important;top:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module.module-e{left:0!important;bottom:3%!important;right:auto!important;top:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module.module-f{left:0!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important;}

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-chart-footer{
    flex-wrap:wrap!important;
  }
}

@media (max-width:430px){
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-diagram{
    min-height:410px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-node,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-flow-step{
    width:42%!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-node span,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module span,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-flow-step span{
    display:none!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-node b,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-flow-step b,
  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-module b{
    font-size:12.5px!important;
  }

  body.platform-showcase-page.platform-single-view-ready .platform-domain-chart .platform-core{
    width:132px!important;
    min-height:112px!important;
  }
}

/* Extra-strong single-view guard against older nth-child responsive rules. */
body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel:not(.platform-single-active),
body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel:nth-child(even):not(.platform-single-active),
body.platform-showcase-page.platform-single-view-ready .route-showcase-stack > .platform-business-panel:not(.platform-single-active),
body.platform-showcase-page.platform-single-view-ready .route-showcase-stack > .platform-business-panel:nth-child(even):not(.platform-single-active){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active,
body.platform-showcase-page.platform-single-view-ready .platform-showcase-stack > .platform-business-panel.platform-single-active:nth-child(even),
body.platform-showcase-page.platform-single-view-ready .route-showcase-stack > .platform-business-panel.platform-single-active,
body.platform-showcase-page.platform-single-view-ready .route-showcase-stack > .platform-business-panel.platform-single-active:nth-child(even){
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Enterprise AI mobile graph guard: keep the walkthrough balanced after generic diagram overrides. */
@media (max-width:760px){
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-walkthrough{
    position:relative!important;
    display:block!important;
    min-height:650px!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-network-lines,
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .platform-lines{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:.50!important;
    z-index:1!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-title-card{
    top:4.5%!important;
    left:50%!important;
    right:auto!important;
    width:82%!important;
    transform:translateX(-50%)!important;
    z-index:8!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-dashboard-panel{
    display:none!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-icon-orbit{
    width:35px!important;
    height:35px!important;
    top:20%!important;
    z-index:5!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .icon-one{left:19%!important;right:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .icon-two{left:36%!important;right:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .icon-three{right:36%!important;left:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .icon-four{right:19%!important;left:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-node{
    position:absolute!important;
    width:30%!important;
    min-height:62px!important;
    max-width:none!important;
    padding:8px 7px!important;
    border-radius:13px!important;
    z-index:6!important;
    transform:none!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-source{left:3%!important;right:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-output{right:3%!important;left:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .source-p2p,
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .output-leak{top:33%!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .source-o2c,
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .output-flow{top:47%!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .source-inv,
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .output-evidence{top:61%!important;bottom:auto!important;}
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-core{
    left:50%!important;
    right:auto!important;
    top:51%!important;
    width:33%!important;
    min-height:122px!important;
    padding:13px 9px!important;
    border-radius:18px!important;
    transform:translate(-50%,-50%)!important;
    z-index:7!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-data-table{
    left:4%!important;
    right:auto!important;
    top:auto!important;
    bottom:9.8%!important;
    width:44%!important;
    padding:9px!important;
    border-radius:13px!important;
    z-index:6!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-question-card{
    right:4%!important;
    left:auto!important;
    top:auto!important;
    bottom:9.8%!important;
    width:44%!important;
    padding:9px!important;
    border-radius:13px!important;
    z-index:6!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-control-strip{
    left:4%!important;
    right:4%!important;
    bottom:3.2%!important;
    z-index:7!important;
  }
}

@media (max-width:430px){
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-walkthrough{
    min-height:620px!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-node span{
    display:none!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-node b{
    font-size:11px!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-node small,
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-core small{
    font-size:6.8px!important;
    letter-spacing:.04em!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-core b{
    font-size:11px!important;
  }
  body.platform-showcase-page.platform-single-view-ready .platform-enterprise-ai-chart .ea-core span{
    font-size:7px!important;
  }
}