/* ---------- first-run tour ---------- */
#tourWrap{position:fixed;inset:0;z-index:340;display:none}
#tourWrap.on{display:block}
#tourWrap .tour-scrim{position:absolute;inset:0;background:rgba(4,6,14,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#tourWrap .tour-card{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);
  width:min(440px,calc(100% - 20px));max-height:calc(100% - 34px);overflow-y:auto;padding:20px 18px 16px;border-radius:22px;
  background:linear-gradient(180deg,#0e2158,#0b1842 62%);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,45,120,.14);animation:tourIn .3s ease both}
@keyframes tourIn{from{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
body.tour-open{overflow:hidden}
.tour-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(255,255,255,.08);color:#c9cad8;font-size:15px;line-height:1;cursor:pointer}
.tour-x:hover{background:rgba(255,255,255,.18);color:#fff}
.tour-kicker{margin:0 0 8px;font-family:inherit;font-weight:800;font-size:10.5px;line-height:1;
  letter-spacing:.14em;text-transform:uppercase;color:#ff2d78}
.tour-card h2{margin:0 0 10px;font-size:21px;line-height:1.22;color:#f5f5f9;letter-spacing:-.01em}
.tour-card h2 em{font-style:italic;color:#ff2d78}
.tour-card p{margin:0 0 10px;font-size:13.5px;line-height:1.62;color:#c9cad8}
.tour-card b{color:#f5f5f9}
.tour-list{margin:0 0 12px;padding:0;list-style:none}
.tour-list li{position:relative;padding:0 0 0 20px;margin:0 0 8px;font-size:13px;line-height:1.55;color:#c9cad8}
.tour-list li::before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:2px;background:#ff2d78}
.tour-list b{color:#ffc247}
.tour-dots{display:flex;gap:6px;margin:14px 0 12px}
.tour-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22);transition:background .2s,width .2s}
.tour-dots i.on{width:20px;border-radius:4px;background:#ff2d78}
.tour-actions{display:flex;gap:8px;align-items:center}
.tour-actions button{font-family:inherit;font-weight:800;font-size:13px;line-height:1;letter-spacing:.05em;
  text-transform:uppercase;border:0;border-radius:12px;padding:14px 16px;cursor:pointer}
#tourPrev{background:rgba(255,255,255,.08);color:#e8e9f1;visibility:hidden}
#tourPrev.show{visibility:visible}
#tourNext{flex:1;background:#ff2d78;color:#12060c;box-shadow:0 12px 30px -12px rgba(255,45,120,.8)}
#tourNext:active{transform:scale(.99)}
.tour-install{display:block;width:100%;margin:0 0 12px;padding:13px 16px;border:0;border-radius:12px;cursor:pointer;
  font-family:inherit;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;background:#ffc247;color:#1a1206}
.tour-install:hover{background:#ffd27a}
.foot-tour{margin:12px 0 0}
.foot-tour-btn{border:0;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:13px;
  font-weight:700;color:#ff2d78;text-decoration:underline}
.foot-tour-btn:hover{color:#ffc247}
@media(max-width:420px){#tourWrap .tour-card{padding:18px 15px 14px}.tour-card h2{font-size:19px}}
