@property --ga{syntax:"<angle>";inherits:false;initial-value:0deg}.w4h{--night:#0a060f;--purple:#7707ff;--purple-soft:#b58cff;--card:#17141c;--line:#2e2a36;--muted:#8f8c99;--sans:var(--font-tight),"Inter Tight",-apple-system,sans-serif}.w4h *{box-sizing:border-box}.w4h{color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#f4f4f7;margin:0;overflow-x:clip}.w4h .hero{position:relative}.w4h .scene{background:var(--night);position:sticky;top:0;overflow:hidden}.w4h .frame{width:var(--fw,1440px);height:var(--fh,900px);transform-origin:top;position:absolute;top:0;left:50%}.w4h canvas#gl{width:100%;height:100%;display:block;position:absolute;inset:0}.w4h h1{left:0;right:0;top:var(--h1t,106px);text-align:center;font-weight:400;font-size:var(--h1s,72px);padding:0 var(--gut,0px);letter-spacing:-.01em;z-index:4;margin:0;line-height:1.06;position:absolute}.w4h .card{left:var(--cardl,400px);top:var(--cardt,388px);width:var(--cardw,640px);z-index:6;background:conic-gradient(from var(--ga),#ffffff1a 0deg,#ffffff1a 120deg,var(--purple-soft) 200deg,#fff 230deg,var(--purple) 260deg,#ffffff1a 330deg);border:0;border-radius:24px;height:150px;padding:1.5px;animation:6s linear infinite w4h-spin;position:absolute;box-shadow:0 0 60px -10px #7707ff59,0 0 #0000}@keyframes w4h-spin{to{--ga:360deg}}.w4h .card .in{background:var(--card);border-radius:22.5px;flex-direction:column;height:100%;display:flex;overflow:hidden}.w4h .card .ph{color:var(--muted);flex:1;padding:20px 22px;font-size:15px;line-height:20px}.w4h .card .bar{justify-content:space-between;align-items:center;height:60px;padding:0 12px 12px;display:flex}.w4h .card .l,.w4h .card .r{align-items:center;gap:8px;display:flex}.w4h .ob{border:1px solid var(--line);color:#d6d3de;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.w4h .ob svg{width:16px;height:16px;display:block}.w4h .ob .sep{background:var(--line);width:1px;height:16px;margin:0 2px}.w4h .send{background:var(--purple);border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.w4h .send svg{width:16px;height:16px}.w4h .hints{left:0;right:0;top:var(--hintst,558px);z-index:6;justify-content:center;gap:8px;display:flex;position:absolute}.w4h .frame.m .hints{scrollbar-width:none;justify-content:flex-start;padding:0 16px 8px;overflow-x:auto}.w4h .frame.m .hints::-webkit-scrollbar{display:none}.w4h .frame.m h1 .rot{margin:0 auto;display:block}.w4h .frame.m .card .ph{padding:16px;font-size:14px}.w4h .frame.m .card .bar{padding:0 10px 10px}.w4h .frame.m .ob{min-width:32px;height:32px;font-size:12px}.w4h .frame.m .send{width:32px;height:32px}.w4h .hint{color:#ffffffc7;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a060fe0;border:1px solid #ffffff1f;border-radius:999px;align-items:center;height:32px;padding:0 14px;font-size:13px;display:inline-flex;box-shadow:0 0 0 4px #0a060f8c}.w4h .hud{color:#777;z-index:99;background:#00000080;border-radius:6px;padding:6px 8px;font:11px/1 ui-monospace,Menlo,monospace;position:fixed;bottom:16px;left:16px}.w4h .next{background:var(--night);text-align:center;opacity:0;will-change:opacity,transform;justify-content:center;align-items:center;min-height:100vh;display:flex;transform:translateY(40px)}.w4h .next .label{letter-spacing:.1em;color:var(--muted);margin-bottom:24px;font:500 12px/1 ui-monospace,Menlo,monospace}.w4h .next h2{letter-spacing:-.01em;margin:0 0 16px;font-size:clamp(min(34px,10vw),4.4vw,56px);font-weight:400;line-height:1.05}.w4h .next p{color:var(--muted);max-width:480px;margin:0 auto;font-size:16px;line-height:1.5}.w4h .fade{will-change:opacity,transform}.w4h .next{z-index:9;color:#131518;text-align:center;opacity:0;will-change:opacity,transform;background:#f4f4f7;min-height:100vh;padding:150px 0 120px;display:block;position:relative;transform:translateY(30px)}.w4h .ag-in{width:min(1200px,100% - 32px);margin:0 auto;position:relative}.w4h .badge{color:#6b6b66;background:#fff;border:1px solid #e6e6e1;border-radius:6px;align-items:center;gap:8px;height:34px;padding:0 14px;font:400 13px/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-flex;box-shadow:0 1px 2px #0000000a}.w4h .badge i{background:#5bd46b;border-radius:2px;width:7px;height:7px}.w4h .badge b{color:#131518;font-weight:600}.w4h .next h2{letter-spacing:-.015em;color:#131518;margin:24px 0 14px;font-size:clamp(min(34px,10vw),4.4vw,56px);font-weight:400;line-height:1.04}.w4h .next h2 em{background:linear-gradient(100deg,#2b2b30 0%,#5a5a62 38%,#9a9aa3 70%,#b8b8c0 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.w4h .next p{color:#3d3d3a;max-width:560px;margin:0 auto 8px;padding:0 8px;font-size:clamp(15px,1.6vw,18px);line-height:1.45}.w4h .stackWrap{justify-content:center;width:100%;display:flex;overflow:visible}.w4h .stack{transform-origin:top;flex:none;width:1100px;height:510px;margin:0 auto;position:relative}.w4h .stackWrap{overflow:hidden}.w4h .stack svg{display:block;overflow:visible}.w4h .stack.mobile,.w4h .stack.mobile>svg{width:100%;height:auto}.w4h .stack.mobile #links{display:none}.w4h .stack.mobile #tags{justify-content:center;min-height:34px;margin-top:4px;display:flex}.w4h .stack.mobile .tag{display:none;opacity:1!important;position:static!important;transform:none!important}.w4h .stack.mobile .tag.on{display:flex}.w4h .stack.mobile .cap{text-align:center;margin-top:10px;display:block;position:static!important;top:auto!important;left:auto!important;transform:none!important}.w4h .ly{transition:transform .75s cubic-bezier(.2,.8,.2,1)}.w4h .ly .baseFill,.w4h .ly .wall{opacity:0}.w4h .merge .ly .baseFill,.w4h .merge .ly .wall{transition:opacity .5s}.w4h .ly .baseLine{fill:none;stroke:#c6c6cc;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:4 3.5}.w4h .ly .edge{stroke:#c6c6cc;stroke-width:1px;stroke-linecap:round;stroke-dasharray:4 3.5}.w4h .ly .topA{fill:var(--tf);fill-opacity:0;stroke:#c6c6cc;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:4 3.5}.w4h .merge .ly .baseLine,.w4h .merge .ly .edge,.w4h .merge .ly .topA{transition:stroke .5s,fill-opacity .5s}.w4h .ly.on .baseFill,.w4h .ly.on .wall{opacity:1}.w4h .ly.on .baseLine,.w4h .ly.on .edge{stroke:var(--dk);stroke-dasharray:0;stroke-width:1.1px}.w4h .ly.on .topA{fill-opacity:1;stroke:var(--md);stroke-dasharray:0;stroke-width:1.1px}.w4h .ly .icon{opacity:0;transition:opacity .25s}.w4h .ly .icon path,.w4h .ly .icon circle,.w4h .ly .icon rect{fill:none;stroke:var(--ac);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.w4h .ly .icon .duo{fill:var(--ac);fill-opacity:.2;stroke:none}.w4h .ly.on .icon{opacity:1}.w4h .merge .ly .icon{opacity:0!important}.w4h .ly.brand .baseFill,.w4h .ly.brand .wall{fill:url(#side0)}.w4h .ly .wmark{opacity:0;transition:opacity .3s}.w4h .ly.closed .wmark{opacity:1}.w4h .merge .ly.done .edge{opacity:0;transition:opacity .5s}.w4h .ghost{display:none}.w4h .link{fill:none;stroke:#c6c6cc;stroke-width:1px;stroke-dasharray:3 3.5;transition:stroke .4s,opacity .5s}.w4h .link.on{stroke:var(--ac,#7707ff);stroke-dasharray:0}.w4h .tag{color:#6b6b66;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#fff;border:1px solid #e3e3de;border-radius:999px;align-items:center;gap:7px;height:30px;padding:0 12px 0 9px;font:500 11px/1 ui-monospace,SF Mono,Menlo,monospace;transition:background .35s,color .35s,border-color .35s,opacity .5s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000000a}.w4h .tag svg{width:15px;height:15px;display:block;overflow:visible}.w4h .tag svg path,.w4h .tag svg circle,.w4h .tag svg rect{fill:none;stroke:#9a9a95;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s}.w4h .tag svg .duo{fill:#9a9a95;fill-opacity:.18;stroke:none;transition:fill .35s}.w4h .tag.on{color:#fff;background:#131518;border-color:#131518}.w4h .tag.on svg path,.w4h .tag.on svg circle,.w4h .tag.on svg rect{stroke:var(--ac)}.w4h .tag.on svg .duo{fill:var(--ac);fill-opacity:.3}.w4h .cap{font:400 12px/1 var(--sans);color:#8a8a86;white-space:nowrap;transition:opacity .3s;position:absolute}.w4h h1 .rot{vertical-align:top;clip-path:inset(0);white-space:nowrap;text-align:left;height:1.24em;margin-bottom:-.18em;transition:width .6s cubic-bezier(.2,.8,.2,1);display:inline-block;position:relative;overflow:hidden}.w4h h1 .rot span{white-space:nowrap;opacity:0;line-height:1.06;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .3s;display:block;position:absolute;top:0;left:0;transform:translateY(105%)}.w4h h1 .rot.pending span.now{position:relative}.w4h h1 .rot span.now{opacity:1;transform:translateY(0)}.w4h h1 .rot span.prev{opacity:0;transform:translateY(-105%)}.w4h h1 .rot span i{background:linear-gradient(100deg,#fff 0%,#d6d6dd 45%,#9a9aa6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:-.12em 0 -.3em;padding:.12em 0 .3em;font-style:normal;display:inline-block}.w4h .sub{left:0;right:0;top:var(--subt,298px);text-align:center;font-size:var(--subs,17px);padding:0 var(--gut,0px);color:#ffffff9e;z-index:4;margin:0;line-height:1.5;position:absolute}.w4h .ob{cursor:pointer;transition:background .2s,border-color .2s,color .2s}.w4h .ob:hover{color:#fff;background:#ffffff12;border-color:#ffffff47}.w4h .send{cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s}.w4h .send:hover{filter:brightness(1.12);transform:scale(1.08)}.w4h .hint{cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.w4h .hint:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.w4h .card .ph{cursor:text}.w4h .tag{cursor:default}.w4h button{font:inherit}.w4h .card textarea.ph{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;font-family:inherit;display:block}.w4h .card textarea.ph::placeholder{color:var(--muted)}.w4h .ob{position:relative}.w4h .ob .cnt{background:var(--purple);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-5px;right:-5px}.w4h .ob .bare{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.w4h .ob.live{border-color:var(--purple);color:#fff;box-shadow:0 0 0 3px #7707ff40}.w4h .ob.live .bare:first-child svg{animation:1.1s ease-in-out infinite w4h-pulse}@keyframes w4h-pulse{50%{opacity:.35}}.w4h .send:disabled{opacity:.5}.w4h .mwrap{position:relative}.w4h .pop{border:1px solid var(--line);z-index:20;text-align:left;background:#1d1a23;border-radius:14px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 20px 50px -20px #000c}.w4h .pop button{color:#d6d3de;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}.w4h .pop button b{color:#fff;font-size:13px;font-weight:500}.w4h .pop button span{color:var(--muted);font-size:12px}.w4h .pop button:hover,.w4h .pop button.on{background:#ffffff12}.w4h .card .note{text-align:center;color:var(--purple-soft);margin:0;font-size:12px;position:absolute;top:calc(100% + 8px);left:0;right:0}.w4h .hint{font-family:inherit}@media (pointer:fine){html.w4-cursor-on,html.w4-cursor-on body{cursor:none}html.w4-cursor-on :is(a,button,label,select,[role=button]){cursor:pointer}html.w4-cursor-on :is(textarea,input){cursor:text}}.w4-cursor{mix-blend-mode:difference;pointer-events:none;z-index:1000;will-change:transform;background:#fff;border-radius:50%;width:14px;height:14px;transition:width .25s cubic-bezier(.2,.8,.2,1),height .25s cubic-bezier(.2,.8,.2,1),opacity .18s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.w4-cursor.hide{opacity:0;width:8px;height:8px}@media (pointer:coarse){.w4-cursor{display:none}}