@keyframes floatleft{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes floatright{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(5px)}}.row{position:relative}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.hero__content{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex}.hero__content h1{color:#000;margin-bottom:1.5rem;font-size:5rem;font-weight:900;line-height:1.1}.hero__btn{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:4rem;display:flex}.hero__cta{cursor:pointer;color:#000;letter-spacing:.1em;text-transform:uppercase;background-color:#fff;background-image:url(../media/favicon2.241020hwuf068.ico);background-position:0 0;background-repeat:no-repeat;border:1px solid #000;border-radius:8px;padding:1rem 3.25rem;font-size:1rem;font-weight:400;text-decoration:none;transition:background .3s,color .3s,border .3s;display:inline-block}.hero__cta span{margin-right:6px}.hero__cta:hover{color:#fff;background-color:#000;background-image:url(../media/favicon2.241020hwuf068.ico);background-position:100% 100%}.hero__cta--outline{font-family:inherit;line-height:inherit;background-image:none;align-items:center;gap:8px;display:inline-flex}.hero__cta--outline span{margin-right:0}.hero__cta--outline:hover{background-image:none}.hero__image{z-index:2;pointer-events:none;flex:1;justify-content:center;align-items:center;display:flex}.hero__image .hero__img{object-fit:cover;pointer-events:none;border-radius:0 100px 0 0;width:100%;max-width:500px;height:auto}.hero__bg{z-index:0;pointer-events:none;transition:opacity .4s,transform .4s;position:fixed}.hero__bg--left{max-width:220px;animation:6s ease-in-out infinite floatleft;top:70px;left:0}.hero__bg--bottom{max-width:180px;animation:6s ease-in-out infinite floatleft;bottom:10px;left:10px}.hero__bg--right{max-width:120px;animation:6s ease-in-out infinite floatright;top:50%;right:0;transform:translateY(-50%)}@media screen and (max-width:768px){.hero{text-align:center;flex-direction:column;height:100%;min-height:80vh;padding:2rem 1rem}.hero__content h1{font-size:3rem}.hero__image{margin-top:2rem}.hero__image .hero__img{border-radius:0 80px 0 0;max-width:100%}}.hero__bg--left,.hero__bg--bottom{transform:translate(0)}.hero__bg--right{transform:translateY(-50%)}