.lab-browser{background:#0d1726;border-radius:clamp(7px,.7vw,12px);display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px -24px #000000bf,0 12px 30px -12px #00000080}.lab-browser__bar{background:linear-gradient(#18263b,#132034);border-bottom:1px solid #ffffff12;align-items:center;gap:clamp(4px,.38vw,7px);height:clamp(18px,1.85vw,32px);padding-inline:clamp(8px,.9vw,15px);display:flex}.lab-browser__bar i{aspect-ratio:1;background:#fff3;border-radius:50%;width:clamp(5px,.5vw,9px)}.lab-browser__url{font:450 clamp(6px,.62vw,11px)/1 var(--lab-sans,"Onest Variable",Arial,sans-serif);letter-spacing:.02em;color:#ffffff9e;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff12;border-radius:999px;flex:0 46%;margin-inline:auto;padding:.35em 1em;overflow:hidden;transform:translate(-12%)}.lab-browser img{width:100%;height:auto;display:block}.lab-phone{background:linear-gradient(145deg,#2b2f36,#0b0c0e 46%,#1d2026);border-radius:16%/7.4%;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 34px 70px -22px #000c,0 14px 26px -10px #0000008c;container-type:inline-size}.lab-phone__screen{aspect-ratio:780/1688;background:#0a2342;border-radius:12.5%/5.8%;margin:3.6cqw;display:block;position:relative;overflow:hidden}.lab-phone img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.lab-stage{isolation:isolate;display:block;position:relative;overflow:hidden}.lab-stage--alligo{background:radial-gradient(120% 90% at 78% 110%,#3a2a4f 0%,#0000 60%),radial-gradient(80% 70% at 10% -10%,#2c3566 0%,#0000 62%),#22294f}.lab-stage--alligo .lab-stage__grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px)}.lab-stage--alligo .lab-stage__glow{background:radial-gradient(circle,#ff4e4552,#ff4e4500 65%)}.lab-stage--alligo .lab-compo__mark{aspect-ratio:364.77/395;width:4.4%;top:5.5%;left:7%}.lab-compo__intro--alligo{background:#22294f}.lab-compo__intro--alligo .al-logo{will-change:transform;width:46%;height:auto}.al-logo{display:block;overflow:visible}.al-logo__lean{transform-box:view-box;transform-origin:0 395px}.al-logo__pave{transform-box:fill-box;transform-origin:50% 100%}.al-logo--once .al-logo__pave{transform:scaleY(0)}.al-logo--once .al-logo__lean{transform:skew(15.84deg)}.is-playing .al-logo--once .al-logo__pave{animation:.65s cubic-bezier(.2,.8,.2,1) both al-pave}.is-playing .al-logo--once .al-logo__pave--2{animation-delay:.14s}.is-playing .al-logo--once .al-logo__lean{animation:.6s cubic-bezier(.3,1.5,.5,1) .95s both al-lean}.al-logo--loop .al-logo__pave{animation:3.6s infinite both al-pave-loop}.al-logo--loop .al-logo__pave--2{animation-name:al-pave-loop-2}.al-logo--loop .al-logo__lean{animation:3.6s infinite both al-lean-loop}@keyframes al-pave{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes al-lean{0%{transform:skew(15.84deg)}to{transform:skew(0)}}@keyframes al-pave-loop{0%{animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:scaleY(0)}18%,to{transform:scaleY(1)}}@keyframes al-pave-loop-2{0%,4%{animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:scaleY(0)}22%,to{transform:scaleY(1)}}@keyframes al-lean-loop{0%,28%{animation-timing-function:cubic-bezier(.3,1.5,.5,1);transform:skew(15.84deg)}44%,to{transform:skew(0)}}.al-ll{display:block;overflow:visible}.al-ll__pave{transform-box:fill-box;transform-origin:50% 100%;animation:4.2s infinite both al-ll-pave}.al-ll__pave--2{animation-name:al-ll-pave-2}.al-ll__strokes{animation:4.2s infinite both al-ll-fade}@keyframes al-ll-pave{0%{animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:scaleY(0)}16%,to{transform:scaleY(1)}}@keyframes al-ll-pave-2{0%,3.5%{animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:scaleY(0)}19.5%,to{transform:scaleY(1)}}@keyframes al-ll-fade{0%,86%{opacity:1}96%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.al-logo .al-logo__pave,.al-logo .al-logo__lean,.al-ll__pave,.al-ll__strokes{opacity:1!important;animation:none!important;transform:none!important}}.lab-stage--src{background:radial-gradient(120% 90% at 78% 110%,#0d3a52 0%,#0000 60%),radial-gradient(80% 70% at 10% -10%,#11305a 0%,#0000 62%),#0a2342}.lab-stage__grid{z-index:-1;background-image:linear-gradient(#c7ffda0e 1px,#0000 1px),linear-gradient(90deg,#c7ffda0e 1px,#0000 1px);background-size:clamp(22px,2.4vw,44px) clamp(22px,2.4vw,44px);position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(90% 80% at 50% 45%,#000 30%,#0000 85%);mask-image:radial-gradient(90% 80% at 50% 45%,#000 30%,#0000 85%)}.lab-stage__glow{z-index:-1;aspect-ratio:1;filter:blur(10px);background:radial-gradient(circle,#087e8b8c,#087e8b00 65%);border-radius:50%;width:62%;transition:opacity .9s,transform 1.4s cubic-bezier(.22,1,.36,1);position:absolute;top:30%;left:44%}.lab-src-mark{aspect-ratio:604/278;display:block;position:relative}.lab-src-mark img{width:100%;height:100%;position:absolute;inset:0}.lab-src-mark__arc{animation:2.6s ease-in-out infinite lab-arc}.lab-src-mark__arc--outer{animation-delay:.28s}@keyframes lab-arc{0%,30%,to{opacity:1}65%{opacity:.25}}.lab-compo__intro{z-index:5;pointer-events:none;background:#0a2342;place-items:center;display:grid;position:absolute;inset:0}.lab-compo__intro[hidden]{display:none}.lab-compo__intro video{will-change:transform;width:56%;height:auto}.lab-compo{aspect-ratio:16/11}.lab-compo__mark{opacity:.95;width:9%;position:absolute;top:6.5%;left:5.5%}.lab-compo__browser{width:76%;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;top:17%;left:7%}.lab-compo__phone{width:23%;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-12%;right:5%}@media (hover:hover) and (pointer:fine){.lab-hover:hover .lab-compo__browser{transform:translateY(-1.5%)scale(1.012)}.lab-hover:hover .lab-compo__phone{transform:translateY(-6%)rotate(-1.5deg)}.lab-hover:hover .lab-stage__glow{transform:translate(-6%,-8%)scale(1.15)}}@media (prefers-reduced-motion:reduce){.lab-src-mark__arc{opacity:1;animation:none}.lab-compo__browser,.lab-compo__phone,.lab-stage__glow{transition:none}}@media (hover:hover) and (pointer:fine){.lab-compo__mark{pointer-events:auto}.lab-src-mark__arc{opacity:1;animation:none}.lab-src-mark.is-once .lab-src-mark__arc{animation:1.1s ease-out both lab-arc-once}.lab-src-mark.is-once .lab-src-mark__arc--outer{animation-delay:.25s}.al-ll__pave,.al-ll__strokes{animation:none}.al-ll.is-once .al-ll__pave{animation:.65s cubic-bezier(.2,.8,.2,1) both al-pave}.al-ll.is-once .al-ll__pave--2{animation-delay:.14s}}@keyframes lab-arc-once{0%{opacity:0}45%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.lab-src-mark.is-once .lab-src-mark__arc,.al-ll.is-once .al-ll__pave{animation:none!important}}.is-once .al-logo--hover .al-logo__pave{animation:.65s cubic-bezier(.2,.8,.2,1) both al-pave}.is-once .al-logo--hover .al-logo__pave--2{animation-delay:.14s}.is-once .al-logo--hover .al-logo__lean{animation:.6s cubic-bezier(.3,1.5,.5,1) .7s both al-lean}.lab-next__media:has(.lab-next__mark){grid-template-columns:minmax(0,1fr)}.lab-next__mark{justify-self:center;width:20%}@media (hover:hover) and (pointer:fine){.is-once .lab-next__mark .lab-src-mark__arc{animation:1.1s ease-out both lab-arc-once}.is-once .lab-next__mark .lab-src-mark__arc--outer{animation-delay:.25s}}