.tour-cta{margin-top:14px}.tour-cta svg{fill:currentColor;width:16px;height:16px}.tour-box{gap:clamp(16px,2.4vw,26px);min-width:0;padding:clamp(14px,2.6vw,32px);display:grid}.tour-tabs{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;display:grid}.tour-tabs[hidden],.tour-nav[hidden],.tour-btn[hidden]{display:none}.tour-tab{min-width:0;min-height:44px;color:var(--muted);font:600 .875rem/1.2 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 10px 10px;transition:background-color .25s,color .25s;display:flex;position:relative}.tour-tab:hover,.tour-tab[aria-selected=true]{color:var(--text)}.tour-tab[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.tour-tab-n{font:600 .75rem/1 var(--font-mono);color:var(--accent)}.tour-tab-l{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tour-tab-bar{border-radius:1px;height:2px;position:absolute;inset:auto 12px 5px;overflow:hidden}.tour-tab-bar:after{content:"";background:linear-gradient(90deg, var(--brand-500), var(--accent-500));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.tour-tab[aria-selected=true] .tour-tab-bar:after{transform:none}.fx .tour-auto .tour-tab[aria-selected=true] .tour-tab-bar:after{animation:9s linear both tour-progress}.fx .tour-auto.tour-held .tour-tab[aria-selected=true] .tour-tab-bar:after{animation-play-state:paused}@keyframes tour-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tour-stage{touch-action:pan-y;min-width:0;display:grid}.tour-step{border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,56px);min-width:0;display:grid}.tour-step+.tour-step{margin-top:56px}.tour-ready .tour-step{grid-area:1/1;margin:0}.tour-ready .tour-step[hidden]{visibility:hidden;display:grid}.tour-step:focus-visible{outline-offset:6px}.tour-k{font:600 .75rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.tour-h{letter-spacing:-.025em;text-wrap:balance;margin:12px 0 0;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;line-height:1.12}.tour-d{max-width:46ch;color:var(--muted);text-wrap:pretty;margin-top:12px}.tour-art{place-items:center;min-width:0;display:grid}.fx .tour-ready .tour-step:not([hidden])>.tour-copy{animation:tour-in .55s var(--ease-out) both}.fx .tour-ready .tour-step:not([hidden])>.tour-art{animation:tour-in .7s var(--ease-out) 60ms both}.fx .tour-ready[data-dir=prev] .tour-step:not([hidden])>*{animation-name:tour-in-prev}@keyframes tour-in{0%{opacity:0;transform:translate(32px)}}@keyframes tour-in-prev{0%{opacity:0;transform:translate(-32px)}}.tour-nav{justify-content:center;align-items:center;gap:10px;display:flex}.tour-btn{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--text);cursor:pointer;transition:border-color .25s, transform .25s var(--ease-out);background:0 0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.tour-btn:hover{border-color:var(--text);transform:translateY(-1px)}.tour-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tour-btn .tour-ic-play{fill:currentColor}.tour-btn[data-state=paused] .tour-ic-pause,.tour-btn:not([data-state=paused]) .tour-ic-play{display:none}.tour-count{text-align:center;min-width:5.5em;font:500 .8125rem/1 var(--font-mono);color:var(--muted)}@media (max-width:859.98px){.tour-step{grid-template-columns:minmax(0,1fr);align-content:start}}@media (max-width:719.98px){.tour-tab-l{clip-path:inset(50%);width:1px;height:1px;position:absolute}.tour-tab-n{font-size:.8125rem}}.tw{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;max-width:460px;box-shadow:0 30px 60px -36px var(--shadow-deep);border-radius:18px;gap:12px;padding:0 16px 16px;font-size:.8125rem;display:grid;position:relative;overflow:hidden}.tw-bar{border-bottom:1px solid var(--line);gap:6px;margin:0 -16px;padding:11px 14px;display:flex}.tw-bar i{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.tw .ic{width:16px;height:16px}.tw-line{background:var(--line-strong);border-radius:4px;height:8px;display:block}.tw-line.short{width:60%}.tp-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:.6875rem;font-weight:650}.tw-field,.tc-dest,.tm-domain{border:1px solid var(--field-line);background:var(--field-bg);min-width:0;font:500 .75rem/1.3 var(--font-mono);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.tw-typed,.tc-dest span,.tm-domain span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tw-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tw-types li{border:1px solid var(--line);background:var(--surface);color:var(--muted);text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border-radius:12px;align-content:start;justify-items:center;gap:6px;padding:12px 6px;font-size:.75rem;line-height:1.2;display:grid}.tw-types li.on{border-color:var(--accent);background:var(--chip-dyn);color:var(--text)}.tw-types .ic{width:20px;height:20px;color:var(--accent)}.tw-row{align-items:center;gap:12px;display:flex}.tw-row .tw-line{flex:1}.tw-pill{background:linear-gradient(135deg, var(--brand-600), var(--accent-600));width:64px;height:30px;color:var(--brand-50);border-radius:999px;place-items:center;display:inline-grid}.fx .tour-step:not([hidden]) .tw-typed{animation:1.1s steps(16,end) .3s both tour-type}@keyframes tour-type{0%{clip-path:inset(0 100% 0 0)}}.td-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:16px;display:grid}.td-frame{background:linear-gradient(135deg, var(--brand-600), var(--accent-600));border-radius:16px;justify-items:center;gap:8px;margin:0;padding:12px 12px 10px;display:grid}.td-qr{aspect-ratio:1;background:var(--brand-50);border-radius:10px;width:100%;max-width:170px;padding:8%;position:relative}.td-qr svg[data-qr]{width:100%;height:100%}.td-qr svg[data-qr] path{fill:url(#tour-grad)}.td-defs{position:absolute;overflow:hidden}.td-g1{stop-color:var(--brand-800)}.td-g2{stop-color:var(--accent-600)}.td-logo{aspect-ratio:1;background:var(--brand-50);border-radius:9px;width:26%;padding:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.td-logo .mark{width:100%;height:100%}.td-frame figcaption{color:var(--brand-50);text-align:center;overflow-wrap:anywhere;font-size:.875rem;font-weight:700}.td-tools{gap:12px;min-width:0;display:grid}.td-sw,.td-shapes{flex-wrap:wrap;gap:6px;display:flex}.td-sw i{background:linear-gradient(135deg, var(--brand-700), var(--accent-500));border-radius:50%;width:22px;height:22px}.td-sw i:nth-child(2){background:var(--brand-900)}.td-sw i:nth-child(3){background:var(--ok)}.td-sw i:nth-child(4){background:var(--warn)}.td-sw i.on{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px var(--accent)}.td-shapes svg{border:1px solid var(--line);width:32px;height:32px;fill:var(--muted);border-radius:8px;padding:6px}.td-shapes svg.on{border-color:var(--accent);background:var(--chip-dyn);fill:var(--accent)}.td-shapes .td-ring{fill:none;stroke:var(--muted);stroke-width:2px}.td-shapes .on .td-ring{stroke:var(--accent)}.fx .tour-step:not([hidden]) .td-frame{animation:tour-pop .7s var(--ease-out) .12s both}@keyframes tour-pop{0%{opacity:0;transform:scale(.92)rotate(-2deg)}}.tp{justify-content:center;align-items:center;gap:clamp(16px,4vw,32px);width:100%;max-width:460px;display:flex}.tp-phone{aspect-ratio:9/18;border:1px solid var(--line-strong);background:var(--surface);width:min(190px,52%);box-shadow:0 30px 60px -30px var(--shadow-deep);border-radius:30px;flex:none;padding:8px}.tp-screen{background:linear-gradient(160deg, var(--brand-600), var(--accent-700));border-radius:23px;flex-direction:column;align-items:center;gap:8px;height:100%;padding:22% 12% 10%;display:flex}.tp-avatar{aspect-ratio:1;background:var(--brand-50);border-radius:50%;width:34%;margin-bottom:4px}.tp-screen .tw-line{background:var(--brand-50);opacity:.75;width:70%}.tp-screen .tw-line.short{opacity:.45;width:45%}.tp-link{background:var(--brand-50);opacity:.92;border-radius:999px;width:100%;height:12%;max-height:28px}.tp-link:first-of-type{margin-top:10px}.fx .tour-step:not([hidden]) .tp-screen{animation:9s ease-in-out infinite tour-theme}@keyframes tour-theme{0%,30%{filter:none}36%,63%{filter:hue-rotate(140deg)}70%,96%{filter:hue-rotate(250deg)}}.tp-themes{gap:8px;min-width:0;display:grid}.tp-sw{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.tp-sw i{border:1px solid var(--line-strong);border-radius:9px;width:30px;height:30px;position:relative}.tp-sw .t1{background:linear-gradient(160deg, var(--brand-600), var(--accent-700));box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.tp-sw .t2{background:linear-gradient(160deg, var(--brand-950), var(--brand-800))}.tp-sw .t3{background:linear-gradient(160deg, var(--accent-100), var(--brand-200))}.tp-sw .t4{background:linear-gradient(160deg, var(--ok), var(--brand-700))}.tp-sw .tp-add{border-style:dashed}.tp-add:before,.tp-add:after{content:"";background:var(--muted);border-radius:1px;width:12px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tp-add:after{transform:translate(-50%,-50%)rotate(90deg)}.tc-dest{flex-direction:column;align-items:stretch;gap:6px}.tc-old{color:var(--subtle);text-decoration:line-through}.tc-new{color:var(--ok);align-items:center;gap:6px;font-weight:600;display:flex}.tc-new .ic{flex:none}.fx .tour-step:not([hidden]) .tc-new{animation:tour-in .6s var(--ease-out) .35s both}.tc-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tc-rows li{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:grid}.tc-rows .ic{color:var(--accent)}.tc-switch{background:var(--accent-600);border-radius:999px;width:34px;height:20px;position:relative}.tc-switch:after{content:"";background:var(--brand-50);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;right:3px}.tc-meter{background:var(--line-strong);border-radius:3px;width:64px;height:6px;overflow:hidden}.tc-meter i{background:var(--accent);transform-origin:0;width:38%;height:100%;display:block}.fx .tour-step:not([hidden]) .tc-meter i{animation:tour-fill 1s var(--ease-out) .4s both}@keyframes tour-fill{0%{transform:scaleX(0)}}.tc-pin{gap:4px;display:flex}.tc-pin i{background:var(--text);border-radius:50%;width:8px;height:8px}.tw-stats .sample{position:absolute;top:6px;right:12px}.ts-bars{align-items:flex-end;gap:6px;height:72px;display:flex}.ts-bars i{background:linear-gradient(180deg, var(--bar-from), var(--bar-to));transform-origin:bottom;border-radius:5px 5px 2px 2px;flex:1;height:40%}.ts-bars i:nth-child(2){height:58%}.ts-bars i:nth-child(3){height:46%}.ts-bars i:nth-child(4){height:76%}.ts-bars i:nth-child(5){height:64%}.ts-bars i:nth-child(6){height:94%}.ts-bars i:nth-child(7){height:70%}.fx .tour-step:not([hidden]) .ts-bars i{animation:tour-grow .8s var(--ease-out) both}.fx .tour-step:not([hidden]) .ts-bars i:nth-child(2n){animation-delay:80ms}@keyframes tour-grow{0%{transform:scaleY(.1)}}.ts-rules{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ts-rules li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.ts-arrow{background:repeating-linear-gradient(90deg, var(--accent) 0 5px, transparent 5px 9px);flex:1;min-width:16px;height:2px}.ts-ab{border-radius:10px;grid-template-columns:1fr 1fr;font-size:.75rem;font-weight:650;display:grid;overflow:hidden}.ts-ab span{background:linear-gradient(135deg, var(--brand-600), var(--accent-600));color:var(--brand-50);padding:8px 10px}.ts-ab span+span{background:var(--chip-dyn);color:var(--text);text-align:right}.tm-people{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tm-people li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:flex}.tm-av{background:linear-gradient(135deg, var(--brand-500), var(--accent-600));border-radius:50%;flex:none;width:24px;height:24px}.tm-av.a2{background:linear-gradient(135deg, var(--accent-300), var(--accent-600))}.tm-av.a3{background:linear-gradient(135deg, var(--brand-200), var(--brand-500))}.fx .tour-step:not([hidden]) .tm-people li{animation:tour-in .5s var(--ease-out) both}.fx .tour-step:not([hidden]) .tm-people li:nth-child(2){animation-delay:.1s}.fx .tour-step:not([hidden]) .tm-people li:nth-child(3){animation-delay:.2s}.tm-projects{flex-wrap:wrap;gap:6px;display:flex}.tm-projects span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;display:inline-flex}.tm-projects .ic,.tm-domain .ic{color:var(--accent)}.tm-tpl{border:1px dashed var(--line-strong);border-radius:10px;align-items:center;gap:12px;padding:8px 10px;font-weight:600;display:flex}.tm-sw{padding-left:4px;display:flex}.tm-sw i{border:2px solid var(--surface-2);background:var(--brand-600);border-radius:50%;width:18px;height:18px;margin-left:-4px}.tm-sw i:nth-child(2){background:var(--accent-500)}.tm-sw i:nth-child(3){background:var(--brand-100)}
