.t7 .h2x-proof{grid-template-columns:1fr 1fr 1.6fr;gap:16px;padding-top:28px;display:grid}.t7 .h2x-stat{background:var(--lab-glass);border:1px solid var(--lab-line);box-shadow:var(--lab-shadow);border-radius:22px;flex-direction:column;gap:6px;padding:22px 24px;display:flex}.t7 .h2x-stat b{letter-spacing:-.04em;font-size:clamp(30px,3vw,44px);font-weight:600;line-height:1}.t7 .h2x-stat span{color:var(--lab-dim);font-size:15px}.t7 .h2x-faces{justify-content:center;gap:12px}.t7 .h2x-facerow{display:flex}.t7 .h2x-facerow img{object-fit:cover;object-position:center 20%;border:3px solid #fff;border-radius:99px;width:44px;height:44px}.t7 .h2x-apps{grid-template-columns:1.7fr 1fr 1fr;gap:16px;height:460px;display:grid}.t7 .h2x-app{border:1px solid #ffffffb3;border-radius:26px;position:relative;overflow:hidden}.t7 .h2x-peach{background:var(--lab-peach)}.t7 .h2x-blue{background:var(--lab-blue)}.t7 .h2x-grey{background:var(--lab-grey)}.t7 .h2x-desk{border-radius:14px;width:128%;animation:.9s cubic-bezier(.2,.7,.2,1) both h2x-in;position:absolute;top:28px;left:28px;overflow:hidden;box-shadow:0 30px 60px -30px #18285073}.t7 .h2x-phone{background:#fff;border-radius:28px;width:64%;animation:.9s cubic-bezier(.2,.7,.2,1) .15s both h2x-in-x;position:absolute;top:28px;bottom:-40px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 30px 60px -30px #18285073}.t7 .h2x-desk img,.t7 .h2x-phone img{width:100%;display:block}.t7 .h2x-phone img{object-fit:cover;object-position:top;height:100%}.t7 .h2x-name{background:#fffffff0;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:14px}.t7 .h2x-name i{color:var(--lab-faint);font-style:normal;font-weight:400}.t7 .h2x-live{font:500 10px var(--font-plex), "IBM Plex Mono", monospace;letter-spacing:.12em;text-transform:uppercase;background:var(--lab-ink);color:#fff;border-radius:99px;padding:3px 8px}@keyframes h2x-in{0%{opacity:0;transform:translateY(36px)}}@keyframes h2x-in-x{0%{opacity:0;transform:translate(-50%)translateY(36px)}to{transform:translate(-50%)}}.t7 .h2x-clips{grid-template-columns:1fr 1.6fr;gap:16px;display:grid}.t7 .h2x-clips .h2x-clip:nth-child(3){grid-column:1}.t7 .h2x-clip,.t7 .h2x-card{border:1px solid var(--lab-line);box-shadow:var(--lab-shadow);aspect-ratio:16/9.4;background:#eef2f8;border-radius:24px;margin:0;position:relative;overflow:hidden}.t7 .h2x-clip video,.t7 .h2x-clip>img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.t7 .h2x-clip figcaption,.t7 .h2x-card figcaption{background:#fffffff0;border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:14.5px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:12px}.t7 .h2x-clip figcaption b,.t7 .h2x-card figcaption b{font:500 11px var(--font-plex), "IBM Plex Mono", monospace;background:#c8dcffd9;border-radius:99px;padding:3px 8px}.t7 .h2x-check{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.t7 .h2x-check>.h2x-clip{aspect-ratio:auto;min-height:100%}.t7 .h2x-check-side{gap:16px;display:grid}.t7 .h2x-card{aspect-ratio:16/10}.t7 .h2x-card img{object-fit:contain;width:calc(100% - 28px);height:calc(100% - 70px);position:absolute;inset:14px 14px 56px}@media (max-width:900px){.t7 .h2x-proof{grid-template-columns:1fr 1fr}.t7 .h2x-faces{grid-column:1/-1}.t7 .h2x-apps{grid-template-columns:1fr;height:auto}.t7 .h2x-app{height:420px}.t7 .h2x-clips,.t7 .h2x-check{grid-template-columns:1fr}.t7 .h2x-clips .h2x-clip:nth-child(3){grid-column:auto}.t7 .h2x-check>.h2x-clip{aspect-ratio:16/9.4}}@media (prefers-reduced-motion:reduce){.t7 .h2x-desk,.t7 .h2x-phone{animation:none}}.t7 .h2x-inside{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.t7 .h2x-inside .h2x-clip figcaption{padding:7px 14px}@media (max-width:900px){.t7 .h2x-inside{grid-template-columns:1fr}}.t7 .h2x-onboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.t7 .h2x-onboard .h2x-clip{aspect-ratio:4/3.4}.t7 .h2x-onboard .h2x-clip figcaption{font-size:13.5px}@media (max-width:1100px){.t7 .h2x-onboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.t7 .h2x-onboard{grid-template-columns:1fr}}.t7 .h2x-desk{width:auto;left:28px;right:28px}.t7 .h2x-phone{aspect-ratio:804/1748;width:auto;height:calc(100% + 12px);bottom:auto}.t7 .h2x-phone img{object-fit:initial;height:auto}.t7 .h2x-desk{top:60px}.t7 .h2x-step{flex-direction:column;gap:12px;min-width:0;display:flex}.t7 .h2x-step p{color:var(--lab-dim);margin:0 4px;font-size:15px;line-height:1.5}.t7 .h2x-stepclip{background:#eef2f8}.t7 .h2x-stepclip video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.t7 .h2x-stepclip{aspect-ratio:4/3}.t7 .h2x-feat{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.t7 .h2x-featcard{min-height:0}.t7 .h2x-featclip{aspect-ratio:16/9;background:#ffffff8c}.t7 .h2x-featclip video{object-fit:cover}@media (max-width:760px){.t7 .h2x-feat{grid-template-columns:1fr}}.t7 .h2x-fill{position:absolute;inset:0}.t7 .h2x-fill video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.t7 .h2x-fill--phone video{object-fit:cover;object-position:center}.t7 .h2x-cardshot{aspect-ratio:796/338;background:#fff;border-radius:18px;animation:.9s cubic-bezier(.2,.7,.2,1) both h2x-in;position:absolute;top:64px;left:40px;right:40px;overflow:hidden;box-shadow:0 30px 60px -30px #18285073}.t7 .h2x-phoneclip{aspect-ratio:300/684;background:#0b0d12}.t7 .h2x-cardshot video,.t7 .h2x-phoneclip video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.t7 .h2x-cardshot{height:auto;margin-block:auto;top:0;bottom:64px}.t7 .h2x-apps+.h2x-apps{margin-top:16px}.t7 .h2x-apps--two{grid-template-columns:1fr 1fr;height:400px}.t7 .h2x-desk--full{height:fit-content;margin-block:auto;top:0;bottom:64px}.t7 .h2x-inview .h2x-desk,.t7 .h2x-inview .h2x-phone,.t7 .h2x-inview .h2x-cardshot{animation-play-state:paused}.t7 .h2x-inview.is-in .h2x-desk,.t7 .h2x-inview.is-in .h2x-phone,.t7 .h2x-inview.is-in .h2x-cardshot{animation-play-state:running}.t7 .h2x-inview .h2x-app:nth-child(2)>div:first-child{animation-delay:.15s}.t7 .h2x-inview .h2x-app:nth-child(3)>div:first-child{animation-delay:.3s}@media (max-width:900px){.t7 .h2x-apps--two{grid-template-columns:1fr;height:auto}.t7 .h2x-apps--two .h2x-app{height:340px}}.t7 .h2x-dial{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:56px;display:grid}.t7 .h2x-wheel{height:480px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%)}.t7 .h2x-wheel__item{white-space:nowrap;transform-origin:0;font:600 clamp(30px, 3.6vw, 52px)/1.2 var(--font-archivo), "Archivo", sans-serif;letter-spacing:-.035em;color:var(--lab-ink);cursor:pointer;background:0 0;border:0;margin-top:-.6em;padding:0;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .7s,color .3s;position:absolute;top:50%;left:0}.t7 .h2x-wheel__item:not(.is-on){color:#0b0d128c}.t7 .h2x-wheel__item:not(.is-on):hover{color:var(--lab-ink)}.t7 .h2x-wheel__item:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #3d74e6}.t7 .h2x-dial__stage{flex-direction:column;gap:18px;min-width:0;display:flex}.t7 .h2x-dial__screen{aspect-ratio:16/9;border:1px solid var(--lab-line);box-shadow:var(--lab-shadow);background:#e8ecf1;border-radius:26px;animation:.6s cubic-bezier(.2,.7,.2,1) both h2x-swap;position:relative;overflow:hidden}.t7 .h2x-dial__screen video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.t7 .h2x-dial__caption{flex-direction:column;gap:6px;animation:.6s cubic-bezier(.2,.7,.2,1) 80ms both h2x-swap;display:flex}.t7 .h2x-dial__caption b{letter-spacing:-.02em;font-size:22px;font-weight:600}.t7 .h2x-dial__caption span{color:var(--lab-dim);max-width:52ch;font-size:16px;line-height:1.5}@keyframes h2x-swap{0%{opacity:0;transform:translateY(18px)scale(.985)}}@media (max-width:900px){.t7 .h2x-dial{grid-template-columns:1fr;gap:20px}.t7 .h2x-wheel{height:300px}}@media (prefers-reduced-motion:reduce){.t7 .h2x-wheel__item,.t7 .h2x-dial__screen,.t7 .h2x-dial__caption{transition:none;animation:none}}.t7 .rv{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv-delay,0s);translate:0 34px}.t7 .rv.rv-in{opacity:1;translate:0}.t7 .h2x-eyebrow{font:500 12.5px var(--font-plex), "IBM Plex Mono", monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lab-faint);margin-bottom:14px;display:block}.t7 .h2x-dial{align-items:center}.t7 .h2x-dial__stage{gap:16px}.t7 .h2x-dial__title{letter-spacing:-.02em;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.2;animation:.5s cubic-bezier(.2,.7,.2,1) both h2x-swap}.t7 .h2x-wheel{height:520px}.t7 .h2x-wheel__item{left:0}.t7 .h2x-dial__head{flex-direction:column;gap:6px;animation:.5s cubic-bezier(.2,.7,.2,1) both h2x-swap;display:flex}.t7 .h2x-dial__head p{color:var(--lab-dim);max-width:56ch;min-height:3em;margin:0;font-size:16px;line-height:1.5}
