.tour-page{background:#fff}
.tnav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.tnav-in{display:flex;align-items:center;gap:14px;height:64px}
.tnav .brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.tnav .brand img{height:24px;width:auto}
.tour{padding:34px 0 60px}
.tprog{list-style:none;display:flex;gap:8px;margin:0 0 30px}
.tprog li{flex:1;height:6px;border-radius:9px;background:#e6e9ef;position:relative;overflow:hidden}
.tprog li span{position:absolute;left:-9999px}
.tprog li.done,.tprog li.on{background:var(--blue-1)}
.tprog li.on{background:linear-gradient(90deg,var(--blue-1) 50%,#e6e9ef 50%);background-size:200% 100%;animation:tfill 1.2s var(--ease) forwards}
@keyframes tfill{from{background-position:100% 0}to{background-position:0 0}}
.tgrid{display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:center;max-width:960px;margin:0 auto}
.tstep{color:var(--blue);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}
.tcopy h1{font-size:clamp(34px,4.6vw,54px);font-weight:900;letter-spacing:-.04em;margin:10px 0 12px;line-height:1.02}
.tcopy .muted{font-size:18px;max-width:440px}
.thint{display:flex;align-items:center;gap:10px;margin:22px 0 22px;font-weight:600;font-size:15px}
.tdot{width:12px;height:12px;border-radius:50%;background:var(--blue-1);box-shadow:0 0 0 0 rgba(43,127,255,.6);animation:tping 1.4s infinite}
@keyframes tping{70%{box-shadow:0 0 0 12px rgba(43,127,255,0)}100%{box-shadow:0 0 0 0 rgba(43,127,255,0)}}
.tbtns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.tstage{display:flex;justify-content:center}
.phone{width:320px;height:620px;background:#0b0d10;border-radius:48px;padding:12px;box-shadow:0 50px 90px -30px rgba(10,14,23,.55),0 0 0 2px #2a2d33;position:relative}
.phone>section,.pbar{background:#fff}
.pbar{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 6px;border-radius:38px 38px 0 0;font-size:13px;font-weight:600}
.sig{display:flex;gap:2px;align-items:flex-end;height:12px}
.sig i{width:3px;background:#0b0d10;border-radius:1px}
.sig i:nth-child(1){height:4px}.sig i:nth-child(2){height:6px}.sig i:nth-child(3){height:9px}.sig i:nth-child(4){height:12px}
.sig.off i{background:#c9ced6}
.scr{height:calc(100% - 38px);border-radius:0 0 38px 38px;padding:12px 20px 22px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.scr[hidden]{display:none}
.ptop{display:flex;justify-content:space-between;align-items:center;font-size:19px;padding-bottom:6px}
.chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:650;background:#f1f3f5;color:#4a4f57;white-space:nowrap}
.chip.blue{background:#e8f1ff;color:#1b5fd0}.chip.dark{background:#0b0d10;color:#fff}.chip.ok{background:#2b7fff;color:#fff}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sm{font-size:13px}
.jcard{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:4px;font-size:16px}
.jcard dl{display:grid;gap:6px;margin-top:8px}
.jcard dl div{display:flex;justify-content:space-between;font-size:14px}
.jcard dt{color:var(--muted)}.jcard dd{font-weight:650}
.pstat{min-height:22px;font-size:14px;font-weight:650;color:#1b5fd0}
.pbtn{margin-top:auto;height:60px;border-radius:14px;border:0;font:inherit;font-size:19px;font-weight:700;cursor:pointer;position:relative;transition:transform .15s}
.pbtn:active{transform:scale(.98)}
.pbtn.blue{background:var(--blue-1);color:#fff}
.pbtn.ghost{background:#fff;border:1.5px solid #d4d8de;color:var(--ink)}
.pbtn.hot:after{content:"";position:absolute;inset:-6px;border-radius:18px;border:2px solid var(--blue-1);animation:tring 1.4s infinite;pointer-events:none}
@keyframes tring{0%{opacity:.9;transform:scale(.97)}100%{opacity:0;transform:scale(1.06)}}
.pbtn:focus-visible{outline:3px solid #0b0d10;outline-offset:3px}
.pbtn[disabled]{opacity:.55;cursor:default}.pbtn[disabled]:after{display:none}
.nosig{background:#0b0d10;color:#fff;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:650}
.steps3{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.steps3 span{border:1.5px solid #d4d8de;border-radius:12px;padding:12px 14px;font-weight:650;color:#8a9099}
.steps3 span.on{border-color:var(--blue-1);color:#1b5fd0;background:#f2f7ff}
.queue{background:#f1f6ff;border:1.5px solid #cfe0ff;border-radius:14px;padding:12px 14px;display:grid;gap:2px;font-size:14px}
.queue.sent{background:#0b0d10;border-color:#0b0d10;color:#fff}.queue.sent .muted{color:#c9ced6}
.tl{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px solid #eef0f3;font-size:15px;opacity:0;transform:translateY(6px);transition:all .35s var(--ease)}
.tl.on{opacity:1;transform:none}
.photo{height:84px;border-radius:12px;background:linear-gradient(135deg,#cfd6df,#8f9cab);position:relative;opacity:0;transition:opacity .4s}
.photo.on{opacity:1}
.photo span{position:absolute;left:10px;bottom:8px;font-size:11px;color:#fff;font-weight:600}
.sigpad{position:relative;height:150px;border:1.5px dashed #c9ced6;border-radius:14px;margin-top:4px}
.sigpad svg{position:absolute;left:16px;right:16px;top:22px;width:calc(100% - 32px);height:80px}
.sigpad path{stroke-dasharray:520;stroke-dashoffset:520}
.sigpad.on path{transition:stroke-dashoffset 1.3s ease-in-out;stroke-dashoffset:0}
.sigline{position:absolute;left:16px;right:16px;bottom:30px;border-top:1.5px solid #0b0d10}
.sighint{position:absolute;left:16px;bottom:8px;font-size:12px;color:var(--muted)}
.inv{border-radius:16px;padding:16px;background:#fff;box-shadow:0 24px 50px -20px rgba(10,14,23,.45);border:1px solid var(--line);animation:tpop .45s var(--ease)}
.inv .big{font-size:40px;font-weight:900;letter-spacing:-.04em;margin:6px 0 8px}
.inv .chips{display:flex;gap:6px;flex-wrap:wrap}
@keyframes tpop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.scr.end{align-items:center;justify-content:center;text-align:center}
.endcheck{width:76px;height:76px;border-radius:50%;background:var(--blue-1);color:#fff;font-size:38px;font-weight:800;display:grid;place-items:center;animation:tpop .45s var(--ease)}
.endt{font-size:24px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-top:10px}
.tend{text-align:center;margin:44px auto 0;max-width:560px}
.tend h2{font-size:clamp(28px,3.4vw,40px);font-weight:900;letter-spacing:-.035em}
.tend .muted{margin:8px 0 18px;font-size:17px}
.tend .tbtns{justify-content:center}
@media (max-width:820px){
  .tgrid{grid-template-columns:1fr;gap:20px}
  .tour{padding:18px 0 44px}
  .tprog{margin-bottom:18px}
  .tcopy{text-align:left}
  .tcopy h1{font-size:34px;margin:6px 0 6px}
  .tcopy .muted{font-size:16px}
  .thint{margin:12px 0}
  .tcopy .tbtns{display:none}
  .tcopy .fine{display:none}
  .phone{width:min(300px,100%);height:560px;border-radius:44px}
  .tnav-cta{display:none}
}
@media (max-width:820px){ .tmob{display:flex!important} }
.tmob{display:none;gap:10px;justify-content:center;margin-top:16px}
.tmob .btn{flex:1;max-width:160px}
@media (prefers-reduced-motion:reduce){.tdot,.pbtn.hot:after,.tprog li.on{animation:none}.sigpad.on path{transition:none}}
.ttag{display:inline-flex;margin-left:10px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:650;background:#0b0d10;color:#fff;vertical-align:middle}
.bub{border-radius:16px;padding:9px 12px;font-size:13.5px;line-height:1.35;max-width:90%;flex-shrink:0}
.bub.me{align-self:flex-end;background:#2b7fff;color:#fff;border-bottom-right-radius:5px;min-height:20px;opacity:0}
.bub.me.on{opacity:1}
.bub.bot{align-self:flex-start;background:#f1f3f5;color:#0b0d10;border-bottom-left-radius:5px;animation:tpop .35s var(--ease)}
.caret{display:inline-block;width:2px;height:1em;background:#fff;margin-left:2px;vertical-align:-2px;animation:tblink .8s steps(1) infinite}
@keyframes tblink{50%{opacity:0}}
.hform{flex-shrink:0;border:1.5px solid #cfe0ff;background:#f7faff;border-radius:14px;padding:6px 12px}
.hf{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13.5px;border-bottom:1px solid #e3ecfb;opacity:0;transform:translateY(4px);transition:all .3s var(--ease)}
.hf:last-child{border-bottom:0}
.hf span{color:var(--muted)}.hf.on{opacity:1;transform:none}
.dlead{margin:-4px 0 0}
.dc{flex-shrink:0;border:1.5px solid #e1e4e9;border-radius:14px;padding:10px 12px;display:grid;gap:3px;font-size:15px}
.dc .sm{color:var(--muted)}
.dc.pick{border-color:var(--blue-1);background:#f2f7ff}
.dc.pick .sm{color:#1b5fd0}
.dc.pick.sent{box-shadow:0 0 0 3px rgba(43,127,255,.18)}
.dc.skip{opacity:.62}
.map{border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.map svg{display:block;width:100%;height:auto}
.mcard{gap:2px;padding:12px 14px}
@media (max-width:820px){.ttag{margin:6px 0 0;display:table}}
@media (prefers-reduced-motion:reduce){.caret{animation:none}}
.tour [hidden]{display:none!important}
.tsound{margin-left:auto;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#0b0d12;cursor:pointer;flex-shrink:0}
.tsound[aria-pressed="false"]{color:#8a93a1}
.tsound:focus-visible{outline:2px solid #2b7fff;outline-offset:2px}
.tnav-in .tsound+.lang-switch{margin-left:0}