.heroflow{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:4rem 2rem 4.5rem;text-align:center;overflow:hidden}.heroflow__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.heroflow__img{width:100%;height:100%;object-fit:cover;display:block}.heroflow__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.45}.heroflow__content{position:relative;z-index:2;max-width:92rem}.heroflow__heading{font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:1.04;margin:0 0 .8rem}.heroflow__sub{font-size:1.5rem;opacity:.9;margin:0 0 1.4rem}.heroflow__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.heroflow__buttons .button--primary{font-size:1.5rem;padding:1.1rem 2.4rem}.heroflow__anim{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:62rem}.heroflow__stage{position:relative;width:340px;height:284px;max-width:86vw;aspect-ratio:6 / 5}.hf-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;animation:hfFrame 12s infinite both}.hf-frame:not(.hf-bubble){object-fit:contain}.hf-f1{animation-delay:0s}.hf-f2{animation-delay:2s}.hf-f3{animation-delay:4s}.hf-f4{animation-delay:6s}.hf-f5{animation-delay:8s}.hf-f6{animation-delay:10s;animation-name:hfFrameBig}.hf-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:0 .5rem}.hf-bubble__box{position:relative;background:#f5f5f0;color:#14181f;border-radius:14px;padding:.9rem 1.2rem;font-size:1.5rem;font-weight:700;box-shadow:0 8px 20px #0006;white-space:nowrap}.hf-bubble__box:after{content:"";position:absolute;left:26px;bottom:-9px;border:9px solid transparent;border-top-color:#f5f5f0;border-bottom:0}.hf-bubble__txt{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;animation:hfType 12s steps(21) infinite}.hf-bubble__caret{display:inline-block;width:2px;height:1.5rem;background:#c8102e;vertical-align:-3px;margin-left:1px;animation:hfCaret .8s steps(1) infinite}.hf-bubble__note{margin:0;font-size:1.2rem;opacity:.9;font-style:italic}.heroflow__steps{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0;padding:0}.heroflow__step{display:flex;align-items:center;gap:.45rem;font-size:1.15rem;font-weight:600;padding:.35rem .8rem;border:1px solid rgba(245,245,240,.25);border-radius:999px;opacity:.4;animation:hfPulse 12s infinite}.heroflow__step span{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#2554c7;color:#fff;font-size:1rem}.heroflow__step--magic{border-color:#c8102e99}.heroflow__step--magic span{background:#c8102e}.heroflow__step:nth-child(1){animation-delay:0s}.heroflow__step:nth-child(2){animation-delay:2s}.heroflow__step:nth-child(3){animation-delay:4s}.heroflow__step:nth-child(4){animation-delay:6s}.heroflow__step:nth-child(5){animation-delay:8s}.heroflow__step:nth-child(6){animation-delay:10s}.heroflow__caps{position:relative;width:100%;min-height:3.2rem}.hf-cap{position:absolute;left:0;right:0;margin:0;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;opacity:0;animation:hfCap 12s infinite both}.hf-cap--magic strong{color:#c8102e}.hf-cap:nth-child(1){animation-delay:0s}.hf-cap:nth-child(2){animation-delay:2s}.hf-cap:nth-child(3){animation-delay:4s}.hf-cap:nth-child(4){animation-delay:6s}.hf-cap:nth-child(5){animation-delay:8s}.hf-cap:nth-child(6){animation-delay:10s}@keyframes hfPulse{0%{opacity:.4}2%{opacity:1}13%{opacity:1}16%{opacity:.4}to{opacity:.4}}@keyframes hfCap{0%{opacity:0;transform:translateY(6px)}2%{opacity:1;transform:none}14%{opacity:1}17%{opacity:0}to{opacity:0}}@keyframes hfFrame{0%{opacity:0;transform:scale(.94)}3%{opacity:1;transform:none}14%{opacity:1;transform:none}17%{opacity:0}to{opacity:0}}@keyframes hfFrameBig{0%{opacity:0;transform:scale(.95)}4%{opacity:1;transform:scale(1.75)}14%{opacity:1;transform:scale(1.75)}17%{opacity:0}to{opacity:0}}@keyframes hfType{0%,66%{width:0}78%{width:21ch}85%{width:21ch}88%{width:0}to{width:0}}@keyframes hfCaret{0%,50%{opacity:1}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.hf-frame,.hf-bubble__txt,.hf-bubble__caret,.heroflow__step,.hf-cap{animation:none}.hf-frame{opacity:0}.hf-f1{opacity:1}.hf-bubble__txt{width:auto}.hf-bubble__caret{display:none}.heroflow__step{opacity:1}.heroflow__caps{min-height:auto}.hf-cap{position:static;opacity:0}.hf-cap--magic{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-order-flow.css.map */