:root{--bg: #f5f4f0;--fg: #111110;--muted: #7a7872;--line: rgba(17,17,16,.11);--accent: #ff5b35;--sans: "Helvetica Neue", "Neue Haas Grotesk Display Pro", HelveticaNeue, Helvetica, Arial, sans-serif;--mono: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;--max: 780px;--pad: clamp(24px, 5vw, 80px);--gap: 88px}[data-theme=dark]{--bg: #111110;--fg: #f0efe9;--muted: #6a6860;--line: rgba(240,239,233,.09)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .35s ease,color .35s ease}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;letter-spacing:-.045em;line-height:1.02}p{margin:0}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,56px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 92%,transparent);border-color:var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{font:500 11px/1 var(--mono);letter-spacing:.22em}.header-right{display:flex;align-items:center;gap:22px}.header-cta{font:400 13px/1 var(--mono);letter-spacing:.05em;color:var(--muted);transition:color .2s}.header-cta:hover{color:var(--fg)}#theme-toggle{background:none;border:none;padding:0;cursor:pointer;font:400 15px/1 var(--sans);color:var(--muted);transition:color .2s;display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}#theme-toggle:hover{color:var(--fg)}.hero{height:100vh;height:100dvh;min-height:560px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);transition:border-color .35s}.hero-content{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:58px clamp(32px,4vw,64px) 48px clamp(24px,7vw,100px)}.hero-gradient{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.hg-blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:0;animation-fill-mode:forwards}.hg-blob--1{width:52%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent) 0%,transparent 70%);right:-6%;bottom:-10%;opacity:.82;animation:blob-drift-1 12s ease-in-out infinite}.hg-blob--2{width:42%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,#ffb347 60%,transparent) 0%,transparent 70%);right:10%;top:-5%;opacity:.55;animation:blob-drift-2 9.5s ease-in-out infinite;animation-delay:-3.2s}.hg-blob--3{width:36%;aspect-ratio:1.3;background:radial-gradient(ellipse,color-mix(in srgb,#ff8c6b 50%,transparent) 0%,transparent 70%);right:18%;top:30%;opacity:.38;animation:blob-drift-3 14s ease-in-out infinite;animation-delay:-6s}.hg-blob--4{width:28%;aspect-ratio:.8;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 30%,#fff3e0 40%) 0%,transparent 70%);right:0%;top:15%;opacity:.3;animation:blob-drift-4 10s ease-in-out infinite;animation-delay:-1.8s}@keyframes blob-drift-1{0%{transform:translate(0) scale(1)}33%{transform:translate(-6%,-8%) scale(1.06)}66%{transform:translate(4%,-5%) scale(.96)}to{transform:translate(0) scale(1)}}@keyframes blob-drift-2{0%{transform:translate(0) scale(1)}40%{transform:translate(-9%,10%) scale(1.08)}70%{transform:translate(5%,4%) scale(.94)}to{transform:translate(0) scale(1)}}@keyframes blob-drift-3{0%{transform:translate(0) scale(1) rotate(0)}35%{transform:translate(8%,-12%) scale(1.1) rotate(6deg)}70%{transform:translate(-4%,6%) scale(.92) rotate(-4deg)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes blob-drift-4{0%{transform:translate(0) scale(1)}50%{transform:translate(-12%,8%) scale(1.12)}to{transform:translate(0) scale(1)}}[data-theme=dark] .hg-blob--1{opacity:.55;filter:blur(80px)}[data-theme=dark] .hg-blob--2{opacity:.3;background:radial-gradient(circle,color-mix(in srgb,#ff8c00 55%,transparent) 0%,transparent 70%)}[data-theme=dark] .hg-blob--3{opacity:.22}[data-theme=dark] .hg-blob--4{opacity:.18}.hero-court{position:absolute;z-index:-1;width:clamp(310px,36vw,560px);aspect-ratio:1;left:clamp(-230px,-13vw,-120px);bottom:clamp(-255px,-17vw,-150px);border:1px solid color-mix(in srgb,var(--fg) 8%,transparent);border-radius:50%;pointer-events:none}.hero-court:before,.hero-court:after,.hero-court span{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--fg) 7%,transparent);border-radius:50%}.hero-court:before{inset:17%}.hero-court:after{inset:34%}.hero-court span{inset:48%;background:var(--accent);border:0;opacity:.85}.label{display:flex;align-items:center;gap:10px;font:400 12px/1 var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:32px}.label i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 11%,transparent)}h1{position:relative;font-size:clamp(40px,5.5vw,72px);font-weight:500;margin-bottom:28px;max-width:560px}.move-word{position:relative;display:inline-block}.move-word:after{content:"";position:absolute;left:3%;right:-2%;bottom:-.09em;height:2px;background:var(--accent);transform:rotate(-1.5deg) scaleX(.72);transform-origin:left center;opacity:.9}.hero-sub{max-width:420px;color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:44px}.hero-sub-cta{color:var(--accent);font-style:italic}.hero-actions{display:flex;align-items:center;gap:32px}.hero-index{position:absolute;left:clamp(24px,7vw,100px);right:clamp(32px,4vw,64px);bottom:34px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:11px;color:var(--muted);font:400 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero-index span{display:flex;gap:8px}.hero-index b{color:var(--accent);font-weight:400}.hero-coordinate{position:absolute;right:18px;top:50%;color:color-mix(in srgb,var(--muted) 55%,transparent);font:400 10px/1 var(--mono);letter-spacing:.12em;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.cta-primary{font:500 14px/1 var(--mono);letter-spacing:.05em;border-bottom:1.5px solid var(--fg);padding-bottom:5px;transition:opacity .2s}.cta-primary:hover{opacity:.4}.cta-secondary{font:400 14px/1 var(--mono);letter-spacing:.05em;color:var(--muted);transition:color .2s}.cta-secondary:hover{color:var(--fg)}.hero-pong{position:relative;border-left:1px solid var(--line);overflow:hidden;transition:border-color .35s}#pong-canvas{position:absolute;inset:0;display:block;cursor:none}.pong-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;z-index:3;transition:opacity .5s ease}.pong-cta.hidden{opacity:0;pointer-events:none}.pong-cta-ring{width:64px;height:64px;border-radius:50%;border:1.5px solid var(--accent);opacity:.6;animation:ring-pulse 2s ease-in-out infinite}.pong-cta-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1.5px solid var(--accent);opacity:.4;animation:ring-pulse 2s ease-in-out infinite .3s}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:.25}}.pong-cta-label{font:500 11px/1 var(--mono);letter-spacing:.2em;color:var(--fg);text-transform:uppercase}.pong-cta-sub{font:400 10px/1 var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.pong-score-flash{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 70%);transition:opacity .08s ease}.pong-score-flash.active{opacity:1}.inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.rule{height:1px;background:var(--line);transition:background .35s}.block{display:grid;grid-template-columns:200px 1fr;gap:0 48px;padding:var(--gap) 0}.block-meta{padding-top:5px}.num{display:block;font:500 16px/1 var(--mono);letter-spacing:.08em;color:var(--accent);margin-bottom:12px}.tag{display:block;font:500 clamp(24px,2.8vw,32px)/1.1 var(--sans);letter-spacing:-.03em;color:var(--fg);text-transform:none}h2{font-size:clamp(34px,4vw,52px);font-weight:500;margin-bottom:22px}.block-lead{font-size:18px;font-weight:400;line-height:1.5;letter-spacing:-.01em;margin-bottom:14px}.block-copy{font-size:15.5px;color:var(--muted);line-height:1.7;max-width:440px;margin-bottom:36px}.app-downloads{display:flex;gap:24px;margin-top:-12px;margin-bottom:36px}.screenshot-strip{overflow:hidden;width:100%;max-width:100%;max-height:0;opacity:0;margin-bottom:0;transition:max-height .6s cubic-bezier(.22,1,.36,1),opacity .45s ease,margin-bottom .6s cubic-bezier(.22,1,.36,1)}#clubhopper:hover .screenshot-strip,#clubhopper:focus-within .screenshot-strip{max-height:310px;opacity:1;margin-bottom:36px}.screenshot-track{display:flex;gap:10px;padding-bottom:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.screenshot-track::-webkit-scrollbar{display:none}.screenshot-frame{flex:0 0 auto;width:130px;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:var(--line);box-shadow:0 4px 20px #11111014;transition:transform .25s cubic-bezier(.22,1,.36,1)}[data-theme=dark] .screenshot-frame{box-shadow:0 4px 20px #00000059}.screenshot-frame:hover{transform:scale(1.04) translateY(-3px)}.screenshot-frame img{display:block;width:100%;height:100%;object-fit:cover}.feature-rows{border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:30px 1fr;gap:0 18px;padding:20px 0;border-bottom:1px solid var(--line)}.f-num{font:500 14px/1 var(--mono);letter-spacing:.05em;color:var(--fg);padding-top:3px}.feature-row strong{display:block;font-weight:500;font-size:19px;line-height:1.3;letter-spacing:-.02em;margin-bottom:5px}.feature-row p{font-size:15px;color:var(--muted);line-height:1.65}.service-rows{border-top:1px solid var(--line);margin-bottom:36px}.service-row{padding:22px 0;border-bottom:1px solid var(--line)}.service-row strong{display:block;font-weight:500;font-size:19px;line-height:1.3;letter-spacing:-.02em;margin-bottom:5px}.service-row p{font-size:15px;color:var(--muted);line-height:1.65;max-width:400px}.closing{padding:var(--gap) 0 calc(var(--gap) * 1.2)}.closing h2{font-size:clamp(34px,4vw,52px);font-weight:500;margin-bottom:32px}footer{max-width:var(--max);margin:0 auto;padding:28px var(--pad) 40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.foot-copy{font:400 12px/1 var(--mono);letter-spacing:.07em;color:var(--muted)}.team-members{display:flex;flex-direction:column;gap:56px;margin-top:36px}.team-member{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.member-image-wrapper{flex:0 0 130px;width:130px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--line);box-shadow:0 4px 20px #1111100d;border:1px solid var(--line);transition:transform .3s cubic-bezier(.22,1,.36,1)}[data-theme=dark] .member-image-wrapper{box-shadow:0 4px 20px #00000040}.member-image-wrapper:hover{transform:scale(1.04) translateY(-2px)}.member-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.member-info{flex:1}.member-info h3{font-size:18px;font-weight:500;letter-spacing:-.02em;margin:0 0 4px}.member-title{display:inline-block;font:400 11px/1 var(--mono);letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:12px}.member-bio{font-size:15px;color:var(--muted);line-height:1.7;max-width:440px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.screenshot-strip,body{transition:none}.hg-blob{animation:none}}@media(max-width:860px){h1{font-size:clamp(38px,5vw,56px)}}@media(max-width:680px){:root{--gap: 60px}.hero{grid-template-columns:1fr;grid-template-rows:auto 44vh;height:auto;min-height:100dvh}.hero-content{padding:102px var(--pad) 36px}.hero-pong{border-left:none;border-top:1px solid var(--line)}h1{font-size:38px}h2{font-size:32px}.block{grid-template-columns:1fr;gap:20px 0}.block-body{min-width:0}.block-meta{display:flex;align-items:center;gap:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-index,.hero-coordinate{display:none}.hero-court{width:380px;left:-230px;bottom:-220px}.screenshot-frame{width:110px}#clubhopper:hover .screenshot-strip,#clubhopper:focus-within .screenshot-strip{max-height:260px}.pong-cta-label:after{content:"TAP TO PLAY"}.pong-cta-label{font-size:0}.pong-cta-sub{letter-spacing:.1em}.hero-sub-cta{display:block;margin-top:4px}.team-member{flex-direction:column;gap:16px}.member-image-wrapper{flex:0 0 100px;width:100px}}