.tour-root{position:fixed;inset:0;z-index:1200;pointer-events:none}.tour-block{pointer-events:auto;background:transparent}.tour-block,.tour-dim{position:absolute;inset:0}.tour-dim{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,rgba(6,10,7,.62),rgba(3,5,4,.84));animation:tourFade .25s ease-out}.tour-spot{position:absolute;pointer-events:none;border-radius:14px;box-shadow:0 0 0 2px var(--accent),0 0 0 7px rgba(255,212,0,.14),0 0 42px 6px rgba(255,212,0,.2),0 0 0 200vmax rgba(4,7,5,.74);transition:top .42s cubic-bezier(.2,.9,.25,1),left .42s cubic-bezier(.2,.9,.25,1),width .42s cubic-bezier(.2,.9,.25,1),height .42s cubic-bezier(.2,.9,.25,1)}.tour-spot:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--accent);opacity:0;animation:tourPulse 2.2s cubic-bezier(.3,.7,.4,1) infinite}.tour-spot.try:before{content:"Try it";position:absolute;top:-11px;right:12px;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:800 10px/1.4 var(--font-ui),sans-serif;letter-spacing:1.2px;text-transform:uppercase}@keyframes tourPulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.035)}}@keyframes tourFade{0%{opacity:0}to{opacity:1}}.tour-card{position:absolute;pointer-events:auto;width:min(380px,calc(100vw - 32px));padding:16px 16px 14px;border-radius:16px;outline:none;color:var(--ink);background:radial-gradient(140% 90% at 0 0,rgba(255,212,0,.09),transparent 55%),linear-gradient(180deg,#17221A,#0E150F);border:1px solid rgba(255,212,0,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 70px -10px rgba(0,0,0,.7),0 10px 24px rgba(0,0,0,.45);transform-origin:50% 0;animation:tourIn .36s cubic-bezier(.2,.95,.3,1.15);transition:top .42s cubic-bezier(.2,.9,.25,1),left .42s cubic-bezier(.2,.9,.25,1)}.tour-card.center{animation-name:tourInCenter}.tour-card.sheet{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;transform-origin:50% 100%;animation-name:tourUp}@keyframes tourIn{0%{opacity:0;transform:perspective(700px) translateY(10px) rotateX(-8deg) scale(.97)}to{opacity:1;transform:none}}@keyframes tourInCenter{0%{opacity:0;transform:perspective(700px) translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes tourUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.tour-arrow{position:absolute;width:12px;height:12px;background:#17221A;border:1px solid rgba(255,212,0,.26);transform:rotate(45deg)}.tour-arrow.up{top:-7px;margin-left:-6px;border-right:0;border-bottom:0}.tour-arrow.down{bottom:-7px;margin-left:-6px;border-left:0;border-top:0;background:#0E150F}.tour-arrow.left{left:-7px;top:22px;border-top:0;border-right:0}.tour-arrow.right{right:-7px;top:22px;border-left:0;border-bottom:0}.tour-kick{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.3px}.tour-ch{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;color:var(--accent);background:var(--accent-soft)}.tour-ch svg{width:15px;height:15px}.tour-chn,.tour-count{color:var(--ink2)}.tour-count{margin-left:auto;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong)}.tour-title{margin:0 0 4px;font-size:20px;line-height:1.15;color:var(--ink);font-family:var(--font-display),var(--font-ui),sans-serif;letter-spacing:.2px}.tour-body{margin:0;font-size:14px;line-height:1.5;color:var(--ink2)}.tour-demo{display:inline-block;margin-top:10px;padding:2px 8px;border-radius:5px;font-size:10.5px;font-weight:800;letter-spacing:1.4px;color:var(--accent-ink);background:var(--accent)}.tour-prog{display:flex;gap:6px;margin:14px 0 12px}.tour-seg{flex:1;display:flex;gap:3px;min-width:0}.tour-seg i{flex:1;height:4px;border-radius:2px;background:rgba(241,237,225,.12);transition:background .3s,box-shadow .3s}.tour-seg i.past{background:rgba(255,212,0,.55)}.tour-seg i.now{background:var(--accent);box-shadow:0 0 10px rgba(255,212,0,.55)}.tour-seg.full i{background:rgba(255,212,0,.55)}.tour-seg.cur{flex:2.2}.tour-foot{display:flex;align-items:center;gap:8px}.tour-grow{flex:1}.tour-hub button,.tour-offer button,.tour-root button{margin:0}.tour-back,.tour-next,.tour-skip{font:600 13.5px/1 var(--font-ui),sans-serif;letter-spacing:.1px;cursor:pointer;border-radius:9px;min-height:38px;padding:0 14px;width:auto;display:inline-flex;align-items:center;gap:6px}.tour-next{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);box-shadow:0 6px 18px -6px rgba(255,212,0,.55);transition:transform .15s,box-shadow .15s,background .15s}.tour-next:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 22px -6px rgba(255,212,0,.6)}.tour-next:active{transform:translateY(0) scale(.98)}.tour-back{background:transparent;color:var(--ink);border:1px solid var(--border-strong)}.tour-back:hover{background:var(--card-hover)}.tour-skip{background:none;border:0;padding:0 4px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(140,163,148,.45)}.tour-skip:hover{color:var(--ink);background:none}.navlink.howto:focus-visible,.tour-back:focus-visible,.tour-chapter:focus-visible,.tour-demo-link:focus-visible,.tour-next:focus-visible,.tour-skip:focus-visible,.tour-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tour-radar{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,transparent 0 30%,rgba(255,212,0,.16) 31% 32%,transparent 33% 63%,rgba(255,212,0,.16) 64% 65%,transparent 66%),radial-gradient(circle at 50% 50%,#142017,#0B120D);border:1px solid rgba(255,212,0,.35);overflow:hidden;box-shadow:0 0 24px rgba(255,212,0,.14)}.tour-radar i{inset:0;background:conic-gradient(from 0deg,rgba(255,212,0,.55),transparent 70deg);animation:tourSweep 2.8s linear infinite}.tour-radar b,.tour-radar i{position:absolute;border-radius:50%}.tour-radar b{width:6px;height:6px;left:64%;top:30%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:tourBlip 2.8s ease-out infinite}.tour-radar.sm{width:40px;height:40px}@keyframes tourSweep{to{transform:rotate(1turn)}}@keyframes tourBlip{0%,8%{opacity:0}12%{opacity:1}60%,to{opacity:0}}.tour-hub{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border-radius:20px;border:1px solid rgba(255,212,0,.22);color:var(--ink);background:radial-gradient(120% 70% at 100% 0,rgba(255,212,0,.08),transparent 60%),linear-gradient(180deg,#141E17,#0C130E);box-shadow:0 40px 90px -20px rgba(0,0,0,.8);overflow:auto}.tour-hub[open]{animation:tourInCenter .38s cubic-bezier(.2,.95,.3,1.1)}.tour-hub::backdrop{background:rgba(3,5,4,.72);backdrop-filter:blur(3px)}.tour-hub-in{position:relative;padding:22px 20px 18px}.tour-x{position:absolute;top:12px;right:12px;width:34px;height:34px;min-height:0;display:grid;place-items:center;padding:0;border-radius:9px;cursor:pointer;background:transparent;color:var(--muted);border:1px solid var(--border)}.tour-x:hover{color:var(--ink);background:var(--card-hover)}.tour-hub-head{display:flex;gap:14px;align-items:center;padding-right:36px}.tour-hub-head h2{margin:0 0 4px;font-size:24px;line-height:1.1;color:var(--ink)}.tour-hub-head p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.45}.tour-chapters{list-style:none;margin:18px 0 16px;padding:0;display:grid;gap:10px}.tour-chapter{width:100%;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;padding:12px 14px;border-radius:14px;color:var(--ink);min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid var(--border-strong);transform:perspective(800px) translateZ(0);transition:transform .2s cubic-bezier(.2,.9,.3,1),border-color .2s,background .2s,box-shadow .2s}.tour-chapter:hover{background:linear-gradient(180deg,rgba(255,212,0,.06),rgba(255,255,255,.015));transform:perspective(800px) translateY(-2px) rotateX(3deg);border-color:rgba(255,212,0,.45);box-shadow:0 14px 30px -14px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,212,0,.12)}.tour-chapter-n{font:800 13px/1 var(--font-num,var(--font-ui)),sans-serif;color:var(--accent);letter-spacing:1px;width:22px;flex:none}.tour-chapter-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.tour-chapter-ic svg{width:19px;height:19px}.tour-chapter-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tour-chapter-t b{font-size:15px}.tour-chapter-t span{font-size:12.5px;color:var(--muted);line-height:1.35}.tour-chapter-meta{font-size:11.5px;color:var(--muted);white-space:nowrap;flex:none}.tour-tick{color:var(--ok);font-weight:700}.tour-hub-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tour-demo-link{font-size:13px;font-weight:600;color:var(--link)}.tour-offer{position:fixed;z-index:1150;right:20px;bottom:20px;width:min(380px,calc(100vw - 32px));display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;color:var(--ink);background:radial-gradient(140% 100% at 0 0,rgba(255,212,0,.1),transparent 55%),linear-gradient(180deg,#17221A,#0E150F);border:1px solid rgba(255,212,0,.3);box-shadow:0 30px 70px -14px rgba(0,0,0,.75);animation:tourUp .5s cubic-bezier(.2,.95,.3,1.1)}.tour-offer .tour-x{position:static;width:30px;height:30px;flex:none}.tour-offer-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.tour-offer-t b{font-size:15px;line-height:1.25}.tour-offer-t>span{font-size:13px;color:var(--ink2);line-height:1.4}.tour-offer-btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.tour-toast{position:fixed;z-index:1150;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:12px;background:#17221A;border:1px solid rgba(57,217,138,.45);color:var(--ink2);font-size:13.5px;box-shadow:0 20px 50px -12px rgba(0,0,0,.7);animation:tourUp .4s cubic-bezier(.2,.95,.3,1.1)}.tour-toast b{color:var(--ok)}button.navlink.howto{width:100%;margin:0 0 8px;border:1px solid var(--border);background:transparent;font-family:inherit;text-align:left;cursor:pointer;letter-spacing:0;color:var(--ink2);position:relative;overflow:hidden}button.navlink.howto svg{color:var(--accent)}button.navlink.howto:hover{background:var(--card);color:var(--ink);border-color:rgba(255,212,0,.35)}button.navlink.howto:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,212,0,.09) 50%,transparent 70%);transform:translateX(-100%);animation:tourSheen 6s ease-in-out 1.5s infinite}@keyframes tourSheen{0%,70%{transform:translateX(-100%)}85%,to{transform:translateX(100%)}}.howto-mobile{display:none}@media (max-width:860px){.howto-mobile{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0 0;padding:12px 14px;border-radius:14px;cursor:pointer;text-align:left;min-height:0;color:var(--ink);background:linear-gradient(180deg,#17221A,#0E150F);border:1px solid rgba(255,212,0,.28);font-family:inherit}.howto-mobile:hover{background:linear-gradient(180deg,#1B281E,#101812)}.howto-mobile .t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.howto-mobile .t b{font-size:14.5px}.howto-mobile .t span{font-size:12.5px;color:var(--muted)}.tour-offer{right:16px;left:16px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.tour-card,.tour-spot{transition:none}.tour-card,.tour-card.center,.tour-card.sheet,.tour-dim,.tour-hub[open],.tour-offer,.tour-radar b,.tour-radar i,.tour-spot:after,.tour-toast,button.navlink.howto:after{animation:none}.tour-chapter,.tour-chapter:hover,.tour-next,.tour-next:hover{transition:none;transform:none}}