:root{--brand: #1d4ed8;--brand-deep: #152a63;--brand-text: #eef2ff;--page: #f4f6fb;--card: #ffffff;--ink: #111a33;--dim: #5b6786;--line: #d9e0f0;--warn: #9a3412;--good: #11603f;--arch: 22px;--tap: 48px;--radius: 16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page: #0b1020;--card: #141b30;--ink: #e8edfb;--dim: #9aa6c6;--line: #26304c;--brand: #7da2ff;--brand-deep: #101936}}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:640px;margin:0 auto;background:var(--page)}.topbar{display:flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;z-index:2;padding:calc(env(safe-area-inset-top) + 12px) 12px 20px;background:color-mix(in srgb,var(--brand-deep) 85%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);color:var(--brand-text);border-radius:0 0 50% 50% / 0 0 var(--arch) var(--arch)}@supports not (backdrop-filter: blur(1px)){.topbar{background:var(--brand-deep)}}.topbar h1{margin:0;font-size:1.35rem;letter-spacing:-.01em;font-weight:800}.topbar b{color:#9ec1ff}.content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:calc(-1 * var(--arch));padding:calc(var(--arch) + 12px) 14px 24px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin:12px 0;box-shadow:0 1px 2px #0f18330f}.card h2{margin:0 0 8px;font-size:1.05rem;font-weight:800}.card--warn{border:2px solid var(--warn)}.card--done{border:2px solid var(--good)}.hint{margin:8px 0 0;color:var(--dim);font-size:.9rem}.said{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--card);border-left:4px solid var(--brand);font-size:.95rem}.field{display:block;width:100%;box-sizing:border-box;min-height:var(--tap);margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--page);color:var(--ink);font-family:inherit;font-size:1rem}.field--link{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:.8rem;line-height:1.45;resize:vertical;word-break:break-all}.btn{display:block;width:100%;min-height:var(--tap);margin:10px 0 0;padding:0 16px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn--go{background:var(--warn)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.chip--on{background:color-mix(in srgb,var(--brand) 14%,var(--card));border-color:var(--brand);box-shadow:inset 0 -3px 0 var(--brand)}.foot{flex-shrink:0;padding:12px 16px calc(env(safe-area-inset-bottom) + 14px);background:var(--brand-deep);color:var(--brand-text);border-radius:50% 50% 0 0 / var(--arch) var(--arch) 0 0;margin-top:calc(-1 * var(--arch))}.foot p{margin:0;font-size:.82rem;opacity:.9}.hero{padding:4px 2px 8px}.tunnel{display:block;width:100%;height:auto}.tunnel__case{fill:var(--brand-deep)}.tunnel__screen{fill:var(--brand);opacity:.55}.tunnel__card{fill:var(--card);stroke:var(--line);stroke-width:1.5}.tunnel__dot{fill:var(--line)}.tunnel__sni{fill:var(--dim);font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:10px}.tunnel__tie{stroke:var(--line);stroke-width:2;stroke-dasharray:3 3}.tunnel__slot{stroke:var(--brand);stroke-width:2;opacity:.5;stroke-linecap:round}.tunnel__led{fill:var(--dim)}.tunnel__globe,.tunnel__meridian{fill:none;stroke:var(--brand-deep);stroke-width:2;opacity:.55}.tunnel__pipe{fill:none;stroke:var(--line);stroke-width:7;stroke-linecap:round}.tunnel__flow{fill:none;stroke:var(--brand);stroke-width:7;stroke-linecap:round;stroke-dasharray:2 14;animation:vp-flow 1.1s linear infinite}.tunnel__flow--two{animation-duration:1.5s}@keyframes vp-flow{to{stroke-dashoffset:-16}}.tunnel--live .tunnel__led{fill:var(--good)}.tunnel--live .tunnel__flow{animation-duration:.55s}.tunnel--live .tunnel__globe,.tunnel--live .tunnel__meridian{stroke:var(--good);opacity:.8}.hero__head{margin:10px 2px 0;font-size:2.1rem;line-height:1.08;font-weight:850;letter-spacing:-.03em}.hero__sub{margin:8px 2px 0;color:var(--dim);font-size:.98rem}.steps{list-style:none;margin:0;padding:0}.steps__one{display:flex;align-items:center;gap:12px;min-height:42px;border-bottom:1px solid var(--line)}.steps__one:last-child{border-bottom:0}.steps__pip{flex:none;width:11px;height:11px;border-radius:50%;background:var(--line)}.steps__what{flex:1;min-width:0}.steps__state{color:var(--dim);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.steps__one--waiting{opacity:.45}.steps__one--done .steps__pip{background:var(--good)}.steps__one--done .steps__state{color:var(--good)}.steps__one--doing{font-weight:700}.steps__one--doing .steps__pip{background:var(--brand);animation:vp-breathe 1.4s ease-in-out infinite}.steps__one--doing .steps__state{color:var(--brand)}@keyframes vp-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.btn--go{min-height:60px;font-size:1.1rem;letter-spacing:-.01em}@media(prefers-reduced-motion:reduce){.tunnel__flow,.tunnel--live .tunnel__flow,.steps__one--doing .steps__pip{animation:none}}.content{margin-bottom:calc(-1 * var(--tabs-h, 0px));padding-bottom:calc(24px + var(--tabs-h, 0px))}.foot{position:relative;z-index:2;background:color-mix(in srgb,var(--brand-deep) 85%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}@supports not (backdrop-filter: blur(1px)){.foot{background:var(--brand-deep)}}.qr{display:block;max-width:260px;margin:14px auto 6px;padding:10px;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0f18331f}.qr svg{display:block;width:100%;height:auto}.disclose{display:block;width:100%;min-height:var(--tap);margin-top:10px;padding:0;border:0;background:none;color:var(--brand);font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.choices h3{margin:16px 0 6px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}.clients{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.card>.clients:first-child{margin-top:0;padding-top:0;border-top:0}.clients__head{margin:0 0 8px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}.clients__steps{margin:0 0 12px;padding-left:22px}.clients__steps li{margin:6px 0}.clients a.btn{display:block;box-sizing:border-box;line-height:var(--tap);text-align:center;text-decoration:none}.foot__v{opacity:.55;font-variant-numeric:tabular-nums}.clients__do{display:grid;gap:8px}.hint--said{color:var(--brand);font-weight:700}.give{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.give h3{margin:0 0 4px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}.give .btn,.clients__why{margin-top:10px}.clients__why code{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:.85em}.raw{margin-top:14px}.raw summary{min-height:var(--tap);display:flex;align-items:center;color:var(--dim);font-size:.9rem;font-weight:700;cursor:pointer}.btn--warn{background:transparent;color:var(--warn);border:2px solid var(--warn)}
