/* Articulated bench press stays inside the existing workout preview. */
.workout-preview{position:relative;scroll-margin-top:100px}
.workout-card .bench-preview{display:block;position:relative;margin:12px 0 18px;height:260px}
.workout-card .bench-preview img,.workout-card .bench-preview canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.workout-card .bench-preview img{box-sizing:border-box;padding-top:41px}
.workout-card .bench-preview canvas{visibility:hidden}
.workout-preview.is-animated .bench-preview img{opacity:0}
.workout-preview.is-animated .bench-preview canvas{visibility:visible}
.bench-toggle{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c6cdd2;border-radius:50%;background:#edf0f1;color:#303840;cursor:pointer}
.bench-toggle[hidden]{display:none}
.bench-toggle:focus-visible{outline:2px solid #356da8;outline-offset:3px}
.bench-toggle-icon{width:10px;height:12px;border-inline:3px solid currentColor;box-sizing:border-box}
.bench-toggle[aria-label="Animation abspielen"] .bench-toggle-icon{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
.bench-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:640px){.workout-card .bench-preview{height:auto;aspect-ratio:1536 / 1216;max-height:250px}.workout-card .bench-preview img{padding-top:12.5%}.bench-toggle{top:15px;right:12px}}
@media(prefers-reduced-motion:reduce){.workout-preview.is-animated .bench-preview canvas{visibility:hidden}.workout-preview.is-animated .bench-preview img{opacity:1}}

/* A compact product sample beneath the hero, retaining the light training card. */
#platform-preview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);padding-block:54px 44px}
#platform-preview .service-preview-intro h2{font-size:clamp(28px,2.8vw,38px);max-width:19ch}
#platform-preview .service-preview-intro p{margin-top:18px}
#platform-preview .proof-visual{min-width:0}
#platform-preview .gym-product{width:100%;max-width:580px;margin-inline:auto 0}
#platform-preview .product-label{padding:12px 0;font-size:9px;gap:12px}
#platform-preview .gym-product-body{padding:14px 0}
#platform-preview .gym-photo{height:96px;border-radius:10px}
#platform-preview .gym-photo>span{font-size:16px;bottom:12px;left:14px}
#platform-preview .workout-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"label image" "title image" "metrics image" "set set" "action action";column-gap:12px;align-items:start;margin-top:12px;padding:18px;border:1px solid #c6cdd2;border-radius:12px;background:#f0f2f3;color:#000}
#platform-preview .workout-card>.eyebrow{grid-area:label;color:#58636b;margin:7px 0 8px;font-size:9px}
#platform-preview .workout-card h3{grid-area:title;font-size:23px;line-height:1.2;margin:0}
#platform-preview .bench-preview{grid-area:image;height:192px;margin:0}
#platform-preview .bench-preview img{padding-top:min(12.5%,30.32px)}
#platform-preview .set-metrics{grid-area:metrics;display:flex;align-items:start;gap:24px;margin:18px 0 0}
#platform-preview .set-metrics>div{flex-direction:column;gap:2px}
#platform-preview .set-metrics strong{font-size:32px;line-height:1.1}
#platform-preview .set-metrics span{font-size:11px;color:#58636b}
#platform-preview .set-row{grid-area:set;margin-top:10px;padding-top:12px;border-color:#c6cdd2;font-size:11px;line-height:1.4;gap:10px}
#platform-preview .saved{color:#385349}
#platform-preview .preview-action{grid-area:action;margin-top:10px;font-size:12px;line-height:1.4}
#platform-preview .bench-toggle{top:14px;right:14px;border-color:#c6cdd2;background:#edf0f1;color:#303840}
#platform-preview .bench-toggle:focus-visible{outline-color:#356da8}
#platform-preview .product-tabs{padding:8px 0;gap:10px}
#platform-preview .product-tabs a{display:inline-flex;align-items:center;min-height:36px}
@media(hover:hover) and (pointer:fine){#platform-preview .workout-card:hover{border-color:#8caa99}}
#platform-preview .workout-card:focus-visible{outline:2px solid #c3d8f0;outline-offset:4px;border-color:#8caa99}
@media(max-width:980px){
 #platform-preview{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}
 #platform-preview .workout-card{padding:16px;column-gap:8px}
 #platform-preview .bench-preview{height:168px}
 #platform-preview .bench-preview img{padding-top:min(12.5%,26.53px)}
 #platform-preview .set-metrics{gap:18px}
}
@media(max-width:760px){
 #platform-preview{grid-template-columns:1fr;gap:26px;padding-block:40px 32px}
 #platform-preview .service-preview-intro h2{font-size:30px}
 #platform-preview .service-preview-intro p{max-width:44ch;margin-top:14px}
 #platform-preview .gym-product{margin-inline:auto;max-width:540px}
 #platform-preview .bench-preview{height:180px;aspect-ratio:auto;max-height:none}
 #platform-preview .bench-preview img{padding-top:min(12.5%,28.42px)}
}
@media(max-width:400px){
 #platform-preview .product-label{font-size:8px;letter-spacing:.04em;gap:8px}
 #platform-preview .workout-card{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding:14px;column-gap:6px}
 #platform-preview .workout-card h3{font-size:20px}
 #platform-preview .bench-preview{height:164px}
 #platform-preview .bench-preview img{padding-top:min(12.5%,25.89px)}
 #platform-preview .set-metrics{gap:16px;margin-top:15px}
 #platform-preview .set-metrics strong{font-size:28px}
 #platform-preview .set-metrics span{font-size:10px}
 #platform-preview .set-row{font-size:10px}
 #platform-preview .bench-toggle{top:9px;right:8px}
}
@media(max-width:359px){
 #platform-preview .workout-card h3{font-size:19px}
 #platform-preview .set-metrics{gap:10px}
 #platform-preview .set-metrics span{font-size:9px}
}