.product-grid figure.experience-story{padding:0;overflow:hidden;border:1px solid #d9dff0;border-radius:26px;background:white;box-shadow:0 20px 48px #20295b12}
.experience-heading{padding:22px 24px 16px;color:#354582;font-size:.875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.experience-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 18px 18px}
.experience-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;padding:10px 6px;border:1px solid #e1e5ef;border-radius:12px;background:#f5f7fb;color:#565d76;font:800 .9375rem/1.25 "Nunito",sans-serif;cursor:pointer;transition:background .15s,color .15s}
.experience-tabs button[aria-selected="true"]{background:#443294;border-color:#443294;color:white;box-shadow:0 4px 12px #44329425}
.experience-tabs button:focus-visible{outline:3px solid #ff8c3c;outline-offset:3px}
.experience-tabs button span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e7eaf3;font-size:.8125rem;flex-shrink:0}
.experience-tabs button[aria-selected="true"] span{background:#ffffff24}
.experience-visual{position:relative;background:#eaf5fc;aspect-ratio:16/10;overflow:hidden}
.product-grid .experience-visual img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);margin:auto;object-fit:contain;filter:drop-shadow(0 8px 12px #1e315018)}
#experience-practise .experience-visual{background:#f0effb}
#experience-progress .experience-visual{background:#fff4e5}
.experience-caption{padding:22px 26px 24px;min-height:140px}
.experience-caption h3{font-size:1.5rem;line-height:1.2;color:#202044;text-wrap:initial}
.product-grid .experience-caption p{font-size:1rem;line-height:1.55;margin:10px 0 0;color:#61677c}
.product-grid .experience-story figcaption{margin:0;padding:12px 20px;border-top:1px solid #e7ebf2;font-size:.8125rem;color:#676d80;background:#fafbfe;text-align:center}
@media(max-width:620px){
 .product-grid figure.experience-story{padding:0;border-radius:20px}
 .experience-heading{padding:20px 18px 14px;font-size:.8125rem}
 .experience-tabs{gap:5px;padding:0 12px 14px}
 .experience-tabs button{font-size:.875rem;gap:5px;flex-wrap:wrap}
 .experience-tabs button span{width:20px;height:20px;font-size:.75rem}
 .experience-caption{padding:20px;min-height:0}
 .experience-caption h3{font-size:1.375rem}
 .product-grid .experience-caption p{font-size:.9375rem}
}

#experience-play .experience-visual,#experience-progress .experience-visual{background:#fff}
#experience-play .experience-visual img,#experience-progress .experience-visual img{inset:0;width:100%;height:100%;max-width:none;border-radius:0;object-fit:contain;filter:none}
#experience-practise .experience-visual img{inset:0;width:100%;height:100%;max-width:none;border-radius:0;object-fit:cover;filter:none}
@media(max-width:380px){.experience-tabs button{flex-direction:column;gap:5px}}