.mri-hero,.mri-hero *{box-sizing:border-box}.mri-hero{background:#fffcf3;color:#212c3b;font-family:Open Sans,Arial,sans-serif;font-weight:500;width:100%}.mri-hero__inner{align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,1fr) minmax(420px,560px);margin:0 auto;padding:48px 0 56px;width:min(1240px,calc(100% - 48px))}.mri-hero__copy h1{font-size:clamp(38px,4vw,52px);font-weight:800;letter-spacing:-1.8px;line-height:1.04;margin:0 0 18px;max-width:510px}.mri-hero__sub{color:#536175;font-size:18px;line-height:1.6;margin:0 0 27px;max-width:48ch}.mri-hero__stats{border-bottom:1px solid #e7eaf0;border-top:1px solid #e7eaf0;display:flex;gap:36px;margin-bottom:12px;padding:14px 0 12px}.mri-hero__stat strong{display:block;font-size:22px;font-weight:800;line-height:1.35}.mri-hero__stat span{color:#536175;display:block;font-size:12px}.mri-hero__ratings{align-items:center;color:#536175;display:flex;flex-wrap:wrap;font-size:12px;gap:28px;margin-bottom:27px}.mri-hero__stars{color:#fb0;font-size:17px;font-weight:800;letter-spacing:1px;margin-right:6px}.mri-hero__cta{align-items:center;background:#fb0;border-radius:16px;box-shadow:0 4px 0 #cc9600;color:#212c3b;display:inline-flex;font-size:19px;font-weight:800;justify-content:center;min-height:60px;padding:0 22px;text-decoration:none;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.mri-hero__cta:hover{background:#fc3;color:#212c3b}.mri-hero__cta:active{box-shadow:none;transform:translateY(4px)}.mri-lesson-wrap{min-width:0;position:relative}.mri-lesson-blob{background:#fff0bf;border-radius:56% 48% 53% 56%/70% 50% 58% 41%;height:150px;position:absolute;right:-26px;top:-30px;width:150px}.mri-lesson{background:#fff;border-radius:24px;box-shadow:0 8px 24px rgba(33,44,59,.12);overflow:hidden;padding:0 14px 14px;position:relative}.mri-lesson__head{align-items:center;border-bottom:1px solid #e7eaf0;display:flex;font-size:17px;font-weight:800;min-height:49px;padding:0 20px}.mri-lesson__head small{color:#8e94a0;font-size:14px;font-weight:500;margin-left:8px}.mri-lesson__count{background:#fff0bf;border-radius:999px;color:#536175;font-size:11px;font-weight:800;margin-left:auto;padding:5px 11px}.mri-video-frame{aspect-ratio:360/340;background:#212c3b;border-radius:16px;margin:10px auto 6px;overflow:hidden;position:relative;width:min(360px,100%)}.mri-video{display:block;height:100%;object-fit:cover;object-position:top;width:100%}.mri-speaker{background:rgba(33,44,59,.78);border-radius:999px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:5px 9px;position:absolute;top:10px}.mri-play{background:#fff;border:0;border-radius:50%;box-shadow:0 4px 0 #fb0;color:#212c3b;cursor:pointer;display:grid;height:68px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:68px}.mri-play.is-playing{opacity:.35}.mri-play:hover{opacity:1}.mri-play:active{box-shadow:0 1px 0 #fb0;transform:translate(-50%,calc(-50% + 3px))}.mri-play svg{height:27px;width:27px}.mri-lesson-label,.mri-note,.mri-progress,.mri-sentence,.mri-thumbs{margin-left:auto;margin-right:auto;width:min(360px,100%)}.mri-progress{background:#e7eaf0;border-radius:99px;height:5px;margin-bottom:13px;overflow:hidden}.mri-progress__bar{background:#fb0;display:block;height:100%;transform:scaleX(0);transform-origin:left center;width:100%}.mri-sentence{display:flex;flex-wrap:wrap;font-size:20px;font-weight:800;gap:0 6px;line-height:1.35;margin-bottom:6px}.mri-word{color:#bcc2cf;transition:color .18s ease}.mri-word.is-spoken{color:#212c3b}.mri-word.is-current{color:#cc9600}.mri-note{color:#8e94a0;font-size:13px;line-height:1.45}.mri-lesson-label{align-items:center;color:#536175;display:flex;font-size:11px;gap:6px;margin-bottom:7px;margin-top:10px}.mri-lesson-label:after{background:#e7eaf0;content:"";flex:1;height:1px;margin-left:3px}.mri-thumbs{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.mri-thumb{background:#fff;border:2px solid #e7eaf0;border-radius:9px;cursor:pointer;height:96px;overflow:hidden;padding:0;position:relative}.mri-thumb.is-selected{background:#fff8e5;border-color:#fb0}.mri-thumb img{display:block;height:100%;object-fit:cover;object-position:top;width:100%}.mri-thumb:after{background:linear-gradient(transparent,rgba(0,0,0,.72));content:"";inset:35% 0 0;position:absolute}.mri-thumb strong{bottom:7px;color:#fff;font-size:10px;font-weight:800;left:2px;position:absolute;right:2px;z-index:1}.mri-thumb-dot{background:hsla(0,0%,100%,.65);border-radius:50%;height:14px;position:absolute;right:5px;top:5px;width:14px;z-index:2}.mri-thumb-dot.is-learned{background:#0f9e78}.mri-practice{align-items:center;background:#f6f6f6;border:1px solid transparent;border-radius:14px;display:flex;gap:13px;margin-top:10px;min-height:84px;padding:12px 16px}.mri-practice.is-ready,.mri-practice.is-recording,.mri-practice.is-success{background:#fff8e5;border-color:#ffdd80}.mri-mic{background:#e7eaf0;border:0;border-radius:50%;color:#8e94a0;cursor:pointer;display:grid;flex:none;height:42px;place-items:center;width:42px}.mri-practice.is-ready .mri-mic{animation:mriMicPulse 1.4s ease-in-out infinite;background:#fb0;color:#212c3b}.mri-practice.is-recording .mri-mic{animation:mriMicPulse .7s ease-in-out infinite;background:#212c3b;color:#fff}.mri-practice.is-success .mri-mic{background:#0f9e78;color:#fff}.mri-mic svg{width:22px}.mri-practice-copy{font-size:14px;font-weight:800;line-height:1.2;min-width:0}.mri-practice-copy small,.mri-practice-copy strong{display:block}.mri-practice-copy small{color:#8e94a0;font-size:11px;font-weight:500;margin-top:3px}.mri-wave{align-items:center;display:flex;gap:3px;height:22px;margin-left:auto}.mri-wave i{background:#bcc2cf;border-radius:3px;display:block;height:16px;width:3px}.mri-practice.is-ready .mri-wave i,.mri-practice.is-recording .mri-wave i{animation:mriWave .9s ease-in-out infinite alternate;background:#fb0}.mri-practice.is-success .mri-wave i{background:#0f9e78;transform:scaleY(.6)}@keyframes mriMicPulse{0%,to{box-shadow:0 0 0 0 rgba(255,187,0,.45);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(255,187,0,0);transform:scale(1.08)}}@keyframes mriWave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (max-width:960px){.mri-hero__inner{gap:40px;grid-template-columns:1fr;width:min(680px,calc(100% - 40px))}.mri-hero__copy{text-align:center}.mri-hero__copy h1,.mri-hero__sub{margin-left:auto;margin-right:auto}.mri-hero__ratings,.mri-hero__stats{justify-content:center}}@media (max-width:600px){.mri-hero__inner{padding:32px 0 40px;width:min(100% - 28px,520px)}.mri-hero__copy h1{font-size:38px;letter-spacing:-1.2px}.mri-hero__stats{gap:14px;justify-content:space-between}.mri-hero__stat strong{font-size:17px}.mri-hero__stat span{font-size:10px}.mri-lesson__head{font-size:14px;padding:0 8px}.mri-lesson__head small{font-size:12px}.mri-lesson__count{font-size:10px;padding:4px 7px}.mri-practice{padding:10px}.mri-wave{display:none}}