.hero{background:#020204;height:calc(100svh - 150px);min-height:560px;position:relative;overflow:hidden}.hero .stage{position:absolute;inset:0;overflow:hidden}.hero .bg{background:linear-gradient(#197fff00 38%,#197fff0b 54%,#197fff0d 68%,#197fff08 100%),#020204;position:absolute;inset:0}.hero .stars{background:#fff;border-radius:50%;width:1px;height:1px;position:absolute;top:0;left:0}.hero .canvas{zoom:var(--k,1);width:1172px;height:657px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero .canvas>*{position:absolute}.hero .stack{z-index:300;position:absolute;inset:0}.hero .stack>*{position:absolute}.hero .badge{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(0deg,#bee1ff2d 0,#bee1ff21 2px,#bee1ff13 4px,#bee1ff07 6px,#ffffff03 9px 100%);border:1px solid #ffffff1d;border-radius:12px;width:270px;height:39px;top:95px;left:452px;box-shadow:inset 0 1px #ffffff09}.hero .badge i{background:linear-gradient(0deg,#46afc8 0,#35abc7 2px,#0b859d 4px,#026c84 6px,#004e66 8px,#053f58 10px,#012c3d 12px,#031a2a 14px,#061125 16px,#090f25 19px,#090c1c 23px,#060d16 29px);border-radius:8px;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:4px;left:4px;box-shadow:inset 1px 0 #96dcfa66,inset -1px 0 #96dcfa85,0 0 6px #3cbee633,0 3px 8px -5px #5adcff99}.hero .badge i svg.badge-logo{width:21px;height:21px;position:relative;top:0}.hero .badge b{color:#fffffff0;white-space:nowrap;transform-origin:0;align-items:center;height:39px;padding-top:1.5px;font-size:13px;font-weight:400;display:flex;position:absolute;top:0;left:45px}.hero .h1{white-space:nowrap;letter-spacing:-.004em;word-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 34px #82b4ff38;z-index:300;font-size:54px;font-weight:900;line-height:1;left:586px;transform:translate(-50%)}.hero .h1 em{color:#0000;background:linear-gradient(#d9fbff 10%,#58d6f0 95%);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .sub{white-space:nowrap;color:#a9aeb5;z-index:300;font-size:13.2px;line-height:1;left:586px;transform:translate(-50%)}.hero .sub b{color:#fff;font-weight:600}.hero .ctas{z-index:300;gap:12px;display:flex;top:340px;left:586px;transform:translate(-50%)}.hero .ctas .btn-glow{border-radius:13px;height:50px;padding:0 26px;font-size:16px}.hero .ctas .btn-ghost{height:50px;padding:0 22px;font-size:15px}.hero .showcase{width:1172px;height:0;position:absolute;top:0;left:0}.hero .canvas{z-index:10}.hero .ring{z-index:5;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero .browser{width:842px;height:calc(99px + var(--fill,0px));z-index:100;border-radius:28px 28px 0 0;position:absolute;top:558px;left:165px;overflow:hidden;box-shadow:0 -14px 44px #0000008c}.hero .browser:before{content:"";background:#14141ad1;position:absolute;inset:42px 0 0}.hero .bar{-webkit-backdrop-filter:blur(6px)saturate(112%);backdrop-filter:blur(6px)saturate(112%);background:linear-gradient(#1418307a,#0f132694);width:100%;height:42px;position:absolute;top:0;left:0}.hero .dots{gap:2.6px;display:flex;position:absolute;top:16px;left:27px}.hero .dots i{border-radius:50%;width:7.6px;height:7.6px;display:block}.hero .omni{background:#090d1aed;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:336px;height:26px;display:flex;position:absolute;top:7px;left:246px;box-shadow:inset 0 0 0 1px #ffffff0b}.hero .omni svg{opacity:.72;width:9px;height:9px}.hero .omni span{color:#ffffffb8;font-size:9.5px}.hero .page{background:#0b0f16;border-radius:10px 10px 0 0;position:absolute;inset:42px 6px 0 7px;overflow:hidden}.hero .page img{width:100%;display:block}html.intro .hero .badge{opacity:0;translate:0 11px;scale:.985}html.intro .hero .h1{opacity:0;clip-path:inset(100% 0 -30%);translate:0 15px}html.intro .hero .sub{opacity:0;translate:0 10px}html.intro .hero .ctas{opacity:0;translate:0 13px}html.intro .hero .ring{opacity:0;translate:0 18px;scale:.99}html.intro .hero .browser{opacity:0;translate:0 26px}@media (prefers-reduced-motion:reduce){html.intro .hero .badge,html.intro .hero .h1,html.intro .hero .sub,html.intro .hero .ctas,html.intro .hero .ring,html.intro .hero .browser{opacity:1;clip-path:none;translate:none;scale:none}}@media (width>=701px) and (width<=1080px){.hero .stack{transform:translateY(var(--stshift,0px))}.hero .showcase{transform:translateY(var(--sshift,0px))}}@media (width<=700px){.hero{height:auto;min-height:100svh}.hero .stage{position:relative}.hero .canvas{flex-direction:column;align-items:center;width:100%;height:auto;min-height:100svh;padding:86px 20px 0;display:flex;position:relative;top:auto;left:auto;transform:none}.hero .canvas>*{position:static}.hero .stack{display:contents}.hero .badge{border-radius:18px;flex:none;width:auto;max-width:100%;height:36px;position:relative;top:auto;left:auto}.hero .badge b{height:36px;padding:0 15px 0 42px;font-size:12.5px;position:relative;top:auto;left:auto}.hero .badge i{width:28px;height:28px}.hero .h1{white-space:normal;text-align:center;letter-spacing:-.01em;max-width:9.5em;line-height:1.05;position:relative;left:auto;font-size:clamp(30px,9vw,38px)!important;top:auto!important;transform:none!important}.hero .h1.l1{margin-top:18px}.hero .sub{white-space:normal;text-align:center;max-width:340px;line-height:1.55;position:relative;left:auto;font-size:clamp(14px,3.9vw,15.5px)!important;top:auto!important;transform:none!important}.hero .sub.s1{margin-top:14px}.hero .ctas{flex-wrap:wrap;justify-content:center;margin-top:22px;position:relative;top:auto;left:auto;transform:none}.hero .showcase{flex:auto;width:100%;height:auto;min-height:260px;position:relative;top:auto;left:auto}.hero .ring{width:100%;height:100%;position:absolute;inset:0}.hero .browser{border-radius:22px 22px 0 0;width:calc(100% + 40px);height:auto;position:absolute;top:212px;bottom:0;left:50%;transform:translate(-50%)}.hero .bar{height:36px}.hero .omni{width:58%;height:24px;top:6px;left:50%;transform:translate(-50%)}.hero .dots{top:14px}.hero .page{top:36px}}