/* AmeCan: short, contextual motion. Static content is the default. */
:root{--play-ease:cubic-bezier(.22,.8,.25,1)}
.page-motion-toggle{position:fixed;right:14px;bottom:14px;z-index:40;display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #c7d8c9;border-radius:24px;background:#fffdf5f5;color:#315b49;box-shadow:0 3px 15px #19384112;font:600 11px var(--body);cursor:pointer}
.page-motion-toggle:focus-visible{outline:3px solid #df9870;outline-offset:3px}.motion-dot{width:7px;height:7px;border-radius:50%;background:#569374}.page-motion-toggle[aria-pressed=true] .motion-dot{background:#9c9b8f}
footer{padding-bottom:72px}.steps{position:relative;isolation:isolate}.steps:before{content:'';position:absolute;top:41px;left:10%;right:10%;border-top:2px dashed #b4cdb7;z-index:-1;transform-origin:left}.step-icon{position:relative;background-clip:padding-box;box-shadow:0 0 0 8px #fffaf0;transform-origin:50% 80%}
.support-list{position:relative}.support-list:before{content:'';position:absolute;left:22px;top:30px;bottom:42px;border-left:2px dashed #b8c7aa;z-index:0}.support-list article{position:relative}.support-list article>span{position:relative;z-index:1;background:#f2eddf;border-radius:50%}
.play-ornament{display:block;width:66px;height:32px;margin:0 auto 12px;color:#c59637;overflow:visible;pointer-events:none}.play-ornament path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.play-ornament circle{fill:currentColor}.playful-heading{position:relative}.empathy-copy mark{background:linear-gradient(#d6e7c8,#d6e7c8) no-repeat left 92%;background-size:100% 35%}
.story-screen{position:relative}.story-screen:before,.story-screen:after{content:'';position:absolute;width:56px;height:20px;background:#efd8a1ab;z-index:2;pointer-events:none;top:-12px;transform:rotate(-8deg);left:14px}.story-screen:after{left:auto;right:14px;transform:rotate(9deg)}
.story-track{height:4px;background:#d6e7dc;margin:12px auto 0;max-width:800px;border-radius:4px;overflow:hidden}.story-progress{display:block;height:100%;background:#629778;transform:scaleX(0);transform-origin:left}
.feature,.diagnosis-card{transition:box-shadow .25s,border-color .25s;transform-origin:center 70%}.feature:focus-within,.diagnosis-card:focus-within{box-shadow:0 12px 28px #315b491e}.feature-art{overflow:hidden}.diagnosis-icon svg{transform-origin:center}.diagnosis-link{min-height:44px;align-items:center}.diagnosis-link span,.button span,.text-link{transition:transform .25s var(--play-ease)}
.interest-buttons button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.interest-doodle{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.interest-buttons button[aria-pressed=true] .interest-doodle{color:inherit}.activity{position:relative;isolation:isolate;overflow:hidden}.activity:after{content:'✧';position:absolute;right:20px;top:10px;color:#d3ac52;font-size:42px;pointer-events:none}.tiny-confetti{position:absolute;left:50%;top:26px;width:8px;height:8px;background:var(--confetti-color);border-radius:2px;pointer-events:none;z-index:2}
.faq summary::marker{color:#678d6c}.faq details[open] summary{color:#387659}.faq details[open]{border-color:#b9cfaa}.ending{position:relative;overflow:hidden}.future-sparks{position:absolute;right:6%;top:8%;width:140px;height:90px;pointer-events:none;color:#fff4c8;z-index:2}.future-sparks path{fill:currentColor}.final-cta .button{position:relative}.brand .wordmark b{display:inline-block}
@media(hover:hover) and (pointer:fine){.feature:hover,.diagnosis-card:hover{box-shadow:0 14px 32px #315b491e}.diagnosis-link:hover span,.button:hover span{transform:translateX(4px)}.interest-buttons button:hover{border-color:#699679}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important}body.motion-off{scroll-behavior:auto}
@media(max-width:760px){.steps:before{top:26px}.step-icon{box-shadow:0 0 0 4px #fffaf0}.play-ornament{width:54px;height:26px;margin-bottom:10px}.page-motion-toggle{right:10px;bottom:10px;min-height:40px;font-size:10px}.future-sparks{width:80px;right:5%;top:7%}.interest-buttons button{padding:10px 13px}.support-list:before{left:19px}.story-screen:before,.story-screen:after{width:36px;height:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-ornament,.future-sparks,.tiny-confetti{animation:none!important}.story-progress{transition:none}}