.twt{--twt-paper: #0d1622;--twt-surface: #142133;--twt-ink: #e5ecf5;--twt-muted: #98a9bd;--twt-line: #26384d;--twt-brand: #5ea8ef;--twt-brand-ink: #071321;--twt-frame: #1b2b40;--twt-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 36px -12px rgba(0, 0, 0, .6);--twt-c-today: #5ea8ef;--twt-c-leave: #82bb57;--twt-c-time: #8fb0c6;--twt-c-queries: #f0923f;--twt-c-safety: #f1559b;--twt-ch: var(--twt-c-today);--twt-r: 10px;background:var(--twt-paper);color:var(--twt-ink);padding:28px 16px 44px;scroll-margin-top:72px}.twt *,.twt *:before,.twt *:after{box-sizing:border-box}.twt :focus-visible{outline:3px solid var(--twt-brand);outline-offset:2px;border-radius:6px}.twt-tour{width:100%;max-width:1240px;margin:0 auto;display:grid;gap:16px}.twt-player{width:100%;max-width:max(640px,calc((100svh - 260px)*1.6));margin:0 auto;display:grid;gap:14px}.twt-player.is-side{max-width:min(1240px,max(980px,calc((100svh - 260px)*1.6 + 344px)))}.twt-player.is-side .twt-frame{margin-right:344px}.twt-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}.twt-title{margin:0;font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.1;letter-spacing:-.01em;color:var(--twt-ink)}.twt-lead{margin:6px 0 0;color:var(--twt-muted);max-width:64ch;font-size:15.5px;line-height:1.5}.twt-sample{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--twt-muted);border:1px dashed var(--twt-line);border-radius:999px;padding:4px 10px;white-space:nowrap}.twt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:8px;font:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;border:1px solid transparent}.twt-btn-small{min-height:36px;padding:0 14px;font-size:14px}.twt-btn-primary{background:var(--twt-brand);color:var(--twt-brand-ink)}.twt-btn-primary:hover{filter:brightness(1.08)}.twt-btn-ghost{background:transparent;border-color:var(--twt-line);color:var(--twt-ink)}.twt-btn-ghost:hover{border-color:var(--twt-muted)}.twt-btn[disabled]{opacity:.4;cursor:default}.twt-picker{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.twt-card{display:flex;flex-direction:column;height:100%;background:var(--twt-surface);color:var(--twt-ink);border:1px solid var(--twt-line);border-top:3px solid var(--c);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.twt-card:hover{transform:translateY(-2px);border-color:var(--c)}.twt-card-shot{display:block;aspect-ratio:16 / 9;overflow:hidden;background:#fff}.twt-card-shot img{display:block;width:100%;height:auto}.twt-card-shot-phone{background:radial-gradient(120% 90% at 50% 40%,#2a4262,#101b2a)}.twt-card-shot-phone picture{display:block;width:50%;margin:7% auto 0;padding:7px 7px 0;background:#05090f;border-radius:26px 26px 0 0;box-shadow:0 18px 40px -8px #000000b3,0 0 0 1px #ffffff14}.twt-card-shot-phone img{width:100%;border-radius:19px 19px 0 0}.twt-card-body{display:grid;gap:6px;padding:14px 16px 16px;flex:1;align-content:start}.twt-card-label{font-size:17px;font-weight:700;line-height:1.25}.twt-card-problem{font-size:14px;line-height:1.45;color:var(--twt-muted)}.twt-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--c)}.twt-card-seen{color:var(--twt-muted)}.twt-card-seen[hidden]{display:none}.twt-player-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.twt-player-title{margin:0;font-size:20px;font-weight:700;color:var(--twt-ink)}.twt-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;list-style:none;margin:0;padding:0}.twt-rail button{display:block;width:100%;height:18px;padding:7px 0;border:0;background:none;cursor:pointer}.twt-rail span{display:block;height:4px;border-radius:4px;background:var(--twt-line)}.twt-rail .is-done span{background:var(--twt-ch);opacity:.55}.twt-rail [aria-current=step] span{background:var(--twt-ch)}.twt-frame{position:relative;background:var(--twt-surface);border:1px solid var(--twt-line);border-radius:12px;box-shadow:var(--twt-shadow)}.twt-frame-bar{display:flex;align-items:center;gap:12px;height:36px;padding:0 14px;background:var(--twt-frame);border-bottom:1px solid var(--twt-line);border-radius:12px 12px 0 0}.twt-dots{display:flex;gap:6px}.twt-dots i{width:10px;height:10px;border-radius:50%;background:var(--twt-line)}.twt-frame-title{font-size:12.5px;font-weight:600;color:var(--twt-muted);display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twt-frame-title b{width:8px;height:8px;border-radius:2px;background:var(--twt-ch);flex:none}.twt-stage{position:relative;border-radius:0 0 12px 12px;overflow:hidden}.twt-player-head,.twt-rail,.twt-controls,.twt-frame-bar,.twt-hotspot{display:none}.twt-scenario{padding:20px 16px 8px;border-top:1px solid var(--twt-line)}.twt-scenario:first-child{border-top:0}.twt-scenario-head h2{margin:0;font-size:24px;color:var(--twt-ink)}.twt-scenario-head p{margin:4px 0 0;color:var(--twt-muted)}.twt-step{margin:0;padding:16px 0}.twt-shot img{display:block;width:100%;height:auto;border-radius:6px}.twt-phone{width:min(300px,70%);margin:0 auto;padding:10px;border-radius:42px;background:#05090f;box-shadow:0 30px 60px -20px #000000b3}.twt-phone img{display:block;width:100%;height:auto;border-radius:32px}.twt-caption{margin-top:12px;display:grid;gap:4px}.twt-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--twt-ch)}.twt-caption h3,.twt-pop h3{margin:0;font-weight:700;font-size:20px;line-height:1.2;color:var(--twt-ink)}.twt-caption p,.twt-pop p{margin:0;color:var(--twt-muted);font-size:14.5px;line-height:1.5}.twt-js[data-mode=pick] .twt-player,.twt-js[data-mode=play] .twt-picker,.twt-js[data-mode=play] .twt-intro{display:none}.twt-js .twt-player-head{display:flex}.twt-js .twt-rail{display:grid}.twt-js .twt-frame-bar{display:flex}.twt-js .twt-stage{aspect-ratio:1600 / 1000;background:#fff}.twt-js .twt-layer{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform .6s cubic-bezier(.3,.7,.2,1)}.twt-js .twt-scenario{display:contents}.twt-js .twt-scenario-head{display:none}.twt-js .twt-step{position:absolute;inset:0;padding:0;display:none}.twt-js .twt-step.is-active{display:block;animation:twt-fade .25s ease both}.twt-js .twt-caption{display:none}.twt-js .twt-shot,.twt-js .twt-shot picture{display:block;width:100%;height:100%}.twt-js .twt-shot img{width:100%;height:100%;border-radius:0}.twt-js .twt-step-phone{background:radial-gradient(120% 90% at 50% 40%,#22354d,#101b2a)}.twt-js .twt-phone{position:absolute;margin:0;width:auto;transition:transform .6s cubic-bezier(.3,.7,.2,1)}.twt-js .twt-phone img{width:100%;height:100%;object-fit:cover}.twt-js .twt-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}@keyframes twt-fade{0%{opacity:0}to{opacity:1}}.twt-spot{display:none}.twt-js .twt-spot{display:block;position:absolute;left:var(--twt-x, 50%);top:var(--twt-y, 50%);z-index:2;pointer-events:none;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:2px solid var(--twt-ch);box-shadow:0 0 0 1px #ffffff80,inset 0 0 0 1px #ffffff80;opacity:.55;animation:twt-breathe 2.6s ease-in-out infinite}.twt-js .twt-spot.is-small{width:88px;height:88px;margin:-44px 0 0 -44px;border-width:1.5px}.twt-spot[hidden]{display:none!important}@keyframes twt-breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.07);opacity:.35}}.twt-js .twt-hotspot{display:block;position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:0;padding:0;cursor:pointer;background:transparent;z-index:3}.twt-js .twt-hotspot.is-small{width:88px;height:88px;margin:-44px 0 0 -44px}.twt-hotspot[hidden]{display:none!important}.twt-pop{position:absolute;z-index:4;width:320px;background:var(--twt-surface);color:var(--twt-ink);border:1px solid var(--twt-line);border-top:3px solid var(--twt-ch);border-radius:var(--twt-r);box-shadow:var(--twt-shadow);padding:16px 18px;display:grid;gap:8px;transition:left .5s ease,top .5s ease,opacity .2s}.twt-pop[hidden]{display:none}.twt-pop-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.twt-count{font-size:12.5px;color:var(--twt-muted);font-variant-numeric:tabular-nums}.twt-pop-next{background:var(--twt-ch);color:var(--twt-brand-ink);border:0;border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}.twt-pop.is-docked{position:static;width:auto;box-shadow:none;border:0;border-top:3px solid var(--twt-ch);border-radius:0 0 12px 12px}.twt-player.is-side .twt-pop{left:calc(100% + 24px);width:320px}.twt-player.is-side .twt-pop:before{content:"";position:absolute;left:-9px;top:var(--twt-arrow, 50%);width:16px;height:16px;margin-top:-8px;background:var(--twt-surface);border-left:1px solid var(--twt-line);border-bottom:1px solid var(--twt-line);transform:rotate(45deg)}.twt-hint{font-size:13px;color:var(--twt-muted)}.twt-hint kbd{font:600 11px/1 inherit;border:1px solid var(--twt-line);border-bottom-width:2px;border-radius:4px;padding:2px 5px;background:var(--twt-surface);color:var(--twt-ink)}.twt-note{font-size:12.5px;color:var(--twt-muted);text-align:center;margin:4px 0 0}.twt-finish{display:grid;align-content:center;gap:14px;padding:28px;background:var(--twt-surface);color:var(--twt-ink)}.twt-finish h3{margin:0;font-weight:700;font-size:clamp(24px,3.4vw,38px);line-height:1.12;color:var(--twt-ink);max-width:24ch}.twt-finish p{margin:0;color:var(--twt-muted);max-width:60ch;font-size:16px;line-height:1.55}.twt-ctas{display:flex;gap:10px;flex-wrap:wrap}.twt-js .twt-step-finish .twt-finish{position:absolute;inset:0;padding:6% 8%}@media(max-width:760px){.twt{padding:20px 16px 32px}.twt-js .twt-stage{aspect-ratio:1 / 1.08;border-radius:0}.twt-js .twt-step-finish .twt-finish{padding:24px 20px}.twt-finish p{font-size:14.5px}.twt-hint{display:none}.twt-picker{grid-template-columns:1fr}}@media(max-width:420px){.twt-sample{display:none}}@media(prefers-reduced-motion:reduce){.twt-layer,.twt-phone,.twt-pop,.twt-card{transition:none!important}.twt-js .twt-step.is-active,.twt-js .twt-spot{animation:none}}