/* ==========================================================
   Enterprise AI mobile responsiveness patch — graph preserved
   Scope: Platform page -> Enterprise AI walkthrough graph only.
   Purpose: keep the existing SVG/network chart visible on mobile
   without changing/removing the chart markup or graph elements.
   ========================================================== */

@media (max-width: 760px){
  body.platform-showcase-page.route-scroll-page .route-visual-stage.platform-enterprise-ai-chart.ea-walkthrough-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    padding:12px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.platform-showcase-page.route-scroll-page .route-visual-stage.platform-enterprise-ai-chart .route-visual-kicker{
    position:relative!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:8px!important;
    z-index:10!important;
  }

  body.platform-showcase-page.route-scroll-page .route-visual-stage.platform-enterprise-ai-chart .route-visual-kicker span{
    max-width:100%!important;
    white-space:normal!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-walkthrough{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:clamp(560px,146vw,650px)!important;
    min-height:560px!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:12px 0!important;
    padding:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
    border-radius:20px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-walkthrough *,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-walkthrough *::before,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-walkthrough *::after{
    box-sizing:border-box!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-network-lines,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .platform-lines{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    opacity:.58!important;
    z-index:2!important;
    transform:none!important;
    pointer-events:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-flow-line{
    stroke-width:2!important;
    opacity:.58!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card{
    top:3.8%!important;
    left:50%!important;
    right:auto!important;
    width:calc(100% - 28px)!important;
    max-width:320px!important;
    min-width:0!important;
    padding:9px 12px!important;
    text-align:center!important;
    transform:translateX(-50%)!important;
    z-index:8!important;
    overflow:hidden!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card span,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card b{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card span{
    font-size:10.8px!important;
    line-height:1.14!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card b{
    margin-top:3px!important;
    font-size:7.4px!important;
    line-height:1.22!important;
  }

  /* The original graph remains; high-density desktop side dashboards are collapsed
     on mobile so the graph nodes and connection lines stay readable. */
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-dashboard-panel{
    display:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-icon-orbit{
    position:absolute!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border-radius:11px!important;
    top:16.5%!important;
    z-index:5!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-icon-orbit span{
    font-size:7px!important;
    line-height:1!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .icon-one{left:17%!important;right:auto!important;}
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .icon-two{left:35%!important;right:auto!important;}
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .icon-three{left:auto!important;right:35%!important;}
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .icon-four{left:auto!important;right:17%!important;}

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node{
    position:absolute!important;
    width:28.5%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:58px!important;
    max-height:70px!important;
    padding:8px 7px!important;
    border-radius:13px!important;
    display:grid!important;
    align-content:center!important;
    text-align:left!important;
    overflow:hidden!important;
    z-index:6!important;
    transform:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node::before{
    width:7px!important;
    height:7px!important;
    top:8px!important;
    right:8px!important;
    box-shadow:0 0 0 5px rgba(254,0,0,.10),0 0 16px rgba(254,0,0,.24)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-source{left:2.5%!important;right:auto!important;}
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-output{right:2.5%!important;left:auto!important;}

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .source-p2p,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .output-leak{
    top:29.5%!important;
    bottom:auto!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .source-o2c,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .output-flow{
    top:43%!important;
    bottom:auto!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .source-inv,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .output-evidence{
    top:56.5%!important;
    bottom:auto!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:49%!important;
    width:34%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:108px!important;
    padding:12px 8px!important;
    border-radius:18px!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
    overflow:hidden!important;
    z-index:7!important;
    transform:translate(-50%,-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core::before{
    inset:-9px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core::after{
    width:11px!important;
    height:11px!important;
    top:-12px!important;
    margin-left:-5.5px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node small,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core small{
    display:block!important;
    margin-bottom:4px!important;
    font-size:6.6px!important;
    line-height:1!important;
    letter-spacing:.055em!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node b{
    display:block!important;
    font-size:10.4px!important;
    line-height:1.08!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node span{
    display:block!important;
    margin-top:4px!important;
    font-size:6.8px!important;
    line-height:1.18!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core b{
    display:block!important;
    margin-top:4px!important;
    font-size:11.2px!important;
    line-height:1.05!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core span{
    display:block!important;
    margin-top:5px!important;
    font-size:7px!important;
    line-height:1.25!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card{
    position:absolute!important;
    top:auto!important;
    bottom:11.5%!important;
    width:44%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:86px!important;
    max-height:96px!important;
    padding:8px!important;
    border-radius:13px!important;
    overflow:hidden!important;
    z-index:6!important;
    transform:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table{
    left:3%!important;
    right:auto!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card{
    right:3%!important;
    left:auto!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table small,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card small{
    margin-bottom:6px!important;
    font-size:6.6px!important;
    line-height:1!important;
    letter-spacing:.075em!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table span{
    display:flex!important;
    gap:5px!important;
    padding:4px 0!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table b{
    font-size:9.6px!important;
    line-height:1.12!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table i{
    font-size:6px!important;
    line-height:1!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card b{
    display:block!important;
    font-size:15px!important;
    line-height:1.05!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card span{
    display:block!important;
    margin-top:5px!important;
    font-size:7px!important;
    line-height:1.18!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-control-strip{
    position:absolute!important;
    left:3%!important;
    right:3%!important;
    bottom:3.4%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    z-index:7!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-control-strip span{
    min-width:0!important;
    min-height:29px!important;
    padding:0 4px!important;
    display:grid!important;
    place-items:center!important;
    font-size:7.4px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .platform-chart-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:10px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .platform-chart-footer span{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }
}

@media (max-width: 430px){
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-walkthrough{
    height:590px!important;
    min-height:590px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card{
    width:calc(100% - 24px)!important;
    padding:8px 10px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card span{
    font-size:10px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-title-card b{
    font-size:7px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-icon-orbit{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    top:16.8%!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node{
    width:29%!important;
    min-height:56px!important;
    max-height:62px!important;
    padding:8px 6px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node span{
    display:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node b{
    font-size:10px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node small,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core small{
    font-size:6.3px!important;
    letter-spacing:.045em!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core{
    width:34.5%!important;
    min-height:102px!important;
    padding:11px 7px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core b{
    font-size:10.5px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core span{
    font-size:6.8px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table span:nth-of-type(3){
    display:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card span{
    display:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card b{
    font-size:14px!important;
  }
}

@media (max-width: 360px){
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-walkthrough{
    height:540px!important;
    min-height:540px!important;
    border-radius:18px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-icon-orbit{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node{
    width:29.5%!important;
    min-height:52px!important;
    max-height:58px!important;
    padding:7px 5px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node small,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core small,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table small,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card small{
    font-size:5.9px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-node b{
    font-size:9.2px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core{
    width:35.5%!important;
    min-height:94px!important;
    padding:10px 6px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core b{
    font-size:9.8px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-core span{
    display:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-data-table,
  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card{
    min-height:74px!important;
    max-height:82px!important;
    padding:7px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-question-card b{
    font-size:12.5px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-enterprise-ai-chart .ea-control-strip span{
    min-height:26px!important;
    font-size:6.6px!important;
    padding:0 2px!important;
  }
}