/* V6: a finite product entrance, local perspective and a reading guide. */
.video-art{perspective:1000px;background:radial-gradient(ellipse at 80% 0%,#f7f9ff 0%,transparent 55%),linear-gradient(145deg,#e6ecfb,#dbe5fb 62%,#edf2fc)}
.motion-stage{position:absolute;inset:0;display:block;transform-style:preserve-3d;pointer-events:none}
.platform-ledger{overflow:hidden;background:linear-gradient(115deg,#fff,#fff 70%,#f5f8ff);box-shadow:0 2px 2px #2439600a,0 18px 32px -18px #2a417a50;backface-visibility:hidden}
.ledger-row{position:relative;z-index:1;transform-origin:left center}
.ledger-stars svg{transform-origin:center;transform-box:fill-box}
.ledger-sweep{position:absolute;inset:-20% auto -20% -45%;width:35%;background:linear-gradient(100deg,transparent,#c3d4ff66,transparent);transform:skewX(-18deg);opacity:0;pointer-events:none;z-index:2}
.stage-light{position:absolute;width:230px;height:230px;left:38%;top:23%;border-radius:50%;background:radial-gradient(circle,#fff9,transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:soft-light}
.poster-brand,.poster-guarantee,.video-poster .play{z-index:3}
.video-heading{display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:center}
.video-heading h2{grid-column:1/-1;margin-bottom:0}
.video-heading p{grid-column:1;grid-row:2}
.motion-controls{grid-column:2;grid-row:2;display:flex;align-items:center;gap:4px}
.motion-controls[hidden]{display:none}
.motion-controls button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#637499;transition:background-color 160ms ease,color 160ms ease}
.motion-controls svg{width:17px;height:17px;stroke-width:1.7;fill:none}
.motion-enable-icon{display:none}
#motion-toggle[aria-pressed=true] .motion-pause-icon{display:none}
#motion-toggle[aria-pressed=true] .motion-enable-icon{display:block;fill:currentColor;stroke:none}
.motion-controls button:disabled{opacity:.45;cursor:default}
.motion-controls button:focus-visible{outline:2px solid #3b55e6;outline-offset:2px}
.motion-controls button:active{background:#e5edfc}
.work-grid{position:relative}
.work-progress{position:absolute;left:-1px;top:0;width:2px;height:100%;background:#4f6bff;transform:scaleY(0);transform-origin:top center;pointer-events:none;opacity:0}
[data-motion-mode=on] .work-progress{opacity:1}
.work-card.step-reading .step-icon{background:#e8eeff;border-color:#9aacf0;color:#304bd1}
.work-card .step-icon{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.radar-screenshot{perspective:1100px}
.radar-screenshot img{backface-visibility:hidden;transform-origin:50% 100%}
@media(hover:hover) and (pointer:fine){.motion-controls button:not(:disabled):hover{background:#eef3fc;color:#3b55e6}}
@media(max-width:520px){.video-heading{gap:7px 8px;padding:19px 21px 16px}.video-heading h2{font-size:14px}.video-heading p{font-size:11px}.motion-controls{gap:0}.motion-controls button{width:40px;height:44px}.stage-light{display:none}}
[data-motion-mode=off] .stage-light,[data-motion-mode=system-reduced] .stage-light{display:none}
@media(prefers-reduced-motion:reduce){.motion-stage,.platform-ledger,.ledger-row,.ledger-stars svg,.poster-guarantee,.radar-screenshot img{animation:none!important;transition:none!important}.stage-light,.ledger-sweep,.work-progress{display:none}}