@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#263238;font-family:Lexend,Arial,sans-serif;font-size:16px;line-height:1.6}.videoMain{max-width:1020px;margin:0 auto;padding:30px 20px 64px}.crumbs{font-size:14px;color:#64748b;margin-bottom:18px}.crumbs a{color:#496b87;text-decoration:none}.tag{display:inline-block;color:#315f82;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px}.videoIntro{margin-bottom:18px}.videoIntro h1{font-size:clamp(30px,5vw,44px);line-height:1.12;letter-spacing:-.03em;color:#173a63;margin:0 0 8px}.videoIntro p{font-size:17px;color:#52606d;margin:0}.videoShell{overflow:hidden;background:#fff;border:1px solid #cddbe5;border-radius:20px;box-shadow:0 16px 45px rgba(38,63,82,.11)}.videoTopline{display:flex;justify-content:space-between;gap:15px;padding:13px 20px;background:#173a63;color:#fff;font-size:13px;font-weight:700}.videoBrand{color:#ffd978}.progressTrack{height:6px;background:#dce7ed}.progressTrack span{display:block;width:0;height:100%;background:#e3b341;transition:width .35s ease}.videoStage{min-height:470px;padding:46px clamp(24px,6vw,72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#eef8f1 0%,#eef6ff 55%,#fff8e8 100%);transition:opacity .18s ease}.videoStage.changing{opacity:.25}.sceneEyebrow{color:#315f82;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.videoStage h2{max-width:820px;color:#173a63;font-size:clamp(34px,6vw,64px);line-height:1.08;letter-spacing:-.035em;margin:13px 0}.sceneLead{max-width:760px;color:#445b6b;font-size:clamp(19px,3vw,27px);line-height:1.45;margin:0}.sceneContent{width:100%;max-width:820px;margin-top:28px}.phraseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.phrase{background:rgba(255,255,255,.87);border:1px solid #cfdee6;border-radius:15px;padding:18px 12px;color:#173a63;font-size:clamp(17px,2.4vw,23px);font-weight:700}.modelLines{display:grid;gap:12px}.modelLine{background:rgba(255,255,255,.88);border-left:6px solid #8db9a1;border-radius:12px;padding:13px 17px;color:#263f50;font-size:clamp(17px,2.5vw,24px);text-align:left}.detailRow{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.detail{min-width:170px;background:#fff;border:1px solid #d6e1e7;border-radius:14px;padding:13px}.detail b{display:block;color:#315f82;font-size:13px;text-transform:uppercase}.detail span{display:block;color:#173a63;font-size:22px;font-weight:700}.speakPrompt{background:#173a63;color:#fff;border-radius:16px;padding:20px;font-size:clamp(18px,2.7vw,25px)}.caption{min-height:58px;padding:16px 24px;background:#fff;color:#334155;border-top:1px solid #dce5ea;text-align:center;font-weight:600}.videoControls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:16px 18px 10px;background:#f7fafc}.control{min-height:44px;border:1px solid #b9cbd9;border-radius:10px;padding:10px 15px;background:#fff;color:#315f82;font:700 14px Lexend,Arial,sans-serif;cursor:pointer}.control.primary{background:#173a63;color:#fff;border-color:#173a63}.control:hover:not(:disabled),.control:focus-visible{filter:brightness(.96);outline:3px solid #bad5e5;outline-offset:2px}.control:disabled{opacity:.45;cursor:not-allowed}.voiceNote{text-align:center;color:#64748b;font-size:13px;margin:0;padding:0 16px 16px;background:#f7fafc}.afterLesson{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;padding:24px 26px;border:1px solid #cfe0e7;border-radius:16px;background:linear-gradient(135deg,#eef8f1,#eef6ff)}.afterLesson h2{color:#173a63;margin:0 0 5px;font-size:22px}.afterLesson p{color:#52606d;margin:0}.lessonButton{flex:0 0 auto;background:#173a63;color:#fff;text-decoration:none;border-radius:10px;padding:12px 17px;font-weight:700}.siteFooter{border-top:1px solid #dbe3ea;background:#fff;color:#64748b;font-size:13px}.footerWrap{max-width:1020px;margin:auto;padding:20px}.footerWrap a{color:#496b87;margin-left:14px}
@media(max-width:720px){.videoMain{padding:24px 14px 45px}.videoStage{min-height:430px;padding:32px 18px}.phraseGrid{grid-template-columns:1fr}.phrase{padding:11px}.afterLesson{align-items:flex-start;flex-direction:column}.lessonButton{width:100%;text-align:center}.videoTopline{padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.videoStage,.progressTrack span{transition:none}}
@media print{.edTop,.crumbs,.videoShell,.siteFooter{display:none!important}.videoMain{padding:0}.afterLesson{border:0;padding:0;background:#fff}.lessonButton{display:none}}