.pm{--pm-frame:#15191e;--pm-metal-1:#e6eaee;--pm-metal-2:#b9c1c9;--pm-notch:#a3acb5}[data-theme=dark] .pm{--pm-frame:#07090b;--pm-metal-1:#3b4551;--pm-metal-2:#222a33;--pm-notch:#171d24}.pm__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(36px,5vw,88px);display:grid}.pm__grid--right{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.pm__grid--right .pm-stage{order:2}.pm-stage{--pw:58cqw;--lw:60cqw;--lx:3cqw;--phw:18cqw;--px:0cqw;padding-bottom:22%;position:relative;container-type:inline-size}.pm-backdrop{z-index:0;top:14%;bottom:3%;left:calc(var(--pw) * .5);background:color-mix(in srgb, var(--p,var(--ds-navy)) 7%, var(--ds-surface));border-radius:32px;position:absolute;right:0}.pm__grid--right .pm-backdrop{left:0;right:calc(var(--pw) * .5)}[data-tone=band] .pm-backdrop{background:color-mix(in srgb, var(--p,var(--ds-navy)) 10%, var(--ds-band))}[data-theme=dark] .pm-backdrop{background:color-mix(in srgb, var(--p,var(--ds-navy)) 14%, var(--ds-surface))}.pm-photo{z-index:1;width:var(--pw);aspect-ratio:var(--pr,4 / 5);background:var(--ds-band);box-shadow:var(--ds-e2);border-radius:28px;margin:0;position:relative;overflow:hidden}.pm-photo img{object-fit:cover;object-position:var(--pos,50% 35%);background-color:var(--ds-band);background-size:cover;background-position:var(--pos,50% 35%);background-repeat:no-repeat;width:100%;height:100%;display:block}.pm__grid--right .pm-photo{margin-left:auto}.pm-laptop,.pm-tablet,.pm-phone{position:absolute;bottom:0}.pm-laptop,.pm-tablet{right:var(--lx);width:var(--lw);z-index:2}.pm-phone{right:var(--px);z-index:3}.pm__grid--right .pm-laptop,.pm__grid--right .pm-tablet{right:auto;left:var(--lx)}.pm__grid--right .pm-phone{right:auto;left:var(--px)}.pm-glass{position:relative;overflow:hidden}.pm-glass:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff21 0%,#fff0 36%);position:absolute;inset:0}.pm-glass img{width:100%;height:auto;aspect-ratio:var(--r,1.6);object-fit:cover;object-position:top;background-color:#fff;background-repeat:no-repeat;background-size:100% 100%;display:block}.pm-laptop__lid{background:var(--pm-frame);border-radius:1.8cqw 1.8cqw .5cqw .5cqw;padding:1.5cqw 1.5cqw 1.9cqw;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 12px 24px -12px #10182847,0 34px 64px -30px #10182880}.pm-laptop__lid:before{content:"";background:#2c343d;border-radius:50%;width:.55cqw;height:.55cqw;position:absolute;top:.5cqw;left:50%;transform:translate(-50%)}.pm-laptop .pm-glass{border-radius:.35cqw}.pm-laptop__base{background:linear-gradient(180deg, var(--pm-metal-1), var(--pm-metal-2));height:2.2cqw;box-shadow:var(--ds-e2);border-radius:0 0 1.8cqw 1.8cqw;margin-inline:-7%;position:relative}.pm-laptop__base:before{content:"";background:var(--pm-notch);border-radius:0 0 .8cqw .8cqw;width:16%;height:42%;position:absolute;top:0;left:50%;transform:translate(-50%)}.pm-tablet__lid{background:var(--pm-frame);border-radius:2.8cqw;padding:1.7cqw;box-shadow:inset 0 0 0 1px #ffffff0f,0 12px 24px -12px #10182847,0 34px 64px -30px #10182880}.pm-tablet .pm-glass{border-radius:1cqw}.pm-phone{width:var(--phw);padding:calc(var(--phw) * .045);border-radius:calc(var(--phw) * .19);background:var(--pm-frame);box-shadow:inset 0 0 0 1px #ffffff12,0 14px 28px -12px #10182852,0 36px 70px -30px #1018288c}.pm-phone:before{content:"";z-index:2;top:calc(var(--phw) * .075);width:30%;height:calc(var(--phw) * .055);background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.pm-phone .pm-glass{border-radius:calc(var(--phw) * .15)}.pm-callout{z-index:4;top:8%;left:calc(var(--pw) - 12cqw);max-width:min(46cqw,320px);position:absolute}.pm__grid--right .pm-callout{left:auto;right:calc(var(--pw) - 12cqw)}.pm-callout__card{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px 12px 12px;display:grid;box-shadow:0 1px 2px #1018280f,0 14px 34px -10px #10182842}.pm-callout__icon{background:var(--p-tint,var(--ds-navy-tint));width:40px;height:40px;color:var(--p,var(--ds-navy));border-radius:12px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}[data-theme=dark] .pm-callout__icon{color:color-mix(in srgb, var(--p,var(--ds-navy)) 40%, #fff)}[data-theme=dark] .pm-callout__card{box-shadow:0 16px 36px -12px #000000b3}.pm-callout__text{min-width:0}.pm-callout__label{font:500 .74rem/1.3 var(--ds-font-text);color:var(--ds-muted);letter-spacing:.01em;display:block}.pm-callout__value{font:600 .95rem/1.3 var(--ds-font-display);color:var(--ds-ink);font-variant-numeric:tabular-nums;text-wrap:pretty;margin-top:2px;display:block}.pm-stage--tall-laptop-phone{--lw:54cqw;--lx:12cqw;padding-bottom:20%}.pm-stage--tall-phone{--pw:62cqw;--phw:28cqw;--px:3cqw;padding-bottom:6%}.pm-stage--tall-tablet{--lx:0cqw;padding-bottom:18%}.pm-stage--wide-laptop{--pw:80cqw;--lw:52cqw;padding-bottom:20%}.pm-stage--wide-laptop .pm-backdrop{top:34%;left:calc(var(--pw) * .45)}.pm__grid--right .pm-stage--wide-laptop .pm-backdrop{left:0;right:calc(var(--pw) * .45)}.pm-stage--wide-laptop .pm-callout{top:auto;bottom:25cqw;left:3cqw}.pm__grid--right .pm-stage--wide-laptop .pm-callout{left:auto;right:3cqw}@keyframes pm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){html.js .pm-stage .pm-photo{transition:transform 1s var(--ds-ease);transform:scale(.97)}html.js .pm-stage .pm-backdrop{opacity:0;transition:transform 1s var(--ds-ease), opacity .8s var(--ds-ease);transform:scale(.94)}html.js .pm-stage .pm-laptop,html.js .pm-stage .pm-tablet{opacity:0;transition:transform .9s var(--ds-ease) .12s, opacity .7s var(--ds-ease) .12s;transform:translateY(40px)}html.js .pm-stage .pm-phone{opacity:0;transition:transform .9s var(--ds-ease) .26s, opacity .7s var(--ds-ease) .26s;transform:translateY(56px)}html.js .pm-stage .pm-callout{opacity:0;transition:transform .7s var(--ds-ease) .45s, opacity .6s var(--ds-ease) .45s;transform:translateY(14px)scale(.94)}html.js .pm-stage.is-inview :is(.pm-photo,.pm-backdrop,.pm-laptop,.pm-tablet,.pm-phone,.pm-callout){opacity:1;transform:none}html.js .pm-stage.is-inview .pm-callout__card{animation:7s ease-in-out 1.4s infinite pm-float}}.pm-text{max-width:520px}.pm-points{gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.pm-points li{font:400 1.04rem/1.55 var(--ds-font-text);color:var(--ds-text);text-wrap:pretty;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:14px;display:grid}.pm-tick{background:var(--p-tint,var(--ds-navy-tint));width:28px;height:28px;color:var(--p,var(--ds-navy));border-radius:999px;justify-content:center;align-items:center;margin-top:-1px;font-size:.78rem;display:inline-flex}[data-tone=band] .pm-tick{background:var(--ds-surface);box-shadow:var(--ds-e1)}[data-theme=dark] .pm-tick{color:color-mix(in srgb, var(--p,var(--ds-navy)) 40%, #fff)}@media (max-width:991px){.pm__grid,.pm__grid--right{grid-template-columns:minmax(0,1fr);gap:32px}.pm__grid .pm-text{order:-1;max-width:640px}.pm__grid--right .pm-stage{order:0}.pm-stage{max-width:640px}}@media (max-width:640px){.pm-stage--tall-laptop-phone{--phw:21cqw}.pm-backdrop{border-radius:22px}.pm-photo{border-radius:20px}.pm-callout{max-width:58cqw;left:calc(var(--pw) - 20cqw)}.pm__grid--right .pm-callout{right:calc(var(--pw) - 20cqw)}.pm-stage--wide-laptop .pm-callout{left:3cqw}.pm__grid--right .pm-stage--wide-laptop .pm-callout{right:3cqw}.pm-callout__card{border-radius:12px;gap:8px;padding:8px 10px 8px 8px}.pm-callout__icon{border-radius:9px;width:30px;height:30px;font-size:.8rem}.pm-callout__label{font-size:.66rem}.pm-callout__value{font-size:.8rem}}