/* v6.77: only flowchart connectors between support category and support channel rows.
   No global container/header/hero/footer or card changes. */
.v676-support-flow .v677-flowchart{position:relative;height:114px;margin:0 0 7px;width:100%;isolation:isolate}
.v677-lines{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.v677-lines path:not([fill]),.v677-lines path[stroke]{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.v677-center-label{position:absolute;top:39px;left:50%;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border-radius:999px;background:#0e3b66;color:white;box-shadow:0 5px 14px rgba(9,50,89,.18);font-size:11px;font-weight:800;letter-spacing:.45px;line-height:1.25;z-index:1}
.v677-center-check{display:grid;place-items:center;border-radius:50%;width:19px;height:19px;background:#009e76;color:#fff;font-size:12px;flex:none}
@media(max-width:760px){
 .v676-support-flow .v677-flowchart{height:66px;margin:0 0 10px;display:flex;justify-content:center;align-items:flex-start;padding-top:0}
 .v677-lines{display:none}
 .v677-flowchart:before{content:"";position:absolute;left:50%;top:0;height:58px;border-left:2px solid #009e76}
 .v677-flowchart:after{content:"";position:absolute;top:53px;left:calc(50% - 4px);border:solid #009e76;border-width:0 2px 2px 0;padding:4px;transform:rotate(45deg)}
 .v677-center-label{top:11px;max-width:calc(100% - 12px);white-space:normal;text-align:center;font-size:9px;line-height:1.35;padding:8px 11px}
}
@media(max-width:420px){.v677-center-label{font-size:8px;letter-spacing:0}.v677-center-check{width:16px;height:16px}}