@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400&family=Inter:wght@400&display=swap";*{box-sizing:border-box;margin:0}body{color:#000;background:#fff;height:100vh;font:400 20px/1.2 Inter;overflow:hidden}.g{color:#999}.cap{font-size:13px;line-height:1.25}.big{font:400 80px/.8 Space Grotesk}.h{font:400 48px/.85 Space Grotesk}.m24{font:400 24px/1.1 Space Grotesk}.stage{height:100vh;position:relative}.abs{position:absolute}svg.wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}svg.wires path{fill:none;stroke:#000;stroke-width:1px;stroke-dasharray:1 5;stroke-linecap:round;stroke-dashoffset:0;animation:2.4s cubic-bezier(.3,.7,.2,1) both wire}svg.wires path:nth-child(2){animation-delay:.25s}svg.wires path:nth-child(3){animation-delay:.5s}svg.wires path:nth-child(4){animation-delay:.75s}svg.wires path:nth-child(5){animation-delay:1s}svg.wires path:nth-child(6){animation-delay:1.25s}@keyframes wire{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}.par{transform:translate3d(calc(var(--px,0)*var(--d,10)*1px),calc(var(--py,0)*var(--d,10)*1px),0);will-change:transform;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.fl{animation:drift var(--t,9s) ease-in-out var(--dl,0s) infinite alternate;will-change:transform}@keyframes drift{0%{transform:translate(0,0)rotate(0)}50%{transform:translate3d(var(--x,3px),var(--y,-6px),0) rotate(var(--r,.3deg))}to{transform:translate3d(calc(var(--x,3px)*-1),calc(var(--y,-6px)*.5),0) rotate(calc(var(--r,.3deg)*-1))}}.hover{animation:5s ease-in-out infinite alternate hov}@keyframes hov{to{transform:translateY(-5px)}}.arrive{animation:1.6s cubic-bezier(.16,1,.3,1) 1.2s both arrive}@keyframes arrive{0%{opacity:0;filter:blur(3px);transform:translateY(46px)scale(.97)}}.fade{animation:1s both fade}@keyframes fade{0%{opacity:0}}.btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:0;padding:9px 14px;font:13px Arial}.btn.k{color:#fff;background:#000}.btn:disabled{opacity:.4;cursor:not-allowed}.ta{resize:none;background:0 0;border:0;border-bottom:1px solid #000;outline:0;width:470px;height:118px;padding:0;font:400 34px/1.05 Space Grotesk}.caret{vertical-align:-4px;background:#000;width:1px;height:30px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.strike{background:linear-gradient(#000,#000) 0 55%/100% 1px no-repeat}.m{display:none}.wm{letter-spacing:-.025em;font:400 1em/.82 Space Grotesk;display:inline-block;position:relative}.wm b{font-weight:400;display:block}.wm b+b{padding-left:.62em}.wm svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.wm path{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:1 4;stroke-linecap:round;vector-effect:non-scaling-stroke}.col{display:contents}.lsonly{display:none}.tiles{gap:8px;display:flex}.tiles span{border:1px solid #000;border-radius:2px;justify-content:center;align-items:center;width:64px;height:76px;font:400 44px/1 Space Grotesk;display:flex}.tiles span.e{border-color:#ccc}.vt{vertical-align:-2px;border:1px solid #000;border-radius:1px;width:14px;height:14px;margin-right:4px;display:inline-block}.vt.k{background:#000}.vt.o{border-color:#ccc}.pop{animation:.5s both fade}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.par{transform:none!important}}@media (width<=600px){.big .wm{font-size:66px!important}body{height:auto;font-size:16px;overflow:auto}.fl{animation-name:driftm;animation-duration:calc(var(--t,9s)*.8)}.tiles span{width:52px;height:62px;font-size:34px}.stage{flex-direction:column;display:flex}.c2>*{order:1}.c1>*{order:2}.c3>*{order:3}.stage{height:auto;padding:18px 18px 28px}.abs{width:auto!important;max-width:none!important;position:static!important}svg.wires{display:none}.par{transform:none}.big{font-size:46px}.h{font-size:30px}.m24{font-size:20px}.blk{border-left:1px dotted #000;margin-left:4px;padding:0 0 18px 14px}.ta{width:100%;height:88px;font-size:24px}.d{display:none}.m{display:block}}@keyframes driftm{to{transform:translateY(-3px)}}@media (width>=601px) and (width<=1100px) and (height>=501px){body{height:auto;overflow:auto}.stage{grid-template-columns:1fr 1fr;align-items:start;gap:28px 48px;height:auto;padding:40px 48px 56px;display:grid}.abs{width:auto!important;position:static!important}svg.wires{display:none}.span{grid-column:1/-1}.c2{flex-direction:column;grid-column:1/-1;gap:22px;display:flex}.c1,.c3{flex-direction:column;gap:24px;display:flex}.c2 .par:nth-child(2){margin-left:120px}.c2 .par:nth-child(3){margin-left:40px}.blk{border-left:1px dotted #000;padding:0 0 4px 14px}.hdr{grid-column:1/-1}.ta{width:100%;height:84px}.stage>.abs.span{justify-content:space-between;align-items:flex-end;display:flex;text-align:left!important}}@media (height<=500px) and (width>=601px){.big .wm{font-size:50px!important}body{height:auto;overflow:auto}.stage{grid-template-columns:1fr 1fr;gap:4px 28px;height:auto;padding:16px 22px;display:grid}.abs{width:auto!important;position:static!important}svg.wires{display:none}.big{font-size:30px}body{font-size:15px}.stage>.abs.span{justify-content:flex-end;align-items:baseline;gap:16px;display:flex}.stage>.abs.span .big{font-size:30px!important}.stage>.abs.span br{display:none}.blk{border-left:1px dotted #000;padding:0 0 12px 12px}.ta{width:100%;height:46px;font-size:18px}.cap{font-size:11px}.d{display:none}.span{grid-column:1/-1}body.w{height:100vh;overflow:hidden}body.w .stage{grid-template-rows:auto 1fr;grid-template-columns:190px 1fr 150px;gap:8px 22px;height:100vh;padding:12px 20px}body.w .hdr{border-bottom:1px solid #e6e6e6;border-left:0;grid-column:1/-1;padding:0 0 6px}body.w .hdr .fl{align-items:baseline;gap:12px;display:flex}body.w .hdr .big{font-size:22px}body.w .hdr br,body.w .stage>.abs.span{display:none}body.w .lsonly{margin-left:auto;display:inline}body.w .timer-display{margin-left:14px;font:400 22px/1 Space Grotesk}body.w .c1{grid-area:2/1}body.w .c2{grid-area:2/2}body.w .c3{grid-area:2/3}body.w .btn{white-space:nowrap}body.w .col{flex-direction:column;gap:10px;min-height:0;display:flex}body.w .c2{gap:7px}body.w .c2 .blk{padding-bottom:4px;font-size:13px;line-height:1.25}body.w .ta{height:38px;font-size:15px;line-height:1.2}body.w .btn{padding:6px 10px;font-size:12px}body.w .cap{font-size:11px}body.w .c1 .cap.hover{margin-bottom:5px!important}body.w .m24{font-size:15px}body.w .c3 .d{display:block}body.w .c1 .blk,body.w .c3 .blk{padding-bottom:4px}}@media (width>=901px),(height>=501px){body.w{height:100vh;overflow:hidden}body.w .stage{grid-template-rows:auto 1fr;grid-template-columns:190px 1fr 150px;gap:8px 22px;height:100vh;padding:12px 20px;display:grid}body.w .hdr{border-bottom:1px solid #e6e6e6;border-left:0;grid-column:1/-1;padding:0 0 6px}body.w .hdr .fl{align-items:baseline;gap:12px;display:flex}body.w .hdr .big{font-size:22px}body.w .lsonly{margin-left:auto;display:inline}body.w .timer-display{margin-left:14px;font:400 22px/1 Space Grotesk}body.w .c1{grid-area:2/1}body.w .c2{grid-area:2/2}body.w .c3{grid-area:2/3}body.w .col{flex-direction:column;gap:10px;display:flex}body.w .stage>.abs.span{display:none}}
