.vbt-hero--cinematic{--vbt-hero-glass: rgba(12, 16, 22, .78);--vbt-hero-line: rgba(255, 255, 255, .14);--vbt-hero-soft: #aeb5c0;isolation:isolate}.vbt-hero--cinematic .vbt-hero__prologue{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,710px);margin:0 0 22px;color:#8f97a4;font:700 .69rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.105em;text-transform:uppercase}.vbt-hero--cinematic .vbt-hero__availability{display:inline-flex;align-items:center;gap:9px;color:#dce1e8}.vbt-hero--cinematic .vbt-hero__availability i,.vbt-hero-node span i,.vbt-hero-mobile__signal-chip i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--vbt-mint);box-shadow:0 0 0 5px #9bf5cf14,0 0 16px #9bf5cf94}.vbt-hero--cinematic .vbt-kicker{margin-bottom:18px}.vbt-hero--cinematic .vbt-hero__copy .vbt-display{max-width:8.9ch}.vbt-hero--cinematic .vbt-hero__copy .vbt-lead{max-width:620px}.vbt-hero-scene{position:relative;min-height:670px;isolation:isolate;perspective:1500px}.vbt-hero-scene:before{content:"";position:absolute;z-index:-2;top:10%;right:4%;bottom:8%;left:7%;border-radius:46% 54% 52% 48%;background:radial-gradient(circle at 35% 36%,rgba(74,102,255,.38),transparent 48%),radial-gradient(circle at 72% 72%,rgba(155,245,207,.16),transparent 42%),#ffffff05;filter:blur(5px);transform:rotate(-3deg)}.vbt-hero-scene:after{content:"";position:absolute;z-index:-1;top:17%;right:3%;bottom:10%;left:14%;border:1px solid rgba(255,255,255,.055);border-radius:42% 58% 44% 56%;transform:rotate(8deg);box-shadow:0 0 0 44px #4a66ff05,0 0 0 88px #9bf5cf02}.vbt-hero__edition{position:absolute;z-index:6;left:76px;top:30px;color:#ffffff85;font:700 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.vbt-hero-route{position:absolute;z-index:0;top:-18px;right:-20px;bottom:-18px;left:-18px;width:calc(100% + 38px);height:calc(100% + 36px);overflow:visible;pointer-events:none}.vbt-hero-route__aura,.vbt-hero-route__rail,.vbt-hero-route__signal{fill:none;stroke-linecap:round;stroke-linejoin:round}.vbt-hero-route__aura{stroke:#4a66ff33;stroke-width:28;filter:blur(14px)}.vbt-hero-route__rail{stroke:#ffffff2b;stroke-width:1.5}.vbt-hero-route__signal{stroke:url(#vbtHeroLineGradient);stroke-width:3.5;stroke-dasharray:13 15;animation:vbtHeroRouteDash 12s linear infinite;filter:drop-shadow(0 0 8px rgba(155,245,207,.2))}.vbt-hero-route__node{fill:#0b0e13;stroke:#ffffff80;stroke-width:2}.vbt-hero-route__traveler{fill:#fff;stroke:var(--vbt-mint);stroke-width:3}@keyframes vbtHeroRouteDash{to{stroke-dashoffset:-112}}.vbt-hero-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none}.vbt-hero-orb--one{right:2%;top:16%;width:154px;height:154px;background:radial-gradient(circle,rgba(155,245,207,.19),rgba(155,245,207,.02) 58%,transparent 72%);filter:blur(2px);animation:vbtHeroOrbOne 7s ease-in-out infinite alternate}.vbt-hero-orb--two{left:13%;bottom:12%;width:210px;height:210px;background:radial-gradient(circle,rgba(74,102,255,.23),rgba(74,102,255,.025) 60%,transparent 74%);filter:blur(4px);animation:vbtHeroOrbTwo 9s ease-in-out infinite alternate}@keyframes vbtHeroOrbOne{to{transform:translate3d(-16px,14px,0) scale(1.08);opacity:.72}}@keyframes vbtHeroOrbTwo{to{transform:translate3d(18px,-12px,0) scale(.93);opacity:.72}}.vbt-hero--cinematic .vbt-signal-card{border-color:#ffffff2b;background:#0c1016bd;backdrop-filter:blur(18px) saturate(128%);-webkit-backdrop-filter:blur(18px) saturate(128%)}.vbt-hero--cinematic .vbt-signal-card--main{z-index:2;top:86px;right:12px;bottom:88px;left:66px;overflow:hidden;border-radius:28px;box-shadow:0 46px 110px #0000007a,0 0 0 1px #ffffff06 inset,0 0 70px #4a66ff14}.vbt-hero-window .vbt-browserbar{position:relative;z-index:3;height:48px;padding:0 14px;background:linear-gradient(180deg,#272c37f0,#191d25f0)}.vbt-browserbar__url{min-width:0;flex:1;margin-left:7px;overflow:hidden;color:#858d9a;font:600 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.vbt-browserbar__state{display:inline-flex;align-items:center;gap:7px;color:#bcc3cc;font:700 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.vbt-browserbar__state b{width:6px;height:6px;border-radius:50%;background:var(--vbt-mint);box-shadow:0 0 11px #9bf5cfbf}.vbt-hero-window>img{width:100%;height:calc(100% - 48px);object-fit:cover;object-position:center top}.vbt-hero-window:after{content:"";position:absolute;z-index:2;top:48px;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.075) 45%,transparent 61%),linear-gradient(to top,rgba(5,7,10,.5),transparent 35%);background-size:230% 100%,100% 100%;background-position:160% 0,0 0;animation:vbtHeroWindowSheen 8s ease-in-out infinite}@keyframes vbtHeroWindowSheen{0%,66%,to{background-position:160% 0,0 0}82%{background-position:-80% 0,0 0}}.vbt-hero-window__caption{position:absolute;z-index:4;left:22px;bottom:20px;max-width:260px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:#070a0eb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.vbt-hero-window__caption small{display:block;margin-bottom:5px;color:var(--vbt-mint);font:700 .57rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.vbt-hero-window__caption strong{display:block;color:#f3f5f8;font-size:.84rem;letter-spacing:-.015em}.vbt-hero--cinematic .vbt-signal-card--phone{z-index:5;right:-10px;bottom:24px;width:158px;aspect-ratio:9 / 17.8;padding:7px;border-radius:32px;box-shadow:0 34px 78px #00000094,0 0 0 1px #ffffff0a inset,0 0 44px #9bf5cf12}.vbt-hero-phone img{width:100%;height:100%;border-radius:25px;object-fit:cover;object-position:center top}.vbt-hero-phone__notch,.vbt-hero-phone__home{position:absolute;z-index:3;left:50%;border-radius:999px;background:#050608;transform:translate(-50%)}.vbt-hero-phone__notch{top:12px;width:42%;height:13px}.vbt-hero-phone__home{bottom:11px;width:31%;height:4px;background:#ffffffc2}.vbt-hero-node{position:absolute;z-index:6;min-width:214px;padding:14px 16px 15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#090d12c7;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 20px 48px #0000004d}.vbt-hero-node span{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#8f98a6;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.vbt-hero-node span i{width:6px;height:6px;flex-basis:6px;box-shadow:0 0 11px #9bf5cfa6}.vbt-hero-node strong{display:block;color:#edf0f4;font-size:.82rem;line-height:1.25;letter-spacing:-.012em}.vbt-hero-node--system{right:66px;top:24px;animation:vbtHeroNodeFloatA 6.5s ease-in-out infinite}.vbt-hero-node--decision{left:0;bottom:44px;animation:vbtHeroNodeFloatB 7.5s ease-in-out infinite}@keyframes vbtHeroNodeFloatA{50%{transform:translate3d(0,-7px,0)}}@keyframes vbtHeroNodeFloatB{50%{transform:translate3d(0,7px,0)}}.vbt-hero-stamp{position:absolute;z-index:6;left:8px;top:134px;width:82px;height:82px;display:grid;place-content:center;justify-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(155,245,207,.12),transparent 50%),#080b0fc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px #00000047}.vbt-hero-stamp:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed rgba(255,255,255,.19);border-radius:inherit;animation:vbtHeroStampSpin 18s linear infinite}.vbt-hero-stamp strong{color:#fff;font-size:1.24rem;letter-spacing:-.06em}.vbt-hero-stamp span{margin-top:3px;color:var(--vbt-mint);font:700 .47rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}@keyframes vbtHeroStampSpin{to{transform:rotate(360deg)}}@media(min-width:901px)and (max-width:1180px){.vbt-hero-scene{min-height:570px}.vbt-hero--cinematic .vbt-signal-card--main{top:78px;right:12px;bottom:78px;left:50px;border-radius:24px}.vbt-hero--cinematic .vbt-signal-card--phone{width:126px;right:-5px;bottom:18px}.vbt-hero-node{min-width:184px;padding:12px 13px}.vbt-hero-node--system{right:38px}.vbt-hero-node--decision{bottom:30px}.vbt-hero-stamp{width:68px;height:68px;top:126px}.vbt-hero__edition{left:58px}}@media(min-width:768px)and (max-width:900px){.vbt-hero--cinematic .vbt-hero__grid{gap:36px}.vbt-hero--cinematic .vbt-hero__copy{max-width:760px}.vbt-hero-scene{width:min(100%,760px);min-height:620px;margin-inline:auto}.vbt-hero--cinematic .vbt-signal-card--main{top:82px;right:30px;bottom:82px;left:72px}.vbt-hero-node--system{right:94px}.vbt-hero-node--decision{left:6px}}@media(max-width:767px){.template-index .vbt-hero--cinematic{min-height:auto!important;padding:90px 0 36px!important;overflow:hidden!important;background:radial-gradient(circle at 90% 9%,rgba(74,102,255,.27),transparent 30%),radial-gradient(circle at 6% 72%,rgba(155,245,207,.11),transparent 31%),#07090c!important}.template-index .vbt-hero--cinematic:after{display:none!important}.template-index .vbt-hero--cinematic:before{opacity:.3!important;background-size:42px 42px!important;-webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.58) 58%,transparent 96%)!important;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.58) 58%,transparent 96%)!important}.template-index .vbt-hero--cinematic .vbt-hero__grid{display:block!important}.template-index .vbt-hero--cinematic .vbt-hero__prologue{margin-bottom:16px;font-size:.61rem;letter-spacing:.08em}.template-index .vbt-hero--cinematic .vbt-hero__location{display:none}.template-index .vbt-hero--cinematic .vbt-kicker{margin-bottom:13px!important;font-size:.66rem!important;letter-spacing:.105em!important}.template-index .vbt-hero--cinematic .vbt-hero__copy .vbt-display{width:100%!important;max-width:9.25ch!important;margin:0!important;font-size:clamp(3rem,14.45vw,4.35rem)!important;line-height:.91!important;letter-spacing:-.052em!important;text-wrap:balance!important}.template-index .vbt-hero--cinematic .vbt-hero__copy .vbt-display em{display:block!important}.template-index .vbt-hero--cinematic .vbt-hero__copy .vbt-lead{max-width:34ch!important;margin:18px 0 22px!important;font-size:clamp(1rem,4.15vw,1.1rem)!important;line-height:1.55!important;text-wrap:pretty!important}.template-index .vbt-hero--cinematic .vbt-hero__actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:460px!important}.template-index .vbt-hero--cinematic .vbt-hero__actions .vbt-button{width:100%!important;min-height:52px!important;padding:0 18px!important;justify-content:center!important}.template-index .vbt-hero--cinematic .vbt-hero__actions .vbt-button--ghost{background:#ffffff0b!important;border-color:#ffffff2b!important}.template-index .vbt-hero--cinematic .vbt-hero-mobile__principles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:17px!important}.template-index .vbt-hero--cinematic .vbt-hero-mobile__principles span{min-width:0;padding:10px 5px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff08;color:#aeb5c0;font:700 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em;text-align:center;text-transform:uppercase}.template-index .vbt-hero--cinematic .vbt-hero__signal--desktop,.template-index .vbt-hero--cinematic .vbt-hero__meta-bar--desktop,.template-index .vbt-hero--cinematic .vbt-hero__rail--desktop{display:none!important}.template-index .vbt-hero--cinematic .vbt-hero-mobile{position:relative;display:block!important;width:100%;margin-top:27px;padding:10px;overflow:hidden;border:1px solid transparent;border-radius:29px;background:linear-gradient(#0b0f14e8,#0b0f14e8) padding-box,linear-gradient(145deg,#9bf5cf5c,#ffffff14 38%,#4a66ff6b) border-box;box-shadow:0 30px 82px #0000005c,0 0 54px #4a66ff0e;isolation:isolate}.template-index .vbt-hero-mobile__header{min-height:44px;padding:0 5px 9px}.template-index .vbt-hero-mobile__header .vbt-mono{font-size:.58rem;letter-spacing:.09em}.template-index .vbt-hero-mobile__live{font-size:.66rem}.template-index .vbt-hero-mobile__canvas{position:relative;min-height:clamp(382px,116vw,500px);overflow:hidden;border-radius:23px;background:radial-gradient(circle at 50% 45%,rgba(74,102,255,.34),transparent 34%),radial-gradient(circle at 82% 76%,rgba(155,245,207,.14),transparent 28%),linear-gradient(145deg,#121823,#080b10 74%)}.template-index .vbt-hero-mobile__canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:35px 35px;-webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 78%);mask-image:radial-gradient(circle at center,#000 0,transparent 78%)}.template-index .vbt-hero-mobile__canvas:after{content:"";position:absolute;inset:auto 6% 2% 6%;height:28%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(74,102,255,.19),transparent 68%);filter:blur(10px)}.template-index .vbt-hero-mobile__route{position:absolute;z-index:1;top:-3%;right:-3%;bottom:-3%;left:-3%;width:106%;height:106%;overflow:visible;pointer-events:none}.vbt-hero-mobile__route-aura,.vbt-hero-mobile__route-rail,.vbt-hero-mobile__route-signal{fill:none;stroke-linecap:round;stroke-linejoin:round}.vbt-hero-mobile__route-aura{stroke:#4a66ff38;stroke-width:24;filter:blur(13px)}.vbt-hero-mobile__route-rail{stroke:#ffffff2e;stroke-width:1.4}.vbt-hero-mobile__route-signal{stroke:url(#vbtHeroMobileGradient);stroke-width:3;stroke-dasharray:10 12;animation:vbtHeroMobileDash 10s linear infinite}.vbt-hero-mobile__route-node{fill:#090c11;stroke:#ffffff87;stroke-width:2}.vbt-hero-mobile__route-traveler{fill:#fff;stroke:var(--vbt-mint);stroke-width:3}@keyframes vbtHeroMobileDash{to{stroke-dashoffset:-88}}.template-index .vbt-hero-mobile__halo{z-index:1;width:min(83vw,350px);border:0;background:conic-gradient(from 20deg,#9bf5cf57,#4a66ff0a 31%,#ffffff2e 52%,#4a66ff42 72%,#9bf5cf57);box-shadow:none;opacity:.56;-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 65%,transparent 66%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 65%,transparent 66%);animation:vbtHeroMobileHalo 18s linear infinite}@keyframes vbtHeroMobileHalo{to{transform:translate(-50%,-50%) rotate(360deg)}}.template-index .vbt-hero-mobile__phone{z-index:3;top:49%;width:min(54vw,214px);padding:7px;border-color:#ffffff40;background:#040507;box-shadow:0 34px 76px #00000094,0 0 0 1px #ffffff0b inset,0 0 62px #4a66ff14;animation:vbtHeroMobilePhoneFloat 5.8s ease-in-out infinite}@keyframes vbtHeroMobilePhoneFloat{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 7px))}}.template-index .vbt-hero-mobile__phone img{border-radius:23px}.template-index .vbt-hero-mobile__screen-sheen{position:absolute;z-index:2;top:7px;right:7px;bottom:7px;left:7px;overflow:hidden;border-radius:23px;pointer-events:none}.template-index .vbt-hero-mobile__screen-sheen:before{content:"";position:absolute;inset:-25% auto -25% -75%;width:44%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(13deg);animation:vbtHeroMobileSheen 7.5s ease-in-out infinite}@keyframes vbtHeroMobileSheen{0%,62%,to{left:-75%}82%{left:145%}}.template-index .vbt-hero-mobile__callout{z-index:4;width:min(39vw,150px);padding:12px 13px;border-color:#ffffff26;background:#080c11cc;box-shadow:0 18px 42px #0000004d}.template-index .vbt-hero-mobile__callout--one{left:10px;top:22%;animation:vbtHeroMobileCardA 6.5s ease-in-out infinite}.template-index .vbt-hero-mobile__callout--two{right:10px;bottom:20%;animation:vbtHeroMobileCardB 7.2s ease-in-out infinite}@keyframes vbtHeroMobileCardA{50%{transform:translate3d(0,-6px,0)}}@keyframes vbtHeroMobileCardB{50%{transform:translate3d(0,6px,0)}}.template-index .vbt-hero-mobile__signal-chip{position:absolute;z-index:5;left:50%;bottom:12px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 24px);padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#06090dd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#c4cad3;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);box-shadow:0 12px 30px #0000003d}.template-index .vbt-hero-mobile__signal-chip i{width:6px;height:6px;flex-basis:6px}.template-index .vbt-hero-mobile__footer{margin-top:9px;border-color:#ffffff1c}.template-index .vbt-hero-mobile__footer span{min-width:0;padding:11px 5px;font-size:.56rem;letter-spacing:.065em}}@media(max-width:390px){.template-index .vbt-hero--cinematic{padding-top:84px!important}.template-index .vbt-hero--cinematic .vbt-hero__copy .vbt-display{max-width:9.05ch!important;font-size:clamp(2.86rem,14.7vw,3.65rem)!important}.template-index .vbt-hero--cinematic .vbt-hero-mobile{margin-top:23px;padding:8px;border-radius:24px}.template-index .vbt-hero-mobile__canvas{min-height:360px;border-radius:19px}.template-index .vbt-hero-mobile__phone{width:min(55vw,190px);border-radius:27px}.template-index .vbt-hero-mobile__phone img,.template-index .vbt-hero-mobile__screen-sheen{border-radius:20px}.template-index .vbt-hero-mobile__callout{width:124px;padding:10px 11px}.template-index .vbt-hero-mobile__callout strong{font-size:.72rem}.template-index .vbt-hero-mobile__signal-chip{font-size:.52rem;letter-spacing:.035em}}@media(max-width:340px){.template-index .vbt-hero-mobile__callout--two{display:none}.template-index .vbt-hero-mobile__principles span{font-size:.51rem}.template-index .vbt-hero-mobile__signal-chip{max-width:calc(100% - 12px);padding-inline:10px}}@media(orientation:landscape)and (max-height:560px)and (max-width:950px)and (pointer:coarse){.template-index .vbt-hero--cinematic{padding:78px 0 28px!important}.template-index .vbt-hero--cinematic .vbt-hero__prologue{max-width:620px}.template-index .vbt-hero--cinematic .vbt-hero__copy .vbt-display{max-width:11ch!important;font-size:clamp(2.75rem,6.8vw,4rem)!important}.template-index .vbt-hero--cinematic .vbt-hero__copy .vbt-lead{max-width:50ch!important;margin:14px 0 18px!important}.template-index .vbt-hero--cinematic .vbt-hero__actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:540px!important}.template-index .vbt-hero--cinematic .vbt-hero-mobile{display:none!important}}@media(prefers-reduced-motion:reduce){.vbt-hero-route__signal,.vbt-hero-orb,.vbt-hero-node,.vbt-hero-stamp:before,.vbt-hero-window:after,.vbt-hero-mobile__route-signal,.vbt-hero-mobile__halo,.vbt-hero-mobile__phone,.vbt-hero-mobile__screen-sheen:before,.vbt-hero-mobile__callout{animation:none!important}.vbt-hero-route__traveler,.vbt-hero-mobile__route-traveler{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/vbt26-hero-cinematic.css.map */