.landing{--edge:clamp(1.25rem,5vw,4rem);--ground:#08090a;--panel:#0f1113;--panel-lift:#14171a;--line:#1e2225;--ink:#f2f4f5;--ink-dim:#8b9297;--team-a:#4dff88;--team-b:#ff5aa8;max-width:82rem;margin:0 auto;padding:0 var(--edge) 6rem;background:var(--ground);color:var(--ink)}body:has(.landing){background:#08090a}.brand-bar{display:flex;padding:2rem 0 0}.brand,.brand-bar{align-items:center}.brand{display:inline-flex;gap:.7rem}.brand-mark{flex:0 0 auto;width:2rem;height:2rem;border-radius:.45rem;box-shadow:0 0 0 1px #23282c}.brand-name{font-size:1.375rem;font-weight:650;letter-spacing:-.025em;color:var(--ink)}.brand-fast{color:var(--team-a)}.hero{display:grid;gap:clamp(2.5rem,6vw,4rem);align-items:center;padding:clamp(2.5rem,7vw,5rem) 0 clamp(2rem,5vw,3.5rem)}@media (min-width:62rem){.hero{grid-template-columns:1fr 1.25fr}}.hero-copy{container-type:inline-size}.hero h1{margin:0;font-size:clamp(2.5rem,11.5cqw,4.5rem);font-weight:700;line-height:.98;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--team-a)}.lede{max-width:32ch;margin:1.5rem 0 0;font-size:clamp(1.0625rem,1.6vw,1.3125rem);line-height:1.5;color:var(--ink-dim)}.starters{display:grid;gap:.5rem;max-width:27rem;margin:2.25rem 0 0}.starters button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 1rem;padding:.95rem 1.15rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.starter-name{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.starter-meta{grid-column:1;margin-top:.15rem;font-size:.8125rem;color:var(--ink-dim)}.starter-go{grid-row:1/span 2;grid-column:2;font-size:1.125rem;color:var(--ink-dim);transition:transform .15s ease,color .15s ease}.starters button:hover{border-color:#33383c;background:var(--panel-lift);transform:translateY(-1px)}.starters button:hover .starter-go{transform:translateX(3px);color:var(--team-a)}.starters button:focus-visible{outline:2px solid var(--team-a);outline-offset:2px}.fine{margin:1.5rem 0 0;max-width:42ch;font-size:.8125rem;line-height:1.6;color:#6f767c}.hero-stage{display:grid;gap:1.25rem}.stage-caption{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.8125rem;color:var(--ink-dim)}.stage-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--team-a);animation:stage-pulse 2s ease-in-out infinite}@keyframes stage-pulse{0%,to{opacity:1}50%{opacity:.25}}.demo{container:demo/inline-size;display:flex;align-items:flex-end;gap:3cqw;animation:demo-enter .9s cubic-bezier(.22,1,.36,1) both}@keyframes demo-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.demo-screen{container-type:inline-size;position:relative;flex:1 1 auto;min-width:0}.demo-screen:before{content:"";position:absolute;inset:-14% -10% -20%;background:radial-gradient(55% 45% at 28% 30%,color-mix(in srgb,var(--team-a) 20%,transparent),transparent 72%),radial-gradient(55% 45% at 72% 72%,color-mix(in srgb,var(--team-b) 18%,transparent),transparent 72%);filter:blur(42px);opacity:.55;pointer-events:none}.demo-board{position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;overflow:hidden;border-radius:.75rem;background:#000;box-shadow:0 0 0 1px rgb(255 255 255/7%),inset 0 1px 0 0 rgb(255 255 255/6%),0 2rem 4rem -1.5rem rgb(0 0 0/80%);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.02em}.demo-side{flex:1 1 0;display:flex;align-items:center;gap:3cqw;padding:0 4cqw}.demo-side[data-side=a]{color:var(--team-a)}.demo-side[data-side=b]{color:var(--team-b)}.demo-serve{flex:0 0 auto;width:1.6cqw;height:1.6cqw;border-radius:50%;background:currentColor;opacity:0;transition:opacity .25s ease}.demo-side[data-serving] .demo-serve{opacity:1}.demo-name{flex:1;font-size:8cqw;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-prev{font-size:5.5cqw;font-weight:400;opacity:.45}.demo-live{min-width:2ch;font-size:13cqw;line-height:1;text-align:right;animation:demo-tick .3s cubic-bezier(.22,1,.36,1)}@keyframes demo-tick{0%{opacity:0;transform:translateY(-.2em)}to{opacity:1;transform:none}}.demo-qr{position:absolute;right:1cqw;bottom:.9cqw;width:5.6cqw;aspect-ratio:1;border-radius:2px;background:conic-gradient(#fff 0 25%,#000 0 50%,#fff 0 75%,#000 0) 0 0 /33.33% 33.33%,#fff;animation:demo-rotate 6s ease-in-out infinite}@keyframes demo-rotate{0%,82%{opacity:1;filter:none}88%{opacity:.55;filter:blur(1px)}94%,to{opacity:1;filter:none}}.demo-foot{display:block;width:22%;height:.55rem;margin:0 auto;border-radius:0 0 .3rem .3rem;background:linear-gradient(#1b1f22,#121518)}.demo-phone{container-type:inline-size;flex:0 0 20%;display:grid;gap:1.2cqw;padding:1.5cqw 1.2cqw;border-radius:2.6cqw;background:#16191c;box-shadow:0 0 0 1px #2b3034,0 1rem 2rem -.75rem rgb(0 0 0/80%)}.demo-phone-bar{width:34%;height:2.5cqw;margin:1cqw auto 2cqw;border-radius:2cqw;background:#3a4045}.demo-keys{display:grid;gap:6cqw}.demo-key{display:grid;place-items:center;padding:15cqw 0;border-radius:9cqw;font-size:17cqw;font-weight:700;line-height:1;color:#0a0b0c;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.demo-key[data-side=a]{background:var(--team-a)}.demo-key[data-side=b]{background:var(--team-b)}.demo-key[data-press]{transform:scale(.94);filter:brightness(1.15);box-shadow:0 0 0 4cqw rgb(255 255 255/14%)}.demo-undo{display:block;margin-top:2cqw;padding:7cqw 0;border-radius:7cqw;background:#202429;color:#8b9297;font-size:11cqw;font-weight:600;text-align:center;letter-spacing:.04em}@container demo (max-width: 24rem){.demo-phone{display:none}}.clubs,.grid-notes,.how{padding:clamp(2.5rem,6vw,4rem) 0;border-top:1px solid var(--line)}.clubs h2,.how h2,.landing-foot h2{margin:0 0 1.75rem;font-size:.75rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#6f767c}.how ol{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none;counter-reset:step}@media (min-width:48rem){.how ol{grid-template-columns:repeat(2,1fr);gap:2rem 3rem}}.how li{counter-increment:step;position:relative;padding-left:3.25rem;max-width:46ch;line-height:1.6;color:var(--ink-dim)}.how li strong{color:var(--ink);font-weight:600}.how li:before{content:counter(step);position:absolute;left:0;top:-.35rem;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#2a2f33}.grid-notes{display:grid;gap:1rem}@media (min-width:48rem){.grid-notes{grid-template-columns:repeat(2,1fr)}}.grid-notes article{padding:1.35rem 1.5rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel)}.grid-notes h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}.clubs p,.grid-notes p{margin:0;max-width:48ch;line-height:1.6;color:var(--ink-dim)}.clubs p+p{margin-top:1.5rem}.link-button{display:inline-block;padding:.7rem 1.25rem;border-radius:.6rem;background:var(--ink);color:#0a0b0c;font-weight:600;text-decoration:none;transition:transform .15s ease}.link-button:hover{transform:translateY(-1px)}.link-button:focus-visible{outline:2px solid var(--team-a);outline-offset:2px}.landing-foot{margin-top:clamp(2.5rem,6vw,4rem)}.foot-rule{height:2px;border-radius:2px;background:linear-gradient(90deg,var(--team-a),var(--team-b));opacity:.7}.foot-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.75rem,4vw,2.5rem) 0}.foot-cols{display:grid;gap:2rem;padding:clamp(1.75rem,4vw,2.5rem) 0 0;border-top:1px solid var(--line)}@media (min-width:48rem){.foot-cols{grid-template-columns:auto auto 1fr;gap:3rem}}.landing-foot h2{margin:0 0 1rem}.foot-links{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;justify-items:start}.foot-links a,.foot-links button{padding:0;border:0;background:none;color:var(--ink-dim);font:inherit;font-size:.9375rem;text-align:left;text-decoration:none;cursor:pointer;transition:color .15s ease}.foot-links a:hover,.foot-links button:hover{color:var(--ink)}.foot-links a:focus-visible,.foot-links button:focus-visible{outline:2px solid var(--team-a);outline-offset:3px;border-radius:2px}.foot-note{margin:0;max-width:46ch;font-size:.8125rem;line-height:1.6;color:#6f767c}@media (prefers-reduced-motion:reduce){.demo,.demo-live,.demo-qr,.stage-dot{animation:none}.demo-key,.demo-serve,.link-button,.starter-go,.starters button{transition:none}}.split-flap-text{display:inline-flex;align-items:center;gap:var(--split-flap-gap,6px);color:var(--split-flap-text-color,#f8fafc);font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Liberation Mono,Menlo,monospace;font-size:var(--split-flap-font-size,52px);font-weight:760;line-height:1;letter-spacing:.035em;white-space:pre;user-select:none;font-variant-numeric:tabular-nums}.split-flap-text__tile{position:relative;width:.78em;height:1.08em;overflow:hidden;border-radius:var(--split-flap-radius,8px);background:radial-gradient(circle at 50% 0,rgba(255,255,255,.16),transparent 44%),linear-gradient(180deg,color-mix(in srgb,var(--split-flap-tile-color,#111827) 82%,white),var(--split-flap-tile-color,#111827));box-shadow:inset 0 .035em .08em rgba(255,255,255,.08),inset 0 -.05em .1em rgba(0,0,0,.38),0 .16em .38em rgba(0,0,0,.28);perspective:520px;transform-style:preserve-3d;isolation:isolate}.split-flap-text__tile:before{content:"";position:absolute;z-index:8;top:calc(50% - .5px);left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 18%,rgba(0,0,0,.64) 50%,rgba(255,255,255,.14) 82%,transparent);box-shadow:0 -1px 0 rgba(255,255,255,.08),0 1px 0 rgba(0,0,0,.5);pointer-events:none}.split-flap-text__tile:after{content:"";position:absolute;inset:0;z-index:9;border:1px solid rgba(255,255,255,.08);border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);pointer-events:none}.split-flap-text__flap,.split-flap-text__half{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 34%),var(--split-flap-tile-color,#111827);backface-visibility:hidden}.split-flap-text__flap--front,.split-flap-text__half--top{top:0}.split-flap-text__flap--back,.split-flap-text__half--bottom{bottom:0;background:linear-gradient(0deg,rgba(255,255,255,.06),transparent 38%),color-mix(in srgb,var(--split-flap-tile-color,#111827) 92%,black)}.split-flap-text__char{position:absolute;left:0;width:100%;height:200%;display:flex;align-items:center;justify-content:center;color:var(--split-flap-text-color,#f8fafc);text-shadow:0 .025em 0 rgba(255,255,255,.16),0 .09em .16em rgba(0,0,0,.42)}.split-flap-text__flap--front .split-flap-text__char,.split-flap-text__half--top .split-flap-text__char{top:0}.split-flap-text__flap--back .split-flap-text__char,.split-flap-text__half--bottom .split-flap-text__char{bottom:0}.split-flap-text__flap{z-index:6;will-change:transform,filter;transform-style:preserve-3d}.split-flap-text__flap--front{transform-origin:center bottom;animation:split-flap-front var(--split-flap-flip-duration,.12s) cubic-bezier(.23,1,.32,1) both}.split-flap-text__flap--back{transform-origin:center top;transform:rotateX(90deg);animation:split-flap-back var(--split-flap-flip-duration,.12s) cubic-bezier(.23,1,.32,1) both}@keyframes split-flap-front{0%{transform:rotateX(0deg);filter:brightness(1.08)}to{transform:rotateX(-90deg);filter:brightness(.52)}}@keyframes split-flap-back{0%,45%{transform:rotateX(90deg);filter:brightness(.58)}to{transform:rotateX(0deg);filter:brightness(1)}}@media (prefers-reduced-motion:reduce){.split-flap-text__flap{animation:none!important}}