.mp-carousel{position:relative;outline:none}.mp-carousel:focus-visible{outline:2px solid var(--color-brand);outline-offset:6px;border-radius:var(--radius-lg)}.mp-viewport{position:relative;height:clamp(440px,58vw,540px);overflow:hidden}.mp-slide{position:absolute;top:50%;left:50%;width:clamp(290px,58vw,600px);height:clamp(400px,52vw,500px);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.mp-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow .6s cubic-bezier(.22,1,.36,1)}.mp-card--center{box-shadow:var(--shadow-lg)}.mp-media{position:relative;flex:1 1 auto;min-height:0;background:var(--green-50);border-bottom:1px solid var(--color-border)}.mp-media__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.mp-caption{flex:0 0 auto;padding:var(--space-6)}@media (min-width: 768px){.mp-caption{padding:var(--space-8)}}.mp-learn:hover{color:var(--color-brand-dark)}.mp-learn__arrow{transition:transform .2s ease}.mp-learn:hover .mp-learn__arrow{transform:translate(3px)}.mp-mock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-6);background:linear-gradient(180deg,var(--green-50) 0%,var(--color-surface) 70%)}.mp-mock__bar{display:flex;align-items:center;gap:var(--space-2)}.mp-mock__dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--neutral-300)}.mp-mock__kind{margin-left:auto;font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-brand);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px 10px}.mp-mock__head{display:flex;align-items:center;gap:var(--space-4)}.mp-mock__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex:0 0 auto;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.mp-mock__titles{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1 auto}.mp-mock__line{display:block;height:10px;border-radius:var(--radius-full);background:var(--neutral-200)}.mp-mock__line--title{width:62%;height:13px;background:var(--neutral-300)}.mp-mock__line--sub{width:42%}.mp-mock__table{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.mp-mock__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.mp-mock__label{height:9px;width:46%;border-radius:var(--radius-full);background:var(--neutral-200)}.mp-mock__value{height:9px;width:22%;border-radius:var(--radius-full);background:var(--neutral-200)}.mp-mock__row--done .mp-mock__label{background:var(--green-200)}.mp-mock__value--ok{background:var(--color-brand)}.mp-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:40;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.mp-arrow:hover{background:var(--green-50);box-shadow:var(--shadow-lg)}.mp-arrow:active{transform:translateY(-50%) scale(.94)}.mp-arrow:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.mp-arrow--prev{left:clamp(0px,4vw,40px)}.mp-arrow--next{right:clamp(0px,4vw,40px)}.mp-dots{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-12)}.mp-dot{width:9px;height:9px;padding:0;border:none;border-radius:var(--radius-full);background:var(--neutral-300);cursor:pointer;transition:width .3s cubic-bezier(.22,1,.36,1),background .3s ease}.mp-dot:hover{background:var(--neutral-400)}.mp-dot--active{width:28px;background:var(--color-brand)}.mp-dot:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}@media (prefers-reduced-motion: reduce){.mp-slide,.mp-card,.mp-arrow,.mp-dot,.mp-learn__arrow{transition:none!important}}