/* Short, decorative cues. They never cover a control or change a plan. */
.discovery-cue{display:flex;align-items:center;gap:10px;color:#315ed0;margin:0 0 14px;max-width:100%;font-family:'DM Sans',Inter,sans-serif;line-height:1.35;text-align:left}
.discovery-cue>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.discovery-cue strong{font:italic 20px/1.2 'Instrument Serif','Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-.02em}
.discovery-cue small{font-size:10px;color:#627699;letter-spacing:0;text-transform:none}
.discovery-cue svg{width:57px;height:42px;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform-origin:75% 15%}
.discovery-cue svg{animation:discovery-float 4.8s ease-in-out 1;animation-play-state:paused}
.discovery-cue.is-visible svg{animation-play-state:running}
.discovery-cue.cue-used svg{animation:none}
@keyframes discovery-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.product-page .price-grid>article.plan-recommended{position:relative;overflow:visible;border-color:#aec4f0;background:linear-gradient(145deg,#f0f5ff,#fff 48%);box-shadow:0 8px 28px #2854a40a}
.price-grid>article.plan-recommended h2{margin-top:0}
.product-page .price-grid:has(.plan-recommended){padding-top:68px}
.price-panel:has(>.discovery-cue),.product-price:has(>.discovery-cue){position:relative;overflow:visible;margin-top:68px}
.price-grid>article>.discovery-cue,.price-panel>.discovery-cue,.product-price>.discovery-cue{position:absolute;bottom:calc(100% + 12px);left:20px;right:12px;margin:0;padding:0;pointer-events:none}
@media(max-width:700px){.product-page .price-grid:has(.plan-recommended){padding-top:0}.product-page .price-grid>article.plan-recommended{margin-top:68px}}
#training-creation-demo .tc-step-hint{padding:12px 23px 6px;margin:0;background:#f8faff;gap:6px}
#training-creation-demo .tc-step-hint strong{font-size:18px}
#training-creation-demo .tc-step-hint svg{width:48px;height:34px}
#training-creation-demo .tc-mode-tabs button{border-color:#dce5f4;background:#fff}
#training-creation-demo .tc-mode-tabs button[aria-selected=true]{border-color:#91b0ef;background:#edf3ff}
.effects-paused .discovery-cue svg,.motion-paused .discovery-cue svg{animation:none!important}
@media(prefers-reduced-motion:reduce){.discovery-cue svg{animation:none!important}}
@media(max-width:500px){.discovery-cue strong{font-size:19px}#training-creation-demo .tc-step-hint{padding:12px 15px 6px}}