.steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:56px 0 0;padding:0;list-style:none;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg,var(--gold),#f2bf5526);height:1px;position:absolute;top:17px;left:0;right:0}.steps li{padding:0 28px 0 0;position:relative}.steps .n{background:var(--bg);border:1.5px solid var(--gold);width:36px;height:36px;color:var(--gold);letter-spacing:.06em;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:inline-grid;position:relative}.steps b{margin-top:20px;font-size:22px;font-weight:500;display:block}.steps p{color:#9aa0aa;max-width:22em;margin:8px 0 0;font-size:15px;line-height:1.5}.offers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:64px;display:grid}.offer{color:inherit;background:#ffffff06;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:28px 24px 24px;text-decoration:none;transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1),background .3s;display:flex;position:relative;overflow:hidden}.offer:after{content:"";opacity:.5;background:radial-gradient(circle,#f2bf5533,#0000 65%);border-radius:50%;width:180px;height:180px;transition:opacity .35s;position:absolute;bottom:-60px;right:-50px}.offer:hover{background:#ffffff0a;border-color:#f2bf5580;transform:translateY(-4px)}.offer:hover:after{opacity:1}.oi{width:48px;height:48px;color:var(--gold);filter:drop-shadow(0 0 6px #f2bf5566)}.oi svg{width:100%;height:100%}.offer b{margin-top:6px;font-size:22px;font-weight:500}.offer p{color:#a3a8b2;margin:0;font-size:15px;line-height:1.5}.offer .go{color:var(--gold);margin-top:auto;padding-top:8px;font-size:14px}@media (width<=1000px){.offers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.offers{grid-template-columns:1fr}}.tl{--fill:1.6s;--cyc:3.2s;margin-top:56px;position:relative}.tl .steps{margin-top:0}.steps:before{display:none}.flow{pointer-events:none;height:2px;position:absolute;top:17px;left:18px;right:0}.flow i{border-radius:2px;display:block;position:absolute;inset:0}.fl-base{background:#f2bf5524}.fl-fill{transform-origin:0;background:linear-gradient(90deg,#e9a63a,#f8d27a 70%,#f2bf5559);box-shadow:0 0 10px #f2bf558c}.fl-stream{opacity:0;background:repeating-linear-gradient(90deg,#0000 0 22px,#ffecbee6 22px 30px,#0000 30px 64px) 0 0/64px 100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.fl-comet{opacity:0;filter:blur(.4px);background:linear-gradient(90deg,#0000,#f2bf5540 40%,#ffe7ad 92%,#fff);width:140px;height:8px;margin-left:-140px;inset:-3px auto auto 0;box-shadow:0 0 18px 2px #f2bf558c}.fl-comet:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;right:-4px;box-shadow:0 0 12px 4px #ffd678e6,0 0 30px 8px #f2bf5573}.steps .n{transition:background .4s,color .4s,box-shadow .5s,transform .4s}.in .steps .n{color:#ffe3a3;background:radial-gradient(circle,#f2bf5547,#020306f2 70%);box-shadow:0 0 0 4px #f2bf551f,0 0 18px #f2bf5573}.armed .fl-fill{transform:scaleX(0)}.armed .steps .n{opacity:.25;transform:scale(.6)}.armed .steps b,.armed .steps p{opacity:0;transform:translateY(14px)}.armed .sh>*{opacity:0;transform:translateY(24px)}.armed .offer{opacity:0;transform:translateY(34px)}.armed .oi svg *{stroke-dasharray:1;stroke-dashoffset:1px}.armed.in .sh>*{opacity:1;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:none}.armed.in .sh>:last-child{transition-delay:.15s}.armed.in .fl-fill{transition:transform var(--fill) linear .2s;transform:scaleX(1)}.armed.in .steps .n{opacity:1;transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(.2s + var(--i) * .4s),opacity .3s calc(.2s + var(--i) * .4s),background .4s,box-shadow .5s,color .4s;transform:none}.armed.in .steps b,.armed.in .steps p{opacity:1;transition:opacity .7s calc(.3s + var(--i) * .4s),transform .8s cubic-bezier(.2,.7,.2,1) calc(.3s + var(--i) * .4s);transform:none}.armed.in .steps p{transition-delay:calc(.42s + var(--i) * .4s)}.armed.in .offer{opacity:1;transition:opacity .8s calc(1.5s + var(--i) * .12s),transform .9s cubic-bezier(.2,.7,.2,1) calc(1.5s + var(--i) * .12s),border-color .3s,background .3s;transform:none}.armed.in .offer:hover{transition-delay:0s;transform:translateY(-4px)}.armed.in .oi svg *{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1) calc(1.8s + var(--i) * .12s)}.in .fl-stream{animation:1.1s linear infinite flStream,.8s 1.8s forwards flOn}.in .fl-comet{animation:flComet var(--cyc) cubic-bezier(.45,0,.55,1) calc(.2s + var(--fill)) infinite}.in .steps .n{animation:flPulse var(--cyc) ease-out calc(.2s + var(--fill) + var(--i) * var(--cyc) * .25) infinite}@keyframes flStream{to{background-position:64px 0}}@keyframes flOn{to{opacity:.55}}@keyframes flComet{0%{opacity:0;left:0}6%{opacity:1}88%{opacity:1}to{opacity:0;left:100%}}@keyframes flPulse{0%{transform:none;box-shadow:0 0 0 4px #f2bf551f,0 0 18px #f2bf5573}6%{color:#fff;transform:scale(1.14);box-shadow:0 0 0 9px #f2bf5538,0 0 34px #ffd678e6}30%,to{transform:none;box-shadow:0 0 0 4px #f2bf551f,0 0 18px #f2bf5573}}.offer:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#f2bf5521,transparent 70%);transition:opacity .35s;position:absolute;inset:0}.offer:hover:before{opacity:1}@media (width<=1000px){.steps{row-gap:34px;grid-template-columns:1fr!important}.steps li{padding:0 0 0 58px}.steps .n{position:absolute;top:-6px;left:0}.steps b{margin-top:0}.flow{width:2px;height:auto;inset:18px auto 0 17px}.fl-fill{transform-origin:50% 0}.armed .fl-fill{transform:scaleY(0)}.armed.in .fl-fill{transform:scaleY(1)}.fl-stream{background:repeating-linear-gradient(#0000 0 22px,#ffecbee6 22px 30px,#0000 30px 64px) 0 0/100% 64px;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}@keyframes flStream{to{background-position:0 64px}}.fl-comet{background:linear-gradient(#0000,#f2bf5540 40%,#ffe7ad 92%,#fff);width:8px;height:120px;margin:-120px 0 0;top:0;left:-3px}.fl-comet:after{margin:0 0 0 -5px;inset:auto auto -4px 50%}@keyframes flComet{0%{opacity:0;top:0}6%{opacity:1}88%{opacity:1}to{opacity:0;top:100%}}}@media (prefers-reduced-motion:reduce){.fl-comet,.fl-stream{display:none}.in .steps .n{animation:none}}.flow{clip-path:inset(-24px 0)}@media (width<=1000px){.flow{clip-path:inset(0 -24px)}}