.hero-section{background-color:#000;align-items:center;width:100%;min-height:88vh;padding:2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bottom-gradient{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(#fff0 0%,#ffffffe6 75%,#fff 95% 100%);width:100%;height:400px;position:absolute;bottom:-2px;left:0}.hero-poster{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-poster-img{object-fit:cover;width:100%;height:100%;display:block}.hero-video{object-fit:cover;z-index:2;opacity:0;background-color:#0000;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;inset:0}.hero-video.is-playing{opacity:1}.hero-overlay{z-index:3;background-color:#1318921a;width:100%;height:100%;position:absolute;inset:0}.hero-container{z-index:5;width:100%;max-width:1920px;margin:0 auto;position:relative}.hero-content-box{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;background:#ffffff1a;border-radius:24px;max-width:836px;max-height:631px;padding:clamp(1rem,5vw,3rem);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 30px 80px #00000040}.content-box-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.content-box-overlay{z-index:1;background-color:#090b55a6;width:100%;height:100%;position:absolute;top:0;left:0}.content-box-inner{z-index:2;position:relative}.char-anim{display:inline-block}.hero-headline{font-family:var(--font-antonio), sans-serif;text-transform:uppercase;margin-top:0;margin-bottom:1.5rem;font-size:clamp(32px,5vw,75px);font-weight:700;line-height:1.13}.hero-description{font-family:var(--font-poppins), sans-serif;max-width:90%;margin-bottom:3rem;font-size:clamp(16px,1.25vw,18px);font-weight:300;line-height:144%}.hero-buttons{flex-direction:column;gap:1.5rem;width:fit-content;display:flex}.hero-btn{font-family:var(--font-poppins), sans-serif;box-sizing:border-box;z-index:1;border-radius:25px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 1.2rem;font-size:clamp(16px,1.25vw,18px);font-weight:400;line-height:100%;text-decoration:none;transition:color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.hero-btn:before{content:"";z-index:-1;background-color:#fff;width:100%;height:0;transition:height .35s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0;left:0}.hero-btn:hover:before{height:100%}.hero-btn:hover{color:#170ccf}.hero-btn-primary{color:#fff;background-color:#170ccf;border:1px solid #0000}.hero-btn-primary .btn-icon-wrapper{color:#313896;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.hero-btn-primary:hover .btn-icon-wrapper{background-color:#170ccf}.hero-btn-primary:hover .btn-icon-wrapper svg path{fill:#fff;transition:fill .3s}.hero-btn-secondary{color:#fff;background-color:#0000;border:1px solid #fff9}.hero-btn-secondary:hover{border-color:#fff}.hero-btn-secondary svg path{transition:fill .3s}.hero-btn-secondary:hover svg path{fill:#170ccf}@media (max-width:1024px){.hero-section{padding:2rem}}@media (max-width:768px){.hero-section{align-items:flex-end;padding:1rem}.hero-buttons{flex-direction:column;width:fit-content;max-width:100%}.hero-btn{width:100%}.hero-btn svg{width:12px!important;height:12px!important}.hero-btn-primary .btn-icon-wrapper{width:24px;height:24px}}