:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#050505;--fg:#f4f3ef;--fg-2:#d8d6d0;--muted:#a8a6a0;--dim:#8c8a85;--faint:#6e6c67;--violet:#a99cf0;--violet-deep:#7c6cf2;--glass:linear-gradient(180deg, #ffffff21 0%, #ffffff0a 55%, #ffffff12 100%), #10101652;--glass-card:linear-gradient(180deg, #ffffff1f 0%, #ffffff0a 40%, #ffffff0f 100%), #10101680;--glass-edge:#ffffff29;--sans:"Google Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Google Sans Code", ui-monospace, "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--ink);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--fg);text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.fold{background:var(--ink);isolation:isolate;height:100%;min-height:560px;position:relative;overflow:hidden}.films{z-index:0;transition:filter .6s,transform .6s;position:absolute;inset:0}.films video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.films video.on{opacity:1}.fold.signing .films{filter:blur(8px)brightness(.42);transform:scale(1.03)}.shade{z-index:1;pointer-events:none;background:radial-gradient(52% 40% at 50% 52%,#0505058c 0%,#05050538 60%,#05050500 100%),linear-gradient(#050505c7 0%,#05050500 16% 82%,#050505b3 100%);position:absolute;inset:0}header{z-index:3;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(16px,2.4vw,32px);transition:opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.fold.signing header nav{opacity:.35;pointer-events:none}.mark{align-items:center;gap:10px;display:inline-flex}.mark svg{flex:none;display:block;overflow:visible}.mark .word{letter-spacing:-.03em;color:var(--fg);font-size:20px;font-weight:500;line-height:1}.mark .qm-top,.mark .qm-tail{transform-box:fill-box}.mark:hover .qm-top,.mark:focus-visible .qm-top{animation:.44s cubic-bezier(.3,.7,.4,1) both qm-lift;animation-delay:calc(var(--i) * 45ms)}.mark:hover .qm-tail,.mark:focus-visible .qm-tail{animation:.5s cubic-bezier(.3,.7,.4,1) both qm-tail;animation-delay:calc(var(--i) * 45ms)}@keyframes qm-lift{0%,to{transform:translateY(0)}45%{transform:translateY(-14px)}}@keyframes qm-tail{0%,to{transform:translate(0)}45%{transform:translate(12px,12px)}}nav{align-items:center;gap:6px;font-size:15px;transition:opacity .4s;display:flex}nav a,nav button.link{color:var(--fg-2);cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:0 12px;display:inline-flex}nav a:hover,nav button.link:hover{color:#fff}nav .primary{background:var(--fg);color:var(--ink);cursor:pointer;border:0;border-radius:999px;height:42px;margin-left:6px;padding:0 18px;font-weight:500}nav .primary:hover{background:#fff}nav .primary{white-space:nowrap}@media (max-width:720px){nav a.secondary,nav button.secondary{display:none}nav .primary{height:40px;padding:0 16px;font-size:14px}}.centre{z-index:2;flex-direction:column;align-items:center;width:min(1100px,100% - 32px);display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}h1{letter-spacing:-.045em;text-align:center;text-wrap:balance;text-shadow:0 2px 28px #00000080;margin:0 0 34px;font-size:clamp(34px,4.4vw,60px);font-weight:500;line-height:1.02;transition:opacity .35s,transform .5s}@media (min-width:900px){h1{white-space:nowrap}}.pill{color:#e6e4ee;-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);border:1px solid var(--glass-edge);background:linear-gradient(#ffffff1f,#ffffff0a),#1212184d;border-radius:999px;align-items:center;gap:12px;max-width:100%;margin-bottom:14px;padding:7px 14px;font-size:13px;transition:opacity .35s;display:inline-flex;box-shadow:inset 0 1px #ffffff47}.pill .dot{background:var(--violet);width:6px;height:6px;box-shadow:0 0 10px var(--violet);border-radius:50%;flex:none}.pill .text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pill .tc{font-family:var(--mono);color:#ffffff73;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.fold.signing h1,.fold.signing .pill{opacity:0;pointer-events:none}.shim{letter-spacing:-.005em;filter:drop-shadow(0 1px 6px #0009);justify-content:center;align-items:center;gap:14px;max-width:100%;margin-top:20px;font-size:15.5px;font-weight:500;transition:opacity .35s;display:flex;position:relative}.shim:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60%,#05050873,#05050800 75%);position:absolute;inset:-14px -40px}.shim .sw{min-width:0;display:block;position:relative;overflow:hidden}.shim .st{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(100deg,#f6f5fac7 0% 38%,#fff 50%,#f6f5fac7 62% 100%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:2px;animation:2.2s linear infinite sweep;display:block;overflow:hidden}.shim .st.in{animation:.6s cubic-bezier(.2,.8,.2,1) both focus,2.2s linear infinite sweep}@keyframes sweep{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes focus{0%{opacity:0;filter:blur(6px);transform:translateY(35%)}to{opacity:1;filter:none;transform:none}}.shim .tc{font-family:var(--mono);color:#ffffff73;font-variant-numeric:tabular-nums;border-left:1px solid #fff3;flex:none;padding-left:14px;font-size:12px}.fold.signing .shim{opacity:0;pointer-events:none}.fold.signing h1{transform:translateY(-8px)}.box{z-index:1;background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-edge);border-radius:22px;width:min(780px,100%);height:72px;transition:width .55s cubic-bezier(.2,.8,.2,1),height .55s cubic-bezier(.2,.8,.2,1),border-radius .55s,background .5s,transform .2s;position:relative;box-shadow:inset 0 1px #ffffff61,inset 0 -1px #ffffff14,inset 0 0 28px #ffffff0d,0 28px 70px #00000073}.box.watch{cursor:pointer}.box.watch:hover{transform:translateY(-1px)}.fold.signing .box{background:var(--glass-card);border-radius:24px}.sheen{pointer-events:none;background:linear-gradient(#ffffff24,#fff0);border-radius:22px 22px 40% 40%/22px 22px 18px 18px;height:46%;transition:opacity .3s;position:absolute;top:1px;left:14px;right:14px}.prompt{align-items:center;gap:14px;padding:0 14px 0 12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.fold.signing .prompt{opacity:0;pointer-events:none}.ref{flex:none;align-items:center;gap:14px;display:flex;position:relative}.ref img{object-fit:cover;border-radius:22px;width:66px;height:44px;display:block;box-shadow:0 0 0 1px #ffffff2e,0 4px 14px #00000040}.ref:after{content:"";background:#ffffff47;width:1px;height:22px}.ref.pop img{animation:.45s cubic-bezier(.2,.9,.3,1.2) both refpop}@keyframes refpop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.typed{color:#f6f5fa;text-shadow:0 1px 2px #00000059;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(15px,1.5vw,17.5px);line-height:1.4;position:relative;overflow:hidden}.typed .caret{vertical-align:-.18em;background:var(--violet);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.box.sent .caret{display:none}.go{color:#ffffff73;background:#ffffff14;border:1px solid #ffffff24;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;transition:background .3s,color .3s,border-color .3s,transform .18s;display:grid;position:relative}.go>*{grid-area:1/1;transition:opacity .25s,transform .3s}.go canvas{opacity:0;transform:scale(.6)}.box.armed .go{background:var(--violet);border-color:var(--violet);color:var(--ink)}.box.pressed .go{transform:scale(.88)}.box.working .go{color:var(--ink);background:linear-gradient(#c3b9f7 0%,#a99cf0 48%,#8f80ec 100%);border-color:#0000;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #3c28a040,0 0 0 1px #7c6cf259,0 6px 18px #7c6cf273}.go:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,#ffffff59,#fff0 60%);transition:opacity .3s;position:absolute;inset:0}.box.working .go:after{opacity:1;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.35}}.go canvas{z-index:1}.box.working .go svg{opacity:0;transform:scale(.6)}.box.working .go canvas{opacity:1;transform:none}.box.watch:not(.working):hover .go,.box.watch:not(.working):focus-visible .go{background:var(--violet);border-color:var(--violet);color:var(--ink)}.box{--beam-strength:2.8}@property --beam-angle-fold{syntax:"<angle>";inherits:true;initial-value:0deg}@property --beam-opacity-fold{syntax:"<number>";inherits:true;initial-value:0}[data-beam=fold]{border-radius:22px;position:relative;overflow:hidden}[data-beam=fold][data-active]{animation:1.96s linear infinite beam-spin-fold,.6s forwards beam-fade-in-fold}[data-beam=fold][data-fading]{animation:1.96s linear infinite beam-spin-fold,.5s forwards beam-fade-out-fold}[data-beam=fold][data-active]:after,[data-beam=fold][data-fading]:after{content:"";clip-path:inset(0 round 22px);background:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 54%, #ffffff1a 57%, #ffffff4d 60%, #fff9 63%, #ffffffbf 66%, #fff9 69%, #ffffff4d 72%, #ffffff1a 75%, transparent 78%, transparent 100%),radial-gradient(ellipse 70px 40px at 33% -7.4%, #ff3264, transparent), radial-gradient(ellipse 60px 35px at 12% -5%, #288cff, transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, #32c850, transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, #1eb9aa, transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, #6446ff, transparent), radial-gradient(ellipse 85px 26px at 55% 100%, #288cff, transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, #ff7828, transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, #f032b4, transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, #b428f0, transparent);-webkit-mask:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;-webkit-mask:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);pointer-events:none;z-index:2;opacity:calc(var(--beam-opacity-fold) * .26 * var(--beam-stroke-opacity,1) * var(--beam-strength,1));border-radius:21px;padding:1px;animation:12s ease-in-out infinite beam-hue-shift-fold;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}[data-beam=fold][data-active]:before,[data-beam=fold][data-fading]:before{content:"";-webkit-mask-image:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);-webkit-mask-composite:source-in, source-over;-webkit-mask-image:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);mask-image:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);pointer-events:none;z-index:1;opacity:calc(var(--beam-opacity-fold) * .42 * var(--beam-inner-opacity,1) * var(--beam-strength,1));clip-path:inset(0 round 22px);background:radial-gradient(63px 36px at 33% -7.4%,#ff326473,#0000),radial-gradient(54px 32px at 12% -5%,#288cff73,#0000),radial-gradient(36px 63px at 2.1% 68.3%,#32c85073,#0000),radial-gradient(18px 32px at 2.1% 68.3%,#1eb9aa73,#0000),radial-gradient(162px 29px at 74.4% 100%,#6446ff73,#0000),radial-gradient(77px 23px at 55% 100%,#288cff73,#0000),radial-gradient(67px 29px at 93.9% 0,#ff782873,#0000),radial-gradient(23px 38px at 100% 27.1%,#f032b473,#0000),radial-gradient(47px 43px at 100% 27.1%,#b428f073,#0000);border-radius:22px;animation:12s ease-in-out infinite beam-hue-shift-fold;position:absolute;inset:0;box-shadow:inset 0 0 9px 1px #ffffff45;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}[data-beam=fold] [data-beam-bloom]{clip-path:inset(0 round 22px);background:conic-gradient(from var(--beam-angle-fold), transparent 0%, transparent 58%, #ffffff08 62%, #ffffff14 65%, #fff3 67%, #ffffff73 69%, #ffffffd9 70%, #ffffffd9 70.5%, #ffffff73 71.5%, #fff3 73%, #ffffff14 75%, #ffffff08 78%, transparent 82%);-webkit-mask-composite:xor;filter:blur(8px)brightness(1.3)saturate(1.2);pointer-events:none;z-index:3;opacity:0;border-radius:21px;padding:1px;display:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-beam=fold][data-active] [data-beam-bloom],[data-beam=fold][data-fading] [data-beam-bloom]{opacity:calc(var(--beam-opacity-fold) * .24 * var(--beam-bloom-opacity,1) * var(--beam-strength,1));display:block}@keyframes beam-spin-fold{to{--beam-angle-fold:360deg}}@keyframes beam-fade-in-fold{to{--beam-opacity-fold:1}}@keyframes beam-fade-out-fold{0%{--beam-opacity-fold:1}to{--beam-opacity-fold:0}}@keyframes beam-hue-shift-fold{0%{filter:hue-rotate(calc(var(--beam-hue-base,0deg) - 30deg)) brightness(1.3) saturate(1.2)}50%{filter:hue-rotate(calc(var(--beam-hue-base,0deg) + 30deg)) brightness(1.3) saturate(1.2)}to{filter:hue-rotate(calc(var(--beam-hue-base,0deg) - 30deg)) brightness(1.3) saturate(1.2)}}[data-beam=fold][data-paused],[data-beam=fold][data-paused]:after,[data-beam=fold][data-paused]:before,[data-beam=fold][data-paused] [data-beam-bloom]{animation-play-state:paused!important}.card{opacity:0;pointer-events:none;width:100%;padding:26px 30px 24px;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden}.fold.signing .card.on{opacity:1;pointer-events:auto;transition-delay:.28s}.close{width:44px;height:44px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.close:hover{color:var(--fg);background:#ffffff0f}.from{font-family:var(--mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;padding-right:40px;font-size:12px;overflow:hidden}.card h2{letter-spacing:-.03em;margin:0;font-size:clamp(26px,3vw,30px);font-weight:500;line-height:1.1}.card p{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.5}.stack{flex-direction:column;gap:10px;margin-top:24px;display:flex}.btn{height:50px;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:15px;display:flex}.btn:hover{border-color:#fff6}.btn.solid{background:var(--fg);color:var(--ink);border:0;font-weight:500}.btn.solid:hover{background:#fff}.or{font-family:var(--mono);color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.or:before,.or:after{content:"";background:#ffffff1a;flex:1;height:1px}form.email{gap:8px;display:flex}form.email input{background:var(--ink);min-width:0;height:50px;color:var(--fg);font:inherit;border:1px solid #fff3;border-radius:14px;flex:1;padding:0 16px;font-size:15px}form.email input::placeholder{color:var(--faint)}.fine{color:var(--faint)!important;margin:18px 0 0!important;font-size:12px!important}.fine a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--violet);align-items:center;gap:8px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--violet);border-radius:50%;width:7px;height:7px}.inline{letter-spacing:-.04em!important;margin-top:16px!important;font-size:clamp(38px,5vw,44px)!important;line-height:1!important}.invite{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:22px}.invite .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.invite .row b{font-size:16px;font-weight:500}.invite .row span{font-family:var(--mono);color:var(--dim);white-space:nowrap;font-size:12px}.bars{gap:6px;margin-top:12px;display:flex}.bars span{background:#ffffff1f;border-radius:2px;flex:1;height:4px}.link-row{gap:8px;margin-top:16px;display:flex}.link-row code{background:var(--ink);min-width:0;height:48px;font-family:var(--mono);color:var(--fg-2);white-space:nowrap;border:1px solid #ffffff29;border-radius:12px;flex:1;align-items:center;padding:0 14px;font-size:13px;display:flex;overflow:hidden}.share{gap:8px;margin-top:10px;display:flex}.share a{height:44px;color:var(--fg-2);border:1px solid #ffffff24;border-radius:12px;flex:1;place-items:center;font-size:14px;display:grid}.share a:hover{border-color:#ffffff4d}.foot{justify-content:space-between;margin-top:20px;font-size:14px;display:flex}.foot button,.foot a{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:32px;padding:0;display:inline-flex}.foot button:hover,.foot a:hover{color:var(--fg)}.ticks{z-index:2;gap:4px;transition:opacity .35s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.ticks button{cursor:pointer;background:0 0;border:0;align-items:center;width:48px;height:24px;padding:0 4px;display:grid}.ticks span{background:#ffffff40;border-radius:1px;height:2px;display:block;position:relative;overflow:hidden}.ticks i{background:var(--fg);border-radius:1px;width:0;position:absolute;top:0;bottom:0;left:0}.fold.signing .ticks{opacity:0;pointer-events:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.prompt{gap:10px;padding:0 10px 0 12px}.card{padding:22px 20px 20px}form.email{flex-direction:column}.typed{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box}.box{height:84px}.ref img{width:48px;height:36px}.ref{gap:10px}.typed{-webkit-line-clamp:3!important;font-size:13.5px!important}}@media (prefers-reduced-motion:reduce){.mark .qm-top,.mark .qm-tail{animation:none!important}.shim .st,.shim .st.in,.box.working .go:after,.ref.pop img,.typed .caret{animation:none}.box,.films,.films video{transition:none}}.fold.signing .sheen{opacity:0}.sheen{top:0;left:0;right:0}.card{padding:32px 34px 28px}.card h2{padding-right:40px}.card p{margin-top:12px}.close{top:16px;right:16px}#card-signup form.email{margin-top:26px}.fine{margin-top:16px!important}.invite{margin-top:26px}@media (max-width:560px){.card{padding:26px 22px 22px}.close{top:10px;right:10px}#card-signup form.email{margin-top:22px}}form.email input{flex:auto}.hp{opacity:0;width:1px;height:1px;left:-9999px;position:absolute!important}.form-err{color:#f2a8a0!important;margin:12px 0 0!important;font-size:14px!important}.bars span{transition:background .4s,box-shadow .4s}.bars span.on{background:var(--violet);box-shadow:0 0 10px #a99cf099}#card-signup .btn[disabled]{opacity:.6;cursor:progress}#card-signup [hidden]{display:none!important}.again{min-height:32px;color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:22px;padding:0;font-size:14px;text-decoration:underline}.again:hover{color:var(--fg)}
html{scroll-behavior:smooth}html,body{height:auto}.fold{height:100svh}.s-wrap{background:var(--ink);color:var(--fg)}.s-sec{padding:180px clamp(16px,4vw,40px) 0}.s-in{max-width:1240px;margin:0 auto}.s-kicker{font:500 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--violet);margin-bottom:22px;display:inline-block}.s-h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5.2vw,76px);font-weight:600;line-height:.98}.s-h2 em{color:#6e6c76;font-style:normal}.s-hd{text-align:center;max-width:960px;margin:0 auto 56px}.s-hd p{color:#a8a6b4;text-wrap:balance;max-width:860px;margin:26px auto 0;font-size:clamp(16px,1.5vw,19px);line-height:1.55}.s-cta{background:var(--fg);height:56px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:0 20px 0 24px;font-size:16px;font-weight:500;display:inline-flex}.s-cta:hover{background:#fff}.s-cta span{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.s-ghost{border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;height:52px;padding:0 22px 0 24px;font-size:15px;display:inline-flex}.s-ghost:hover{border-color:#fff6}.s-ghost span{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.s-glass{-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(#ffffff1f,#ffffff08 60%,#ffffff0f),#10101666;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff4d}.s-cap{font:500 11px var(--mono);letter-spacing:.06em;color:var(--fg);border-radius:999px;padding:6px 10px;position:absolute;bottom:14px;left:14px}.s-fill{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}
.s-state{padding-top:200px}.s-state h2{letter-spacing:-.045em;max-width:1100px;margin:0;font-size:clamp(32px,4.4vw,64px);font-weight:500;line-height:1.12}.s-state h2 span{color:#6e6c76}.s-state .row2{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:64px;display:flex}.s-state p{color:#8e8e9c;max-width:460px;margin:0;font-size:17px;line-height:1.6}
.hw-frame{aspect-ratio:16/10;background:#111113;border:1px solid #ffffff12;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 50px 110px -40px #000000f2}.hw-frame video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.hw-frame video.on{opacity:1}.hw-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:28px 0 0;padding:0;list-style:none;display:grid}.hw-tab{text-align:left;color:#55535c;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.hw-tab:hover{color:#c8c6d0}.hw-line{background:#ffffff1a;border-radius:1px;height:2px;margin-bottom:16px;display:block;position:relative;overflow:hidden}.hw-line i{background:var(--violet);width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #a99cf0cc}.hw-tab.done{color:#8e8e9c}.hw-tab.done .hw-line i{width:100%;box-shadow:none;background:#f4f3ef8c}.hw-title{letter-spacing:-.025em;font-size:clamp(15px,1.4vw,19px);font-weight:500;line-height:1.25;display:block}.hw-text{color:#8e8e9c;margin-top:8px;font-size:14px;line-height:1.5;display:none}.hw-tab.on{color:var(--fg)}.hw-tab.on .hw-text{display:block}.hw-cta{justify-content:center;margin-top:56px;display:flex}#how .s-in{max-width:min(1240px,max(560px,160svh - 384px))}@media (max-width:760px){.hw-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hw-title{font-size:12px}.hw-text{display:none!important}.hw-now{display:block}}.hw-now{color:#a8a6b4;text-align:center;margin-top:18px;font-size:15px;line-height:1.5;display:none}
.bx-sec .s-hd{margin-bottom:36px}.bx-in{max-width:min(1240px,max(560px,177.778svh - 586.667px))}.bx{aspect-ratio:16/9;cursor:pointer;touch-action:pan-y;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#08080b;border-radius:20px;position:relative;overflow:hidden}.bx-still,.bx-cv{width:100%;height:100%;display:block;position:absolute;inset:0}.bx-still{object-fit:cover;transition:opacity .3s}.bx-cv{opacity:0}.bx.live .bx-cv{opacity:1}.bx.live .bx-still{opacity:0!important}.bx-shade{pointer-events:none;background:linear-gradient(#05050500 62%,#050505b8);position:absolute;inset:0}.bx-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b9b7c4;pointer-events:none;background:#0505058c;border-radius:99px;padding:5px 11px;position:absolute;top:16px;right:18px}.bx-hint .t{display:none}@media (hover:none){.bx-hint .m{display:none}.bx-hint .t{display:inline}}.bx-now{pointer-events:none;text-align:left;position:absolute;bottom:26px;left:28px}.bx-now b{letter-spacing:-.035em;font-size:clamp(22px,2.4vw,32px);font-weight:500;transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1);display:block}.bx-now span{font:500 12px var(--mono);letter-spacing:.08em;color:#d8d6e0;margin-top:6px;transition:opacity .35s 50ms,transform .5s cubic-bezier(.16,1,.3,1) 50ms;display:block}.bx-now.out b,.bx-now.out span{opacity:0;transform:translateY(10px)}.bx-thumbs{gap:8px;display:flex;position:absolute;bottom:22px;right:22px}.bx-th{aspect-ratio:16/9;cursor:pointer;opacity:.55;background-position:50%;background-size:cover;border:0;border-radius:8px;width:clamp(44px,5.4vw,72px);padding:0;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .25s;position:relative;box-shadow:0 0 0 1px #ffffff2e}.bx-th svg{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;top:-4px;left:-4px;overflow:visible}.bx-th rect{fill:none;stroke:var(--violet);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 4px #a99cf0e6)}.bx-th:hover{opacity:.95;transform:translateY(-3px)}.bx-th[aria-pressed=true]{opacity:1;box-shadow:0 0 0 1px #fff6,0 6px 22px #a99cf059}@media (max-width:760px){.bx-hint{display:none}.bx-now{top:14px;bottom:auto;left:16px}.bx-now b{font-size:17px}.bx-now span{margin-top:3px;font-size:10px}.bx-shade{background:linear-gradient(#05050599,#05050500 42%),linear-gradient(#05050500 70%,#05050580)}.bx-thumbs{justify-content:center;gap:6px;bottom:10px;left:12px;right:12px}.bx-th{border-radius:6px;width:44px}}
.mq{padding:180px 0 0;overflow:hidden}.mq .s-hd{padding:0 16px}.mq-rows{flex-direction:column;gap:14px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.mq-track{gap:14px;width:max-content;animation:120s linear infinite mq;display:flex}.mq-track.rev{animation-duration:130s;animation-direction:reverse}@media (hover:hover) and (pointer:fine){.mq-rows:hover .mq-track{animation-play-state:paused}}.mq .s-cap{top:14px;bottom:auto}@media (max-width:760px){.mq .s-cap{letter-spacing:.04em;padding:5px 9px;font-size:10px;top:10px;left:10px}.mq .cap-what{display:none}}.mq-tile{aspect-ratio:16/9;background:#111113;border-radius:18px;flex:none;width:clamp(280px,30vw,440px);position:relative;overflow:hidden}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.mq-touch .mq-rows{scroll-snap-type:none!important;overflow:visible!important}.mq-touch .mq-track{animation:none!important}.mq-swipe{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow:auto hidden}.mq-swipe::-webkit-scrollbar{display:none}.mq-touch .mq-tile[aria-hidden=true]{display:block!important}
.inv{flex-wrap:wrap;align-items:center;gap:64px;display:flex}.inv-l{flex:420px;min-width:0;max-width:520px}.inv-l .s-h2{font-size:clamp(40px,4.4vw,60px)}.inv-l p{color:#a8a6b4;text-wrap:pretty;margin:22px 0 0;font-size:18px;line-height:1.6}.inv-l .s-cta{margin-top:34px}.inv-r{flex:480px;justify-content:center;min-width:0;display:flex}.pass{cursor:default;border-radius:26px;outline:none;width:min(100%,520px);padding:30px 30px 28px;transition:box-shadow .6s,border-color .6s,transform .4s;position:relative}.pass:focus-visible{box-shadow:0 0 0 2px var(--violet)}.pass.full{border-color:#a99cf08c;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #a99cf040,0 30px 80px -20px #7c6cf273}.pass-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.pass-top b{letter-spacing:-.025em;font-size:22px;font-weight:500}.pass-lock{height:30px;font:500 12px var(--mono);color:var(--dim);white-space:nowrap;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 12px;transition:color .4s,background .4s,border-color .4s;display:inline-flex}.pass.full .pass-lock{color:#160f2b;background:var(--violet);border-color:var(--violet)}.blocks{align-items:flex-end;gap:clamp(8px,2.4vw,14px);margin-top:26px;padding-top:14px;display:flex}.qb{min-width:0;transition:transform .55s cubic-bezier(.2,.9,.3,1.35),opacity .4s;transition-delay:calc(var(--i) * .11s + .12s);flex:0 52px;position:relative}.qb svg{width:100%;height:auto;display:block;overflow:visible}.qb:after{content:"";filter:blur(3px);height:6px;transition:transform .55s cubic-bezier(.2,.9,.3,1.35),opacity .4s;transition-delay:inherit;opacity:0;background:#0000008c;border-radius:50%;position:absolute;bottom:-8px;left:14%;right:14%}.qb polygon{stroke-width:1.2px;stroke-linejoin:round;transition:fill .45s,stroke .45s;transition-delay:inherit}.qb .o{fill:none;stroke:#ffffff38}.qb .t,.qb .l,.qb .r{fill:#0000;stroke:#ffffff1f;stroke-width:1px}.qb.friend{opacity:.6}.pass.full .qb.friend{opacity:1;transform:translateY(-12px)}.pass.full .qb:after{opacity:1;transform:translateY(12px)scale(.8)}.pass.full .qb.friend .o{stroke:#d8d6d0}.pass.full .qb.friend .t{fill:#fff3;stroke:#ffffff80}.pass.full .qb.friend .l{fill:#ffffff14;stroke:#ffffff40}.pass.full .qb.friend .r{fill:#ffffff08;stroke:#ffffff40}.qb.you{opacity:0;flex-basis:56px;margin-left:clamp(6px,2vw,14px);transition-delay:0s;transform:translate(-18px,6px)}.qb.you .o{stroke:#e6e1ff}.qb.you .t{fill:#c9bffa;stroke:#e6e1ff}.qb.you .l{fill:#8b7cf6;stroke:#c9bffa}.qb.you .r{fill:#5b4bd0;stroke:#a99cf0}.qb.you small{text-align:center;font:500 11px var(--mono);color:var(--violet);position:absolute;bottom:-24px;left:0;right:0}.pass.full .qb.you{opacity:1;transition-delay:.78s;transform:translateY(-12px)}.pass.full .qb.you svg{filter:drop-shadow(0 0 14px #8b7cf6b3)}.pass:not(.full) .qb.friend{transition-delay:calc((4 - var(--i)) * 50ms + 80ms)}.pass.mine .qb.friend.on{opacity:1;transform:translateY(-12px)}.pass.mine .qb.friend.on:after{opacity:1;transform:translateY(12px)scale(.8)}.pass.mine .qb.friend.on .o{stroke:#d8d6d0}.pass.mine .qb.friend.on .t{fill:#fff3;stroke:#ffffff80}.pass.mine .qb.friend.on .l{fill:#ffffff14;stroke:#ffffff40}.pass.mine .qb.friend.on .r{fill:#ffffff08;stroke:#ffffff40}.pass.mine .h-hover,.pass.mine .h-tap{display:none!important}.pass:not(.mine) .h-mine{display:none}.pass.mine.full .pass-hint{opacity:1}.pass-count{color:#8e8e9c;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;font-size:15px;display:flex}.pass-count span{font:500 13px var(--mono);color:var(--fg-2);font-variant-numeric:tabular-nums}.pass-link{background:#05050599;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;margin-top:24px;padding:6px 6px 6px 16px;display:flex}.pass-link code{min-width:0;font:13px var(--mono);color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pass-link button{font:inherit;cursor:pointer;border:0}.pass-link button:hover{background:#ffffff24}.pass-link span,.pass-link button{height:36px;color:var(--fg-2);background:#ffffff14;border-radius:10px;flex:none;place-items:center;padding:0 14px;font-size:13px;display:grid}.pass-hint{color:#6e6c76;text-align:center;margin:14px 0 0;font-size:12px;transition:opacity .3s}.pass.full .pass-hint{opacity:0}.h-tap{display:none}@media (hover:none){.h-hover{display:none}.h-tap{display:inline}}@media (prefers-reduced-motion:reduce){.qb,.qb:after,.qb polygon,.pass{transition-duration:10ms!important;transition-delay:0s!important}}
.s-foot{margin-top:200px;padding:0 clamp(16px,4vw,40px)}.s-foot .band{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:28px;max-width:1360px;margin:0 auto;padding-top:48px;display:flex}.s-foot .band b{letter-spacing:-.02em;font-size:22px;font-weight:500;display:block}.s-foot .band small{color:#8e8e9c;text-wrap:balance;max-width:640px;margin-top:6px;font-size:16px;line-height:1.5;display:block}.nq-mark{flex:none;display:block;overflow:visible}.nq-mark .blk{transform-box:fill-box}.nq-mark .blk polygon{transition:stroke .3s}.band:hover .nq-mark .blk,.band:focus-within .nq-mark .blk{animation:.5s cubic-bezier(.3,.7,.4,1) both nq-lift;animation-delay:calc(var(--i) * 55ms)}.band:hover .nq-mark .blk.tail,.band:focus-within .nq-mark .blk.tail{animation-name:nq-tail}.band:hover .nq-mark .blk:not(.tail) polygon:first-child{stroke:#c8c6d0}.band:hover .nq-mark .blk.tail polygon:first-child{filter:drop-shadow(0 0 6px #a99cf0cc)}@keyframes nq-lift{0%,to{transform:translateY(0)}45%{transform:translateY(-9px)}}@keyframes nq-tail{0%,to{transform:translate(0)}45%{transform:translate(8px,5px)}}@media (prefers-reduced-motion:reduce){.band .nq-mark .blk{animation:none!important}}.s-foot .legal{color:#6e6c76;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1360px;margin:48px auto 0;padding:24px 0 40px;font-size:14px;display:flex}.s-foot .legal div{font-family:var(--mono);font-size:13px}.s-foot .legal span{flex-wrap:wrap;gap:24px;display:flex}.s-foot .legal a{color:#6e6c76}.s-foot .legal a:hover{color:var(--fg)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mq-track{animation:none}.mq-rows{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overflow-x:auto}.mq-tile{scroll-snap-align:start}.mq-tile[aria-hidden=true]{display:none}.bx-still,.bx-now b,.bx-now span,.bx-th,.hw-frame video{transition:none}}