@media(max-width:700px){
  /* the gap: compact cluster → dashed link → brain card */
  .dfz-stage{gap:0!important;margin-top:40px!important}
  .dfz-tiles{height:auto!important;padding:6px 0 0!important;display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px 10px;max-width:290px;margin:0 auto}
  .dft{position:static!important;left:auto!important;top:auto!important;width:54px!important;height:54px!important;transform:rotate(var(--r,0deg))!important;animation:none!important}
  .dft.word{width:auto!important;height:auto!important;min-height:40px!important}
  .dfz-cap{text-align:center;margin-top:22px!important}
  .dfz-left::after{content:"";display:block;width:0;height:40px;margin:16px auto 0;border-left:1.5px dashed rgba(122,167,217,.9)}
  .bbcard{width:100%!important;text-align:center;padding:30px 24px!important}
  .bb-mark{margin:0 auto}
  .dfz-body{margin-top:44px!important}
  /* ROI quote: second sentence wraps naturally */
  .mline br:nth-of-type(2){display:none}
  /* accordions: plus flush right */
  .pq-plist h3,.pq-roles .t,.pq-stage h3{max-width:none!important}
  /* security: autonomous result card */
  .hl2-done .lp-done{flex-wrap:wrap}
  .hl2-done .lp-done .t{flex:1 1 0;min-width:0}
  .hl2-done .lp-save{flex:0 0 100%;margin-left:0!important;padding-left:37px}
  /* security: composer chips never overlap */
  .ub-chips{min-width:0}
  .ub-chip{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;padding:6px 9px}
  .ub-chips .ub-chip:not(.on):not(#ubSrc){display:none}
  /* demo status pills wrap */
  .turn .status{white-space:normal!important;max-width:100%;line-height:1.4;text-align:left}
}
@media(max-width:1024px){
  /* about / careers tiles: arrow flush right */
  .tlabel{width:100%;justify-content:space-between!important}
  .tlabel i{margin-left:auto}
}
@media(min-width:701px) and (max-width:1024px){
  .pq-stage h3{max-width:24ch!important}
}