.support-flow{position:relative;isolation:isolate;overflow:hidden;padding:110px 24px 172px;color:#fff;background:linear-gradient(180deg,#080e39 0%,#14216f 19%,#2545da 48%,#538bea 71%,#c5e1fa 88%,#fff 100%)}
.support-flow::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 65%,#72a9ff30,transparent 65%);pointer-events:none}
.support-flow-symbols{position:absolute;width:0;height:0;overflow:hidden}
.support-flow-inner{width:min(1080px,100%);margin:auto}
.support-flow-heading{text-align:center;max-width:760px;margin:0 auto 62px}
.home .support-flow-heading h2{color:#fff;font-size:clamp(36px,4vw,58px);font-weight:720;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}
.home .support-flow-heading p{color:#e5ecff;font-size:19px;line-height:1.55;max-width:660px;margin:0 auto 26px}
.support-flow-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#fff;color:#152a91!important;border:1px solid #fff;border-radius:999px;padding:15px 25px;font-size:15px;font-weight:650;text-decoration:none;transition:transform .22s,box-shadow .22s}
.support-flow-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #03082e28}
.support-flow-node{width:min(440px,100%);margin:auto;display:flex;align-items:center;gap:17px;min-height:78px;padding:15px 21px;border:1px solid #ffffff50;border-radius:20px;background:linear-gradient(135deg,#ffffff16,#ffffff05);box-shadow:inset 0 1px #ffffff15,0 8px 30px #10196512;font-size:19px;font-weight:520;line-height:1.3}
.support-flow-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#ffffff1f;border:1px solid #ffffff15;color:#fff}
.support-flow svg:not(.support-flow-symbols){fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.support-flow-icon svg{width:23px;height:23px}
.support-flow-online{height:8px;width:8px;margin-left:auto;border-radius:50%;background:#bcebcf;box-shadow:0 0 0 5px #bcebcf14;flex:none}
.support-flow-stem{position:relative;height:30px;width:1px;background:#ffffff85;margin:auto;overflow:hidden}
.support-flow-stem::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#fff,transparent);transform:translateY(-100%);animation:support-flow-travel 3.8s ease-in-out infinite}
.support-flow-stem-short{height:23px}
.home .support-flow-question{display:table;margin:0 auto;padding:7px 16px;border:1px solid #ffffff30;border-radius:999px;font-size:13px;line-height:1.4;background:#ffffff1a;color:#fff}
.support-flow-branches{height:64px}
.support-flow-branches svg{height:100%;width:100%;color:#ffffff55}
.support-flow-branches .support-flow-active-line{stroke:#fff;stroke-width:2;opacity:0;transition:opacity .25s}
[data-support-flow="knowledge"] [data-line="knowledge"],[data-support-flow="actions"] [data-line="actions"],[data-support-flow="team"] [data-line="team"]{opacity:1}
.support-flow-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.support-flow-route{display:flex;align-items:center;gap:13px;min-width:0;min-height:88px;text-align:left;padding:16px;border:1px solid #ffffff4a;border-radius:20px;color:#fff;background:#ffffff0d;font-family:inherit;cursor:pointer;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}
.support-flow-route b{display:block;font-size:16px;font-weight:580;line-height:1.3}
.support-flow-route small{display:block;font-size:12px;color:#dfebff;margin-top:5px;line-height:1.3}
.support-flow-route-arrow{width:15px;height:15px;flex:none;margin-left:auto;opacity:.55}
.support-flow-route:hover{transform:translateY(-3px);background:#ffffff24;border-color:#ffffffa8}
.support-flow-route[aria-selected="true"]{background:#ffffff25;border-color:#ffffffbd;box-shadow:inset 0 1px #ffffff35,0 12px 28px #163a861f}
.support-flow-route[aria-selected="true"] .support-flow-route-arrow{opacity:1}
.support-flow :is(button,a,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:5px}
.support-flow-results{margin:37px auto 0;border:1px solid #ffffff80;border-radius:26px;background:linear-gradient(135deg,#234bb7aa,#3257b09e);box-shadow:inset 0 1px #ffffff20,0 15px 50px #1a40861a;overflow:hidden}
.support-flow-result{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:32px 36px;min-height:253px}
.support-flow-result[hidden]{display:none}
.support-flow-result.is-entering{animation:support-flow-reveal .3s ease both}
.home .support-flow-explanation h3{color:#fff;font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px;font-weight:630;max-width:340px}
.home .support-flow-explanation p{color:#edf3ff;font-size:15px;line-height:1.6;margin:0 0 18px;max-width:460px}
.support-flow-explanation a{color:#fff!important;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;text-underline-offset:5px}
.support-flow-explanation a:hover{text-decoration:underline}
.support-flow-explanation a span{margin-left:10px}
.support-flow-example blockquote{margin:0 0 16px;color:#fff;font-size:18px;font-weight:550;line-height:1.4;letter-spacing:-.015em}
.support-flow-reply,.support-flow-receipt{border:1px solid #ffffff45;border-radius:16px;background:#ffffff14;padding:18px 20px;font-size:15px;line-height:1.5}
.support-flow-receipt-heading{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650;margin-bottom:13px}
.support-flow-receipt-heading svg{width:20px;height:20px;color:#c3f4d6}
.support-flow-receipt>div{display:flex;justify-content:space-between;gap:18px;padding-top:8px;font-size:12px;color:#e6efff}
.support-flow-receipt b{font-weight:600;color:#fff;white-space:nowrap}
.support-flow-source{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;line-height:1.4;color:#e2edff}
.support-flow-source svg{width:14px;height:14px;flex:none}
@keyframes support-flow-reveal{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes support-flow-travel{0%,20%{transform:translateY(-100%)}65%,100%{transform:translateY(100%)}}
@media(max-width:800px){.support-flow{padding:80px 24px 120px}.support-flow-heading{margin-bottom:44px}.support-flow-routes{gap:12px}.support-flow-route{flex-direction:column;align-items:center;text-align:center;padding:16px 8px;gap:10px}.support-flow-route b{font-size:14px}.support-flow-route-arrow{display:none}.support-flow-result{gap:25px;padding:26px}.home .support-flow-explanation h3{font-size:22px}}
@media(max-width:520px){.support-flow{padding:64px 18px 100px}.home .support-flow-heading h2{font-size:37px}.home .support-flow-heading p{font-size:16px}.support-flow-cta{font-size:13px;padding:14px 18px;gap:15px}.support-flow-node{font-size:15px;min-height:70px;padding:13px 15px;gap:12px}.support-flow-icon{height:36px;width:36px;flex-basis:36px;border-radius:11px}.support-flow-icon svg{height:20px;width:20px}.support-flow-routes{gap:8px}.support-flow-route{border-radius:16px;min-height:123px}.support-flow-route b{font-size:12px;line-height:1.3}.support-flow-route small{font-size:10px;line-height:1.3}.support-flow-results{margin-top:25px;border-radius:22px}.support-flow-result{grid-template-columns:1fr;gap:26px;padding:25px 22px;min-height:400px}.home .support-flow-explanation p{font-size:14px}.support-flow-example blockquote{font-size:17px}.support-flow-reply{font-size:14px}.support-flow-question{font-size:12px!important}.support-flow-branches{height:48px}}
@media(prefers-reduced-motion:reduce){.support-flow *,.support-flow *::after{animation:none!important;transition:none!important}}
