.guide-explainer{margin:1.5rem 0 2rem;padding:1.25rem;border:1px solid var(--border,#2c3446);border-radius:18px;background:linear-gradient(145deg,rgba(255,107,55,.10),rgba(126,87,255,.10));overflow:hidden}.guide-explainer__head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.guide-explainer__head h2{margin:.15rem 0}.guide-explainer__stage{position:relative;min-height:300px;margin-top:1rem;border-radius:14px;background:#090c13;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.2fr);align-items:center;gap:1.5rem;padding:2rem}.guide-explainer__visual{position:relative;display:grid;place-items:center;min-height:190px}.guide-explainer__icon{width:126px;height:126px;border-radius:30px;display:grid;place-items:center;font-size:4rem;background:linear-gradient(135deg,#ff6b37,#8f55e8);box-shadow:0 20px 55px rgba(255,107,55,.22);animation:wo-float 2.4s ease-in-out infinite}.guide-explainer__ring{position:absolute;width:176px;height:176px;border:2px dashed rgba(255,255,255,.26);border-radius:50%;animation:wo-spin 14s linear infinite}.guide-explainer__copy h3{font-size:clamp(1.35rem,3vw,2rem);margin:0 0 .6rem}.guide-explainer__copy p{color:#b8c0d4;font-size:1.05rem;line-height:1.65;margin:0}.guide-explainer__step{display:inline-block;color:#ff8b62;font-weight:700;margin-bottom:.55rem}.guide-explainer__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.guide-explainer__controls button{min-width:44px}.guide-explainer__dots{display:flex;gap:.4rem;margin-left:auto}.guide-explainer__dot{width:11px;height:11px;border:0;padding:0;border-radius:50%;background:#596176;min-width:0}.guide-explainer__dot[aria-current="step"]{background:#ff6b37;transform:scale(1.25)}.guide-explainer__bar{height:4px;background:#293044;border-radius:99px;margin-top:1rem;overflow:hidden}.guide-explainer__progress{height:100%;width:0;background:linear-gradient(90deg,#ff6b37,#9b59ed);transition:width .35s ease}.guide-explainer[data-playing="true"] .guide-explainer__copy{animation:wo-enter .45s ease}.guide-explainer[data-playing="true"] .guide-explainer__icon{animation:wo-float 2.4s ease-in-out infinite,wo-pulse .7s ease}.guide-explainer__noscript{color:#b8c0d4}.guide-explainer__transcript{margin-top:1rem}.guide-explainer__transcript summary{cursor:pointer;font-weight:700}.guide-explainer__transcript ol{padding-left:1.3rem}.guide-explainer__transcript li{margin:.6rem 0}@keyframes wo-float{50%{transform:translateY(-10px)}}@keyframes wo-spin{to{transform:rotate(360deg)}}@keyframes wo-enter{from{opacity:.25;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes wo-pulse{50%{filter:brightness(1.22)}}@media(max-width:680px){.guide-explainer__stage{grid-template-columns:1fr;padding:1.25rem}.guide-explainer__visual{min-height:150px}.guide-explainer__icon{width:100px;height:100px;font-size:3.2rem}.guide-explainer__ring{width:138px;height:138px}.guide-explainer__dots{width:100%;margin:0;justify-content:center}}@media(prefers-reduced-motion:reduce){.guide-explainer *{animation:none!important;transition:none!important}}