.story-scene{display:block;width:100%;height:auto;overflow:hidden;border-radius:14px;font-family:Arial,sans-serif;color:#17241d}
.story-scene text{fill:#17241d;letter-spacing:0}.story-scene .scene-title{font-size:28px;font-weight:600}.story-scene .scene-label{font-size:22px;font-weight:500}.story-scene .scene-small{font-size:20px}.story-scene .scene-mini{font-size:17px}.story-scene .scene-button{fill:white;font-size:16px;font-weight:600}.story-scene .scene-caption{font-size:15px;fill:#536159}
.story-scene .motion{transform-box:fill-box;transform-origin:center}.story-scene.is-playing .buyer-one{animation:buyer-arrives 700ms .15s both}.story-scene.is-playing .buyer-two{animation:buyer-arrives 700ms .55s both}.story-scene.is-playing .buyer-three{animation:buyer-arrives 700ms .95s both}.story-scene.is-playing .purchase-check{animation:purchase-pop 400ms 1.4s both}.story-scene.is-playing .paid-coin{animation:coin-spent 1200ms .1s both}.story-scene.is-playing .waiting-clock{animation:clock-waits 600ms 1.05s 2}.story-scene.is-playing .lost-buyer{animation:buyer-leaves 900ms 1.5s both}.story-scene.is-playing .copy-cursor{animation:copy-work 1400ms .1s both}.story-scene.is-playing .auto-check{stroke-dasharray:35;animation:task-done 550ms both}.story-scene.is-playing .check-one{animation-delay:.65s}.story-scene.is-playing .check-two{animation-delay:1.05s}.story-scene.is-playing .check-three{animation-delay:1.45s}
@keyframes buyer-arrives{from{opacity:.5;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes purchase-pop{from{transform:scale(.85)}to{transform:scale(1)}}@keyframes coin-spent{0%{transform:translateY(0)}45%{transform:translateY(25px)}100%{transform:translateY(0)}}@keyframes clock-waits{0%,100%{transform:rotate(0)}35%{transform:rotate(-12deg)}70%{transform:rotate(12deg)}}@keyframes buyer-leaves{from{transform:translateX(0);opacity:1}to{transform:translateX(12px);opacity:.6}}@keyframes copy-work{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes task-done{from{stroke-dashoffset:35}to{stroke-dashoffset:0}}
.scene-replay{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;background:none;color:#536159;font:400 13px/1.4 Outfit,Arial,sans-serif;padding:9px 12px;cursor:pointer}.scene-replay:focus-visible{outline:3px solid #238058;outline-offset:3px}.hero-visual .scene-replay{display:flex;margin:10px auto 0}.featured-visual{padding:0}.home-stage{padding:0!important;max-width:650px!important;border-radius:18px!important;margin-bottom:55px!important}.home-stage .story-scene{width:100%}.mega-card>.story-scene{width:100%;aspect-ratio:560/350;height:auto}.course-row>.story-scene{width:200px;flex-shrink:0}.story-scene .scene-label[fill]{fill:#a74d2f}
@media(max-width:700px){.mega-card{display:block!important}.mega-card>.story-scene{width:100%!important;max-height:none}.mega-copy{padding-top:12px!important}.mega-copy b{min-height:44px!important}.mega-grid{gap:26px!important}.nav.open{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.course-row>.story-scene{width:120px}.home-stage{margin-top:32px!important;margin-bottom:32px!important}.course-row .row-action{margin-left:134px!important;width:calc(100% - 134px)!important}.hero-visual{padding-top:0}}
@media(prefers-reduced-motion:reduce){.story-scene .motion{animation:none!important;stroke-dashoffset:0!important;opacity:1!important;transform:none!important}}
@media(max-width:700px){.course-row{display:block;padding:30px 0}.course-row>.story-scene{width:100%;max-width:400px;margin-bottom:22px}.course-row .row-action{margin-left:0!important;width:auto!important;margin-top:18px}.course-row h3{font-size:25px}}