.vds,.vdn{--vds-red:#e00;--vds-ink:#000;--vds-white:#fff;--vds-grey-95:#f6f6f6;--vds-grey-80:#c4c6c6;--vds-grey-44:#6f7171;--vds-grey-text:#636565;--u:min(100cqw / 36, 100cqh / 58);width:calc(36 * var(--u));height:calc(58 * var(--u));font-family:"Overused Grotesk", var(--hose-font-family-base);font-size:calc(1.5 * var(--u));color:var(--vds-ink);line-height:1.2;position:relative}.vds-title{--x:2;--y:1.5;--w:30}.vds-buttons{--x:2;--y:12.5;--w:30}.vds-tile{--x:2;--y:18.5;--w:15.5;--h:20}.vds-promo{--x:18.5;--y:18.5;--w:15.5;--h:20}.vds-field{--x:2;--y:42.5;--w:19.5}.vds-checks{--x:23.5;--y:41;--w:11.5}.vds-note{--x:2;--y:50.5;--w:32;--h:6}@container (aspect-ratio>=1){.vds{--u:min(100cqw / 60, 100cqh / 39);width:calc(60 * var(--u));height:calc(39 * var(--u))}.vds-title{--y:1.5;--w:26}.vds-buttons{--y:12;--w:26}.vds-field{--y:18.5;--w:25}.vds-note{--y:26.5;--w:26;--h:6.5}.vds-tile{--x:31;--y:1.5;--w:13;--h:22}.vds-promo{--x:46;--y:1.5;--w:13;--h:22}.vds-checks{--x:31;--y:26.5;--w:27}}.vds-part{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));transition:opacity var(--hose-motion-effects-slow), transform .8s var(--wv-ease);transition-delay:calc(var(--k,0) * .11s);position:absolute}.vds-tile,.vds-promo,.vds-note{height:calc(var(--h) * var(--u))}.vds-bar{width:calc(var(--bw) * var(--u));height:calc(var(--bh,.75) * var(--u));border-radius:var(--hose-radius-pill);background:var(--vds-grey-text);flex:none;display:block}.vds-bar-ink{background:var(--vds-ink)}.vds-bar-white{background:var(--vds-white)}.vds-title{gap:calc(.9 * var(--u));flex-direction:column;display:flex}.vds-title .vds-bar:first-child{height:calc(.6 * var(--u))}.vds-title-text{font-size:calc(4.2 * var(--u));letter-spacing:-.025em;margin:0;font-weight:700;line-height:1}.vds-buttons{gap:calc(1.2 * var(--u));display:flex}.vds-btn{height:calc(4 * var(--u));padding:0 calc(2.2 * var(--u));border:max(1px, calc(.15 * var(--u))) solid var(--vds-ink);border-radius:var(--hose-radius-pill);white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.vds-btn-primary{color:var(--vds-white);background:var(--vds-ink)}.vds-btn-secondary{background:0 0}.vds-btn-inverse{height:calc(3.2 * var(--u));padding:0 calc(1.8 * var(--u));border-color:var(--vds-white);background:var(--vds-white);font-size:calc(1.3 * var(--u));flex:none}.vds-tile,.vds-promo{gap:calc(.8 * var(--u));padding:calc(1.4 * var(--u));border-radius:calc(1.2 * var(--u));flex-direction:column;display:flex}.vds-tile{background:var(--vds-white);box-shadow:var(--hose-elevation-raised)}.vds-tile-media{margin-bottom:calc(.4 * var(--u));border-radius:calc(.8 * var(--u));background:var(--vds-grey-95);flex:1;place-items:center;display:grid}.vds-tile-device{width:calc(3.6 * var(--u));height:calc(6.6 * var(--u));border:max(1px, calc(.22 * var(--u))) solid var(--vds-grey-80);border-radius:calc(.7 * var(--u))}.vds-tile-foot{align-items:center;gap:calc(.7 * var(--u));margin-top:calc(.6 * var(--u));font-size:calc(1.3 * var(--u));display:flex}.vds-heart{width:calc(1.7 * var(--u));fill:none;stroke:var(--vds-ink);stroke-width:1.4px;stroke-linejoin:round;margin-left:auto}.vds-promo{color:var(--vds-white);background:var(--vds-red)}.vds-promo-media{min-height:0;margin-bottom:calc(.4 * var(--u));flex:1;place-items:center;display:grid}.vds-promo-media .vds-tile-device{width:calc(2.7 * var(--u));height:calc(4.8 * var(--u));border-color:var(--vds-white)}.vds-promo-gap{height:calc(.2 * var(--u))}.vds-promo-link{margin-top:calc(.4 * var(--u));font-size:calc(1.5 * var(--u));font-weight:700}.vds-box{width:calc(1.7 * var(--u));height:calc(1.7 * var(--u));border:max(1px, calc(.15 * var(--u))) solid var(--vds-ink);border-radius:calc(.25 * var(--u));background:var(--vds-white);transition:background-color var(--hose-motion-effects-fast);flex:none;place-items:center;display:grid}.vds-check{display:contents}.vds-check svg{fill:none;width:80%;stroke:var(--vds-white);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--hose-motion-effects-fast)}.vds-box[data-on=true],.vds-box-compare{background:var(--vds-ink)}.vds-box[data-on=true] svg,.vds-box-compare svg{opacity:1}.vds-checks{gap:calc(1 * var(--u));font-size:calc(1.4 * var(--u));flex-direction:column;display:flex}.vds-check-row{align-items:center;gap:calc(.8 * var(--u));white-space:nowrap;display:flex}.vds-field-box{height:calc(4.4 * var(--u));padding:0 calc(1.2 * var(--u));border:max(1px, calc(.15 * var(--u))) solid var(--vds-grey-44);border-radius:calc(.4 * var(--u));background:var(--vds-white);font-size:calc(1.4 * var(--u));color:var(--vds-grey-text);align-items:center;display:flex}.vds-note{justify-content:space-between;align-items:center;gap:calc(1.6 * var(--u));padding:0 calc(1.6 * var(--u));border-radius:calc(.6 * var(--u));background:var(--vds-ink);display:flex}.vds-note-text{gap:calc(.7 * var(--u));flex-direction:column;min-width:0;display:flex}.vds-note .vds-bar{max-width:100%}[data-motion=ready] .wv-choreo:not([data-play]) .vds-part{opacity:0;transform:translateY(calc(2.5 * var(--u)))}.vds-box-compare,.vds-box-compare svg{transition-delay:1.3s}[data-motion=ready] .wv-choreo:not([data-play]) .vds-box-compare{background:var(--vds-white)}[data-motion=ready] .wv-choreo:not([data-play]) .vds-box-compare svg{opacity:0}.vdn{--U:min(100cqw / 36, 100cqh / 58);--web-u:.5;--phone-u:.5;width:calc(36 * var(--U));height:calc(58 * var(--U))}.vdn-label-web{--x:1;--y:.4}.vdn-web{--x:1;--y:2.5;--w:34;--h:17.5}.vdn-label-ios{--x:1;--y:24.6}.vdn-ios{--x:2;--y:26.5;--w:15.5;--h:31}.vdn-label-android{--x:17.5;--y:24.6}.vdn-android{--x:18.5;--y:26.5;--w:15.5;--h:31}@container (aspect-ratio>=1){.vdn{--U:min(100cqw / 60, 100cqh / 34);--web-u:.62;--phone-u:.33;width:calc(60 * var(--U));height:calc(34 * var(--U))}.vdn-web{--y:2.6;--w:42;--h:27}.vdn-ios{--x:36.5;--y:8;--w:10.5;--h:22.5}.vdn-android{--x:48.5;--y:8;--w:10.5;--h:22.5}.vdn-label-ios{--x:36.5;--y:31.4}.vdn-label-android{--x:48.5;--y:31.4}.vdn-branch{display:none}}.vdn>*{left:calc(var(--x,0) * var(--U));top:calc(var(--y,0) * var(--U));position:absolute}.vdn-frame{width:calc(var(--w) * var(--U));height:calc(var(--h) * var(--U))}.vdn-label{font-size:calc(1.3 * var(--U));color:var(--vds-grey-text);margin:0;font-weight:600}.vdn-web{border:max(1px, calc(.12 * var(--U))) solid var(--vds-grey-80);border-radius:calc(1 * var(--U));background:var(--vds-white);box-shadow:var(--hose-elevation-raised);flex-direction:column;display:flex;overflow:hidden}.vdn-chrome{align-items:center;gap:calc(.5 * var(--U));height:calc(2.4 * var(--U));padding:0 calc(1 * var(--U));border-bottom:1px solid var(--vds-grey-80);flex:none;display:flex}.vdn-chrome i{width:calc(.7 * var(--U));height:calc(.7 * var(--U));border-radius:var(--hose-radius-pill);background:var(--vds-grey-80)}.vdn-url{max-width:calc(16 * var(--U));height:calc(1.2 * var(--U));margin-left:calc(1 * var(--U));border-radius:var(--hose-radius-pill);background:var(--vds-grey-95);flex:1}.vdn-web .vdn-screen{--u:calc(var(--U) * var(--web-u));align-items:center;gap:calc(2 * var(--u));padding:0 calc(3 * var(--u));background:var(--vds-grey-95);flex:1;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.vdn-web-lead{gap:calc(2.4 * var(--u));flex-direction:column;min-width:0;display:flex}.vdn-web .vds-title-text{font-size:calc(3.6 * var(--u))}.vdn-screen .vds-bar{max-width:100%}.vdn-screen{font-size:calc(1.5 * var(--u))}.vdn-web .vds-btn{padding:0 calc(1.6 * var(--u))}.vdn-web .vds-tile,.vdn-web .vds-promo{--h:24;width:calc(14 * var(--u))}.vdn-phone{padding:calc(.35 * var(--U));border:max(1px, calc(.12 * var(--U))) solid var(--vds-grey-80);background:var(--vds-white);box-shadow:var(--hose-elevation-raised)}.vdn-ios{border-radius:calc(2.4 * var(--U))}.vdn-android{border-radius:calc(1.3 * var(--U))}.vdn-phone .vdn-screen{--u:calc(var(--U) * var(--phone-u));gap:calc(1.6 * var(--u));height:100%;padding:calc(5.2 * var(--u)) calc(1.8 * var(--u)) 0;background:var(--vds-grey-95);flex-direction:column;display:flex;position:relative;overflow:hidden}.vdn-ios .vdn-screen{border-radius:calc(2 * var(--U))}.vdn-android .vdn-screen{border-radius:calc(.9 * var(--U))}.vdn-phone .vds-title-text{font-size:calc(3.4 * var(--u))}.vdn-phone .vds-buttons{gap:calc(1 * var(--u));flex-direction:column}.vdn-phone .vds-btn{height:calc(3.6 * var(--u));justify-content:center}.vdn-phone .vds-tile,.vdn-phone .vds-promo{--h:21;flex:none}.vdn-camera,.vdn-home{z-index:1;border-radius:var(--hose-radius-pill);background:var(--vds-ink);position:absolute;left:50%;translate:-50%}.vdn-ios .vdn-camera{top:calc(1.2 * var(--u));width:calc(8 * var(--u));height:calc(2.3 * var(--u))}.vdn-android .vdn-camera{top:calc(1.4 * var(--u));width:calc(1.9 * var(--u));height:calc(1.9 * var(--u))}.vdn-home{bottom:calc(.9 * var(--u));width:calc(9 * var(--u));height:calc(.55 * var(--u))}.vdn-android .vdn-home{width:calc(6 * var(--u))}.vdn-branch{width:100%;height:100%;overflow:visible}.vdn-branch path{fill:none;stroke:var(--vds-red);stroke-width:.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.vdn-frame,.vdn-label{--d:0s;transition:opacity var(--hose-motion-effects-slow), transform .8s var(--wv-ease);transition-delay:var(--d)}.vdn-label-ios,.vdn-ios{--d:.9s}.vdn-label-android,.vdn-android{--d:1.05s}.vdn-branch path{transition:stroke-dashoffset .7s var(--wv-ease) .45s}.vdn-fill{transition:opacity var(--hose-motion-effects-slow), transform .6s var(--wv-ease);transition-delay:calc(var(--d) + .5s + var(--j,0) * .12s)}[data-motion=ready] .wv-choreo:not([data-play]) .vdn-frame,[data-motion=ready] .wv-choreo:not([data-play]) .vdn-label{opacity:0;transform:translateY(calc(2 * var(--U)))}[data-motion=ready] .wv-choreo:not([data-play]) .vdn-branch path{stroke-dashoffset:1px}[data-motion=ready] .wv-choreo:not([data-play]) .vdn-fill{opacity:0;transform:translateY(calc(1.2 * var(--u)))}