.X4A7_W_section{color:#102039;max-width:1440px;margin:auto;padding:64px 0}.X4A7_W_heading{justify-content:space-between;align-items:center;gap:24px;margin:0 48px 30px;display:flex}.X4A7_W_heading h2{letter-spacing:-.03em;font-size:clamp(28px,3vw,40px);font-weight:750;line-height:1.25}.X4A7_W_controls{gap:10px;display:flex}.X4A7_W_controls button{color:#102b42;border:1px solid #bdcbd4;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.X4A7_W_controls button:not(:disabled):hover{color:#fff;background:#102b42}.X4A7_W_controls button:disabled{opacity:.25}.X4A7_W_rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d2dce1 transparent;gap:24px;padding:8px 48px 25px;scroll-padding-inline:48px;display:flex;overflow-x:auto}.X4A7_W_card{scroll-snap-align:start;background:#f4f6f6;border-radius:24px;flex:0 0 365px;transition:transform .25s,box-shadow .25s;overflow:hidden}.X4A7_W_card:is(:hover,:focus-visible){transform:translateY(-6px);box-shadow:0 15px 30px -16px #18324955}.X4A7_W_art{aspect-ratio:1.5;position:relative;overflow:hidden}.X4A7_W_art img{object-fit:cover;transition:transform .7s}.X4A7_W_card:is(:hover,:focus-visible) img{transform:scale(1.035)}.X4A7_W_copy{padding:25px 25px 24px}.X4A7_W_copy h3{font-size:23px;font-weight:750;line-height:1.35}.X4A7_W_copy p{color:#53657a;margin-top:10px;font-size:17px;line-height:1.75}.X4A7_W_copy>svg{color:#245aea;margin-top:22px}.X4A7_W_card:focus-visible,.X4A7_W_controls button:focus-visible{outline-offset:3px;outline:3px solid #245aea}@media (max-width:600px){.X4A7_W_section{padding:42px 0}.X4A7_W_heading{gap:12px;margin:0 22px 22px}.X4A7_W_controls{gap:6px}.X4A7_W_controls button{width:44px;height:44px}.X4A7_W_rail{gap:16px;padding-inline:22px;scroll-padding-inline:22px}.X4A7_W_card{flex-basis:84%}.X4A7_W_copy{padding:22px}.X4A7_W_copy h3{font-size:22px}.X4A7_W_copy p{font-size:16px}}@media (prefers-reduced-motion:reduce){.X4A7_W_card,.X4A7_W_art img{transition:none}.X4A7_W_card:is(:hover,:focus-visible){transform:none}}.X4A7_W_card:active{transform:scale(.985)}.X4A7_W_controls button:not(:disabled):active{transform:scale(.92)}.X4A7_W_controls button{flex-shrink:0;transition:background .15s,color .15s,transform .15s}@media (prefers-reduced-motion:reduce){.X4A7_W_card:active,.X4A7_W_controls button:not(:disabled):active{transform:none}}
.HeJz5G_preview{isolation:isolate;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.HeJz5G_preview>img{object-fit:cover;z-index:-1}.HeJz5G_stationWord{color:#173b55;flex-direction:column;align-items:center;width:32%;display:flex;position:absolute;top:15%;left:3%}.HeJz5G_stationWord>span{letter-spacing:.2em;font-size:4cqw}.HeJz5G_stationWord>strong{margin:0 0 5px;font-size:20cqw;font-weight:600;line-height:1.1}.HeJz5G_lessonSentence{color:#173b55;background:#ffffffed;border-radius:10px;padding:8px 12px;font-size:4cqw;font-weight:700;position:absolute;bottom:21%;left:7%;box-shadow:0 2px 12px #28445912}.HeJz5G_progress{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:4%;left:10%;right:10%}.HeJz5G_progress:before{content:"";z-index:-1;background:#779aa85c;height:2px;position:absolute;left:0;right:0}.HeJz5G_progress>span{color:#376581;background:#dbf0fd;border:2px solid #aac8d4;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-weight:700;display:grid}.HeJz5G_progress>span:first-child{color:#fff;background:#1a739b;border-color:#1a739b}.HeJz5G_courseFrom,.HeJz5G_courseTo{color:#fff6df;text-shadow:0 2px 10px #0b254d;flex-direction:column;gap:3px;font-size:7cqw;font-weight:750;line-height:1.3;display:flex;position:absolute}.HeJz5G_courseFrom{top:28%;left:8%}.HeJz5G_courseTo{top:9%;right:9%}.HeJz5G_courseFrom>span,.HeJz5G_courseTo>span{letter-spacing:.15em;opacity:.85;font-size:3cqw;font-weight:500}.HeJz5G_courseLight{background:linear-gradient(120deg,#0000 35%,#fdf7d235 49%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.HeJz5G_aiPractice{color:#b5eee4;width:39%;position:absolute;top:13%;left:7%}.HeJz5G_aiPractice>p,.HeJz5G_teacherComment>p{align-items:center;gap:5px;font-size:3.3cqw;font-weight:700;display:flex}.HeJz5G_wave{justify-content:flex-start;align-items:center;gap:3px;height:48px;margin-top:10px;display:flex}.HeJz5G_wave>i{transform-origin:50%;background:#63d2c7;border-radius:3px;width:3px}.HeJz5G_teacherComment{color:#29524b;background:#fafff5ef;border:1px solid #ffffff7a;border-radius:14px;width:75%;padding:10px 12px;position:absolute;bottom:10%;left:7%;box-shadow:0 4px 15px #04292526}.HeJz5G_teacherComment>p{color:#688678;font-size:2.9cqw}.HeJz5G_teacherComment>strong{text-wrap:balance;margin-top:6px;font-size:4.2cqw;font-weight:700;display:block}.HeJz5G_memoryWord{color:#793c39;flex-direction:column;align-items:center;display:flex;position:absolute;top:16%;left:10%}.HeJz5G_memoryWord>span:first-child{align-items:center;gap:5px;font-size:3.2cqw;font-weight:650;display:flex}.HeJz5G_memoryWord>strong{font-size:20cqw;font-weight:600;line-height:1.25}.HeJz5G_memoryReading{letter-spacing:.25em;opacity:0;font-size:4.3cqw;transition:opacity .25s,transform .25s;transform:translateY(5px)}.HeJz5G_reviewLine{color:#a75247;align-items:center;gap:11px;display:flex;position:absolute;bottom:13%;left:8%}.HeJz5G_reviewLine>span{font-size:2.8cqw;font-weight:700}.HeJz5G_reviewLine>i{border:1px solid #c87564;border-radius:50%;width:7px;height:7px;box-shadow:12px 0 0 -3px #c87564}.HeJz5G_reviewLine>i:last-child{margin-left:10px}.HeJz5G_pronunciation{color:#70508b;position:absolute;top:21%;left:7%}.HeJz5G_pronunciation>p{align-items:center;gap:5px;font-size:3.4cqw;font-weight:700;display:flex}.HeJz5G_pronunciation>strong{margin-top:12px;font-size:5.1cqw;font-weight:700;line-height:1.5;display:flex}.HeJz5G_pronunciation>strong>span{display:inline-block}.HeJz5G_rhythm{letter-spacing:.08em;opacity:.65;margin-top:16px;font-size:2.8cqw;display:block}[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_progress>span{animation:.6s both HeJz5G_step}[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_courseLight{animation:1s both HeJz5G_ascent}[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_wave>i{animation:.4s 4 alternate both HeJz5G_speech}[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_memoryReading{opacity:1;transform:translateY(0)}[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_reviewLine>i{animation:.9s both HeJz5G_recall}[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_pronunciation>strong>span{animation:.5s both HeJz5G_mora}@keyframes HeJz5G_step{40%,to{color:#fff;background:#1a739b;border-color:#1a739b}}@keyframes HeJz5G_ascent{to{transform:translate(120%)}}@keyframes HeJz5G_speech{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes HeJz5G_recall{to{background:#c87564}}@keyframes HeJz5G_mora{50%{color:#4c2d6c;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_progress>span,[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_courseLight,[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_wave>i,[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_reviewLine>i,[data-guide-card]:is(:hover,:focus-visible,[data-preview-active]) .HeJz5G_pronunciation>strong>span{animation:none}.HeJz5G_preview *{transition:none}.HeJz5G_memoryReading{opacity:1;transform:none}}
.ZxPYAq_motion{width:100%;min-width:0;display:grid}.ZxPYAq_motion[data-entered=true]{animation:.62s cubic-bezier(.2,.8,.2,1) both ZxPYAq_pricing-arrive}.ZxPYAq_motion:is(:hover,:focus-within)>button>img{animation:.72s cubic-bezier(.2,.8,.2,1) both ZxPYAq_pricing-mascot}@keyframes ZxPYAq_pricing-arrive{0%{opacity:0;transform:translateY(23px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ZxPYAq_pricing-mascot{0%{transform:translateY(0)rotate(0)scale(1)}38%{transform:translateY(-11px)rotate(-7deg)scale(1.08)}70%{transform:translateY(1px)rotate(4deg)scale(1.04)}to{transform:translateY(-4px)rotate(0)scale(1.05)}}@media (prefers-reduced-motion:reduce){.ZxPYAq_motion[data-entered=true],.ZxPYAq_motion:is(:hover,:focus-within)>button>img{animation:none}.ZxPYAq_motion:is(:hover,:focus-within)>button,.ZxPYAq_motion:is(:hover,:focus-within)>button>img{transition:none;transform:none}}