.guide-trigger{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:inline-flex}.guide-trigger small{color:#617066;font-size:14px}.guide-trigger .text-button{font-weight:650}.guide-trigger.is-compact small{display:none}.guide-layer{z-index:70;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.guide-backdrop{background:#141e1880;border:0;position:absolute;inset:0}.guide-dialog{background:#fff;border-radius:16px;outline:none;gap:10px;width:min(460px,100%);padding:20px;display:grid;position:relative;box-shadow:0 18px 50px #00000040}.guide-eyebrow{color:#617066;margin:0;font-size:14px}.guide-step-title{margin:0;font-size:20px;animation:.45s both guide-rise}.guide-step-text{color:#2c3a30;min-height:72px;margin:0;font-size:16px;line-height:1.5;animation:.45s 80ms both guide-rise}.guide-dots{justify-content:center;gap:8px;display:flex}.guide-dots button{cursor:pointer;background:#cfd9cd;border:0;border-radius:50%;width:10px;height:10px;padding:0}.guide-dots button[aria-selected=true]{background:#31573d;border-radius:5px;width:24px;transition:width .3s}.guide-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.guide-scene{background:linear-gradient(160deg,#eef4ec,#f8faf6);border-radius:12px;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.guide-screen{background:#fff;border-radius:10px;align-content:start;gap:7px;width:62%;height:118px;padding:12px;animation:.5s both guide-pop;display:grid;position:relative;box-shadow:0 4px 14px #28463026}.guide-bar,.guide-row{background:#dfe7dc;border-radius:5px;height:9px;display:block}.guide-bar{background:#31573d;width:55%}.guide-bar.short{background:#9bb59d;width:35%}.guide-row.short{width:60%}.guide-row{animation:.5s both guide-slide}.guide-row:nth-of-type(4){animation-delay:.15s}.guide-row:nth-of-type(5){animation-delay:.3s}.guide-focus{background:#c2410c;border-radius:7px;width:44px;height:22px;animation:1.4s ease-in-out .6s infinite guide-pulse;position:absolute;bottom:12px;right:12px}.guide-pointer{background:#c2410c59;border:2px solid #c2410c;border-radius:50%;width:18px;height:18px;animation:1.4s ease-in-out .6s infinite guide-tap;position:absolute;bottom:20%;right:19%}.guide-scene-photo .guide-focus{background:#31573d;border-radius:9px;width:52px;height:40px;margin:-20px 0 0 -26px;animation:1.6s ease-in-out .5s infinite guide-flash;inset:44% auto auto 50%}.guide-scene-list .guide-row{background:#c9dcc8}.guide-scene-send .guide-focus{animation:1.8s ease-in .6s infinite guide-fly}.guide-scene-bell .guide-focus,.guide-scene-inbox .guide-focus{border-radius:50%;width:22px;height:22px;animation:1.2s ease-in-out .5s infinite guide-ring;top:12px;bottom:auto;right:12px}.guide-scene-offers .guide-row{width:28%;height:26px;margin-right:4%;animation:.6s both guide-grow;display:inline-block}.guide-scene-chat .guide-row{border-radius:9px 9px 9px 2px;width:55%}.guide-scene-chat .guide-row:nth-of-type(5){background:#31573d;border-radius:9px 9px 2px;margin-left:40%}.guide-scene-choose .guide-focus,.guide-scene-review .guide-focus{background:#31573d;border-radius:50%;width:26px;height:26px;animation:1.6s .5s infinite both guide-check}.guide-scene-search .guide-focus{background:0 0;border:2px solid #c2410c;border-radius:10px;width:70%;height:20px;inset:12px auto auto 12px}.guide-scene-cart .guide-focus{animation:1.6s ease-in .5s infinite guide-drop}.guide-scene-board .guide-row{background:#eef3ec;border:1px dashed #9bb59d;width:26%;height:60px;margin-right:4%;display:inline-block}.guide-scene-board .guide-focus{width:22%;height:18px;animation:2.4s ease-in-out .5s infinite guide-move;bottom:28px;left:14px;right:auto}.guide-scene-settings .guide-focus{background:#cfd9cd;border-radius:11px;width:40px;height:22px;animation:1.8s ease-in-out .5s infinite guide-toggle}.guide-scene-profile .guide-bar{width:40%}.guide-scene-machine .guide-row{border-radius:6px;width:22%;height:20px;margin-right:3%;display:inline-block}.guide-scene-reply .guide-focus{width:60%;left:12px;right:auto}@keyframes guide-rise{0%{transform:translateY(8px)}to{transform:none}}@keyframes guide-pop{0%{transform:scale(.94)}to{transform:none}}@keyframes guide-slide{0%{transform:translate(-14px)}to{transform:none}}@keyframes guide-pulse{0%,to{transform:scale(1);box-shadow:0 0 #c2410c73}50%{transform:scale(1.06);box-shadow:0 0 0 8px #c2410c00}}@keyframes guide-tap{0%,to{opacity:.2;transform:scale(.7)}45%{opacity:1;transform:scale(1)}}@keyframes guide-flash{0%,80%,to{box-shadow:0 0 #fff0}85%{box-shadow:0 0 0 60px #ffffffe6}}@keyframes guide-fly{0%{opacity:1;transform:none}70%{opacity:0;transform:translate(40px,-60px)rotate(-20deg)}to{opacity:0}}@keyframes guide-ring{0%,to{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-14deg)}60%{transform:rotate(8deg)}}@keyframes guide-grow{0%{transform-origin:bottom;transform:scaleY(.2)}to{transform:none}}@keyframes guide-check{0%{transform:scale(0)}40%{transform:scale(1.2)}55%,to{transform:scale(1)}}@keyframes guide-drop{0%{transform:translateY(-40px)}40%,to{transform:none}}@keyframes guide-move{0%,15%{transform:none}50%,65%{transform:translate(160%)}to{transform:none}}@keyframes guide-toggle{0%,30%{background:#cfd9cd}50%,to{background:#31573d}}@media (prefers-reduced-motion:reduce){.guide-scene *,.guide-step-title,.guide-step-text,.guide-screen{animation:none!important}}.route-section-guide{justify-content:flex-end;margin:0;padding:12px clamp(16px,3vw,32px) 0;display:flex}@media (max-width:640px){.route-section-guide .guide-trigger small{display:none}}
