.flow-sec{overflow:hidden}.flow-head .kick-c:after{background:currentColor;content:"";height:1px;opacity:.5;width:22px}.flow-head .h-sec i{color:var(--mid);font-style:normal}.flow-head .lede{margin-inline:auto}.flow{display:grid;gap:clamp(18px,2.4vw,34px);grid-template-columns:repeat(var(--flow-count,4),minmax(0,1fr));list-style:none;margin:clamp(62px,6.4vw,86px) auto 0;max-width:1180px;padding:0}.flow-step{display:flex;position:relative}.flow-step:not(:last-child):before{background:var(--lt-line);border-radius:2px;content:"";height:2px;position:absolute;right:calc(clamp(18px,2.4vw,34px)*-1);top:50%;width:clamp(18px,2.4vw,34px);z-index:1}.flow-step:not(:last-child):after{border-right:2px solid var(--lt-line);border-top:2px solid var(--lt-line);content:"";height:7px;position:absolute;right:calc(clamp(18px,2.4vw,34px)*-1 + 1px);top:50%;transform:translateY(-50%) rotate(45deg);width:7px;z-index:2}.flow-step:nth-child(2):after,.flow-step:nth-child(2):before{background-color:var(--mid);border-color:var(--mid)}.flow-step:nth-child(3):after,.flow-step:nth-child(3):before{background-color:var(--corn);border-color:var(--corn)}.flow-step:after{background:none!important}.flow-card{background:#fff;border:1px solid var(--lt-line);border-radius:20px;box-shadow:0 20px 44px -34px rgba(0,24,68,.45);display:flex;flex:1;flex-direction:column;padding:clamp(42px,4vw,50px) clamp(24px,2.4vw,30px) clamp(24px,2.4vw,30px);position:relative;transition:transform .38s var(--ease),box-shadow .38s,border-color .3s}.flow-step:hover .flow-card{border-color:#cdd9e7;box-shadow:0 30px 56px -34px rgba(0,24,68,.55);transform:translateY(-4px)}.flow-ic{background:#eef0f3;border-radius:50%;color:var(--deep);display:grid;height:clamp(56px,5.4vw,66px);place-items:center;position:absolute;right:22px;top:clamp(-34px,-3vw,-28px);transition:transform .38s var(--ease);width:clamp(56px,5.4vw,66px)}.flow-ic svg{height:44%;width:44%}.flow-step:hover .flow-ic{transform:scale(1.06)}.flow-step:nth-child(2) .flow-ic{background:rgba(60,95,172,.14);color:var(--spot)}.flow-step:nth-child(3) .flow-ic{background:rgba(88,188,216,.24);color:#1f6f89}.flow-n{color:var(--mid);font:600 .75rem var(--mono);letter-spacing:.16em}.flow-name{font:900 clamp(1.24rem,1.7vw,1.5rem) var(--head);letter-spacing:-.028em;line-height:1.15;margin-top:10px}.flow-name,.flow-promise{color:var(--deep);display:block}.flow-promise{font:700 .95rem/1.4 var(--body);margin-top:12px}.flow-t{color:var(--lt-mut);display:block;font-size:.92rem;line-height:1.55;margin-top:9px}.flow-step.is-destination .flow-ic{background:var(--orange);box-shadow:0 0 0 8px rgba(248,153,33,.14);color:var(--deep)}.flow-step.is-destination .flow-card{border-color:rgba(248,153,33,.4)}.flow-tagline{align-items:center;color:var(--mid);display:flex;font:600 .75rem var(--mono);gap:14px;justify-content:flex-end;letter-spacing:.18em;margin:clamp(34px,3.6vw,46px) 0 0;text-align:right;text-transform:uppercase}.flow-tagline:after{background:currentColor;content:"";flex:none;height:1px;opacity:.45;width:64px}@media (max-width:1080px){.flow{gap:clamp(46px,6vw,58px) clamp(18px,2.4vw,28px);grid-template-columns:repeat(2,minmax(0,1fr))}.flow-step:not(:last-child):after,.flow-step:not(:last-child):before{display:none}}@media (max-width:620px){.flow{gap:46px;grid-template-columns:minmax(0,1fr)}.flow-ic{right:18px}.flow-tagline{justify-content:flex-start;text-align:left}.flow-tagline:after{display:none}}