.kw-motion-heading{display:flex;align-items:center;gap:12px}.kw-motion-heading>span:last-child{min-width:0}.kw-motion-heading-center{justify-content:center}.kw-motion{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;vertical-align:middle;margin-right:4px;isolation:isolate;pointer-events:none;line-height:1;overflow:visible}.kw-motion-glyph{display:block;font-size:32px;line-height:1;transform-origin:center;filter:drop-shadow(0 3px 7px #8b5cf633)}.kw-motion-spark,.kw-motion-satellite{position:absolute;right:-1px;top:0;font-size:16px;line-height:1;opacity:0}.kw-motion-small{width:34px;height:34px;flex-basis:34px}.kw-motion-small .kw-motion-glyph{font-size:26px}.kw-motion-small .kw-motion-satellite{font-size:14px;right:-2px}.kw-motion-status{display:inline-flex;align-items:center;gap:5px}.kw-motion-status .kw-motion{margin:0}.kw-motion-line{position:absolute;width:35px;height:2px;bottom:2px;left:4px;border-radius:2px;background:#a78bfa;transform:scaleX(0);transform-origin:left}.kw-motion-playing .kw-motion-glyph{animation-duration:2.8s;animation-timing-function:ease-in-out;animation-iteration-count:2}.kw-motion-playing .kw-motion-spark,.kw-motion-playing .kw-motion-satellite{animation:kwMotionSpark 2.8s ease-in-out 2}.kw-motion-playing[data-kw-motion="point"] .kw-motion-glyph{animation-name:kwMotionPoint}.kw-motion-playing[data-kw-motion="shield"] .kw-motion-glyph{animation-name:kwMotionShield}.kw-motion-playing[data-kw-motion="pen"] .kw-motion-glyph{animation-name:kwMotionPen}.kw-motion-playing[data-kw-motion="pen"] .kw-motion-line{animation:kwMotionLine 2.8s ease-in-out 2}.kw-motion-playing[data-kw-motion="gift"] .kw-motion-glyph{animation-name:kwMotionGift}.kw-motion-playing[data-kw-motion="friends"] .kw-motion-glyph{animation-name:kwMotionFriends}.kw-motion-playing[data-kw-motion="payment"] .kw-motion-glyph{animation-name:kwMotionPayment}.kw-motion-playing[data-kw-motion="ready"] .kw-motion-glyph{animation-name:kwMotionReady;animation-iteration-count:1}.kw-motion-playing[data-kw-motion="ready"] .kw-motion-satellite{animation-iteration-count:1}.kw-motion[data-kw-motion="ready"]:not(.kw-motion-playing) .kw-motion-satellite{opacity:1}.kw-motion-paused .kw-motion *{animation-play-state:paused!important}
@keyframes kwMotionPoint{0%,65%,100%{transform:translateY(-3px) rotate(-4deg)}24%,40%{transform:translateY(5px) rotate(3deg)}32%{transform:translateY(0) rotate(-2deg)}}
@keyframes kwMotionShield{0%,100%{transform:scale(1) rotate(-3deg)}35%,60%{transform:scale(1.09) rotate(3deg)}}
@keyframes kwMotionPen{0%,100%{transform:translate(-4px,0) rotate(-4deg)}25%{transform:translate(0,2px) rotate(4deg)}45%{transform:translate(5px,0) rotate(-3deg)}65%{transform:translate(7px,2px) rotate(4deg)}80%{transform:translate(0,-3px)}}
@keyframes kwMotionLine{0%,12%{transform:scaleX(0);opacity:0}25%{opacity:1}70%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes kwMotionGift{0%,10%,100%{transform:translateY(0) rotate(0)}20%,35%{transform:rotate(-8deg)}28%,42%{transform:rotate(8deg)}60%{transform:translateY(-6px) scale(1.08)}75%{transform:translateY(0) scale(1)}}
@keyframes kwMotionFriends{0%,100%{transform:scale(.96) rotate(-4deg)}30%,55%{transform:scale(1.08) rotate(4deg)}}
@keyframes kwMotionPayment{0%,100%{transform:translateX(-2px) rotate(-6deg)}35%,70%{transform:translateX(2px) rotate(3deg)}}
@keyframes kwMotionReady{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-6px) rotate(3deg)}40%,80%{transform:translateY(0) rotate(0)}}
@keyframes kwMotionSpark{0%,20%,100%{transform:scale(.3) rotate(-20deg);opacity:0}45%,70%{transform:scale(1) rotate(12deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.kw-motion *{animation:none!important;transform:none!important}.kw-motion-spark,.kw-motion-satellite{opacity:1}.kw-motion-line{display:none}}
@media(max-width:600px){.kw-motion-heading{gap:10px}.kw-motion-heading .kw-motion{width:38px;height:40px;flex-basis:38px}.kw-motion-heading .kw-motion-glyph{font-size:30px}}

/* Selected Q and X: orbiting knowledge and a calm deadline cue. */
.kw-hero-sticker{display:flex;justify-content:center;margin:6px 0 16px}.kw-motion-orbit{width:100px;height:88px;flex-basis:100px;margin:0}.kw-motion-orbit .kw-motion-glyph{font-size:54px;z-index:2}.kw-motion-halo{position:absolute;inset:14px;border:1.5px solid #38bdf860;border-radius:50%;box-shadow:0 0 15px #a855f71a;z-index:0}.kw-motion-orbit .kw-motion-halo{transform:rotateX(62deg) rotate(-15deg)}.kw-motion-orbit-star{position:absolute;left:48px;top:42px;width:5px;height:5px;border-radius:50%;background:#fde047;box-shadow:0 0 7px #fde047;transform:translateX(43px)}.kw-motion-star-two{transform:rotate(120deg) translateX(43px)}.kw-motion-star-three{transform:rotate(240deg) translateX(43px)}.kw-motion-playing[data-kw-motion="orbit"] .kw-motion-glyph{animation:kwMotionOrbitCap 4.6s ease-in-out 2}.kw-motion-playing[data-kw-motion="orbit"] .kw-motion-halo{animation:kwMotionOrbitRing 4.6s linear 2}.kw-motion-playing .kw-motion-orbit-star{animation:kwMotionOrbitStar 4.6s linear 2}.kw-motion-playing .kw-motion-star-two{animation-delay:-1.53s}.kw-motion-playing .kw-motion-star-three{animation-delay:-3.06s}.kw-urgent-motion{display:flex;align-items:center;gap:14px}.kw-urgent-copy{flex:1;min-width:0}.kw-motion-deadline{width:64px;height:68px;flex-basis:64px;margin:0}.kw-motion-deadline .kw-motion-glyph{font-size:42px;z-index:2}.kw-motion-deadline .kw-motion-satellite{font-size:22px;right:-2px;top:3px}.kw-motion-playing[data-kw-motion="deadline"] .kw-motion-glyph{animation:kwMotionHourglass 4.4s ease-in-out 2}.kw-motion-playing[data-kw-motion="deadline"] .kw-motion-satellite{animation:kwMotionBolt 4.4s ease-in-out 2}.kw-motion-playing[data-kw-motion="deadline"] .kw-motion-halo{animation:kwMotionDeadlineRing 4.4s ease-in-out 2}
@keyframes kwMotionOrbitCap{0%,100%{transform:translateY(2px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes kwMotionOrbitRing{0%{transform:rotateX(62deg) rotate(0)}100%{transform:rotateX(62deg) rotate(360deg)}}
@keyframes kwMotionOrbitStar{0%{transform:rotate(0) translateX(43px) scale(.8)}50%{transform:rotate(180deg) translateX(43px) scale(1.2)}100%{transform:rotate(360deg) translateX(43px) scale(.8)}}
@keyframes kwMotionHourglass{0%,15%,100%{transform:rotate(0)}45%,70%{transform:rotate(180deg)}}
@keyframes kwMotionBolt{0%,45%,100%{opacity:0;transform:scale(.2) translateY(7px)}62%,80%{opacity:1;transform:scale(1.1) translateY(0)}}
@keyframes kwMotionDeadlineRing{0%,100%{transform:scale(.8);opacity:.25}50%,75%{transform:scale(1.05);opacity:.7}}
@media(max-width:600px){.kw-urgent-motion{flex-direction:column;gap:8px}.kw-motion-deadline{width:56px;height:58px;flex-basis:58px}.kw-motion-deadline .kw-motion-glyph{font-size:38px}}