@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{color-scheme:dark;--home-bg: #101713;--home-panel: #19231d;--home-ink: #f3f5ee;--home-muted: #b7c4b9;--home-line: #39463d;--home-lime: #c4ff36;--home-body: "Outfit", system-ui, sans-serif;--home-display: "Bebas Neue", sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--gutter: 16px;font-family:var(--home-body);color:var(--home-ink);background:var(--home-bg);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:280px;background:var(--home-bg)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--home-lime);outline-offset:4px}h1,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}img{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@property --seam{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.skip{position:absolute;left:16px;top:8px;padding:12px;background:var(--home-lime);color:var(--home-bg);transform:translateY(-160%);z-index:9}.skip:focus{transform:none}.masthead{position:absolute;top:0;left:0;right:0;z-index:6;min-height:60px;padding:env(safe-area-inset-top) max(var(--pad),env(safe-area-inset-right)) 8px max(var(--pad),env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to bottom,#0a0f0cdb,#0a0f0c00)}.wordmark{font-family:var(--home-display);font-size:26px;letter-spacing:.025em;line-height:1;min-height:44px;display:inline-flex;align-items:center}.wordmark span{color:var(--home-lime)}.masthead-actions{display:flex;align-items:center;gap:0;margin-right:-12px}.quiet-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;border:0;background:none;color:#c3cdc4;font-size:14px;font-weight:500;transition:color .16s ease}.quiet-link[aria-busy=true]{opacity:.6;cursor:progress}.account-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;max-width:160px}.account-chip [data-account-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-initial{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--home-lime);color:var(--home-bg);font-size:13px;font-weight:700;flex-shrink:0}.auth-status{position:absolute;top:64px;left:50%;z-index:6;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:#0a0f0cf0;color:var(--home-ink);font-size:14px;line-height:1.5;text-align:center}.auth-status:empty{display:none}.status-link{display:inline;padding:0;border:0;background:none;color:var(--home-lime);font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}:root{--pad: clamp(16px, 4.5vw, 72px)}.split{--seam: 50%;--tilt: 3.2vw;--edge: 1.5px;position:relative;height:100vh;height:100svh;min-height:340px;overflow:hidden;background:var(--home-bg);transition:--seam .56s var(--ease-out)}.split:has(.half-cricket:focus-visible){--seam: 58%}.split:has(.half-tennis:focus-visible){--seam: 42%}.half{position:absolute;top:0;right:0;bottom:0;left:0;display:block;outline:none}.half-cricket{clip-path:polygon(0 0,calc(var(--seam) + var(--tilt)) 0,calc(var(--seam) - var(--tilt)) 100%,0 100%)}.half-tennis{clip-path:polygon(calc(var(--seam) + var(--tilt)) 0,100% 0,100% 100%,calc(var(--seam) - var(--tilt)) 100%)}.half-cricket{background:#101713}.half-tennis{background:#0d1520}.half-ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.half-ambient img{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;object-fit:cover;filter:blur(60px) saturate(1.1) brightness(.4);transform:translateZ(0)}.half-ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 80% at 50% 50%,#080c0a26,#080c0ab3),linear-gradient(to bottom,#080c0a8c,#080c0a00 22%,#080c0a00 70%,#080c0ab3)}.half:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0a80;opacity:0;transition:opacity .4s ease;pointer-events:none}.split:has(.half-cricket:focus-visible) .half-tennis:after,.split:has(.half-tennis:focus-visible) .half-cricket:after{opacity:1}.split{--col: min( 64vh , calc(34vw - 16px) )}.half-copy{position:absolute;top:calc(env(safe-area-inset-top) + 64px);bottom:104px;z-index:1;width:var(--col);display:flex;flex-direction:column;justify-content:center;gap:12px}.half-cricket .half-copy{left:var(--pad);align-items:flex-start}.half-tennis .half-copy{right:var(--pad);align-items:flex-end;text-align:right}.half-name{font-family:var(--home-display);font-size:clamp(56px,6.6vw,112px);line-height:.82;letter-spacing:.01em;text-transform:uppercase;color:var(--home-ink)}.half-line{color:#e3eae3;font-size:clamp(16px,1.4vw,21px);font-weight:500;line-height:1.35}.play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;margin-top:8px;padding-inline:30px;border-radius:999px;background:var(--home-lime);color:var(--home-bg);font-size:19px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:inset 0 1px #fff6,0 14px 30px -16px #000000d9;transition:transform .16s var(--ease-out),background-color .16s ease}.play svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s var(--ease-out)}.half:active .play{transform:scale(.95)}.half:focus-visible .play{outline:3px solid var(--home-ink);outline-offset:4px}.seam{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;filter:drop-shadow(0 0 3px rgb(196 255 54 / .4))}.seam-line{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--home-lime);clip-path:polygon(calc(var(--seam) + var(--tilt) - var(--edge)) 0,calc(var(--seam) + var(--tilt) + var(--edge)) 0,calc(var(--seam) - var(--tilt) + var(--edge)) 100%,calc(var(--seam) - var(--tilt) - var(--edge)) 100%)}.vs{position:absolute;left:var(--seam);top:50%;z-index:3;display:grid;place-items:center;width:76px;height:76px;padding-top:3px;border-radius:50%;background:var(--home-bg);border:1.5px solid rgb(196 255 54 / .65);color:var(--home-lime);font-family:var(--home-display);font-size:36px;line-height:1;transform:translate(-50%,-50%);box-shadow:0 8px 24px -6px #000000b3;pointer-events:none}.tagline{position:absolute;left:50%;bottom:22px;z-index:4;width:max-content;max-width:calc(100% - 32px);padding:12px 26px 13px;border-radius:16px;background:#0c120f8c;border:1px solid rgb(255 255 255 / .09);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 1px #ffffff0f;text-align:center;transform:translate(-50%);pointer-events:none}h1{font-family:var(--home-display);font-weight:400;font-size:30px;line-height:1;letter-spacing:.02em;text-transform:uppercase}h1 span{color:var(--home-lime)}.assure{margin-top:4px;color:var(--home-muted);font-size:14px;line-height:1.4}.demo{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:#17271e;border:1px solid rgb(255 255 255 / .1);box-shadow:inset 0 1px #ffffff14,0 34px 70px -30px #000000f2,0 0 0 1px #00000073;transition:border-color .16s ease}.demo video{display:block;width:100%;height:100%;object-fit:cover}.demo-cam{position:absolute;right:8px;bottom:8px;width:34%;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background:#101b16f5;border:1px solid #587049}.demo-cam:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgb(255 255 255 / .18);border-radius:30% 30% 12% 12%}.demo-cam canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.demo:after,.demo-cam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--home-lime),inset 0 0 22px #c4ff3673;opacity:0;transition:opacity .26s ease-out;pointer-events:none}.demo[data-hit]:after,.demo[data-hit] .demo-cam:before{opacity:1;transition-duration:60ms}.demo-tag{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:6px;background:#0a0f0cd1;color:var(--home-ink);font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.demo-cam .demo-tag{left:5px;top:5px;padding:2px 6px;font-size:10px}.demo-tag i{width:6px;height:6px;border-radius:50%;background:var(--home-lime)}.demo-hint{display:none;position:absolute;left:8px;bottom:8px;z-index:2;max-width:60%;padding:4px 8px;border-radius:6px;background:#0a0f0ce0;color:var(--home-ink);font-size:12px;font-weight:600;line-height:1.25;text-align:left}.steps{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;color:#e3eae3;font-size:13px;font-weight:500;line-height:1.3;text-align:left}.steps li{display:flex;align-items:flex-start;gap:7px}.steps b{flex:0 0 20px;height:20px;display:grid;place-items:center;border-radius:50%;border:1px solid rgb(196 255 54 / .5);color:var(--home-lime);font-size:11px;font-weight:700}@media(hover:hover)and (pointer:fine){.quiet-link:hover{color:var(--home-ink)}.split:has(.half-cricket:hover){--seam: 58%}.split:has(.half-tennis:hover){--seam: 42%}.split:has(.half-cricket:hover) .half-tennis:after,.split:has(.half-tennis:hover) .half-cricket:after{opacity:1}.half:hover .demo{border-color:#c4ff3673}.half:hover .play{background:var(--home-ink)}.half:hover .play svg{transform:translate(4px)}}@media(max-height:600px)and (orientation:landscape){.masthead{min-height:48px}.split{--col: min(calc(44vh * 16 / 9), calc(34vw - 16px) )}.half-name{font-size:clamp(40px,6vw,72px)}.half-copy{top:calc(env(safe-area-inset-top) + 50px);bottom:64px;gap:6px}.half-line,.steps{display:none}.demo-hint{display:block}.play{min-height:46px;margin-top:4px;padding-inline:20px;font-size:16px}.tagline{bottom:8px;padding:7px 18px 8px}h1{font-size:20px}.assure{margin-top:2px;font-size:12px}.vs{width:56px;height:56px;font-size:26px;top:42%}}@media(orientation:portrait){.split{--tilt: 2.6vh}.half-cricket{clip-path:polygon(0 0,100% 0,100% calc(var(--seam) - var(--tilt)),0 calc(var(--seam) + var(--tilt)))}.half-tennis{clip-path:polygon(0 calc(var(--seam) + var(--tilt)),100% calc(var(--seam) - var(--tilt)),100% 100%,0 100%)}.seam-line{clip-path:polygon(0 calc(var(--seam) + var(--tilt) - var(--edge)),100% calc(var(--seam) - var(--tilt) - var(--edge)),100% calc(var(--seam) - var(--tilt) + var(--edge)),0 calc(var(--seam) + var(--tilt) + var(--edge)))}.half-copy{left:var(--pad);right:var(--pad);width:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-items:start;column-gap:12px;row-gap:4px;text-align:left}.half-cricket .half-copy{top:calc(env(safe-area-inset-top) + 58px);bottom:auto;grid-template-areas:"name play" "line play" "demo demo"}.half-tennis .half-copy{left:var(--pad);right:var(--pad);top:auto;bottom:92px;text-align:left;grid-template-areas:"demo demo" "name play" "line play"}.half-name{grid-area:name;font-size:clamp(44px,13vw,84px)}.half-line{grid-area:line;font-size:13px}.demo{grid-area:demo;justify-self:center;width:min(100%,calc((50svh - 200px) * 16 / 9));margin-block:8px}.steps{display:none}.demo-hint{display:block}.play{grid-area:play;align-self:end;min-height:50px;margin-top:0;padding-inline:18px;font-size:16px}.vs{left:50%;top:var(--seam);width:58px;height:58px;font-size:28px}.tagline{left:0;right:0;bottom:0;width:auto;max-width:none;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));border-radius:0;border-width:1px 0 0;transform:none}h1{font-size:clamp(19px,5.6vw,28px)}.assure{font-size:12px}}@media(prefers-reduced-motion:no-preference){.half-cricket .half-copy>*{animation:in-left .62s var(--ease-out) backwards}.half-tennis .half-copy>*{animation:in-right .62s var(--ease-out) backwards}.half-copy>:nth-child(2){animation-delay:80ms}.half-copy>:nth-child(3){animation-delay:.16s}.half-copy>:nth-child(4){animation-delay:.24s}.half-copy>:nth-child(5){animation-delay:.32s}.seam-line{animation:fade .5s ease .2s backwards}.vs{animation:vs-pop .46s cubic-bezier(.34,1.56,.64,1) .38s backwards}.tagline{animation:fade .5s ease .3s backwards}}@keyframes in-left{0%{opacity:0;transform:translate(-36px)}}@keyframes in-right{0%{opacity:0;transform:translate(36px)}}@keyframes fade{0%{opacity:0}}@keyframes vs-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-30deg)}}@media(prefers-reduced-motion:reduce){.split{transition:none}.play,.play svg{transition:background-color .16s ease}.half:active .play,.half:hover .play svg{transform:none}}.split:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.half-ambient:after{background:radial-gradient(ellipse 80% 70% at 50% 45%,#080c0a1a,#080c0ac7),linear-gradient(to bottom,#080c0a99,#080c0a00 24%,#080c0a00 68%,#080c0acc)}.half-name{letter-spacing:.015em}.half-line{color:#c9d2c9;font-weight:400}.steps{color:#c5cfc6}.demo{transition:border-color .16s ease,transform .32s var(--ease-out)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.half:hover .demo{transform:translateY(-3px)}}
