.performance-concept{padding:clamp(22px,3.5vw,54px);background:radial-gradient(circle at 82% 8%,rgba(100,183,164,.12),transparent 30%),#102c26;color:#fff}.performance-topbar{display:flex;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12);color:#769a90;font-size:8px;letter-spacing:1.2px}.performance-topbar>div{display:flex;gap:5px;margin-left:auto}.performance-topbar b{padding:7px 10px;background:rgba(255,255,255,.055);color:#8da69f;font-weight:500}.performance-topbar b:first-child{background:#e8ece9;color:#17382f}.performance-topbar>i{color:#acd45e;font:normal 7px DM Sans}.performance-story{padding:clamp(32px,4vw,62px) 0 clamp(38px,4.5vw,68px);max-width:950px}.performance-story>span{color:#83c6b7;font-size:8px;letter-spacing:1.3px}.performance-story h3{margin:20px 0 18px;font:500 clamp(30px,4.2vw,64px)/1.05 Manrope;letter-spacing:-2.8px}.performance-story h3 em{color:#9acdbf;font-weight:400}.performance-story p{max-width:680px;margin:0;color:#91a8a1;font-size:14px;line-height:1.7}.performance-story small{display:block;margin-top:22px;color:#607f76;font-size:7px;letter-spacing:1px}.performance-layers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.performance-layers article{position:relative;min-width:0;padding:26px 24px 30px 0;opacity:0;transform:translateY(24px)}.performance-layers article+article{padding-left:26px;border-left:1px solid rgba(255,255,255,.1)}.product-in-view .performance-layers article{animation:performance-layer-in .75s .45s cubic-bezier(.16,1,.3,1) forwards}.product-in-view .performance-layers article:nth-child(2){animation-delay:.58s}.product-in-view .performance-layers article:nth-child(3){animation-delay:.71s}.performance-layers span{display:block;color:#6f948a;font-size:7px;letter-spacing:1px}.performance-layers strong{display:block;margin:15px 0 2px;font:500 clamp(26px,3.4vw,48px) Manrope}.performance-layers small{color:#809b93;font-size:8px}.performance-layers em{position:absolute;right:20px;top:52%;padding:5px 8px;border-radius:20px;background:rgba(153,207,98,.12);color:#b0d76a;font:normal 8px DM Sans}.performance-layers em.attention{background:rgba(231,158,105,.1);color:#e6a476}.performance-trace{height:2px;margin-top:22px;background:rgba(255,255,255,.07);overflow:hidden}.performance-trace i{display:block;width:var(--trace,72%);height:100%;background:linear-gradient(90deg,#70b6a7,#b6d75d);transform:translateX(-100%)}.performance-layers article:nth-child(2) .performance-trace i{--trace:88%}.performance-layers article:nth-child(3) .performance-trace i{--trace:58%;background:linear-gradient(90deg,#70b6a7,#d29b67)}.product-in-view .performance-trace i{animation:performance-trace-in 1s .95s cubic-bezier(.16,1,.3,1) forwards}.performance-context{display:flex;align-items:center;gap:12px;padding-top:22px;color:#67877e;font-size:7px;letter-spacing:1px}.performance-context i{width:3px;height:3px;border-radius:50%;background:#5e7d74}.performance-context b{margin-left:auto;color:#a8cf64;font-weight:500}.product-reveal-frame:has(.performance-concept){padding:0;background:#102c26}.product-reveal-frame:has(.performance-concept) figcaption{padding:18px 14px;background:#fff}@keyframes performance-layer-in{to{opacity:1;transform:none}}@keyframes performance-trace-in{to{transform:none}}
@media(max-width:760px){.performance-topbar>div{display:none}.performance-layers{grid-template-columns:1fr}.performance-layers article{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px 0}.performance-layers article+article{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.09)}.performance-layers em{position:static;grid-column:2;grid-row:1;align-self:center}.performance-trace{grid-column:1/-1;width:100%}.performance-context{flex-wrap:wrap}.performance-context b{width:100%;margin:5px 0 0}.performance-story h3{letter-spacing:-1.8px}}
@media(prefers-reduced-motion:reduce){.performance-layers article{opacity:1;transform:none;animation:none!important}.performance-trace i{transform:none;animation:none!important}}
