/* Ambient light for the coach panel. Layers sit behind all readable content. */
.coach{position:relative;isolation:isolate;background:#e8f4ff;--atmosphere-x:0px;--atmosphere-y:0px}
.coach>.coach-atmosphere{position:absolute;inset:-4%;width:108%;height:108%;padding:0!important;z-index:0;pointer-events:none;overflow:hidden;transform:translate(var(--atmosphere-x),var(--atmosphere-y));transition:transform 1.8s cubic-bezier(.2,.7,.2,1);border-radius:inherit;background:linear-gradient(125deg,#eff9ff 8%,#dfedff 46%,#e4f8ff 78%,#c9e9ff)}
.coach-glow{position:absolute;display:block;width:65%;height:110%;border-radius:50%;opacity:.7;transform:translate3d(0,0,0);will-change:transform}
.glow-sky{left:-25%;top:-30%;background:radial-gradient(ellipse,#7fc7ff90 0%,#addbff50 32%,transparent 68%);animation:coach-sky-drift 13s ease-in-out infinite alternate}
.glow-aqua{right:-30%;bottom:-70%;width:90%;height:160%;background:radial-gradient(ellipse,#68dfde70 0%,#a3e5f450 32%,transparent 69%);animation:coach-aqua-drift 16s ease-in-out infinite alternate}
.glow-indigo{right:-20%;top:-70%;width:85%;height:130%;background:radial-gradient(ellipse,#80aaf875 0%,#a8c8ff40 35%,transparent 70%);animation:coach-indigo-drift 19s ease-in-out infinite alternate}
.coach-waves{position:absolute;left:-15%;bottom:-12%;width:130%;height:86%;opacity:.65;animation:coach-wave-float 11s ease-in-out infinite alternate;will-change:transform}
.trail-two{animation:coach-light-run 8s linear infinite}.trail-three{animation:coach-light-run 12s linear infinite;animation-delay:-5s}
.coach-mote{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 14px 3px #7bbbff55;opacity:0;animation:coach-mote-drift 9s ease-in-out infinite}
.mote-one{left:69%;top:88%}.mote-two{left:91%;top:71%;animation-delay:-3s;width:4px;height:4px}.mote-three{left:44%;top:91%;animation-delay:-6s}.mote-four{left:82%;top:83%;animation-delay:-1.5s;width:3px;height:3px}
.coach>img.coach-product-preview{position:relative;z-index:1;animation:coach-dashboard-float 9s ease-in-out infinite;box-shadow:0 14px 40px #193f6f1b;will-change:transform}
.coach>.coach-copy{position:relative;z-index:2}
.coach-motion-toggle{position:absolute;right:18px;bottom:16px;z-index:3;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #78b0e54a;border-radius:50%;background:#ffffff80;color:#4374a0;transition:background .2s,transform .2s;backdrop-filter:blur(6px)}
.coach-motion-toggle:hover{background:#fff;transform:scale(1.06)}
.coach-motion-toggle svg{grid-area:1/1;width:16px;height:16px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;fill:none}
.coach-motion-toggle .play-icon{display:none;fill:currentColor;stroke:none}
.coach-motion-toggle[aria-pressed="true"] .play-icon{display:block}.coach-motion-toggle[aria-pressed="true"] .pause-icon{display:none}
.coach.effects-paused *,.coach.effects-out-of-view *{animation-play-state:paused!important}
.coach.effects-paused>.coach-atmosphere{transition:none}
@keyframes coach-sky-drift{from{transform:translate3d(0,0,0) scale(.92)}to{transform:translate3d(35%,22%,0) scale(1.18)}}
@keyframes coach-aqua-drift{from{transform:translate3d(0,0,0) scale(1.05)}to{transform:translate3d(-28%,-26%,0) scale(.9)}}
@keyframes coach-indigo-drift{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(-32%,24%,0) scale(1.15)}}
@keyframes coach-wave-float{from{transform:translate3d(-2%,4%,0) rotate(-4deg)}to{transform:translate3d(3%,-9%,0) rotate(2deg)}}
@keyframes coach-light-run{from{stroke-dashoffset:1900}to{stroke-dashoffset:0}}
@keyframes coach-mote-drift{0%{opacity:0;transform:translate3d(0,20px,0)}20%,60%{opacity:.8}100%{opacity:0;transform:translate3d(28px,-160px,0)}}
@keyframes coach-dashboard-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@media(max-width:650px){.coach-waves{height:75%;bottom:0;opacity:.5}.coach-motion-toggle{right:12px;bottom:12px;width:32px;height:32px}.coach>img.coach-product-preview{margin-bottom:28px}.coach-glow{opacity:.6}.coach-mote{display:none}}
@media(prefers-reduced-motion:reduce){.coach *{animation:none!important;transition:none!important}.coach>.coach-atmosphere{transform:none}.coach-mote{display:none}.coach-motion-toggle{display:none}}