/* Supplied 1480 × 1474 UI montage, framed without changing the source pixels. */
.ui-phone{display:block;position:relative;aspect-ratio:320/672;border-radius:16% / 7.6%;overflow:hidden;background:#06122a;flex-shrink:0;container-type:inline-size;--ui-left:-10%;--ui-top:-4.613095%}
.ui-phone>.ui-source{display:block;position:absolute;max-width:none;width:462.5%;height:auto;left:var(--ui-left);top:var(--ui-top);object-fit:fill;border-radius:0}
.ui-overview{--ui-left:-125%}.ui-scan-ready{--ui-left:-240%}.ui-scan-active{--ui-left:-355%}
.ui-results{--ui-top:-114.434524%}.ui-twin{--ui-left:-125%;--ui-top:-114.434524%}.ui-profile{--ui-left:-240%;--ui-top:-114.434524%}.ui-assistant{--ui-left:-355%;--ui-top:-114.434524%}
.ui-phone .twin-visual{position:absolute;left:5.5%;top:14.2%;width:89%;height:50.2%;border-radius:5cqw;overflow:hidden;background:linear-gradient(130deg,#cde1f1,#8cafd1);box-shadow:0 1cqw 4cqw #163a6526}
.ui-phone .twin-person{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;filter:none}
.twin-demo{position:absolute;left:0;right:0;bottom:1.2%;text-align:center;font:600 1.7cqw/1.3 Arial,sans-serif;letter-spacing:.25cqw;color:#16344f}
.ui-phone .ui-metric{position:absolute;display:flex;flex-direction:column;gap:.6cqw;padding:2.1cqw 2.5cqw;border-radius:3.6cqw;font-family:Inter,Arial,sans-serif;box-shadow:0 1.2cqw 4cqw #071a3433;background:#eef9ffff;color:#12304c;border:1px solid #ffffffc9;min-width:23cqw;text-align:left;z-index:2}
.ui-metric small{font-size:2.35cqw;font-weight:500;line-height:1.2}.ui-metric b{font-size:4cqw;font-weight:700;line-height:1.1;white-space:nowrap}.ui-metric i{font-size:2cqw;margin-left:.8cqw;font-style:normal;font-weight:500}
.twin-heart{left:2%;top:29%}.twin-breath{right:2%;top:40%}.twin-sleep{left:2%;top:56%}.twin-steps{right:2%;top:68%}
.twin-marker{position:absolute;width:3cqw;height:3cqw;border:1px solid white;border-radius:50%;background:#2b8fff;box-shadow:0 0 0 1.2cqw #50b9ff35,0 0 3cqw #00d7ff;z-index:1}.marker-heart{left:48%;top:25%}.marker-core{left:49%;top:41%}
.ui-phone .scan-portrait{position:absolute;left:6%;top:14.25%;width:88%;height:49.2%;overflow:hidden;border-radius:5cqw;background:#0b241f}
.ui-phone .scan-person{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 38%;border-radius:0;filter:none}
.scan-shade{position:absolute;inset:0;background:linear-gradient(#02171024,#03170d00 30%,#03170d00 60%,#021710bf)}
.scan-state,.scan-demo{position:absolute;top:4%;font:600 2.4cqw/1.2 monospace;letter-spacing:.3cqw;color:#85ffd0;z-index:2}.scan-state{left:5%}.scan-demo{right:5%;font-size:2cqw}
.ui-phone .scan-portrait .ui-metric{background:#08251ce8;border-color:#6affc16b;color:#d5ffed;min-width:24cqw;box-shadow:0 0 5cqw #4dffa729;animation:metric-float 4s ease-in-out infinite}
.scan-portrait .ui-metric small{color:#90ebbe}.scan-heart{left:3%;top:19%}.scan-breath{right:3%;top:40%;animation-delay:-1.3s!important}.scan-hrv{left:3%;top:64%;animation-delay:-2.6s!important}
.scan-sweep{position:absolute;left:9%;right:9%;top:37%;height:1px;background:#93ffd0;box-shadow:0 0 2cqw .2cqw #42ffb680;animation:scan-sweep 4s ease-in-out infinite}
.scan-quality{position:absolute;left:0;right:0;bottom:4%;color:#adf6d1;text-align:center;font:500 2.4cqw/1.2 Arial,sans-serif}
.scan-alarm{position:absolute;left:7%;right:7%;top:73%;padding:2cqw 0;text-align:center;color:#dffbf0;background:#06122a;font-family:Inter,Arial,sans-serif}.scan-alarm>b{display:block;font-size:3.4cqw;line-height:1.4}.scan-alarm>span{display:block;font-size:2.5cqw;line-height:1.45;color:#a6bbc9;margin-top:1.4cqw}
@keyframes metric-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2cqw)}}@keyframes scan-sweep{0%,100%{top:30%;opacity:.4}50%{top:70%;opacity:.9}}
.product-gallery .ui-phone{height:auto;margin-inline:auto}
.care-app-preview{display:flex;justify-content:center;align-items:center;gap:40px;padding:20px;background:linear-gradient(135deg,#e4eefb,#edf6f6)}
.care-app-preview .ui-phone{width:165px;height:auto;max-width:44%}
.provider-layout>*{min-width:0}.provider-shots .ui-phone{width:220px;max-width:45%;height:auto}
@media screen and (max-width:760px){.cover-phones .ui-phone{width:42%}.care-app-preview{height:350px;aspect-ratio:auto;gap:24px}.care-app-preview .ui-phone{width:136px}.provider-shots .ui-phone{width:157px}}
@media(prefers-reduced-motion:reduce){.ui-phone *{animation:none!important}}
@media print{.ui-phone{filter:none!important}.ui-phone *{animation:none!important}.cover-phones .ui-phone,.hero .ui-phone{transform:none}.cover-phones .scan{margin-top:62px}}