.vl{min-height:100vh;background:var(--color-paper-white);color:var(--color-ink-black);font:400 14px/1.3 var(--font-content);padding:0 16px 14vh}.vl a{color:inherit;text-decoration:none}.vl button{font:inherit;text-transform:uppercase;letter-spacing:.02em;padding:14px 22px;border:1px solid #000;background:#fff;color:#000;cursor:pointer}.vl button:hover,.vl-book:hover{background:#000;color:#fff}.vl-hero{max-width:980px;margin:0 auto;padding:22vh 0 6vh;text-align:center}.vl-hero h1{margin:0;overflow:hidden;font:400 clamp(56px,9vw,150px)/1 var(--font-title);letter-spacing:-.2vw}.vl-hero h1 i{display:inline-block;font-style:normal}.vl-hero p{max-width:620px;margin:22px auto 0;font-size:18px;line-height:1.4}.vl-fine{max-width:620px;margin:14px auto 0;font-size:12px;text-transform:uppercase;letter-spacing:.02em;opacity:.65}.vl-steps{max-width:980px;margin:0 auto 8vh;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #000}.vl-steps li{display:grid;gap:6px;padding:16px 12px 0 0}.vl-steps b{font-weight:400;font-size:12px}.vl-steps span{font:400 30px/1 var(--font-title)}.vl-steps small{font-size:12px;text-transform:uppercase;opacity:.65}.vl-stage{max-width:760px;margin:0 auto;text-align:center}.vl-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0}.vl-cam{position:relative;display:inline-block;max-width:100%}.vl-cam video{display:block;max-width:100%;max-height:70vh;transform:scaleX(-1);background:#000}.vl-oval{position:absolute;left:50%;top:46%;width:46%;aspect-ratio:3 / 4;translate:-50% -50%;border:1px dashed rgba(255,255,255,.8);border-radius:50%;pointer-events:none}.vl-cam button{position:absolute;left:50%;bottom:18px;translate:-50% 0}.vl-canvas{display:none;max-width:100%;max-height:72vh}.vl-canvas.is-on{display:block;margin:0 auto}.vl-status,.vl-note{margin:14px 0 0;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.vl-result{max-width:980px;margin:8vh auto 0;text-align:center;scroll-margin-top:96px}.vl-over{margin:0;font-size:12px;text-transform:uppercase}.vl-result h2{margin:8px 0 0;font:400 clamp(56px,8vw,120px)/1 var(--font-title);letter-spacing:-.2vw}.vl-line{max-width:560px;margin:14px auto 0;font-size:18px;line-height:1.4}.vl-result h3{margin:7vh 0 18px;font:400 12px/1 var(--font-content);text-transform:uppercase;letter-spacing:.04em}.vl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.vl-cards figure{margin:0}.vl-cards img{display:block;width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover}.vl-cards figcaption{display:grid;gap:4px;padding-top:10px}.vl-cards b{font:400 22px/1.1 var(--font-title)}.vl-cards span{font-size:13px;opacity:.75}.vl-book{display:inline-block;padding:14px 22px;border:1px solid #000;text-transform:uppercase}@media(max-width:760px){.vl-hero{padding-top:16vh}.vl-steps{grid-template-columns:repeat(2,1fr);row-gap:18px}.vl-cards{grid-template-columns:1fr 1fr}.vl-cards figure:nth-child(3){display:none}}.vl{position:relative;background:var(--color-paper-white)}.vl>*:not(.vb-mesh):not(.vg-head){position:relative;z-index:1}.vl-demo{width:min(300px,62vw);aspect-ratio:3 / 4;margin:16vh auto -10vh;overflow:hidden;border-radius:50%/42%;isolation:isolate}.vl-demo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;animation:vl-breathe 7s ease-in-out infinite alternate}.vl-demo-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.95) 1px,transparent 1.6px);background-size:14px 14px;mix-blend-mode:overlay;-webkit-mask-image:radial-gradient(48% 40% at 50% 46%,#000 55%,transparent 100%);mask-image:radial-gradient(48% 40% at 50% 46%,#000 55%,transparent 100%);animation:vl-grid 2.8s ease-in-out infinite}.vl-demo-line{position:absolute;left:0;right:0;top:0;height:2px;background:#fff;box-shadow:0 0 18px 4px #ffffffb3;animation:vl-scan 2.8s cubic-bezier(.65,0,.35,1) infinite}.vl-demo small{position:absolute;left:0;right:0;bottom:9%;text-align:center;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 1px 8px rgba(0,0,0,.5)}@keyframes vl-scan{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(min(300px,62vw) * 4 / 3));opacity:0}}@keyframes vl-grid{0%,to{opacity:.15}50%{opacity:.75}}@keyframes vl-breathe{0%{transform:scale(1.04)}to{transform:scale(1.12)}}.vl button{background:#fff9}.vl-hero h1 .vg-w{display:inline-block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}@media(max-width:760px){.vl-demo{margin:12vh auto -12vh}.vl-hero h1{font-size:17vw}}@media(prefers-reduced-motion:reduce){.vl-demo img,.vl-demo-grid,.vl-demo-line{animation:none}}.vl-try{max-width:980px;margin:0 auto 10vh;text-align:center}.vl-try h2{margin:8px 0 0;font:400 clamp(44px,6.4vw,96px)/1 var(--font-title);letter-spacing:-.15vw}.vl-switch{display:inline-flex;margin:26px auto 22px;border:1px solid #000}.vl .vl-switch button{border:0;padding:11px 22px;background:transparent}.vl .vl-switch button+button{border-left:1px solid #000}.vl .vl-switch button[aria-pressed=true]{background:#000;color:#fff}.vl-try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.vl-try-grid figure{margin:0}.vl-try-grid img{display:block;width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;background:#ebe6df;animation:vl-swap .6s ease both}.vl-try-grid figcaption{display:grid;gap:4px;padding-top:10px}.vl-try-grid b{font:400 22px/1.1 var(--font-title)}.vl-try-grid span{font-size:13px;opacity:.75}.vl-result .vl-switch{margin-top:0}@keyframes vl-swap{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@media(max-width:760px){.vl-try-grid{grid-template-columns:1fr 1fr;gap:12px}.vl-try-grid b{font-size:19px}}@media(prefers-reduced-motion:reduce){.vl-try-grid img{animation:none}}.vl-try .vl-actions{margin:26px 0 0}.vl .vl-try-go{background:#000;color:#fff}.vl .vl-try-go:hover{background:#fff;color:#000}.vl-work{margin:18px 0 0}.vl-work a{text-transform:uppercase;font-size:12px;letter-spacing:.04em;border-bottom:1px solid currentColor;padding-bottom:2px}@media(max-width:760px){.vl{font-size:12px;padding:0 12px 12vh}.vl-demo{width:40vw;margin:11vh auto -8vh}.vl-hero{padding:12vh 0 4vh}.vl-hero h1{font-size:13vw;letter-spacing:-.3vw}.vl-hero p{max-width:86%;margin-top:12px;font-size:13px;line-height:1.4}.vl-fine{max-width:86%;font-size:9px;line-height:1.45}.vl-steps{grid-template-columns:repeat(4,1fr);row-gap:0;margin-bottom:6vh}.vl-steps li{gap:3px;padding:10px 6px 0 0}.vl-steps b,.vl-steps small{font-size:8px;line-height:1.3}.vl-steps span{font-size:14px}.vl-try{margin-bottom:7vh}.vl-try h2{font-size:9.6vw}.vl-over{font-size:9px}.vl-line{max-width:86%;font-size:12.5px;margin-top:10px}.vl-switch{margin:16px auto 14px}.vl .vl-switch button{padding:8px 14px;font-size:10px}.vl-try-grid{grid-template-columns:repeat(3,1fr);gap:7px}.vl-try-grid figcaption{gap:2px;padding-top:6px}.vl-try-grid b{font-size:12.5px}.vl-try-grid span{font-size:9px;line-height:1.25}.vl-actions{gap:8px;margin:18px 0}.vl button,.vl-book{padding:11px 16px;font-size:11px}.vl-result{margin-top:6vh}.vl-result h2{font-size:15vw}.vl-result h3{margin:5vh 0 12px;font-size:9px}.vl-work a{font-size:10px}.vl-demo small{font-size:6.5px;letter-spacing:.1em;bottom:8%}}@media(max-width:760px){.vl-demo-line{animation-name:vl-scan-phone}}@keyframes vl-scan-phone{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(40vw * 4 / 3));opacity:0}}@media(max-width:760px){.vl-fine,.vl-over,.vl-result h3{font-size:11px}.vl-steps b,.vl-steps small{font-size:10px;letter-spacing:.01em}.vl-steps span{font-size:16px}.vl-try-grid b{font-size:14px}.vl-try-grid span{font-size:10.5px;line-height:1.3}.vl .vl-switch button{font-size:11px;padding:10px 16px}.vl button,.vl-book{font-size:12px;padding:13px 18px}.vl-work a{font-size:11px}.vl-demo small{font-size:9px;letter-spacing:.08em}.vl button,.vl-book,.vl-try-grid figure{transition:transform .5s cubic-bezier(.19,1,.22,1);-webkit-tap-highlight-color:transparent}.vl button:active,.vl-book:active{transform:scale(.96)}.vl-try-grid figure:active{transform:scale(.97)}}.vl{display:flow-root}@media(max-width:760px){.vl-demo small{left:16%;right:16%;line-height:1.35}}
