
.bewa-hero-weby{
    position:relative;
    width:100%;
    overflow:hidden;
    background:#061522;
    line-height:0;
}
.bewa-hero-weby__canvas{
    position:relative;
    width:100%;
    max-width:1920px;
    margin:0 auto;
    aspect-ratio:1672 / 941;
    overflow:hidden;
}
.bewa-hero-weby__background{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    user-select:none;
    -webkit-user-drag:none;
}
.bewa-hero-weby__character{
    position:absolute;
    z-index:3;
    left:35.2%;
    top:2.5%;
    width:41.5%;
    transform-origin:50% 89%;
    pointer-events:none;
    filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));
}
.bewa-hero-weby__character-img{
    display:block;
    width:100%;
    height:auto;
    user-select:none;
    -webkit-user-drag:none;
}
.bewa-hero-weby.is-animated .bewa-hero-weby__character{
    animation:bewaHeroWebyLift 2.55s cubic-bezier(.45,.05,.35,1) infinite;
}
@keyframes bewaHeroWebyLift{
    0%,14%,100%{transform:translate3d(0,0,0)}
    30%{transform:translate3d(0,-5px,0)}
    40%{transform:translate3d(0,-9px,0)}
    52%{transform:translate3d(0,-2px,0)}
    68%{transform:translate3d(0,-6px,0)}
    78%{transform:translate3d(0,-10px,0)}
    90%{transform:translate3d(0,-2px,0)}
}
.bewa-hero-weby__store{
    position:absolute;
    z-index:8;
    display:block;
    cursor:pointer;
    border-radius:10px;
}
.bewa-hero-weby__store:focus-visible{
    outline:3px solid #fff;
    outline-offset:3px;
}
.bewa-hero-weby__store--apple{
    left:6.85%;
    top:67.0%;
    width:16.25%;
    height:9.9%;
}
.bewa-hero-weby__store--google{
    left:24.0%;
    top:67.0%;
    width:17.5%;
    height:9.9%;
}
@media (max-width:767px){
    .bewa-hero-weby__character{
        left:35.2%;
        top:2.5%;
        width:41.5%;
    }
}
@media (prefers-reduced-motion:reduce){
    .bewa-hero-weby.is-animated .bewa-hero-weby__character{
        animation:none !important;
    }
}
