/* Pooka's playful introduction. */
.buddy-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:42px 0 85px;scroll-margin-top:24px}
.buddy-copy{padding:0 0 25px}
.buddy-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.12em}
.buddy-copy .eyebrow>span{font-size:27px;color:#8c73a5}
.buddy-copy h2{font-size:clamp(48px,5vw,70px);line-height:1.04;margin:24px 0}
.buddy-copy h2 em{color:#84669e}
.buddy-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:345px;color:var(--muted)}
.buddy-copy>.button{margin-top:30px;font-size:13px}
.buddy-practice-link{display:table;font-size:11px;margin-top:21px;border-bottom:1px solid #aaa69d;padding-bottom:5px}
.buddy-practice-link span{margin-left:8px}
.buddy-playground{min-width:0;position:relative}
.buddy-stage{height:470px;position:relative;isolation:isolate;border-radius:45% 45% 28px 28px / 28% 28% 28px 28px;background:radial-gradient(ellipse at 49% 42%,#f6edf9 0%,#e6d8ef 48%,#d4bfdf 100%);overflow:hidden}
#pooka-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:2;opacity:0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
#pooka-canvas:active{cursor:grabbing}
.buddy-stage[data-ready=true] #pooka-canvas{opacity:1}
.buddy-illustration-label{position:absolute;top:21px;left:50%;transform:translateX(-50%);z-index:3;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#66526f;white-space:nowrap;pointer-events:none}
.buddy-status{position:absolute;right:34px;top:77px;z-index:3;font-size:13px;font-weight:600;line-height:1.4;padding:13px 20px;border:1px solid #bca6ca;border-radius:23px 23px 23px 5px;background:#fff9ed;transform:rotate(6deg);max-width:215px;pointer-events:none;box-shadow:2px 3px 0 #b8a0c329}
.buddy-spark{position:absolute;color:#887097;z-index:1;pointer-events:none}
.buddy-spark-one{left:45px;top:110px;font-size:40px;transform:rotate(-15deg)}
.buddy-spark-two{right:38px;bottom:85px;font-size:29px;color:#947f39;transform:rotate(13deg)}
.buddy-gesture-hint{position:absolute;z-index:3;left:0;right:0;bottom:22px;text-align:center;font-size:10px;color:#5b4b62;pointer-events:none}
.buddy-gesture-hint span{font-size:16px;vertical-align:-1px;margin-right:8px}
.buddy-fallback{width:62%;height:68%;position:absolute;left:19%;top:18%;object-fit:cover;object-position:50% 30%;border-radius:50%;opacity:1}
.buddy-stage[data-ready=true] .buddy-fallback{visibility:hidden;opacity:0}
.buddy-controls{display:flex;align-items:center;gap:16px;padding:22px 4px 0;flex-wrap:wrap}
.buddy-turn-control{flex:1;min-width:135px;max-width:250px}
.buddy-turn-control label{font-size:10px;display:block;margin-bottom:9px;color:#625768}
.buddy-turn-control>div{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1}
#buddy-turn{appearance:none;-webkit-appearance:none;height:4px;border-radius:10px;background:#d5c7dd;flex:1;min-width:0;width:100%;cursor:ew-resize;accent-color:#79608f}
#buddy-turn::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:#f6f3e8;border:2px solid #79608f;box-shadow:0 2px 0 #c2afcf}
#buddy-turn::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f6f3e8;border:2px solid #79608f}
#buddy-turn:focus-visible{outline:3px solid #6c46a8;outline-offset:9px}
.buddy-hello{border:1px solid var(--ink);border-radius:99px;background:var(--lime);padding:14px 22px;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}
.buddy-hello:hover{background:#dffb86;transform:rotate(-3deg)}
.buddy-hello>span{font-size:21px;vertical-align:-2px;margin-left:9px}
.buddy-motion{font-size:9px;background:transparent;padding:10px 2px;text-decoration:underline;text-underline-offset:4px;margin-left:auto;color:#625768}
.buddy-controls :disabled{opacity:.45;cursor:default}
.buddy-disclaimer{font-size:9px;color:#747365;text-align:center;margin-top:21px;line-height:1.6}
@media(max-width:1100px){.buddy-section{gap:30px;grid-template-columns:.9fr 1.1fr}.buddy-stage{height:430px}.buddy-copy h2{font-size:53px}.buddy-controls{gap:12px}.buddy-motion{flex-basis:100%;text-align:right;padding-top:0}.buddy-status{right:20px;top:67px;font-size:12px}.buddy-copy>p:not(.eyebrow){font-size:15px}.buddy-spark-one{left:24px}}
@media(max-width:760px){.buddy-section{grid-template-columns:1fr;gap:27px;padding:10px 0 52px}.buddy-copy{padding:0}.buddy-copy .eyebrow{font-size:8px}.buddy-copy .eyebrow>span{font-size:23px}.buddy-copy h2{font-size:45px;margin:18px 0}.buddy-copy>p:not(.eyebrow){font-size:14px;max-width:360px}.buddy-copy>.button{margin-top:22px;padding:16px 21px;font-size:12px}.buddy-practice-link{font-size:10px;margin-top:17px}.buddy-stage{height:370px;border-radius:45% 45% 24px 24px / 24% 24% 24px 24px}.buddy-illustration-label{top:17px;font-size:7px}.buddy-status{top:58px;right:18px;font-size:11px;padding:11px 16px;max-width:185px}.buddy-spark-one{left:21px;top:92px;font-size:29px}.buddy-spark-two{right:22px;bottom:67px;font-size:23px}.buddy-gesture-hint{font-size:9px;bottom:20px}.buddy-controls{padding-top:21px;gap:17px}.buddy-turn-control{max-width:none}.buddy-hello{font-size:11px;padding:12px 19px}.buddy-motion{flex-basis:100%;text-align:center;margin:0;padding:0;min-height:30px}.buddy-disclaimer{margin-top:7px;font-size:8px}.buddy-fallback{height:65%;top:21%}}

.buddy-stage[data-ready=false] #pooka-canvas{pointer-events:none;cursor:default}
.buddy-stage[data-ready=false] .buddy-gesture-hint{visibility:hidden}
/* Leave both ear tips clear of the greeting bubble. */
.buddy-status{top:35px;left:50%;right:auto;transform:translateX(-50%) rotate(-4deg)}
@media(max-width:760px){.buddy-status{top:33px;right:auto}}