.gb-proc{background:#fff;padding:6rem 5%;position:relative;overflow:hidden}.gb-proc__inner{width:100%;max-width:90vw;margin:0 auto;position:relative;z-index:1}.gb-proc__header{text-align:center;margin-bottom:5rem}.gb-proc__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;margin:0 0 1.25rem;letter-spacing:-.01em}.gb-proc__title-dark{color:#0d1b2a}.gb-proc__title-blue{color:#0263bc}.gb-proc__subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#4a5568;margin:0;line-height:1.6}.gb-proc__stage{position:relative}.gb-proc__connector{position:absolute;top:72px;left:calc(12.5% + 4px);right:calc(12.5% + 4px);height:2px;background:#0263bc1f;display:none}@media(min-width:900px){.gb-proc__connector{display:block}}.gb-proc__connector-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0263bc,#5ba4f5);transform-origin:left center;animation:connFill 12s linear infinite}.gb-proc__connector-dot{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#0263bc;transform:translate(-50%,-50%);box-shadow:0 0 14px #0263bc99;animation:dotTravel 12s linear infinite}@keyframes connFill{0%{transform:scaleX(0)}25%{transform:scaleX(.33)}50%{transform:scaleX(.66)}75%{transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes dotTravel{0%{left:0%;opacity:1}75%{left:100%;opacity:1}76%{left:0%;opacity:0}78%{opacity:1}to{left:0%}}.gb-proc__steps{display:grid;grid-template-columns:1fr;gap:3rem 2rem}@media(min-width:600px){.gb-proc__steps{grid-template-columns:1fr 1fr}}@media(min-width:900px){.gb-proc__steps{grid-template-columns:repeat(4,1fr);gap:2rem}}.gb-proc__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;opacity:.3;transition:opacity .6s ease}.gb-proc__step:nth-child(1){animation:stepActive 12s linear infinite;animation-delay:0s}.gb-proc__step:nth-child(2){animation:stepActive 12s linear infinite;animation-delay:-9s}.gb-proc__step:nth-child(3){animation:stepActive 12s linear infinite;animation-delay:-6s}.gb-proc__step:nth-child(4){animation:stepActive 12s linear infinite;animation-delay:-3s}@keyframes stepActive{0%{opacity:1}24%{opacity:1}30%{opacity:.3}to{opacity:.3}}.gb-proc__ring{width:144px;height:144px;border-radius:50%;background:#fff;border:2.5px solid rgba(2,99,188,.15);box-shadow:0 4px 24px #0263bc0f;display:flex;align-items:center;justify-content:center;transition:border-color .4s,box-shadow .4s}.gb-proc__step:nth-child(1) .gb-proc__ring{animation:ringGlow 12s linear infinite;animation-delay:0s}.gb-proc__step:nth-child(2) .gb-proc__ring{animation:ringGlow 12s linear infinite;animation-delay:-9s}.gb-proc__step:nth-child(3) .gb-proc__ring{animation:ringGlow 12s linear infinite;animation-delay:-6s}.gb-proc__step:nth-child(4) .gb-proc__ring{animation:ringGlow 12s linear infinite;animation-delay:-3s}@keyframes ringGlow{0%{border-color:#0263bc;box-shadow:0 4px 32px #0263bc40}24%{border-color:#0263bc;box-shadow:0 4px 32px #0263bc40}30%{border-color:#0263bc26;box-shadow:0 4px 24px #0263bc0f}to{border-color:#0263bc26;box-shadow:0 4px 24px #0263bc0f}}.gb-proc__svg{width:88px;height:88px}.gb-proc__num{font-size:1.2rem;font-weight:800;letter-spacing:.08em;color:#0263bc}.gb-proc__desc{font-size:2rem;color:#4a5568;line-height:1.5;margin:0;max-width:280px}.gb-proc__tag{display:inline-block;font-size:1.6rem;font-weight:700;color:#0263bc;background:#0263bc14;border-radius:100px;padding:.5rem 1.4rem;letter-spacing:.02em}.gb-proc__nfc-1,.gb-proc__nfc-2{opacity:0}.gb-proc__step:nth-child(1) .gb-proc__nfc-1{animation:nfcPulse 12s linear infinite;animation-delay:0s}.gb-proc__step:nth-child(1) .gb-proc__nfc-2{animation:nfcPulse 12s linear infinite;animation-delay:.4s}@keyframes nfcPulse{0%{opacity:0}5%{opacity:1}10%{opacity:0}15%{opacity:1}20%{opacity:0}25%{opacity:0}to{opacity:0}}.gb-proc__item-lift{animation:itemLift 12s linear infinite;animation-delay:-9s}@keyframes itemLift{0%{transform:translateY(0)}5%{transform:translateY(-8px)}10%{transform:translateY(0)}15%{transform:translateY(-8px)}20%{transform:translateY(0)}25%{transform:translateY(0)}to{transform:translateY(0)}}.gb-proc__scan{animation:scanBeam 12s linear infinite;animation-delay:-6s}@keyframes scanBeam{0%{transform:translateY(0);opacity:.7}5%{transform:translateY(72px);opacity:.7}10%{transform:translateY(0);opacity:.7}15%{transform:translateY(72px);opacity:.7}20%{transform:translateY(0);opacity:.7}25%{transform:translateY(0);opacity:0}to{transform:translateY(0);opacity:0}}.gb-proc__check{stroke-dasharray:70;stroke-dashoffset:70;animation:checkDraw 12s linear infinite;animation-delay:-3s}@keyframes checkDraw{0%{stroke-dashoffset:70}5%{stroke-dashoffset:0}24%{stroke-dashoffset:0}30%{stroke-dashoffset:70}to{stroke-dashoffset:70}}.gb-proc__ring-pulse{animation:ringPulse 12s linear infinite;animation-delay:-3s}@keyframes ringPulse{0%{opacity:0}6%{opacity:.5}12%{opacity:0}24%{opacity:0}to{opacity:0}}.gb-proc__progress-wrap{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.gb-proc__progress{width:220px;height:3px;background:#0263bc1f;border-radius:2px;overflow:hidden}.gb-proc__progress-fill{height:100%;background:linear-gradient(90deg,#0263bc,#5ba4f5);border-radius:2px;animation:progressCycle 12s linear infinite}@keyframes progressCycle{0%{width:0%}25%{width:25%}50%{width:50%}75%{width:75%}to{width:100%}}.gb-proc__progress-dots{display:flex;gap:.6rem}.gb-proc__progress-dots span{width:8px;height:8px;border-radius:50%;background:#0263bc26}.gb-proc__progress-dots span:nth-child(1){animation:dotActive 12s linear infinite;animation-delay:0s}.gb-proc__progress-dots span:nth-child(2){animation:dotActive 12s linear infinite;animation-delay:-9s}.gb-proc__progress-dots span:nth-child(3){animation:dotActive 12s linear infinite;animation-delay:-6s}.gb-proc__progress-dots span:nth-child(4){animation:dotActive 12s linear infinite;animation-delay:-3s}@keyframes dotActive{0%{background:#0263bc;transform:scale(1.5)}24%{background:#0263bc;transform:scale(1.5)}30%{background:#0263bc26;transform:scale(1)}to{background:#0263bc26;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-greifbar-process-animation.css.map */