.hero-section{z-index:2;background:#141414;border-radius:64px;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;gap:32px;height:85vh;margin-top:10px;padding:64px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.hero-section{padding:24px}}@media (max-width:1340px){.hero-section{width:100%}}.hero-section .background-video{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.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;color:#fff;word-break:break-word;overflow-wrap:break-word;max-width:852px;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{outline-offset:-1px;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:64px;justify-content:flex-start;align-items:center;gap:6px;width:420px;padding:6px;transition:all .2s cubic-bezier(.65,0,.35,1);display:flex;position:relative;overflow:hidden}.hero-section .buy-button:active{transform:scale(.95)}@media (max-width:768px){.hero-section .buy-button{width:auto}}.hero-section .buy-button:hover{background:#000;transform:scale(1.04)}.hero-section .buy-button:hover .buy-text{background:#000;outline:1px solid #ffffff1a}.hero-section .buy-button:hover .buy-text .buy-title{color:#fff;transition-delay:50ms}.hero-section .buy-button:hover .buy-text .buy-subtitle{color:#ccc;transition-delay:50ms}.hero-section .buy-button:hover .buy-icon{background:#fff}.hero-section .buy-button:hover .buy-icon i{color:#000}.hero-section .buy-button .buy-text{outline-offset:-1px;background:#fff;border-radius:64px;outline:1px solid #0000001a;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:12px;height:84px;padding:0 32px;transition:all .2s cubic-bezier(.65,0,.35,1);display:flex}.hero-section .buy-button .buy-text .buy-title{color:#000;word-wrap:break-word;font-size:18px;font-weight:500;line-height:13px;transition:color .2s cubic-bezier(.65,0,.35,1)}@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:#0009;word-wrap:break-word;font-size:16px;font-weight:500;line-height:12px;transition:color .2s cubic-bezier(.65,0,.35,1)}@media (max-width:768px){.hero-section .buy-button .buy-text .buy-subtitle{font-size:14px;line-height:14px}}.hero-section .buy-button .buy-icon{transform-origin:50%;will-change:transform,background;background:#000;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:all .2s cubic-bezier(.65,0,.35,1);display:flex;position:relative}.hero-section .buy-button .buy-icon i{color:#fff;will-change:transform,background;font-size:32px;transition:all .2s cubic-bezier(.65,0,.35,1)}.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;flex-direction:column;gap:32px;width:100%;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(0)}.hero-section .hero-content.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}@media (max-width:768px){.hero-section{min-height:76vh}}