.video-ui{position:absolute;right:12px;bottom:120px;display:flex;flex-direction:column;gap:18px;z-index:10;pointer-events:auto}.video-ui .video-btn{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:20px;backdrop-filter:blur(6px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.video-ui .video-btn:hover{background:rgba(0,0,0,.8)}.video-ui .video-btn:focus-visible{outline:2px solid hsla(0,0%,100%,.6);outline-offset:2px}.video-btn-like,.video-btn-share{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:20px;backdrop-filter:blur(6px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.video-btn-like:hover,.video-btn-share:hover{background:rgba(0,0,0,.8)}.video-caption{position:absolute;bottom:20px;left:16px;right:80px;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.8);z-index:10;pointer-events:none}:root{--ease:cubic-bezier(0.19,1,0.22,1)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:80px 120px;gap:80px;background:linear-gradient(135deg,#1b1235,#0d1028);opacity:0;transform:translateY(30px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.hero.visible{opacity:1;transform:translateY(0)}.hero-left{max-width:520px;position:relative;z-index:2}.hero-logo{width:72px;margin-bottom:20px}.hero-left .hero-title,.hero-left h1,.hero-title{font-size:48px;line-height:1.1;margin-bottom:16px;font-weight:600;color:#fff}.hero-left p,.hero-sub{opacity:.8;margin-bottom:24px;color:hsla(0,0%,100%,.9);line-height:1.6}.hero-sub{margin-bottom:24px}.hero-buttons{display:flex;gap:16px;margin-bottom:30px}.hero-right{flex-shrink:0}.hero-phone-wrap{display:flex;align-items:center;justify-content:center}.phone-mockup{width:360px;height:720px;border-radius:32px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.5)}.btn-primary{padding:14px 26px;border-radius:14px;border:none;background:linear-gradient(135deg,#7b61ff,#9f7cff);color:#fff;font-weight:600;box-shadow:0 10px 30px rgba(123,97,255,.4);transition:.4s var(--ease);text-decoration:none;cursor:pointer}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(123,97,255,.6)}.btn-secondary{padding:14px 26px;border-radius:14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);color:#fff;font-weight:500;transition:.4s var(--ease);text-decoration:none;cursor:pointer}.btn-secondary:hover{background:hsla(0,0%,100%,.1);transform:translateY(-4px)}.hero-decor{position:relative;margin-top:40px}.hero-decor .hero-man{position:relative;width:220px;display:block}.hero-decor .hero-phones{position:absolute;right:-80px;bottom:-40px;width:200px}.hero-visuals{position:relative;margin-top:60px;width:480px;height:260px}.hero-man{left:0;width:260px;z-index:2}.hero-man,.hero-phone{position:absolute;bottom:0}.hero-phone{width:170px;z-index:1;transition:transform .4s var(--ease)}.phone-1{left:230px}.phone-2{left:290px;transform:scale(.92);opacity:.9}.hero-visuals:hover .phone-1{transform:translateX(8px)}.hero-visuals:hover .phone-2{transform:translateX(14px) scale(.95)}.video-wrapper{position:relative;transition:transform .6s var(--ease);width:360px;aspect-ratio:9/16;overflow:hidden;border-radius:28px;box-shadow:0 0 80px rgba(123,97,255,.35),0 25px 60px rgba(0,0,0,.6)}.heroVideoFeed{height:100%;width:100%;overflow-y:auto;scroll-snap-type:y mandatory;position:absolute;inset:0;border-radius:28px}.heroVideoSlide{height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;flex-shrink:0}.heroVideoSlide video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:28px}.video-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);gap:12px;padding:10px 16px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);border-radius:14px;z-index:10}.video-btn,.video-controls{display:flex;align-items:center}.video-btn{justify-content:center;width:40px;height:40px;border:none;background:hsla(0,0%,100%,.15);color:#fff;border-radius:10px;cursor:pointer;transition:background .2s var(--ease)}.video-btn:hover{background:hsla(0,0%,100%,.25)}.video-btn:focus-visible{outline:2px solid rgba(123,97,255,.8);outline-offset:2px}.hero-video{width:100%;height:100%;border-radius:28px;-o-object-fit:cover;object-fit:cover}@media (max-width:900px){.hero{flex-direction:column;text-align:center;padding:60px 5%;gap:40px}.hero-left{max-width:100%}.hero-buttons{justify-content:center}.hero-visuals{display:none}.hero-phone-wrap{margin-top:40px}.phone-mockup{height:min(720px,calc(100vw * 2 - 40px))}.phone-mockup,.video-wrapper{width:min(360px,calc(100vw - 40px))}.video-wrapper{margin-top:40px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}