.lazy-video{width:100%;height:100%;display:block;position:relative;overflow:hidden}.lazy-video--intrinsic{height:auto}.lazy-video__el,.lazy-video__poster{width:100%;height:100%;position:absolute;inset:0}.lazy-video__el{opacity:0;transition:opacity .25s}.lazy-video__poster{z-index:1;pointer-events:none;transition:opacity .25s}.lazy-video--ready .lazy-video__el{opacity:1}.lazy-video--ready .lazy-video__poster{opacity:0}.lazy-video--intrinsic .lazy-video__poster{width:100%;height:auto;display:block;position:relative;inset:auto}.lazy-video--intrinsic .lazy-video__el{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.lazy-video__el,.lazy-video__poster{transition:none}}
.browser-stencil{--browser-w:480px;--browser-chrome:clamp(30px, calc(var(--browser-w) * .07), 38px);--chrome-dot:clamp(8px, calc(var(--browser-chrome) * .28), 12px);--chrome-icon:clamp(10px, calc(var(--browser-chrome) * .38), 14px);--chrome-lock:clamp(8px, calc(var(--browser-chrome) * .28), 11px);--chrome-url:clamp(10px, calc(var(--browser-chrome) * .32), 12px);--chrome-pad:clamp(8px, calc(var(--browser-chrome) * .32), 12px);--chrome-gap:clamp(6px, calc(var(--browser-chrome) * .22), 10px);--content-ar:1.499;width:100%;max-width:min(100%, var(--site-max));min-width:0;max-height:100%;width:min(100cqw, calc((100cqh - var(--browser-chrome)) * var(--content-ar)));border-radius:clamp(8px, calc(var(--browser-w) * .022), 12px);box-shadow:0 0 0 1px #00000017, 0 calc(var(--browser-w) * .017) calc(var(--browser-w) * .067) #0000001a;background:#fff;flex-direction:column;flex-shrink:0;margin-inline:auto;display:flex;overflow:hidden}.browser-stencil__chrome{height:var(--browser-chrome);min-height:var(--browser-chrome);padding:0 var(--chrome-pad);align-items:center;column-gap:var(--chrome-gap);box-sizing:border-box;background:#e8e8e8;border-bottom:1px solid #d0d0d0;flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);min-width:0;display:grid}.browser-stencil__leading{align-items:center;gap:var(--chrome-gap);z-index:1;grid-area:1/1;justify-self:start;min-width:0;display:flex}.browser-stencil__dots{align-items:center;gap:calc(var(--chrome-dot) * .5);flex-shrink:0;display:flex}.browser-stencil__dot{width:var(--chrome-dot);height:var(--chrome-dot);border-radius:50%;flex-shrink:0;display:block}.browser-stencil__dot--red{background:#ff5f57}.browser-stencil__dot--yellow{background:#febc2e}.browser-stencil__dot--green{background:#28c840}.browser-stencil__nav{align-items:center;gap:calc(var(--chrome-icon) * .2);flex-shrink:0;display:flex}.browser-stencil__nav-icon{width:var(--chrome-icon);height:var(--chrome-icon);color:#888}.browser-stencil__url-bar{height:calc(var(--browser-chrome) * .62);justify-content:center;place-self:center stretch;align-items:center;gap:calc(var(--chrome-lock) * .45);border-radius:calc(var(--browser-chrome) * .18);min-width:0;padding:0 calc(var(--browser-chrome) * .28);box-sizing:border-box;background:#fff;grid-area:1/2;display:flex}.browser-stencil__lock{width:var(--chrome-lock);height:calc(var(--chrome-lock) * 1.16);color:#888;flex-shrink:0}.browser-stencil__url-text{font-size:var(--chrome-url);color:#555;white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;line-height:1;overflow:hidden}.browser-stencil__url-balance{width:var(--chrome-lock);visibility:hidden;flex-shrink:0;height:1px}.browser-stencil--compact .browser-stencil__chrome{grid-template-columns:minmax(0,.7fr) minmax(0,2.6fr) minmax(0,.7fr)}.browser-stencil--compact .browser-stencil__nav,.browser-stencil--tiny .browser-stencil__url-bar{display:none}.browser-stencil--tiny .browser-stencil__chrome{grid-template-columns:1fr}.browser-stencil__screen{width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:var(--content-ar);background:#fff;flex:none;display:block;position:relative;overflow:hidden}:is(.browser-stencil__screen:has(.browser-stencil__media),.browser-stencil__screen:has(.lazy-video)){aspect-ratio:auto}.browser-stencil__screen>.lazy-video,.browser-stencil__screen>.lazy-video--intrinsic{width:100%;height:auto}.browser-stencil__media{object-fit:contain;object-position:center;background:#fff;width:100%;height:auto;display:block}.browser-stencil__screen .lazy-video--intrinsic .lazy-video__poster{width:100%;height:auto}.browser-stencil__screen .lazy-video--intrinsic .lazy-video__el{object-fit:contain;object-position:center;width:100%;height:100%}.browser-stencil--case-study,.browser-stencil--card{align-self:center}
:root{--phone-body:#1c1c1e;--phone-default-ar:.461268;--phone-bezel-ratio:.024173;--phone-screen-radius-ratio:.139949;--phone-body-radius-ratio:.164122;--phone-body-scale:1.04835;--phone-size-scale:.8}.phone-stencil{--phone-screen-fit:calc(min(calc(100cqw / var(--phone-body-scale)), calc((100cqh * var(--content-ar,var(--phone-default-ar))) / (1 + 2 * var(--phone-bezel-ratio) * var(--content-ar,var(--phone-default-ar))))) * var(--phone-size-scale));--screen-w:var(--phone-screen-fit);--phone-bezel:calc(var(--screen-w) * var(--phone-bezel-ratio));--phone-screen-radius:calc(var(--screen-w) * var(--phone-screen-radius-ratio));--phone-radius:calc(var(--phone-screen-radius) + var(--phone-bezel));--body-w:calc(var(--screen-w) + 2 * var(--phone-bezel));--phone-btn-w:max(calc(var(--screen-w) * 3 / 393), 1.5px);width:min(var(--body-w), 100%);max-width:min(100%, var(--site-max));min-width:0;margin-inline:auto}.phone-stencil__body{box-sizing:border-box;width:100%;height:fit-content;padding:var(--phone-bezel);border-radius:var(--phone-radius);box-shadow:inset 0 0 0 calc(var(--body-w) * .0034) #ffffff24, inset 0 0 0 calc(var(--body-w) * .007) #00000073, 0 0 0 calc(var(--body-w) * .0016) #ffffff14, 0 0 0 calc(var(--body-w) * .0028) #0000008c, 0 calc(var(--body-w) * .102) calc(var(--body-w) * .254) #0000005c, 0 calc(var(--body-w) * .025) calc(var(--body-w) * .076) #0000002e;background:linear-gradient(165deg,#3a3a3e 0%,#242426 14%,#1c1c1e 42%,#141416 72%,#2c2c30 100%);position:relative}.phone-stencil--case-study{width:min(var(--body-w), 100%);max-width:min(100%, var(--site-max));max-height:100%}.phone-stencil--case-study .phone-stencil__body{flex-direction:column;justify-content:center;align-items:center;min-height:0;max-height:100%;display:flex}@media (min-width:901px){.phone-stencil--case-study{--screen-w:min(calc(25rem * var(--phone-size-scale)), var(--phone-screen-fit))}}@media (max-width:900px) and (orientation:portrait){.phone-stencil--case-study{--screen-w:min(calc(240px * var(--phone-size-scale)), var(--phone-screen-fit))}}.phone-stencil--card{width:min(var(--body-w), 100%);max-width:min(100%, var(--site-max));max-height:100%}@media (max-width:768px),(max-width:900px) and (orientation:landscape){.phone-stencil--card{width:calc(100% * var(--phone-size-scale));max-width:100%;max-height:none}.phone-stencil--card .phone-stencil__body{box-sizing:border-box;justify-content:flex-start;width:100%;max-width:100%;max-height:none}.phone-stencil--card .phone-stencil__screen{width:100%;max-width:100%;aspect-ratio:var(--content-ar,var(--phone-default-ar))}}@media (max-width:440px){.phone-stencil--card{width:calc(100% * var(--phone-size-scale))}.phone-stencil--card .phone-stencil__body{max-width:100%}.phone-stencil--card .phone-stencil__screen{width:100%;max-width:100%}}.phone-stencil--card .phone-stencil__body{box-shadow:inset 0 0 0 calc(var(--body-w) * .0034) #ffffff24, inset 0 0 0 calc(var(--body-w) * .007) #00000073, 0 0 0 calc(var(--body-w) * .0016) #ffffff14, 0 0 0 calc(var(--body-w) * .0028) #0000008c, 0 calc(var(--body-w) * .061) calc(var(--body-w) * .153) #0000004d, 0 calc(var(--body-w) * .015) calc(var(--body-w) * .046) #00000029;flex-direction:column;align-items:center;min-height:0;display:flex}.phone-stencil--card .phone-stencil__btn{display:none}@media (min-width:769px) and (orientation:portrait),(min-width:901px){.phone-stencil--card .phone-stencil__body{justify-content:center;width:100%;height:fit-content;max-height:100%}.phone-stencil--card .phone-stencil__btn{display:block}}.phone-stencil__body:before{content:"";border-radius:inherit;pointer-events:none;z-index:6;background:linear-gradient(148deg,#ffffff29 0%,#ffffff0a 22%,#0000 48%,#ffffff08 100%);position:absolute;inset:0}.phone-stencil__body:after{content:"";inset:var(--phone-bezel);border-radius:calc(var(--phone-radius) - var(--phone-bezel));box-shadow:inset 0 0 0 calc(var(--body-w) * .0012) #ffffff0f;pointer-events:none;z-index:4;position:absolute}.phone-stencil__screen{aspect-ratio:var(--content-ar,var(--phone-default-ar));border-radius:calc(var(--phone-radius) - var(--phone-bezel));background:var(--phone-body);width:100%;min-width:0;max-width:100%;height:auto;position:relative;overflow:hidden}.phone-stencil__screen-fill{background:var(--phone-body);position:absolute;inset:0}.phone-stencil__island{box-sizing:border-box;width:31.81%;height:4.225%;box-shadow:inset 0 calc(var(--body-w) * .0024) calc(var(--body-w) * .004) #ffffff24, inset 0 calc(var(--body-w) * -.0018) calc(var(--body-w) * .003) #000000b3, 0 0 0 1px #0000008c;z-index:5;pointer-events:none;background:#050505;border-radius:999px;justify-content:center;align-items:center;gap:12%;padding:0 8%;display:flex;position:absolute;top:1.35%;left:50%;transform:translate(-50%)}.phone-stencil__island-sensor{aspect-ratio:1;border-radius:50%;flex-shrink:0;display:block}.phone-stencil__island-sensor--ir{background:radial-gradient(circle at 34% 30%,#6e7680b3,#0000 48%),radial-gradient(circle,#2a2d32 0%,#0a0b0d 68%);width:24%;box-shadow:inset 0 0 0 .6px #ffffff29}.phone-stencil__island-sensor--camera{background:radial-gradient(circle at 36% 30%,#78a0c880,#0000 40%),radial-gradient(circle at 58% 62%,#1428468c,#0000 46%),radial-gradient(circle,#1c2228 0 36%,#0a0c10 70%,#000 100%);width:30%;box-shadow:inset 0 0 0 .7px #b4d2e647,0 0 0 .6px #000000b3}.phone-stencil__home-indicator{z-index:5;pointer-events:none;background:#ffffffb8;border-radius:999px;width:34.1%;height:max(.587%,4px);position:absolute;bottom:.94%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000061,inset 0 .5px #ffffff59}.phone-stencil__btn{border-radius:calc(var(--body-w) * .005);z-index:7;position:absolute}.phone-stencil__btn--action{left:calc(-1 * var(--phone-btn-w));width:var(--phone-btn-w);height:3.9%;box-shadow:calc(var(--body-w) * -.0025) 0 calc(var(--body-w) * .005) #0009;background:linear-gradient(90deg,#3a3a3e,#1e1e20,#2a2a2c);top:14.4%}.phone-stencil__btn--vol-up{left:calc(-1 * var(--phone-btn-w));width:var(--phone-btn-w);height:6.3%;box-shadow:calc(var(--body-w) * -.0025) 0 calc(var(--body-w) * .005) #0009;background:linear-gradient(90deg,#3a3a3e,#1e1e20,#2a2a2c);top:21.6%}.phone-stencil__btn--vol-down{left:calc(-1 * var(--phone-btn-w));width:var(--phone-btn-w);height:6.3%;box-shadow:calc(var(--body-w) * -.0025) 0 calc(var(--body-w) * .005) #0009;background:linear-gradient(90deg,#3a3a3e,#1e1e20,#2a2a2c);top:29.2%}.phone-stencil__btn--power{right:calc(-1 * var(--phone-btn-w));width:var(--phone-btn-w);height:11.2%;box-shadow:calc(var(--body-w) * .0025) 0 calc(var(--body-w) * .005) #0009;background:linear-gradient(270deg,#3a3a3e,#1e1e20,#2a2a2c);top:23.8%}.phone-stencil__media,.phone-stencil__screen .lazy-video,.phone-stencil__screen .lazy-video .lazy-video__el,.phone-stencil__screen .lazy-video .lazy-video__poster{object-fit:cover;object-position:center;background:0 0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0;transform:none}.phone-stencil__screen .lazy-video{overflow:hidden}