.tour{position:relative;padding:clamp(24px,4vh,48px) 0 0}.tour-head{max-width:640px;margin:0 auto 28px;text-align:center}.tour-h2{margin-top:14px;font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.04em;color:rgb(var(--ink));text-wrap:balance}.tour-sub{margin:14px auto 0;max-width:480px;font-size:17px;line-height:1.5;color:rgb(var(--ink-2))}.tour-stage{--s:0.66;position:relative;display:grid;grid-template-columns:calc(410px * var(--s)) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center;padding:clamp(24px,3vw,40px) clamp(24px,4vw,56px);border-radius:28px;background:rgb(var(--surface));box-shadow:inset 0 0 0 1px var(--line),0 24px 60px rgba(26,14,35,.08);outline:none;overflow:hidden}.tour-stage:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--v-600)),0 24px 60px rgba(26,14,35,.08)}.tour-phone-wrap{position:relative;padding-top:26px}.tour-owner{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;transition:opacity .35s var(--ease-in)}.tour-owner-on{opacity:1}.tour-phone{width:calc(410px * var(--s));height:calc(864px * var(--s))}.tour-phone .device{transform:scale(var(--s));transform-origin:top left}.tour-panel{min-width:0;display:flex;flex-direction:column;gap:18px}.tour-chapters{display:flex;flex-wrap:wrap;gap:6px}.tour-chapter{padding:6px 12px;border-radius:999px;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--ink-2));background:rgb(var(--surface-2));transition:background .2s ease,color .2s ease}.tour-chapter:hover{color:rgb(var(--ink))}.tour-chapter-on{color:#fff;background:rgb(var(--v-700))}.tour-progress{display:flex;gap:4px}.tour-seg{position:relative;flex:1;height:14px;padding:5px 0;background:transparent;cursor:pointer}.tour-seg:before{content:"";position:absolute;left:0;right:0;top:5px;height:4px;border-radius:999px;background:rgb(var(--v-100));transition:background .2s ease}.tour-seg:hover:before{background:rgb(var(--v-300))}.tour-seg-done:before,.tour-seg-on:before{background:rgb(var(--v-600))}.tour-seg-on:before{background:rgb(var(--v-300))}.tour-seg-fill{position:absolute;left:0;top:5px;height:4px;width:0;border-radius:999px;background:rgb(var(--v-600));animation:tourFill linear forwards}@keyframes tourFill{0%{width:0}to{width:100%}}.tour-captions{position:relative;min-height:190px}.tour-caption{animation:tourIn .35s var(--ease-out,ease-out) both}.tour-caption .eyebrow{gap:8px}.tour-n{font-weight:600;color:rgb(var(--v-700))}.tour-caption .story-title{margin-top:12px;font-size:clamp(26px,2.3vw,32px)}.tour-caption .story-body{max-width:520px}@keyframes tourIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tour-controls{display:flex;align-items:center;gap:12px}.tour-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:rgb(var(--ink));background:rgb(var(--surface-2));transition:background .2s ease,color .2s ease,transform .2s var(--ease-pop,ease)}.tour-arrow:hover:not(:disabled){transform:scale(1.06)}.tour-arrow:disabled{opacity:.35;cursor:default}.tour-arrow-next,.tour-arrow-replay{color:#fff;background:rgb(var(--v-700))}.tour-count{min-width:52px;text-align:center;font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;font-weight:500}.tour-count,.tour-hint{color:rgb(var(--ink-3))}.tour-hint{margin-left:auto;font-size:13px}.tour-after{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin-top:22px;font-size:14px;color:rgb(var(--ink-3))}.tour-after a{color:rgb(var(--v-700));font-weight:600;text-decoration:underline;text-decoration-color:rgb(var(--v-300));text-underline-offset:3px}.tour .story-close{margin:0 auto;padding-top:clamp(48px,8vh,96px);text-align:center}@media (max-width:1023.98px){.tour-stage{--s:0.5;grid-template-columns:1fr;justify-items:center;gap:20px;padding:20px 20px 24px;border-radius:22px}.tour-panel{width:100%;gap:14px}.tour-chapters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px;-webkit-overflow-scrolling:touch}.tour-chapters::-webkit-scrollbar{display:none}.tour-chapter{flex-shrink:0}.tour-captions{min-height:150px;text-align:center}.tour-caption .eyebrow{justify-content:center}.tour-caption .story-title{font-size:22px}.tour-caption .story-body{margin:10px auto 0;font-size:15px}.tour-controls{position:absolute;left:12px;right:12px;top:calc(20px + 26px + 864px * var(--s) / 2 - 24px);justify-content:space-between;pointer-events:none}.tour-controls .tour-arrow{pointer-events:auto;box-shadow:0 6px 18px rgba(26,14,35,.12)}.tour-count,.tour-hint{display:none}.tour-head{margin-bottom:18px}.tour-h2{font-size:30px}.tour-sub{margin-top:10px;font-size:15px}}@media (max-width:480px){.tour-stage{--s:0.42;padding:14px 14px 18px}.tour-controls{top:calc(14px + 26px + 864px * var(--s) / 2 - 24px)}.tour{padding-top:16px}.tour-chapters{margin:0 -14px;padding:0 14px}.tour-captions{min-height:140px}.tour-caption .story-title{font-size:21px}.tour-caption .story-body{font-size:14.5px}.tour-after{font-size:13px;gap:6px 14px}.tour-chapter{padding:5px 9px;font-size:10px}.tour-arrow{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.tour-caption,.tour-seg-fill{animation:none}}