.hq-wearables-metrics{position:relative;width:100%;padding:118px 0 116px;background:var(--hq-white, #f9f8f4);color:var(--hq-blue, #012f3e)}.hq-wearables-metrics *,.hq-wearables-metrics *:before,.hq-wearables-metrics *:after{box-sizing:border-box}.hq-wearables-metrics__container{width:min(var(--hq-container, 1310px),calc(100% - 48px));margin:0 auto}.hq-wearables-metrics__header{max-width:900px;margin:0 auto;text-align:center}.hq-wearables-metrics__eyebrow{margin:0 0 28px;color:var(--hq-blue, #012f3e)}.hq-wearables-metrics__heading{margin:0;color:var(--hq-blue, #012f3e)}.hq-wearables-metrics__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:54px;align-items:stretch}.hq-wm-card{position:relative;min-width:0;min-height:670px;padding:38px 36px 36px;display:flex;flex-direction:column;border:1px solid rgba(210,207,200,.52);border-radius:24px;background:linear-gradient(145deg,#ffffff75,#f9f8f447);box-shadow:0 18px 52px #012f3e0b,inset 0 1px #ffffffa8;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);overflow:hidden}.hq-wm-card--energy{transform:translateY(-7px);border-color:#d2cfc89e;box-shadow:0 24px 66px #012f3e11,inset 0 1px #ffffffb8}.hq-wm-card__topline{display:flex;align-items:center;gap:13px;margin-bottom:26px}.hq-wm-card__step{font-family:var(--hq-font-family);font-size:var(--hq-h3-size, 20px);font-weight:var(--hq-h3-weight, 600);line-height:var(--hq-h3-line, 1.2);letter-spacing:var(--hq-h3-tracking, -.4px);color:var(--hq-blue-light, #053e50)}.hq-wm-card__step-line{width:38px;height:1px;background:#d2cfc8e6}.hq-wm-card__title{margin:0;font-family:var(--hq-font-family);font-size:var(--hq-h2-size, 32px);font-weight:var(--hq-h2-weight, 600);line-height:var(--hq-h2-line, 1.2);letter-spacing:var(--hq-h2-tracking, -.64px);color:var(--hq-blue, #012f3e)}.hq-wm-card__subtitle{margin:16px 0 0;font-family:var(--hq-font-family);font-size:var(--hq-body-size, 20px);font-weight:var(--hq-body-weight, 400);line-height:var(--hq-body-line, 1.4);letter-spacing:var(--hq-body-tracking, .2px);color:var(--hq-grey-dark, #707171)}.hq-wm-card__shift-copy{position:relative;z-index:2}.hq-wm-card__visual{position:relative;width:100%}.hq-wm-card__visual--energy,.hq-wm-card__visual--shift{margin-top:30px;flex:1 1 auto;display:flex;align-items:flex-end;justify-content:center}.hq-wm-card__visual-stage{position:relative;width:100%;height:auto;aspect-ratio:4 / 5;border:1px solid rgba(210,207,200,.52);border-radius:20px;background:linear-gradient(145deg,#ffffff57,#f9f8f433);box-shadow:inset 0 1px #ffffff94;overflow:hidden}.hq-wm-card__visual-stage--metrics,.hq-wm-card__visual-stage--energy,.hq-wm-card__visual-stage--shift{aspect-ratio:4 / 5;height:auto}.hq-wm-card__visual-stage--metrics{margin-top:auto}.hq-wm-metrics-list{width:100%;height:100%;display:grid;grid-template-rows:repeat(4,1fr);background:transparent}.hq-wm-metric-row{min-height:0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(210,207,200,.56)}.hq-wm-metric-row:last-child{border-bottom:0}.hq-wm-metric-row__left{min-width:0;display:flex;align-items:center;gap:12px}.hq-wm-metric-row__right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hq-wm-metric-row__icon{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;color:#012f3e61}.hq-wm-metric-row__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.hq-wm-metric-row__label{overflow:hidden;font-family:var(--hq-font-family);font-size:var(--hq-caption-size, 14px);font-weight:var(--hq-caption-weight, 400);line-height:var(--hq-caption-line, 1);letter-spacing:var(--hq-caption-tracking, 3.08px);color:#012f3e7a;white-space:nowrap;text-overflow:ellipsis}.hq-wm-metric-row__value{font-family:var(--hq-font-family);font-size:var(--hq-h2-size, 32px);font-weight:var(--hq-h2-weight, 600);line-height:var(--hq-h2-line, 1.2);letter-spacing:var(--hq-h2-tracking, -.64px);color:#012f3e94}.hq-wm-metric-row__unit{font-family:var(--hq-font-family);font-size:var(--hq-body-small-size, 16px);font-weight:var(--hq-body-small-weight, 400);line-height:var(--hq-body-small-line, 1.45);letter-spacing:var(--hq-body-small-tracking, .16px);color:#012f3e61}.hq-wm-card__visual-stage--energy{display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff38}.hq-wm-card__energy-image{display:block;width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0;object-fit:cover;object-position:center;box-shadow:none}.hq-wm-card__visual-stage--shift{background:#ffffff38}.hq-wm-card__video-preview{-webkit-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;overflow:hidden;cursor:pointer}.hq-wm-card__video-preview[hidden]{display:none}.hq-wm-card__shift-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.hq-wm-card__play{position:absolute;top:50%;left:50%;z-index:3;width:82px;height:82px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.56);border-radius:999px;background:#f9f8f4e0;color:var(--hq-blue, #012f3e);box-shadow:0 12px 30px #012f3e29,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);transform:translate(-50%,-50%);transition:transform .18s ease,background-color .18s ease;animation:hq-wm-play-heartbeat 4.2s ease-in-out infinite}@keyframes hq-wm-play-heartbeat{0%,to{transform:translate(-50%,-50%) scale(1)}8%{transform:translate(-50%,-50%) scale(1.045)}16%{transform:translate(-50%,-50%) scale(.995)}24%{transform:translate(-50%,-50%) scale(1.03)}34%{transform:translate(-50%,-50%) scale(1)}40%,to{transform:translate(-50%,-50%) scale(1)}}.hq-wm-card__play svg{width:72px;height:72px;margin-left:2px}.hq-wm-card__video-preview:hover .hq-wm-card__play{animation:none;transform:translate(-50%,-50%) scale(1.04)}.hq-wm-card__video-preview:focus-visible{outline:2px solid var(--hq-blue, #012f3e);outline-offset:-4px}.hq-wm-card__inline-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;max-width:none;border-radius:inherit;background:#001f29;object-fit:cover;object-position:center;opacity:0;pointer-events:none}.hq-wm-card__inline-video--active{z-index:4;opacity:1;pointer-events:auto}.hq-wm-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--hq-font-family);font-size:var(--hq-body-small-size, 16px);font-weight:var(--hq-body-small-weight, 400);line-height:var(--hq-body-small-line, 1.45);letter-spacing:var(--hq-body-small-tracking, .16px);color:#012f3e6b;text-align:center}.hq-wearables-metrics__cta{width:100%;display:flex;align-items:center;justify-content:center;margin-top:54px}.hq-wearables-metrics__cta .hq-button{flex:0 0 auto}@media screen and (max-width:1199px)and (min-width:768px){.hq-wearables-metrics__container{width:calc(100% - 48px)}.hq-wm-card{padding:32px 28px 30px}.hq-wm-card__energy-image{width:100%;height:100%;max-height:none}.hq-wm-metric-row{padding-inline:16px}.hq-wm-metric-row__label{font-size:12px;letter-spacing:2.4px}}@media screen and (max-width:767px){.hq-wearables-metrics{padding:88px 0}.hq-wearables-metrics__container{width:calc(100% - 40px);max-width:390px}.hq-wearables-metrics__header{max-width:100%}.hq-wearables-metrics__eyebrow{margin-bottom:24px}.hq-wearables-metrics__heading{margin-inline:auto}.hq-wearables-metrics__cards{grid-template-columns:1fr;gap:14px;margin-top:40px}.hq-wm-card,.hq-wm-card--energy{min-height:0;padding:26px 20px 20px;border-radius:18px;transform:none}.hq-wm-card__topline{margin-bottom:22px}.hq-wm-card__step{font-size:var(--hq-h3-size, 20px)}.hq-wm-card__title{font-size:28px}.hq-wm-card__subtitle{margin-top:12px;font-size:18px}.hq-wm-card__visual--energy,.hq-wm-card__visual--shift{margin-top:24px}.hq-wm-card__visual-stage{border-radius:16px}.hq-wm-card__visual-stage--metrics{margin-top:24px}.hq-wm-metric-row{padding-inline:16px}.hq-wm-metric-row__icon{width:20px;height:20px;flex-basis:20px}.hq-wm-metric-row__icon svg{width:17px;height:17px}.hq-wm-metric-row__label{font-size:12px;letter-spacing:2.4px}.hq-wm-metric-row__value{font-size:28px}.hq-wm-metric-row__unit{font-size:16px}.hq-wm-card__visual-stage--energy{padding:0}.hq-wm-card__energy-image{width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover;object-position:center}.hq-wearables-metrics__cta{margin-top:40px}.hq-wearables-metrics__cta .hq-button{width:calc(100% - 40px);min-width:0;max-width:none;justify-content:center}}@media screen and (max-width:767px){.hq-wm-card__play{width:73px;height:73px}.hq-wm-card__play svg{width:64px;height:64px}}@media screen and (max-width:399px){.hq-wearables-metrics__container{width:calc(100% - 32px)}.hq-wm-card{padding-inline:18px}.hq-wm-card__energy-image{width:100%;height:100%;max-height:none}.hq-wm-metric-row{padding-inline:13px}.hq-wm-metric-row__label{letter-spacing:1.9px}}@media screen and (max-width:767px){.hq-hero{min-height:0}.hq-hero__inner{min-height:0;padding-bottom:88px}.hq-hero__trustpilot{margin-bottom:-18px}}@media screen and (max-width:399px){.hq-hero__trustpilot{margin-bottom:-22px}}@media screen and (min-width:768px){.hq-wm-card--energy{transform:none}}@media screen and (max-width:767px){.hq-wearables-metrics__cards-stack{position:relative;width:100%;margin-top:40px}.is-mobile-stack-ready .hq-wearables-metrics__cards-stack{margin-top:40px}.is-mobile-stack-ready .hq-wearables-metrics__cards{position:sticky;top:86px;width:100%;height:680px;margin-top:0;display:block;overflow:visible;isolation:isolate}.is-mobile-stack-ready .hq-wm-card{position:absolute;top:0;right:0;left:0;width:100%;margin:0;background:linear-gradient(145deg,#fffffff0,#f9f8f4e6);box-shadow:0 18px 52px #012f3e11,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);will-change:transform;transition:none!important;animation:none!important}.is-mobile-stack-ready .hq-wm-card:nth-child(1){z-index:1}.is-mobile-stack-ready .hq-wm-card:nth-child(2){z-index:2}.is-mobile-stack-ready .hq-wm-card:nth-child(3){z-index:3}.is-mobile-stack-ready .hq-wearables-metrics__cta.is-stack-attached{position:absolute;top:0;right:0;left:0;z-index:5;width:100%;margin:0;will-change:transform;transition:transform 95ms cubic-bezier(.22,.61,.36,1)!important}}@media screen and (max-width:399px){.is-mobile-stack-ready .hq-wearables-metrics__cards{top:78px}}@media(prefers-reduced-motion:reduce){.hq-wearables-metrics.is-mobile-stack-ready .hq-wearables-metrics__cards{position:static;height:auto;display:grid}.hq-wearables-metrics.is-mobile-stack-ready .hq-wm-card{position:relative;transform:none!important;will-change:auto}.hq-wearables-metrics.is-mobile-stack-ready .hq-wearables-metrics__cta{position:relative;transform:none!important;margin-top:40px;will-change:auto}}@media screen and (max-width:767px){.is-mobile-stack-ready .hq-wearables-metrics__cards{touch-action:pan-y}.is-mobile-stack-ready .hq-wm-card{transition:transform 95ms cubic-bezier(.22,.61,.36,1)!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.is-mobile-stack-ready .hq-wm-card--energy .hq-wm-card__visual,.is-mobile-stack-ready .hq-wm-card--shift .hq-wm-card__visual{margin-top:18px}.is-mobile-stack-ready .hq-wm-card--energy .hq-wm-card__visual-stage,.is-mobile-stack-ready .hq-wm-card--shift .hq-wm-card__visual-stage{width:90%;margin-right:auto;margin-left:auto}.is-mobile-stack-ready .hq-wm-card--energy,.is-mobile-stack-ready .hq-wm-card--shift{padding-bottom:16px}}@media screen and (max-width:399px){.is-mobile-stack-ready .hq-wm-card--energy .hq-wm-card__visual-stage,.is-mobile-stack-ready .hq-wm-card--shift .hq-wm-card__visual-stage{width:88%}}@media(prefers-reduced-motion:reduce){.is-mobile-stack-ready .hq-wm-card{transition:none!important}}@media(prefers-reduced-motion:reduce){.hq-wm-card__play{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/hq-wearables-metrics.css.map */