.performance-metrics{margin:30px auto 0;max-width:100%;overflow:visible;position:relative;width:100%;& .performance-metrics__stage{aspect-ratio:auto;background:transparent;border-radius:0;overflow:visible;padding:0;position:relative;width:100%}& .performance-metrics__diagram{display:none}& .performance-metrics__viewport{inset:auto;overflow:visible;pointer-events:auto;position:relative}& .performance-metrics__track{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0;transform:none;transition:none;width:100%}& .performance-metrics__slide{align-items:center;display:flex;justify-content:center;margin:0;max-width:100%;min-width:0;padding:0;position:static;width:100%}& .performance-metrics__card{background:var(--color-white);border-radius:8px;box-shadow:0 12px 24px rgba(11,11,61,.12);box-sizing:border-box;max-width:100%;padding:24px;pointer-events:auto;width:100%}& .performance-metrics__card-icon{align-items:center;border-radius:4px;display:inline-flex;font-size:16px;height:32px;justify-content:center;margin-bottom:12px;width:32px}& .performance-metrics__card-headline{font-size:22px;font-weight:600;line-height:1.25;margin:0 0 8px}& .performance-metrics__card-content{font-size:16px;line-height:1.45;& ul{list-style:disc;margin:0 0 0 16px;padding:0}& li{margin:0;padding:0}& p{font-size:16px;margin:0}}& .performance-metrics__dots,& .performance-metrics__nav{display:none}@media (min-width:768px){margin-top:0;overflow:visible;& .performance-metrics__stage{aspect-ratio:1/1;border-radius:16px;overflow:hidden}& .performance-metrics__diagram{display:block;height:100%;inset:0;position:absolute;width:100%}& .performance-metrics__node ellipse,& .performance-metrics__node rect{transition:fill .3s ease}&[data-active="0"] .performance-metrics__node:not(.performance-metrics__node--0) ellipse,&[data-active="1"] .performance-metrics__node:not(.performance-metrics__node--1) ellipse,&[data-active="2"] .performance-metrics__node:not(.performance-metrics__node--2) ellipse,&[data-active="3"] .performance-metrics__node:not(.performance-metrics__node--3) ellipse{fill:#e5d6be}&[data-active="0"] .performance-metrics__node:not(.performance-metrics__node--0) rect,&[data-active="1"] .performance-metrics__node:not(.performance-metrics__node--1) rect,&[data-active="2"] .performance-metrics__node:not(.performance-metrics__node--2) rect,&[data-active="3"] .performance-metrics__node:not(.performance-metrics__node--3) rect{fill:#ede3d3}& .performance-metrics__viewport{inset:0;overflow:hidden;pointer-events:none;position:absolute}& .performance-metrics__track{display:grid;grid-auto-columns:100%;grid-auto-flow:column;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}& .performance-metrics__slide{width:auto}& .performance-metrics__card{width:300px}& .performance-metrics__nav{bottom:20px;display:flex;gap:12px;justify-content:flex-end;margin-top:0;position:absolute;right:24px;z-index:10}& .performance-metrics__arrow{background:none;border:0;cursor:pointer;display:inline-flex;line-height:0;padding:0;transition:opacity .15s ease;&:disabled{cursor:not-allowed;opacity:.35}&:focus-visible{border-radius:50%;outline:2px solid var(--pm-arrow-color);outline-offset:3px}& svg{display:block}}& .performance-metrics__dots{display:flex;gap:8px;justify-content:center;list-style:none;margin:16px 0 0;padding:0}& .performance-metrics__dot{background:var(--pm-dot-color);border:0;border-radius:50%;cursor:pointer;height:8px;opacity:.3;padding:0;transition:opacity .15s ease;width:8px;&.is-active,&:hover{opacity:1}}}}.performance-metrics.performance-metrics--cards{& .performance-metrics__card{border-radius:16px;box-shadow:0 12px 32px rgba(11,11,61,.08);display:flex;flex-direction:column;overflow:hidden;padding:0}& .performance-metrics__card-image{aspect-ratio:4/3;display:block;max-height:180px;overflow:hidden;width:100%;& img{display:block;height:100%;object-fit:cover;width:100%}}& .performance-metrics__card-body{padding:20px 22px 24px}& .performance-metrics__card-eyebrow{color:var(--pm-eyebrow,#339985);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}& .performance-metrics__card-headline{color:#0b0b3d;font-size:22px;font-weight:600;line-height:1.2;margin:0 0 12px}& .performance-metrics__card-content{color:#0b0b3d;font-size:15px;line-height:1.6;& ul{list-style:none;margin:0;padding:0}& ul li{margin:0 0 6px;padding-left:26px;position:relative}& ul li:before{border:1.5px solid;border-radius:50%;content:"";height:14px;left:0;opacity:.5;position:absolute;top:6px;width:14px}& p{margin:0 0 6px}}& .performance-metrics__card-content.performance-metrics__card-content--list{list-style:none;margin:0;padding:0;& li{align-items:center;display:flex;gap:10px;list-style:none;margin:0 0 8px;padding:0;position:static}& li:before{content:none;display:none}& li i{color:var(--pm-eyebrow,#339985);flex:0 0 auto;font-size:16px;line-height:1;text-align:center;width:18px}}@media (min-width:768px){max-width:600px;& .performance-metrics__stage{aspect-ratio:1/1;background:var(--color-fluent-dune);border-radius:16px;max-width:100%;min-height:0;overflow:hidden;padding:40px 20px 80px;width:600px}& .performance-metrics__viewport{inset:0;overflow:hidden;pointer-events:auto;position:absolute}& .performance-metrics__track{display:block;height:100%;position:relative;transform:none!important;width:100%}& .performance-metrics__slide{left:50%;margin:0;padding:0;position:absolute;top:44%;transform:translate(-50%,-50%);transform-origin:center center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:280px;z-index:1}& .performance-metrics__slide.is-prev{transform:translate(-90%,-50%) scale(.85);z-index:2}& .performance-metrics__slide.is-next{transform:translate(-10%,-50%) scale(.85);z-index:2}& .performance-metrics__slide.is-active{transform:translate(-50%,-47%);z-index:3}& .performance-metrics__card{background:#fff;width:100%}& .performance-metrics__nav{bottom:20px;margin-top:0;position:absolute;right:24px;z-index:10}}}