/* Each product image shows a different job: perform, prepare, or play pads. */
.performance{padding-block:105px 95px}
.performance .section-head{align-items:flex-end;gap:7%;margin-bottom:42px}
.performance .section-head h2{font-size:clamp(44px,5.2vw,72px)}
.performance h2 span{color:#e4bd87}
.performance .section-head>p{font-size:15px;max-width:350px;margin-bottom:5px}
.performance-preview{margin:0}
.performance .app-frame{border-color:#60738260;border-radius:14px;box-shadow:0 24px 70px #0005}
.performance-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#172735;border-bottom:1px solid #6e87982b;color:#9fb2c0;font-size:11px}
.performance-topline>span:first-child{display:flex;align-items:center;gap:10px;color:#e7c899;font-size:10px;font-weight:600;letter-spacing:1.8px}
.performance-topline i{width:6px;height:6px;background:#e7c899;border-radius:50%}
.performance-screen{position:relative;overflow:hidden;aspect-ratio:1512/673;background:#0b141d}
.performance-screen>img{position:absolute;left:0;top:-10.4%;width:100%;height:auto;max-width:none}
.performance-preview figcaption{font-size:10px;color:#8ea5b6;text-align:right;line-height:1.6;padding-top:16px}
.performance-details{display:grid;grid-template-columns:1fr 1fr .85fr;gap:6%;margin-top:34px;padding-top:30px;border-top:1px solid #a9c2d023}
.performance-index{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#e4bd87}
.performance-details h3{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:15px 0 12px}
.performance-details p{font-size:13px;color:#9bb1c1;line-height:1.8;margin-bottom:0;max-width:350px}
.performance-details .performance-cta{border-left:1px solid #a9c2d023;padding-left:24px;align-self:center}
.performance-details .performance-cta p{color:#e0ebf1;font-size:19px;line-height:1.45}
.performance-cta a{font-size:11px;gap:15px;line-height:1.5;margin-top:20px;min-height:44px;color:#83cee9}
.performance-cta .ui-icon{flex-shrink:0;width:18px}
.difference .guide-feature{grid-template-columns:.85fr 1.15fr;gap:6%}
.editor-screen{position:relative;overflow:hidden;aspect-ratio:1140/594;background:#10202b}
.editor-screen>img{position:absolute;width:132.632%;max-width:none;height:auto;left:-16.316%;top:-14.815%}
.editor-preview .diagram-heading{padding:16px 20px}
.editor-preview .diagram-heading>span:last-child{font-size:9px}
@media(max-width:900px){.performance .section-head{display:block}.performance .section-head>p{max-width:540px;margin-top:24px}.performance-details{gap:4%}.performance-details h3{font-size:21px}.performance-cta .text-button{font-size:10px}.difference .guide-feature{grid-template-columns:1fr;gap:28px}.guide-feature .difference-copy{max-width:600px}.editor-preview{max-width:720px;width:100%}}
@media(max-width:620px){.performance{padding-block:68px 60px}.performance .section-head h2{font-size:44px}.performance .section-head>p{font-size:14px}.performance-topline{padding:13px 12px}.performance-topline>span:first-child{font-size:8px;letter-spacing:1.2px}.performance-topline>span:last-child{font-size:8px}.performance-preview figcaption{font-size:9px;text-align:left}.performance-details{grid-template-columns:1fr;gap:25px;margin-top:25px;padding-top:24px}.performance-details h3{margin-top:10px}.performance-details .performance-cta{border-left:0;border-top:1px solid #a9c2d023;padding:24px 0 0}.performance-cta a{font-size:12px;margin-top:10px}.editor-preview .diagram-heading{padding:12px}.editor-preview .signal-label{font-size:8px;letter-spacing:.7px}.editor-preview .diagram-heading>span:last-child{font-size:8px}.performance .media-depth{will-change:auto}}