/* Guided tour overlay (DEMO) */
#tour{position:fixed;inset:0;z-index:9000;pointer-events:none;font-family:Poppins,sans-serif}
#tour .tp{position:fixed;background:rgba(12,11,10,.72);pointer-events:auto;transition:all .28s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(1.5px)}
#tour .tp.hole{background:transparent;backdrop-filter:none;cursor:default}
#tour .tring{position:fixed;border-radius:14px;box-shadow:0 0 0 3px var(--lime),0 0 0 8px rgba(166,209,58,.28),0 0 40px rgba(166,209,58,.45);pointer-events:none;transition:all .28s cubic-bezier(.2,.8,.2,1)}
#tour .tring:after{content:"";position:absolute;inset:-3px;border-radius:16px;border:3px solid var(--lime);animation:tpulse 1.6s ease-out infinite}
@keyframes tpulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.06)}}
#tour .tcard{position:fixed;pointer-events:auto;background:var(--cream);color:var(--char);border-radius:18px;padding:16px 18px 14px;box-shadow:0 24px 70px rgba(0,0,0,.5);border-top:6px solid var(--red);transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1)}
#tour .tcard.in{animation:tin .32s cubic-bezier(.2,.8,.2,1)}
@keyframes tin{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
#tour .thd{display:flex;justify-content:space-between;align-items:center}
#tour .tstep{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--char);color:var(--lime);padding:3px 9px;border-radius:6px}
#tour .tx{background:none;border:0;font-size:18px;cursor:pointer;color:var(--mut)}
#tour .ttl{font-family:"Bebas Neue",sans-serif;font-size:32px;line-height:1;margin:10px 0 6px;font-weight:400}
#tour .tbody{font-size:14px;line-height:1.5}#tour .tbody small{color:var(--mut)}
#tour .tdots{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 10px}
#tour .tdots button{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:#d8ccb8;cursor:pointer;transition:.2s}
#tour .tdots button.past{background:#8c8273}#tour .tdots button.on{background:var(--red);width:22px;border-radius:6px}
#tour .tnav{display:flex;gap:8px;align-items:center}#tour .tnav .ghost{color:var(--char)}#tour .tskip{border-color:transparent!important;padding-left:4px;opacity:.7}
.hdr-r #tourbtn{color:var(--char)!important}
.tk.tkdemo{border:2px dashed var(--lime);border-left:6px solid var(--red);background:#fffdf5}.tk.tkdemo.ready{border-left-color:var(--lime)}.tk.tkdemo.runner{border-left-color:#f2a93b}
@media(max-width:700px){#tour .ttl{font-size:26px}#tour .tbody{font-size:13px}}