/* Online Education uses the shared coaching-page typography and brand tokens. */
.oe-page{color:var(--ink);background:var(--paper);overflow:hidden}
.oe-announcement{padding:13px 24px;text-align:center;background:var(--orange);color:var(--ink);font-size:15px;font-weight:600;line-height:1.5}
.oe-hero .button:disabled,.oe-final .button:disabled{cursor:default}
.oe-hero-visual>img{object-position:30% 40%}
.oe-strip{background:#fff0e3;border-bottom:1px solid var(--line)}
.oe-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.5px}
.oe-strip i{color:var(--orange);font-style:normal}
.oe-section-head h2{margin-bottom:0}
.oe-feature-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.oe-feature-copy h3{font-size:32px;margin-bottom:24px}
.oe-feature-copy>p{font-size:17px;line-height:1.85}
.oe-feature-num{display:block;color:var(--orange);font-size:13px;font-weight:600;margin-bottom:22px}
.oe-feature-copy ul{list-style:none;padding:0;margin:25px 0}
.oe-feature-copy li{position:relative;padding-left:26px;margin:15px 0;font-size:16px;line-height:1.7}
.oe-feature-copy li:before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:600}
.oe-small-note{display:block;font-size:13px!important;line-height:1.8!important;color:var(--muted)}
.oe-demo-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.4px;color:var(--muted)}
.oe-demo-top>span:first-child{display:flex;align-items:center;gap:9px;font-weight:600}
.oe-demo-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0}
.oe-board-demo{border:1px solid var(--line);border-radius:16px;background:var(--soft);padding-bottom:28px;overflow:hidden}
.oe-paper{position:relative;margin:24px;padding:34px 30px 76px;min-height:360px;background:var(--white);border:1px solid var(--line);border-radius:10px}
.oe-paper-label{display:block;font-size:11px;letter-spacing:.6px;color:var(--muted);margin-bottom:23px;font-weight:600}
.oe-paper h3{font-size:32px;line-height:1.3;margin-bottom:23px}
.oe-paper mark{background:#ffead8;color:inherit;padding:0 3px}
.oe-paper p{font-size:16px;max-width:340px;line-height:1.8}
.oe-hand-note{position:absolute;right:20px;bottom:53px;color:var(--orange);font-size:15px;font-weight:600}
.oe-draw-line{position:absolute;left:30px;bottom:98px;width:38%;height:7px;border-bottom:2px solid var(--orange);border-radius:50%}
.oe-pencil-tools{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;background:var(--white);padding:10px 20px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:17px}
.oe-color-dot{width:15px;height:15px;background:var(--orange);border-radius:50%}
.oe-studio-layout{grid-template-columns:.95fr 1.1fr}
.oe-studio-section .oe-small-note{color:#b2bdc5}
.oe-studio-preview{border:1px solid #ffffff30;border-radius:16px;overflow:hidden;background:var(--navy);padding-bottom:20px;min-width:0}
.oe-studio-preview .oe-demo-top{color:#c7cdd2;border-color:#ffffff26}
.oe-studio-screen{aspect-ratio:16/9;position:relative;overflow:hidden}
.oe-studio-screen>img{width:100%;height:100%;object-fit:cover}
.oe-news-band{position:absolute;bottom:24px;left:0;border-left:4px solid var(--orange);background:#23272ce8;padding:12px 22px;color:var(--white)}
.oe-news-band small{display:block;font-size:10px;letter-spacing:.5px;color:#ffbd8a;margin-bottom:5px}
.oe-news-band b{font-size:16px;font-weight:600;line-height:1.4}
.oe-cue-buttons{display:flex;gap:10px;padding:20px 20px 0}
.oe-cue-buttons>button{flex:1;min-width:0;text-align:left;border:1px solid #ffffff30;border-radius:8px;background:transparent;color:var(--white);font-size:17px;font-weight:600;line-height:1.4;padding:13px 14px}
.oe-cue-buttons small{display:block;font-size:11px;line-height:1.5;margin-top:7px;font-weight:400;color:#c7cdd2}
.oe-cue-buttons>button.active{background:var(--orange);border-color:var(--orange);color:var(--white)}
.oe-cue-buttons>button.active small{color:var(--white)}
.oe-studio-preview>p{font-size:13px;line-height:1.75;min-height:46px;margin:18px 22px 8px;color:#c7cdd2}
.oe-preview-label{display:block;font-size:11px;line-height:1.7;margin:0 22px;color:#aab7c0}
.oe-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.oe-steps>article{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px;min-width:0}
.oe-steps>article>span{display:block;color:var(--orange);font-size:14px;font-weight:600;margin-bottom:24px}
.oe-steps h3{font-size:22px;line-height:1.3}
.oe-steps p{font-size:16px;line-height:1.8;margin:0}
.oe-format-grid{grid-template-columns:1fr 1fr}
.oe-format-grid>article{min-width:0}
.oe-format-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--orange);font-weight:600;margin-bottom:24px}
.oe-format-grid h3{font-size:28px}
.oe-format-grid p{margin-bottom:24px!important}
.oe-entry-soon{font-size:15px;font-weight:600;color:var(--muted)}
.oe-final{text-align:center}
.oe-final h2{margin:0 0 24px}
.oe-final .button{margin-top:10px}
.oe-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--muted);padding:10px 16px;font-size:14px;margin-bottom:26px}
.oe-pill i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.oe-access-note{font-size:13px;margin-top:20px;margin-bottom:0}
@media(max-width:1100px){.oe-feature-layout{gap:36px}.oe-steps{grid-template-columns:1fr 1fr}.oe-demo-top{font-size:10px;padding:15px 18px}.oe-paper{margin:19px;padding:28px 24px 76px}.oe-paper h3{font-size:29px}.oe-cue-buttons{padding:16px 16px 0;gap:8px}.oe-cue-buttons>button{padding:12px 10px}.oe-cue-buttons small{font-size:10px}.oe-hand-note{font-size:13px}}
@media(max-width:800px){.oe-feature-layout{grid-template-columns:1fr;gap:32px}.oe-board-demo{max-width:600px;width:100%;margin:auto}.oe-feature-copy h3{font-size:28px}.oe-feature-copy>p{font-size:16px}.oe-studio-preview{max-width:640px;width:100%;margin:auto}.oe-strip>.container{justify-content:flex-start;overflow:auto;white-space:nowrap;font-size:11px;min-height:64px;gap:22px}.oe-strip>.container::-webkit-scrollbar{display:none}.oe-format-grid{grid-template-columns:1fr}.oe-format-grid h3{font-size:25px}.oe-paper h3{font-size:30px}.oe-news-band b{font-size:15px}.oe-hero .coaching-detail-link{font-size:15px}.oe-announcement{font-size:13px;padding:12px 20px}}
@media(max-width:700px){.oe-steps{grid-template-columns:1fr;gap:16px}.oe-steps>article{padding:24px}.oe-steps>article>span{margin-bottom:18px}.oe-feature-copy li{font-size:15px}.oe-small-note{font-size:12px!important}.oe-paper{margin:16px;min-height:350px;padding:28px 22px 74px}.oe-paper h3{font-size:27px}.oe-paper p{font-size:15px}.oe-paper-label{font-size:10px}.oe-demo-top{font-size:9px;gap:12px;padding:14px 16px}.oe-feature-num{font-size:12px}.oe-cue-buttons small{font-size:9px}.oe-studio-preview>p{font-size:12px;min-height:42px;margin:16px 18px 8px}.oe-preview-label{font-size:10px;margin:0 18px}.oe-news-band{bottom:16px;padding:10px 16px}.oe-news-band small{font-size:9px}.oe-news-band b{font-size:13px}.oe-pill{font-size:12px;padding:9px 12px}.oe-final .button{width:100%}.oe-access-note{font-size:12px}.oe-hand-note{font-size:12px;right:16px}.oe-pencil-tools{gap:22px;padding:9px 17px}}
/* Real instructor photo inside representative online-call visuals. */
.oe-format-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:27px}
.oe-learning-visual{margin:0 0 38px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--white)}
.oe-learning-visual img{width:100%;height:auto;max-height:580px;object-fit:cover}
.oe-learning-visual figcaption{font-size:13px;line-height:1.7;color:var(--muted);padding:15px 22px}
.oe-video-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.oe-featured-video .video-poster{aspect-ratio:16/9}.oe-featured-video .video-poster>img{object-position:50% 26%}
.oe-video-copy p{font-size:17px;line-height:1.85}.oe-video-copy h3{font-size:28px}
@media(max-width:800px){.oe-video-layout{grid-template-columns:1fr;gap:25px}.oe-video-copy h3{font-size:25px}.oe-video-copy p{font-size:16px}.oe-learning-visual figcaption{padding:14px 18px;font-size:12px}.oe-format-image{margin-bottom:24px}}

.oe-studio-screen .oe-demo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}.oe-studio-screen [hidden]{display:none!important}.oe-demo-status{position:absolute;left:16px;top:16px;padding:8px 12px;border-radius:6px;background:#17232aeb;color:#fff;font-size:12px;font-weight:700;box-shadow:0 3px 12px #0004}.oe-studio-screen[data-mode="dsf"] .oe-demo-status{background:#b64b09}.oe-studio-screen[data-mode="vtr"] .oe-demo-status{background:#43307d}.oe-demo-countdown{position:absolute;right:16px;top:16px;background:#fff;color:#17232a;padding:8px 12px;border-radius:6px;font-weight:700;font-size:12px}.oe-demo-timeline{position:absolute;left:0;right:0;bottom:0;height:7px;background:#ffffff55}.oe-demo-timeline span{display:block;height:100%;background:#f58220;transition:width .2s linear}.oe-demo-meter{position:absolute;bottom:22px;right:20px;display:flex;gap:4px;align-items:flex-end;height:30px;background:#17232ad9;padding:8px;border-radius:6px}.oe-demo-meter i{width:5px;height:6px;background:#70dfad;border-radius:2px}.oe-studio-screen:not([data-mode="kam"]) .oe-demo-meter i{animation:oe-meter .65s ease-in-out infinite alternate}.oe-demo-meter i:nth-child(2){animation-delay:-.2s!important}.oe-demo-meter i:nth-child(3){animation-delay:-.4s!important}.oe-demo-meter i:nth-child(4){animation-delay:-.1s!important}.oe-demo-meter i:nth-child(5){animation-delay:-.3s!important}.oe-band-enter{animation:oe-band .6s ease-out}.oe-studio-screen[data-mode="kam"]>img{animation:oe-camera .6s ease-out}.oe-studio-preview #oe-cue-note{min-height:84px;line-height:1.65}.oe-cue-buttons button{cursor:pointer;transition:background .2s,box-shadow .2s}.oe-cue-buttons button:hover{box-shadow:inset 0 0 0 2px #f58220}.oe-cue-buttons button:focus-visible{outline:3px solid #ffbd8a;outline-offset:3px}
@keyframes oe-meter{to{height:22px}}@keyframes oe-band{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes oe-camera{from{opacity:.4}to{opacity:1}}
@media(max-width:500px){.oe-demo-status,.oe-demo-countdown{font-size:9px;padding:6px;top:8px}.oe-demo-status{left:8px}.oe-demo-countdown{right:8px}.oe-studio-preview #oe-cue-note{min-height:104px}}
@media(prefers-reduced-motion:reduce){.oe-studio-screen *{animation:none!important;transition:none!important}}

.oe-video-section .section-heading{display:block;max-width:900px;margin-bottom:28px}.oe-video-section .section-heading>p{max-width:none;margin-top:12px}.oe-video-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:stretch}.oe-inline-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#17232a}.oe-inline-video iframe{width:100%;height:100%;border:0;display:block}.oe-sound-toggle{position:absolute;inset:0;width:100%;border:0;cursor:pointer;background:linear-gradient(transparent 70%,#0008);color:white;font-size:16px;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding:20px}.oe-sound-toggle[hidden]{display:none}.oe-sound-toggle:hover{background:linear-gradient(transparent 60%,#000a)}.oe-video-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;border:1px solid #ead8c8;border-radius:18px;background:#fff1e5}.oe-video-copy h3{margin:0 0 12px}.oe-video-copy p{margin:0 0 24px}@media(max-width:800px){.oe-video-layout{grid-template-columns:1fr;gap:16px}.oe-video-copy{padding:24px}}
/* Laptop: a shared lesson board inside a video meeting. */
.oe-laptop{position:relative;background:#20282d;border:8px solid #303940;border-radius:22px 22px 8px 8px;padding:20px 12px 12px;box-shadow:0 20px 40px #14212a20;margin-bottom:24px;min-width:0}
.oe-laptop-camera{position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#84909a}
.oe-meet-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff;font-size:11px;padding:0 6px 14px}.oe-meet-heading strong{font-size:15px}.oe-meet-heading span{color:#becbd2}
.oe-laptop .oe-board-demo{border-radius:8px;margin:0;max-width:none;width:100%}.oe-laptop .oe-demo-top{padding:12px;font-size:10px}.oe-laptop .oe-paper{margin:12px;padding:20px 20px 65px;min-height:290px}.oe-laptop .oe-paper h3{font-size:28px}.oe-laptop .oe-paper p{font-size:16px}.oe-laptop .oe-paper-label{font-size:10px}.oe-laptop .oe-pencil-tools{bottom:10px;padding:8px 14px;gap:16px}.oe-laptop .oe-hand-note{font-size:12px;bottom:58px}.oe-meet-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 3px 0}.oe-teacher{display:flex;gap:9px;align-items:center;color:white;font-size:11px}.oe-teacher img{width:58px;height:40px;object-fit:cover;border-radius:5px}.oe-teacher small{color:#c2cdd3;font-size:10px}.oe-call-icons{display:flex;gap:7px}.oe-call-icons span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#44525b;color:white}.oe-call-icons .oe-end-call{background:#bf3b36;width:42px;border-radius:20px}.oe-laptop-base{position:absolute;bottom:-22px;left:-4%;width:108%;height:17px;background:linear-gradient(#c4cbd1,#8b969f);border-radius:2px 2px 50% 50%;box-shadow:0 10px 15px #14212a15}.oe-laptop-base:before{content:'';position:absolute;top:0;left:40%;width:20%;height:5px;background:#75818b;border-radius:0 0 10px 10px}@media(max-width:500px){.oe-laptop{border-width:5px;padding:20px 6px 8px}.oe-meet-heading{font-size:9px}.oe-meet-heading strong{font-size:12px}.oe-laptop .oe-demo-top{font-size:8px;padding:8px}.oe-laptop .oe-paper{padding:14px 14px 65px;min-height:260px;margin:8px}.oe-laptop .oe-paper h3{font-size:23px}.oe-laptop .oe-paper p{font-size:14px}}