:root{--green:#52683a;--ink:#2d3f25;--muted:#59674d;--paper:#f1f4e8;--line:#cfd8bc;--lime:#d7e6ae}
body{background:var(--paper)}header{background:#e6edda}.hero{padding-block:48px 58px}h1 em{color:#748e4a}.primary{background:#526b35;border-radius:18px}.primary:hover{background:#405729}.button{border-radius:18px}.menu-btn{border-radius:12px}.image-frame{border-radius:180px 180px 32px 32px}.editorial-tag{background:#ecf2df;border-radius:24px}.path-band{background:#cbdab0;border:0;border-radius:36px;margin-inline:2.5%}.paths{gap:26px;padding-block:30px}.slide-card{min-width:0}.slide-heading{display:flex;align-items:center;gap:16px;margin-bottom:15px}.paths h2{font-size:17px}.paths p{font-size:14px}.skin-slide{--progress:0;position:relative;height:76px;border-radius:23px;background:#dcb398 url('skin-transition.png') 0% 50% / 300% 100% no-repeat;box-shadow:inset 0 2px 7px #64442f35,0 2px 0 #ffffff70;isolation:isolate;overflow:hidden;transition:background-position .32s ease;direction:ltr}
.slide-handle{position:absolute;left:8px;top:8px;width:68px;height:60px;border-radius:17px;border:1px solid #ffffffde;box-shadow:0 3px 7px #3a342640,inset 0 1px 1px white;background:linear-gradient(#fffef9 0%,#edece2 48%,#d9dccd 51%,#f0f1e7 100%);display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;user-select:none;z-index:2;transition:transform .32s ease,background .22s,box-shadow .22s;color:#758467;padding:0}
.slide-handle svg{width:37px;height:28px;fill:currentColor;filter:drop-shadow(0 1px 0 #fff);animation:slide-hint 3.6s ease-in-out infinite}.slide-instruction{position:absolute;inset:0 12px 0 87px;display:flex;align-items:center;justify-content:center;color:#3d3427;font-size:14px;font-weight:500;text-shadow:0 1px 3px #fff9;opacity:calc(1 - var(--progress) * 1.5);pointer-events:none}.slide-instruction:before{content:'';position:absolute;inset:18px 0;background:#fff5;filter:blur(8px);z-index:-1;border-radius:20px}.is-dragging,.is-dragging .slide-handle{transition:none}.is-dragging .slide-handle{cursor:grabbing}.is-dragging svg,.is-ready svg,.is-complete svg{animation:none}.is-complete .slide-handle{background:linear-gradient(#91af62,#65883f);color:#fff;border-color:#a8c881;box-shadow:0 3px 9px #29422050,inset 0 1px 1px #dcebb7}.is-complete .slide-handle svg{filter:none}.slide-fallback{display:block;width:fit-content;font-size:12px;color:#465937;margin:10px auto 0;border-bottom:1px solid #91a77a}.slide-fallback span{margin-right:8px}.course{border-radius:26px;overflow:hidden;background:#fafcf4}.course-top{background:#d9e4c4}.tone-two{background:#c8d9ab}.featured .course-top{background:#688248}.course-top span{border-radius:25px}.course-top b{color:#869e65}.featured .course-top b{color:#d2dfb8}.founder{background:#526b3c;border-radius:40px;margin-inline:2.5%}.founder-title{border-color:#91a576}.light{border-color:#bccca3}.shop{background:#d8e4c1;border-radius:34px}.shop-type{color:#839b60}.shop-type .outline{-webkit-text-stroke-color:#839b60}.outline-button{border-color:#97ae79}.nav-cta{border:1px solid #aabb91;border-radius:16px;padding:10px 18px}.mobile-nav{background:#e6edda;border-radius:0 0 25px 25px}.care-list>div{border-radius:14px}.slide-handle:focus-visible{outline:3px solid #263e17;outline-offset:-4px}
.skin-slide{background-size:300% auto;background-color:#e8c5c0}
@keyframes slide-hint{0%,65%,100%{transform:translateX(-3px);opacity:.75}25%,40%{transform:translateX(5px);opacity:1}}
@media(max-width:1000px){.paths{gap:16px}.slide-instruction{font-size:12px;inset-inline:82px 6px}.slide-handle{width:60px}.paths h2{font-size:15px}.paths p{font-size:12px}}
@media(max-width:700px){.path-band{border-radius:28px}.paths{gap:25px;padding-block:26px}.paths h2{font-size:17px}.paths p{font-size:14px}.slide-heading{margin-bottom:12px}.skin-slide{height:78px}.slide-handle{width:70px;height:62px}.slide-instruction{font-size:14px;left:90px;right:10px}.image-frame{border-radius:170px 170px 30px 30px}.founder{border-radius:30px}.shop{border-radius:28px}.hero{padding-block:32px 40px}}
@media(prefers-reduced-motion:reduce){.slide-handle svg{animation:none}.skin-slide,.slide-handle{transition:none}}

.is-returning .slide-handle{transition:transform .48s cubic-bezier(.22,1,.36,1)}