/* MAXX motion guide — local vector animation, no video or extra libraries. */
:root { --coach-accent:#bdff59; --coach-soft:#a9b69b; --coach-surface:#141c15; }
.coach-player{--h:'Manrope',system-ui,sans-serif;padding-bottom:8px}
.coach-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.coach-header .icon-btn{border-radius:50%;background:#192018;border-color:#ffffff12}
.coach-header-center{text-align:center;font-size:10px;letter-spacing:.18em;color:#9cae8f;font-weight:800}
.coach-header-center b{display:block;color:#f2f5e9;font-size:14px;letter-spacing:0;margin-top:3px}
.coach-day{font-size:11px;border:1px solid #ffffff16;border-radius:20px;padding:8px 11px;color:#b7c2ab}
.coach-eyebrow{color:var(--coach-accent);font-size:10px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;margin-bottom:8px}
.coach-title{font-family:var(--h);font-size:30px;line-height:1.08;letter-spacing:-.035em;font-weight:800;max-width:360px}
.coach-subline{display:flex;align-items:center;gap:8px;font-size:12px;color:#a4af98;margin:11px 0 20px}
.coach-subline i{height:3px;width:3px;border-radius:50%;background:#a4af98}
.coach-stage{position:relative;border:1px solid #b5d29324;border-radius:27px;background:radial-gradient(ellipse at 50% 36%,#26351d 0, #141e13 46%,#111911 85%);overflow:hidden;isolation:isolate;--motion-duration:4s}
.coach-stage[data-speed="slow"]{--motion-duration:7s}
.coach-stage-top,.coach-stage-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 17px;gap:6px;font-size:10px;color:#9eae92}
.coach-stage-top{padding-bottom:0}
.live-demo{display:flex;align-items:center;gap:6px;color:#d1dcc6;border:1px solid #d0e9b321;background:#d0e9b30a;border-radius:18px;padding:6px 9px;font-weight:700}
.live-demo i,.cue-dot{width:5px;height:5px;background:var(--coach-accent);border-radius:50%;box-shadow:0 0 12px #bfff6450;flex:none}
.live-demo i{animation:coach-blink 2.4s ease-in-out infinite}
.coach-figure{width:100%;height:clamp(225px,34vh,315px);display:block;overflow:visible}
.coach-cue{margin:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:11px;font-weight:700;color:#d9e3ce;padding:9px 6px;background:#ffffff05;border:1px solid #ffffff08;border-radius:10px}
.coach-stage-bottom{font-size:8px;letter-spacing:.13em;padding-top:12px;padding-bottom:13px}
.coach-speed{font-size:10px;letter-spacing:0;padding:5px 0 5px 8px;color:#a9b99a;min-height:28px}
.coach-speed b{color:#dcf3c5;margin-left:5px}
.motion-path{stroke:var(--coach-accent);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-dasharray:4 5;animation:coach-dash 2.8s linear infinite}
.alignment{stroke:#bdff5970;stroke-dasharray:3 5;fill:none}
.body-side{fill:#bdd0ad;font:700 10px Manrope,sans-serif;text-anchor:middle}
.breath-orbit{fill:none;stroke:#bdff5955;stroke-width:1;transform-origin:180px 165px;animation:coach-breath 6s ease-in-out infinite}
.tongue{opacity:0}
[data-motion="tongue-up"] .tongue,[data-motion="breath"] .tongue{opacity:.85}
[data-motion="tongue-up"] .tongue{animation:coach-tongue var(--motion-duration,4s) ease-in-out infinite}
[data-motion="chin-back"] .coach-side-head{animation:coach-chin var(--motion-duration,4s) ease-in-out infinite}
.coach-head{transform-origin:180px 225px}
[data-motion="neck-right"] .coach-head{animation:coach-neck-right var(--motion-duration,4s) ease-in-out infinite}
[data-motion="neck-left"] .coach-head{animation:coach-neck-left var(--motion-duration,4s) ease-in-out infinite}
[data-motion="neck-down"] .coach-head{animation:coach-neck-down var(--motion-duration,4s) ease-in-out infinite}
[data-motion="neck-arc"] .coach-head{animation:coach-neck-arc 7s ease-in-out infinite}
.wall-arm-left{transform-origin:144px 155px}.wall-arm-right{transform-origin:216px 155px}
[data-motion="wall-move"] .wall-arm-left{animation:coach-arm-left var(--motion-duration,4s) ease-in-out infinite}
[data-motion="wall-move"] .wall-arm-right{animation:coach-arm-right var(--motion-duration,4s) ease-in-out infinite}
[data-motion="wall-ready"] .wall-arm-left,[data-motion="wall-rest"] .wall-arm-left{transform:rotate(-38deg)}
[data-motion="wall-ready"] .wall-arm-right,[data-motion="wall-rest"] .wall-arm-right{transform:rotate(38deg)}
[data-motion="jaw-circle"] .guide-finger,[data-motion="temples-circle"] .guide-finger{animation:coach-circle var(--motion-duration,4s) linear infinite}
[data-motion="jaw-down"] .guide-finger{animation:coach-down var(--motion-duration,4s) ease-in-out infinite}
.sweep-left{animation:coach-sweep-left var(--motion-duration,4s) ease-in-out infinite}.sweep-right{animation:coach-sweep-right var(--motion-duration,4s) ease-in-out infinite}
.moving-tool{animation:coach-tool-cheek var(--motion-duration,4s) ease-in-out infinite}
[data-motion="gua-neck"] .moving-tool{animation-name:coach-tool-neck}
[data-motion="gua-jaw"] .moving-tool,[data-motion="roller-jaw"] .moving-tool{animation-name:coach-tool-jaw}
[data-motion="gua-forehead"] .moving-tool{animation-name:coach-tool-forehead}
[data-motion="roller-ready"] .moving-tool{animation:none;transform:translate(49px,43px)}
[data-motion="skin-prep"] .guide-finger{animation:coach-circle var(--motion-duration,4s) ease-in-out infinite}
.prep-drops{animation:coach-blink 3s ease-in-out infinite}
.coach-stage[data-paused="true"] *{animation-play-state:paused!important}
.coach-progress{display:flex;gap:5px;margin:20px 0 17px}
.coach-progress span{height:3px;flex:1;border-radius:3px;background:#293025;overflow:hidden}
.coach-progress span i{display:block;height:100%;width:0;background:var(--coach-accent);transition:width .35s linear}
.coach-instruction-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.11em;color:#adc29a}
.coach-instruction-top span:last-child{color:#d7e5cc;letter-spacing:0;font-variant-numeric:tabular-nums}
.coach-instruction h2{font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#f2f6ea}
.coach-instruction p{font-size:13px;line-height:1.6;color:#a8b79e;margin-top:7px;min-height:42px}
.coach-dock{display:flex;align-items:center;gap:10px;margin:20px 0 0}
.coach-dock .btn{flex:1;background:var(--coach-accent);height:54px;border-radius:16px;box-shadow:0 6px 24px #a6ff0010;font-size:14px}
.coach-dock .icon-btn{width:48px;height:54px;background:#1a2417;border-color:#ffffff10;color:#cbdfb8;border-radius:16px}
.coach-dock .icon-btn:disabled{opacity:.25;cursor:default}
.coach-dock-label{text-align:center;font-size:10px;color:#74856a;margin-top:9px}
.coach-details{margin-top:24px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}
.coach-details summary{padding:16px 0;cursor:pointer;font-size:12px;color:#c8d6bc;font-weight:700}
.coach-timeline{padding-bottom:10px;list-style:none}
.coach-timeline li{display:flex;align-items:flex-start;gap:11px;padding:10px 0;color:#87967b;font-size:12px}
.coach-timeline .n{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff13;border-radius:50%;font-size:10px;flex:none}
.coach-timeline strong{display:block;font-size:12px;font-weight:700;color:#aaba9c;margin:2px 0 4px}
.coach-timeline small{line-height:1.55;display:block}
.coach-timeline .on .n{background:var(--coach-accent);color:#15200c;border-color:var(--coach-accent)}
.coach-timeline .on strong{color:#eff8e7}
.coach-timeline .past .n{border-color:#a6ff0033;color:#a6ff00}
.coach-safety{display:flex;gap:9px;font-size:11px;line-height:1.6;color:#819277;margin-top:16px}
.coach-safety svg{width:16px;height:16px;flex:none;stroke:#9db68b;fill:none;stroke-width:1.5;margin-top:2px}
.coach-complete{padding:28px 18px;text-align:center;border:1px solid #bdff5930;border-radius:24px;background:radial-gradient(ellipse at top,#283d18,#111c11);margin-top:20px}
.coach-complete .complete-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--coach-accent);color:#14230c;margin:0 auto 14px;font-size:26px}
.coach-complete h2{font-size:23px;font-weight:800;margin-bottom:8px}.coach-complete p{color:#a7ba97;font-size:12px;line-height:1.6;margin-bottom:18px}
.coach-static-toggle{display:none;margin:0 auto 12px;padding:9px 12px;border:1px solid #bdff5930;border-radius:10px;color:#c6dfa9;font-size:11px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--coach-accent);outline-offset:4px}

/* The plan uses the same studio palette as the motion coach. */
.view.plan-view{background:#0d130d;color:#f1f5e8;padding-top:calc(22px + var(--sat))}
.plan-view .h1{font-family:Manrope,system-ui,sans-serif;font-size:30px;letter-spacing:-.045em}.plan-view .h2{font-family:Manrope,system-ui,sans-serif;font-size:19px}
.plan-view .cap{color:#97a58a}.plan-view .hl-word{background:none;color:var(--coach-accent);padding:0}
.plan-view .streak{background:#192415;border:1px solid #bdff5920;color:#c9dda9;padding:9px 12px}
.plan-view .d{background:#192017;color:#7c8d71;border:1px solid #ffffff06;border-radius:15px;height:65px;flex-basis:47px}
.plan-view .d b{color:#c2ceb7;font-family:Manrope,system-ui,sans-serif;font-size:17px}
.plan-view .d.today{background:var(--coach-accent);color:#415729;box-shadow:none}.plan-view .d.today b{color:#101c08}
.plan-view .d.sel{outline-color:var(--coach-accent)}.plan-view .d.done{background:#293720}
.plan-view .ex{background:#172014;border:1px solid #ffffff0d;border-radius:25px;box-shadow:none;margin-top:20px}
.plan-view .ex .img{background:radial-gradient(ellipse at center,#2c3e20,#182216);height:205px}
.plan-view .ex .img .coach-figure{height:205px;transform:translateY(8px)}
.plan-view .ex .img .chip{font-size:9px;background:#162110a8;border:1px solid #b5d29320;backdrop-filter:blur(8px)}
.plan-view .ex .img .chip.r{background:var(--coach-accent);color:#182b0a}
.plan-view .ex .in{padding:18px}.plan-view .ex h3{font-family:Manrope,system-ui,sans-serif;font-size:20px;letter-spacing:-.02em}
.plan-view .ex .tags .chip{background:#ffffff06;color:#9daf8e;font-size:10px;padding:4px 8px}
.plan-view .btn-dark{background:var(--coach-accent);color:#16220d;border-radius:14px}
.plan-view .ex.mini{margin-top:10px;border-radius:18px}.plan-view .ex.mini .img{height:76px;width:76px;border-radius:11px}
.plan-view .ex.mini .coach-figure{height:80px;width:90px;transform:translate(-7px,0)}.plan-view .ex.mini h3{font-size:14px}
.plan-view .ex.mini .go{background:#27371c;color:var(--coach-accent)}
.plan-view .group-t{color:#7c946b;font-size:10px;letter-spacing:.15em;margin-top:22px}
.plan-view .ti{background:#172014;border:1px solid #ffffff09;color:#dce8d2;padding:14px;border-radius:15px}
.plan-view .ti .tt{font-size:13px}.plan-view .ti .tt small,.plan-view .ti .min{color:#859879;font-size:10px}
.plan-view .ck{border:1.5px solid #637654;width:22px;height:22px;border-radius:7px}
.plan-view .ti.done .ck{background:var(--coach-accent);border-color:var(--coach-accent)}.plan-view .ti.done .ck svg{stroke:#1b2c0d}
.plan-view .ti.done .tt{color:#6f8263}.plan-view .ti.ms{border:1px dashed #6b8d45}
.plan-view .btn-ghost{color:#bed3ac;border-color:#bed3ac20;font-size:12px;background:#ffffff03}
.plan-view .plan-kicker{font-size:10px;letter-spacing:.16em;color:#8da67b;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.plan-intro{font-size:12px;color:#8a9c7d;line-height:1.6;margin:10px 0 4px}
.plan-view .guide-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#bfdb9e;letter-spacing:.07em;font-weight:800;margin-bottom:7px}
.guide-badge i{width:4px;height:4px;background:var(--coach-accent);border-radius:50%}
.studio-lead{font-size:13px;line-height:1.65;color:#91a282;margin:14px 0 25px;max-width:330px}
.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.studio-card{border-radius:21px;background:#162012;border:1px solid #bed79915;text-align:left;overflow:hidden;transition:transform .2s,border-color .2s}
.studio-card:hover{border-color:#bdff5955}.studio-card:active{transform:scale(.98)}
.studio-art{height:154px;position:relative;background:radial-gradient(ellipse at center,#2b3a21,#172115)}
.studio-art .coach-figure{height:154px;transform:translateY(4px)}
.studio-duration{position:absolute;top:10px;left:10px;font-size:9px;color:#c2d9b0;background:#10190cc9;border:1px solid #d0e9b31c;border-radius:20px;padding:4px 7px}
.studio-info{padding:13px}.studio-info>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8aa875;margin-bottom:6px}
.studio-info h2{font-size:14px;line-height:1.35;font-weight:800;letter-spacing:-.02em;min-height:38px}
.studio-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:10px;color:#7f9871}
.studio-bottom i{display:grid;place-items:center;width:25px;height:25px;background:#bfff6410;border-radius:50%;color:#bfff64}.studio-bottom svg{width:10px;height:10px;fill:currentColor;stroke:currentColor}

@keyframes coach-dash{to{stroke-dashoffset:-27}}
@keyframes coach-blink{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes coach-breath{0%,100%{transform:scale(.88);opacity:.2}50%{transform:scale(1.1);opacity:.8}}
@keyframes coach-chin{0%,12%,100%{transform:translateX(0)}45%,65%{transform:translateX(-14px)}}
@keyframes coach-tongue{0%,100%{transform:translateY(3px)}40%,70%{transform:translateY(-3px)}}
@keyframes coach-neck-right{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(-13deg)}}
@keyframes coach-neck-left{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(13deg)}}
@keyframes coach-neck-down{0%,100%{transform:scaleY(1)}40%,65%{transform:translateY(12px) scaleY(.92)}}
@keyframes coach-neck-arc{0%,100%{transform:rotate(-10deg)}50%{transform:translateY(7px) rotate(10deg)}}
@keyframes coach-arm-left{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(53deg)}}
@keyframes coach-arm-right{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(-53deg)}}
@keyframes coach-circle{0%,100%{transform:translate(0,-3px)}25%{transform:translate(3px,0)}50%{transform:translate(0,3px)}75%{transform:translate(-3px,0)}}
@keyframes coach-down{0%,100%{transform:translateY(-10px);opacity:.4}65%{transform:translateY(13px);opacity:1}}
@keyframes coach-sweep-left{0%,100%{transform:translateX(0);opacity:.4}70%{transform:translateX(-28px);opacity:1}}
@keyframes coach-sweep-right{0%,100%{transform:translateX(0);opacity:.4}70%{transform:translateX(28px);opacity:1}}
@keyframes coach-tool-cheek{0%,10%{transform:translate(0,0);opacity:.35}70%{transform:translate(39px,-20px);opacity:1}90%,100%{transform:translate(39px,-20px);opacity:0}}
@keyframes coach-tool-neck{0%,10%{transform:translate(0,-8px);opacity:.35}70%{transform:translate(8px,22px);opacity:1}90%,100%{transform:translate(8px,22px);opacity:0}}
@keyframes coach-tool-jaw{0%,10%{transform:translate(0,0);opacity:.35}70%{transform:translate(42px,-32px);opacity:1}90%,100%{transform:translate(42px,-32px);opacity:0}}
@keyframes coach-tool-forehead{0%,10%{transform:translate(0,0);opacity:.35}70%{transform:translate(44px,6px);opacity:1}90%,100%{transform:translate(44px,6px);opacity:0}}
@media(max-width:370px){.coach-title{font-size:27px}.coach-stage-top{font-size:9px}.coach-cue{font-size:10px}.coach-day{font-size:10px;padding:7px 8px}.coach-header{gap:7px}.coach-stage-bottom{letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){
 .coach-stage *, .coach-preview *{animation:none!important;transition:none!important}
 .coach-static-toggle{display:block}
 .coach-stage[data-frame="end"] [data-motion="chin-back"] .coach-side-head{transform:translateX(-14px)}
 .coach-stage[data-frame="end"] [data-motion="neck-right"] .coach-head{transform:rotate(-13deg)}
 .coach-stage[data-frame="end"] [data-motion="neck-left"] .coach-head{transform:rotate(13deg)}
 .coach-stage[data-frame="end"] [data-motion="neck-down"] .coach-head{transform:translateY(12px) scaleY(.92)}
 .coach-stage[data-frame="end"] [data-motion="neck-arc"] .coach-head{transform:rotate(10deg)}
 .coach-stage[data-frame="end"] [data-motion="wall-move"] .wall-arm-left{transform:rotate(53deg)}
 .coach-stage[data-frame="end"] [data-motion="wall-move"] .wall-arm-right{transform:rotate(-53deg)}
 .coach-stage[data-frame="end"] .moving-tool{transform:translate(39px,-20px)}
 .coach-stage[data-frame="end"] [data-motion="gua-neck"] .moving-tool{transform:translate(8px,22px)}
 .coach-stage[data-frame="end"] [data-motion="gua-jaw"] .moving-tool,.coach-stage[data-frame="end"] [data-motion="roller-jaw"] .moving-tool{transform:translate(42px,-32px)}
 .coach-stage[data-frame="end"] [data-motion="gua-forehead"] .moving-tool{transform:translate(44px,6px)}
 .coach-stage[data-frame="end"] .sweep-left{transform:translateX(-28px)}.coach-stage[data-frame="end"] .sweep-right{transform:translateX(28px)}
 .coach-stage[data-frame="end"] [data-motion="tongue-up"] .tongue{transform:translateY(-3px)}
 .coach-stage[data-frame="end"] [data-motion="jaw-down"] .guide-finger{transform:translateY(13px)}
}

.product-example{font-size:11px;line-height:1.5;color:#697262;min-height:42px;margin:8px 0 12px}.p .ad{font-size:10px;line-height:1.5;margin-top:10px}