.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-entrance-ease:cubic-bezier(0.22,1,0.36,1)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:80px 120px;gap:clamp(28px,4vw,56px);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-content{flex:1 1 0;min-width:0;max-width:560px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.hero-content .hero-app-promo{margin-top:20px;align-self:center;max-width:248px;opacity:.97}.hero-left{flex:1 1 0;min-width:0;max-width:560px;flex-direction:column;align-items:flex-start}.hero-left,.hero-visual{position:relative;z-index:2;display:flex}.hero-visual{flex:0 0 auto;flex-shrink:0;align-items:center;justify-content:center;--hero-glow-x:0%;--hero-glow-y:0%}.hero-visual:before{content:"";position:absolute;left:50%;top:52%;width:min(380px,42vw);height:min(480px,58vh);transform:translate(calc(-50% + var(--hero-glow-x, 0%)),calc(-50% + var(--hero-glow-y, 0%)));pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(ellipse 70% 65% at 50% 48%,rgba(123,97,255,.26) 0,rgba(90,72,180,.08) 42%,transparent 68%);filter:blur(42px);opacity:.55}.hero-visual__stage{position:relative;z-index:2;animation:hero-entrance-phone .8s var(--hero-entrance-ease) both;animation-delay:.28s}.hero-visual__parallax,.hero-visual__stage{display:flex;align-items:center;justify-content:center}.hero-visual__parallax{--hero-parallax-x:0px;--hero-parallax-y:0px;transform:translate3d(var(--hero-parallax-x,0),var(--hero-parallax-y,0),0)}.hero-visual__float{display:flex;align-items:center;justify-content:center}@keyframes hero-ambient-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-visual:before{transition:transform .45s ease-out}.hero-visual__parallax{transition:transform .2s ease-out;will-change:transform}.hero-visual__float{animation:hero-ambient-float 7s ease-in-out infinite}}@keyframes hero-entrance-title{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hero-entrance-soft{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hero-entrance-sub{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:.88;transform:translateZ(0)}}@keyframes hero-entrance-phone{0%{opacity:0;transform:translate3d(0,20px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}.hero-content .hero-title__line{display:block;animation:hero-entrance-title .7s var(--hero-entrance-ease) both}.hero-content .hero-title__line:first-child{animation-delay:0ms}.hero-content .hero-title__line:nth-child(2){animation-delay:.12s}.hero-content .hero-title__line:nth-child(3){animation-delay:.24s}.hero-content .hero-sub{animation:hero-entrance-sub .7s var(--hero-entrance-ease) both;animation-delay:.36s}.hero-content .hero-cta .btn-primary,.hero-content .hero-cta .btn-secondary{animation:hero-entrance-soft .7s var(--hero-entrance-ease) both}.hero-content .hero-cta .btn-primary{animation-delay:.44s}.hero-content .hero-cta .btn-secondary{animation-delay:.52s}.hero-app-promo{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:272px;scroll-margin-top:88px}.hero-app-promo__card{width:100%;padding:24px 22px 22px;border-radius:22px;background:linear-gradient(165deg,hsla(0,0%,100%,.04),rgba(18,14,36,.35));border:1px solid hsla(0,0%,100%,.06);box-shadow:0 8px 28px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-content .hero-app-promo .hero-app-promo__card{padding:18px 18px 16px;border-radius:18px;background:linear-gradient(165deg,hsla(0,0%,100%,.032),rgba(18,14,36,.28));border-color:hsla(0,0%,100%,.05);box-shadow:0 6px 22px rgba(0,0,0,.14)}.hero-app-promo__icon-wrap{margin:0 auto 14px;padding:3px;border-radius:20px;background:rgba(0,0,0,.12);border:1px solid hsla(0,0%,100%,.06);box-shadow:0 4px 20px rgba(0,0,0,.2);width:-moz-fit-content;width:fit-content}.hero-content .hero-app-promo .hero-app-promo__icon-wrap{margin-bottom:10px;box-shadow:0 3px 14px rgba(0,0,0,.14)}.hero-app-promo__icon{display:block;width:108px;height:auto;border-radius:18px;vertical-align:middle}.hero-content .hero-app-promo .hero-app-promo__icon{width:88px;border-radius:16px}.hero-app-promo__label{margin:0 0 8px;font-size:13px;font-weight:500;letter-spacing:.01em;color:hsla(0,0%,100%,.42);line-height:1.35}.hero-content .hero-app-promo .hero-app-promo__label{font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:hsla(0,0%,100%,.34);margin-bottom:10px}.hero-app-promo__stores{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:14px}.hero-content .hero-app-promo .hero-app-promo__stores{gap:8px;margin-bottom:10px}.hero-store-btn{display:block;width:100%;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .25s var(--ease);box-sizing:border-box;line-height:1.25}.hero-content .hero-app-promo .hero-store-btn{padding:11px 16px;font-size:13px;border-radius:12px}.hero-store-btn--play{color:#fff;border:none;background:linear-gradient(135deg,#7b61ff,#9f7cff);box-shadow:0 10px 30px rgba(123,97,255,.4)}.hero-content .hero-app-promo .hero-store-btn--play{box-shadow:0 6px 20px rgba(123,97,255,.28)}.hero-store-btn--play:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(123,97,255,.45)}.hero-content .hero-app-promo .hero-store-btn--play:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(123,97,255,.34)}.hero-store-btn--soon{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.36);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500;box-shadow:none}.hero-app-promo__share{position:relative;width:100%}.hero-share-btn{width:100%;padding:8px 12px;border-radius:10px;border:none;background:transparent;color:hsla(0,0%,100%,.4);font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease);font-family:inherit}.hero-share-btn:hover{color:hsla(0,0%,100%,.62);background:hsla(0,0%,100%,.04)}.hero-share-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:6px 0;border-radius:12px;background:rgba(16,12,32,.92);border:1px solid hsla(0,0%,100%,.07);box-shadow:0 10px 32px rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:20}.hero-share-menu__item{display:block;width:100%;padding:10px 16px;border:none;background:none;color:hsla(0,0%,100%,.88);font-size:13px;text-align:left;text-decoration:none;cursor:pointer;font-family:inherit;transition:background .15s var(--ease)}.hero-share-menu__item:hover{background:rgba(123,97,255,.14)}.hero-share-toast{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 8px);margin:0;padding:8px 14px;border-radius:10px;font-size:12px;white-space:nowrap;background:rgba(90,72,180,.92);color:hsla(0,0%,100%,.95);font-weight:600;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 8px 20px rgba(0,0,0,.22);z-index:21;pointer-events:none}.hero-logo{width:72px;margin-bottom:18px}.hero-content .hero-title,.hero-content h1,.hero-left .hero-title,.hero-left h1,.hero-title{font-size:clamp(1.85rem,4.1vw,3.05rem);line-height:1.18;margin-bottom:14px;font-weight:600;color:#fff;letter-spacing:-.02em}.hero-sub{opacity:.88;margin-bottom:22px;color:hsla(0,0%,100%,.88);line-height:1.58;max-width:34rem}.hero-content .hero-sub,.hero-left .hero-sub{max-width:36rem}.hero-buttons,.hero-cta{display:flex;gap:16px;margin-bottom:12px}.hero-meta{margin:0 0 18px;font-size:11.5px;font-weight:500;line-height:1.5;letter-spacing:.05em;text-transform:uppercase;color:hsla(0,0%,100%,.36);max-width:32rem}.phone-mockup{width:360px;height:720px;border-radius:32px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.5)}.hero-visual .phone-mockup{position:relative;z-index:2;width:min(332px,30vw);height:auto;aspect-ratio:9/16;max-height:min(680px,72vh);border-radius:28px;box-shadow:0 14px 48px rgba(0,0,0,.38);filter:saturate(.96) contrast(.98)}.hero-visual:after{content:"";position:absolute;inset:-4%;border-radius:36px;pointer-events:none;background:radial-gradient(65% 70% at 50% 45%,transparent 40%,rgba(13,16,40,.35) 100%);z-index:1}.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;position:relative;z-index:1}.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:48px 5% 56px;gap:32px;min-height:auto;justify-content:flex-start}.hero-content,.hero-left{flex:none;max-width:100%;align-items:center;order:1}.hero-content .hero-sub,.hero-left .hero-sub,.hero-sub{margin-left:auto;margin-right:auto;max-width:34rem}.hero-content .hero-app-promo{margin-top:14px;max-width:min(272px,92vw)}.hero-app-promo{max-width:min(300px,100%)}.hero-app-promo__card{padding:22px 20px 20px}.hero-content .hero-app-promo .hero-app-promo__card{padding:17px 16px 15px}.hero-visual{order:2;width:100%}.hero-buttons,.hero-cta{justify-content:center}.hero-meta{margin-left:auto;margin-right:auto}.hero-visuals{display:none}.phone-mockup{width:min(360px,calc(100vw - 40px));height:min(720px,calc(100vw * 2 - 40px))}.hero-visual .phone-mockup{width:min(292px,calc(100vw - 48px));max-height:min(560px,58vh);height:auto;aspect-ratio:9/16}.video-wrapper{margin-top:40px;width:min(360px,calc(100vw - 40px))}}@media (max-width:480px){.hero-buttons,.hero-cta{flex-direction:column;width:100%;max-width:280px;margin-left:auto;margin-right:auto}.hero-buttons .btn-primary,.hero-buttons .btn-secondary,.hero-cta .btn-primary,.hero-cta .btn-secondary{width:100%;text-align:center}}@media (prefers-reduced-motion:reduce){.hero-visual{--hero-glow-x:0%!important;--hero-glow-y:0%!important}.hero-visual__parallax{will-change:auto;--hero-parallax-x:0px!important;--hero-parallax-y:0px!important}.hero-visual:before{transform:translate(-50%,-50%)!important}*{animation:none!important;transition:none!important}}