.tr-root{--tr-gut:16px;overflow-x:clip}.tr-page{z-index:1;max-width:900px;padding:0 var(--tr-gut) calc(48px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.tr-top{height:46px}.tr-hero{text-align:center;padding:2px 0 0}.tr-kicker{font:600 11.5px/1 var(--mono);letter-spacing:.16em;color:var(--accent);margin:0}.tr-hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:820px;margin:10px auto 0;font-size:clamp(26px,7.4vw,48px);font-weight:600;line-height:1.04}.tr-sub{max-width:600px;color:var(--ink-dim);text-wrap:balance;margin:10px auto 0;font-size:clamp(14.5px,3.9vw,18px);line-height:1.4}.tr-box{border:1px solid var(--line-strong);background:#000;border-radius:16px;margin-top:16px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000000f2,0 0 0 1px #ffffff08}.tr-off{display:grid}.tr-off:before{content:"";grid-area:1/1;padding-top:56.25%}.tr-blur{object-fit:cover;filter:saturate(.9);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.tr-off:after{content:"";background:linear-gradient(#07070d61,#07070d9e);position:absolute;inset:0}.tr-over{z-index:1;grid-area:1/1;justify-content:center;align-self:center;padding:14px;display:flex;position:relative}.tr-on{aspect-ratio:16/9}.tr-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.tr-play{background:var(--accent);width:76px;height:76px;color:var(--accent-ink);cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:50%;justify-content:center;align-items:center;margin:-38px 0 0 -38px;padding:0;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 10px #b98bff38,0 18px 40px -12px #000c}.tr-play:hover{transform:scale(1.06)}.tr-play svg{fill:currentColor;width:32px;height:32px;margin-left:4px}.tr-form{width:100%;max-width:460px;animation:xr-in .32s var(--ease) both}.tr-lock{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);justify-content:center;align-items:center;gap:7px;margin:0 0 10px;display:flex}.tr-lock svg{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tr-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tr-row{gap:8px;display:grid}.tr-row .xr-input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c14db;height:46px;font-size:16px}.tr-row .xr-btn{max-width:none;min-height:46px;margin:0;font-size:16px}.tr-err{text-align:center;text-shadow:0 1px 8px #000c;margin-top:8px;font-size:13.5px}.tr-hint{text-align:center;margin-top:6px;font-size:13.5px}.tr-fine{text-align:center;color:var(--ink-dim);text-shadow:0 1px 8px #000c;margin:8px 0 0;font-size:12px;line-height:1.45}.tr-fine a{color:inherit}.tr-sent{color:var(--ink);justify-content:center;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;line-height:1.35;display:flex}.tr-sent svg{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.tr-progress{font:500 11.5px/1 var(--mono);color:var(--ink-dim);align-items:center;gap:10px;margin:0 0 10px;display:flex}.tr-q{letter-spacing:-.015em;text-align:center;margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.25}.tr-q label{cursor:default}.tr-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tr-opt{border:1px solid var(--line-strong);min-height:50px;color:var(--ink);font:500 13.5px/1.25 var(--sans);text-align:center;cursor:pointer;text-wrap:balance;background:#0c0c14db;border-radius:12px;padding:8px 10px;transition:border-color .18s,background .18s}.tr-opt:hover,.tr-opt.on{border-color:var(--accent-line);background:#241a3aeb}.tr-spin{border-color:#ffffff2e;border-top-color:var(--accent);width:22px;height:22px}.tr-vsl{border:1px solid var(--line);background:var(--bg-2);border-radius:16px;gap:14px;margin-top:16px;padding:18px;display:grid}.tr-vsl h2{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:17px;font-weight:600;line-height:1.3}.tr-vsl p{color:var(--ink-dim);margin:4px 0 0;font-size:14.5px;line-height:1.4}.tr-vsl-btn{border:1px solid var(--accent-line);background:var(--accent-soft);min-height:46px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:15.5px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.tr-vsl-btn:hover{border-color:var(--accent);background:#b98bff33}.tr-vsl-btn .ar{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:transform .2s var(--ease)}.tr-vsl-btn:hover .ar{transform:translate(3px)}@media (min-width:700px){.tr-root{--tr-gut:28px}.tr-top{height:60px}.tr-hero h1,.tr-sub{margin-top:12px}.tr-box{border-radius:20px;margin-top:22px}.tr-over{padding:24px}.tr-row{grid-template-columns:1fr auto}.tr-row .xr-input,.tr-row .xr-btn{height:52px;min-height:52px}.tr-row .xr-btn{padding:0 22px}.tr-lock{margin-bottom:14px;font-size:12px}.tr-fine{margin-top:10px;font-size:13px}.tr-q{margin-bottom:14px;font-size:21px}.tr-opt{min-height:56px;font-size:15px}.tr-form{max-width:520px}.tr-vsl{grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:18px;padding:20px 24px}.tr-vsl h2{font-size:18px}.tr-play{width:92px;height:92px;margin:-46px 0 0 -46px}.tr-play svg{width:38px;height:38px}}@media (max-width:360px){.tr-root{--tr-gut:12px}.tr-opt{min-height:46px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.tr-form{animation:none}}