.hero-section{background:var(--background-primary);z-index:2;border-radius:64px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:32px;width:100%;height:100%;padding:64px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.hero-section{padding:24px}}@media (max-width:1340px){.hero-section{width:100%;margin-bottom:12px}.hero-section.configurator{min-height:78vh}}@media (max-width:768px){.hero-section.configurator{min-height:0;height:calc(var(--configurator-hero-height,46svh) + 12px);border-bottom:12px solid var(--white-color);background:var(--white-color);border-radius:0;flex-shrink:0;margin-bottom:0;position:relative;top:auto}.hero-section.configurator:before{content:"";z-index:1;background:var(--background-primary);border-radius:64px;position:absolute;inset:0}.hero-section.configurator .background-video,.hero-section.configurator .tracker-avatar{border-radius:64px}.hero-section.configurator .scroll-indicator{display:none}}.hero-section .background-video{z-index:2;width:100%;height:100%;transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;overflow:hidden}.hero-section .background-video.fade-out{opacity:0;pointer-events:none}.hero-section .background-video video{object-fit:cover;width:100%;height:100%;position:absolute}.hero-section .background-video:after{content:"";pointer-events:none;background:linear-gradient(#0a0a0a00,#131313);width:100%;height:100%;position:absolute;top:0;left:0}.hero-section.login{flex:1 1 0;justify-content:flex-start;align-self:stretch;height:auto}.hero-section.login .background-video:after{background:linear-gradient(#131313,#0a0a0a00)}.hero-section.login .hero-prototype{left:16%}.hero-section.login .logo-auth{z-index:2;filter:brightness(0)invert();width:242px}.hero-section .hero-text{z-index:5;-webkit-user-select:none;user-select:none;max-width:852px;color:var(--white-text);word-break:break-word;overflow-wrap:break-word;font-size:64px;font-weight:500;line-height:64px}@media (max-width:768px){.hero-section .hero-text{font-size:30px;line-height:30px}}.hero-section .buy-button{--btn-swap:cubic-bezier(.5, 0, .2, 1);background:var(--white-color);cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:64px;justify-content:flex-start;align-items:center;gap:6px;width:420px;padding:6px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:768px){.hero-section .buy-button{width:auto}}.hero-section .buy-button .buy-text{border:1px solid var(--outline-color);border-radius:64px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:12px;min-width:0;height:84px;padding:0 32px;display:flex;position:relative}.hero-section .buy-button .buy-text .buy-title{color:var(--black-color);white-space:nowrap;font-size:18px;font-weight:500;line-height:13px}@media (max-width:768px){.hero-section .buy-button .buy-text .buy-title{font-size:16px;line-height:15px}}.hero-section .buy-button .buy-text .buy-subtitle{color:var(--text-60);white-space:nowrap;font-size:16px;font-weight:500;line-height:12px}@media (max-width:768px){.hero-section .buy-button .buy-text .buy-subtitle{font-size:14px;line-height:14px}}.hero-section .buy-button .buy-icon{background:var(--black-color);border-radius:50%;flex:0 0 84px;justify-content:center;align-items:center;height:84px;display:flex;position:relative;overflow:hidden}.hero-section .buy-button .buy-icon i{color:var(--white-color);will-change:transform;transition:transform .32s var(--btn-swap);position:absolute}.hero-section .buy-button .buy-icon .buy-bag{font-size:32px;transform:translateY(0)}.hero-section .buy-button .buy-icon .buy-arrow{font-size:26px;transform:translateY(64px)rotate(-90deg)}.hero-section .buy-button .buy-icon .buy-arrow:before{display:inline-block}@media (hover:hover){.hero-section .buy-button:hover .buy-icon .buy-bag{transform:translateY(-64px)}.hero-section .buy-button:hover .buy-icon .buy-arrow{transform:translateY(0)rotate(-90deg)}.hero-section .buy-button:hover .buy-icon .buy-arrow:before{animation:1s ease-in-out .35s infinite buyArrowNudge}}@media (prefers-reduced-motion:reduce){.hero-section .buy-button:hover .buy-arrow:before{animation:none}}.hero-section .buy-button:active{transform:scale(.95)}@keyframes buyArrowNudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hero-section .hero-character{z-index:1;transform-origin:50%;width:88vh;height:auto;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-section .hero-accessories{z-index:2;transform-origin:50%;width:65vh;height:auto;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:16%;left:70%;transform:translate(-50%)}.hero-section .hero-prototype{z-index:3;transform-origin:50%;width:26vh;height:auto;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:32%;left:33%;transform:translate(-50%)}.hero-section .hero-content{z-index:5;opacity:1;will-change:transform;flex-direction:column;gap:32px;width:100%;transition:opacity .5s cubic-bezier(.4,0,.2,1) .3s,transform .7s cubic-bezier(.22,1,.36,1) .3s;display:flex;transform:translateY(0)}.hero-section .hero-content.hidden{opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transform:translateY(24px)}.hero-section .tracker-avatar{transition:opacity .45s}.hero-section.leaving .tracker-avatar{width:var(--cfg-width,100%);opacity:0;pointer-events:none;right:auto}@media (max-width:768px){.hero-section{min-height:calc(100dvh - 110px)}}