.hero{position:relative;width:100%;height:calc(100vh - 5rem);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.hero-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;z-index:0;transition:filter .1s ease-out;will-change:filter}.hero-content{position:relative;z-index:1;text-align:center;padding:0 2rem 4rem;color:#fff;will-change:transform}.hero-title{font-size:8.5rem;font-weight:700;margin:0 0 1rem;text-transform:capitalize;letter-spacing:-.02em;text-shadow:0 4px 12px rgba(0,0,0,.5)}.hero-subtitle{font-size:2.25rem;font-weight:400;margin:0;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.5);opacity:.95;text-transform:uppercase;letter-spacing:.5em}@media (max-width:1200px){.hero-title{font-size:6rem}.hero-subtitle{font-size:1.875rem;letter-spacing:.4em}}@media (max-width:992px){.hero{height:calc(100vh - 4rem)}.hero-content{padding:0 2rem 3.5rem}.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.5rem;letter-spacing:.3em}.hero-bottom-shadow{height:14rem}}@media (max-width:768px){.hero{height:calc(100vh - 3.5rem)}.hero-content{padding:0 1.5rem 3rem}.hero-title{font-size:3rem;margin:0 0 .75rem}.hero-subtitle{font-size:1.25rem;letter-spacing:.25em;line-height:1.5}.hero-bottom-shadow{height:12rem}}@media (max-width:576px){.hero{height:calc(100vh - 3rem)}.hero-content{padding:0 1.25rem 2.5rem}.hero-title{font-size:2.25rem;margin:0 0 .5rem}.hero-subtitle{font-size:1rem;letter-spacing:.2em}.hero-bottom-shadow{height:10rem}}@media (max-width:480px){.hero{height:calc(100vh - 2.5rem)}.hero-content{padding:0 1rem 2rem}.hero-title{font-size:1.875rem;letter-spacing:-.01em}.hero-subtitle{font-size:.875rem;letter-spacing:.15em}.hero-bottom-shadow{height:8rem}}@media (max-width:375px){.hero-title{font-size:1.625rem}.hero-subtitle{font-size:.75rem;letter-spacing:.1em}}.hero-bottom-shadow{position:absolute;bottom:0;left:0;width:100%;height:17rem;background:linear-gradient(180deg,transparent 0,#0d0d0d);z-index:10}.demo-video-container{position:relative;justify-content:center;background:#0d0d0d;overflow:hidden}.demo-video-container,.video-section{display:flex;flex-direction:column;align-items:center;width:100%}.video-section{gap:1.5rem}.video-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:280px;height:280px;border-radius:50%;overflow:hidden;transition:width 1s cubic-bezier(.4,0,.2,1),height 1s cubic-bezier(.4,0,.2,1),border-radius 1s cubic-bezier(.4,0,.2,1)}.video-wrapper.fullscreen{width:100%;height:80vh;border-radius:2%}.video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.progress-ring-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity 1s ease}.video-wrapper.fullscreen .progress-ring-container{opacity:0}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring__background{fill:none;stroke:hsla(0,0%,100%,.1)}.progress-ring__progress{fill:none;stroke:hsla(0,0%,100%,.8);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.video-controls-below{gap:1rem;margin-top:1.5rem}.control-button,.video-controls-below{display:flex;justify-content:center;align-items:center}.control-button{width:56px;height:56px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(8px);border-radius:50%;border:1px solid hsla(0,0%,100%,.2);cursor:pointer;transition:all .3s ease}.control-button:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.control-button svg{width:24px;height:24px;fill:#fff;stroke:#fff}.play-button-below svg{margin-left:3px}.fullscreen-controls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-wrapper.fullscreen .fullscreen-controls{pointer-events:auto}.video-wrapper.fullscreen:hover .fullscreen-controls{opacity:1}.fullscreen-pause-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:80px;height:80px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(8px);border-radius:50%;border:1px solid hsla(0,0%,100%,.2);cursor:pointer;transition:all .3s ease;z-index:15}.fullscreen-pause-button:hover{background:hsla(0,0%,100%,.25);transform:translate(-50%,-50%) scale(1.05)}.fullscreen-pause-button svg{width:32px;height:32px;fill:#fff}.video-title-overlay{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:15}.video-title{color:#fff;font-size:1.25rem;font-weight:500;opacity:.9}.fullscreen-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:hsla(0,0%,100%,.2);z-index:20;border-radius:0 0 24px 24px}.fullscreen-progress-fill{height:100%;background:#fff;transition:width .1s linear}@media (min-width:768px){.video-wrapper:not(.fullscreen){width:420px;height:420px}.control-button{width:64px;height:64px}.control-button svg{width:28px;height:28px}}@media (min-width:1024px){.video-wrapper:not(.fullscreen){width:480px;height:480px}.control-button{width:72px;height:72px}.control-button svg{width:32px;height:32px}}.wrapper{background-image:url(/assets/images/hero/how-cover.webp);background-size:cover;background-position:50%;background-repeat:no-repeat}.wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#070707;opacity:.7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.home-page-container{max-width:120rem;margin:0 auto;padding:0 2.5rem}@media(max-width:1350px){.home-page-container{max-width:100%}}