:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111113;--ink:#fff;--muted:#ffffffbd;--rule:#ffffff1f;--gutter:max(6vw, 20px);--content:1440px;--header:72px;font-family:Google Sans Flex,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}body{margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.brand{width:fit-content;display:flex}.brand svg{fill:currentColor;width:auto;display:block}.sport-name{letter-spacing:-.025em;font-weight:400;line-height:1;display:inline-block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header,.site-footer-inner,.hero-inner,.feature-inner,.chooser,.cross-inner,.legal-inner{width:100%;max-width:var(--content);padding-inline:var(--gutter);margin:auto}.site-header{z-index:3;height:var(--header);justify-content:space-between;align-items:center;gap:28px;display:flex;position:relative}.brand{font-size:20px;text-decoration:none}.site-header nav{gap:22px;display:flex}.site-header nav a{color:var(--muted);font-weight:600;text-decoration:none}.site-header nav a[aria-current]{color:var(--ink)}.site-footer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--muted:#ffffffa3;color:var(--muted);background:#000}.site-footer-inner{grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:40px 48px;min-height:232px;padding-block:64px;display:grid}.site-footer .brand{color:var(--ink);font-size:clamp(32px,3.4vw,48px)}.site-footer nav{flex-wrap:wrap;align-items:center;gap:12px 36px;font-size:18px;font-weight:600;display:flex}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--ink)}.site-footer small{grid-column:1/-1;font-size:15px}.painted{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rule:color-mix(in srgb, var(--ink) 14%, transparent);background:var(--field);color:var(--ink)}.painted .cross{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--muted:#ffffffbd;--rule:#ffffff1f;background:var(--page);color:var(--ink)}.painted .cross .eyebrow{color:var(--field)}.backdrop{background:radial-gradient(circle farthest-corner at 30% 16%, var(--light), var(--field) 55%, var(--edge) 130%);color:var(--ink)}.tone-brand{--court-line:#fff}.tone-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111113;--muted:#111113b8;--rule:#1111131a;--court-line:var(--field);--glow:transparent;color:var(--ink);background:#fff}.tone-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--muted:#ffffffbd;--rule:#ffffff1f;--court-line:var(--field);--glow:color-mix(in srgb, var(--field) 16%, transparent);--accent:var(--accent-on-dark);--on-accent:var(--on-accent-on-dark);background:var(--page);color:var(--ink)}.court{z-index:0;pointer-events:none;--line:clamp(80px, 8.4vw, 128px);--turn:30deg;--tx:88%;--ty:12%;position:absolute;inset:0}.court:before,.court:after{content:"";left:var(--tx);top:var(--ty);background:var(--court-line);transform-origin:0 0;position:absolute}.court:before{width:600vmax;height:var(--line);transform:rotate(var(--turn)) translate(-50%, -50%)}.court:after{width:var(--line);height:600vmax;transform:rotate(var(--turn)) translateX(-50%)}.flipped .court{--turn:-30deg;--tx:12%}.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:14px;font-weight:800}h1,h2{letter-spacing:-.01em;margin:0;font-weight:800}h1{font-size:clamp(44px,5.6vw,76px);line-height:1}h2{font-size:clamp(34px,4vw,56px);line-height:1.04}.lede,.copy p{max-width:30em;color:var(--muted);font-size:clamp(18px,1.6vw,21px);line-height:1.55}.pro-chip{background:var(--accent);height:36px;color:var(--on-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:22px;padding:0 18px;font-size:16px;font-weight:800;display:inline-flex}.cta{background:var(--accent);color:var(--on-accent);border-radius:999px;align-items:center;gap:10px;margin-top:10px;padding:18px 28px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.apple-icon{flex:none;width:22px;height:22px}.ball-stage{height:var(--stage-height,160px);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative}.ball-picture{bottom:calc(var(--ball-rest) - var(--ball-half));left:calc(50% - var(--ball-half));width:calc(2 * var(--ball-half));height:calc(2 * var(--ball-half));pointer-events:none;position:absolute}.ball-stage.at-start .ball-picture{left:calc(var(--ball-radius) - var(--ball-half))}[data-ball-area]{position:relative}.live-ball{z-index:2;left:calc(var(--ball-radius) - var(--ball-half));top:calc(-1 * var(--ball-lift));width:calc(100% + 2 * (var(--ball-half) - var(--ball-radius)));height:calc(100% + var(--ball-lift));pointer-events:none;position:absolute}.scene{z-index:1;--fit:86vh;--reach:48px;--h:min(var(--shown), var(--fit));--w:calc(var(--h) * var(--aspect));height:var(--h);margin:0;position:relative}.scene img{top:0;left:max(calc(-1 * var(--reach)), calc(50% - var(--w) / 2));width:var(--w);height:var(--h);background:radial-gradient(closest-side, var(--glow), transparent);max-width:none;position:absolute}.flipped .scene img{left:auto;right:max(calc(-1 * var(--reach)), calc(50% - var(--w) / 2))}.scene[data-shape=long]{--h:var(--shown);height:min(820px,80vh)}.scene[data-shape=long] img{background:0 0}.live-court{position:absolute}.hero,.feature{position:relative;overflow:clip}.hero,.legal{margin-top:calc(-1 * var(--header));padding-top:var(--header)}.hero-inner{min-height:calc(100vh - var(--header));grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-content:center;align-items:end;gap:48px;padding-block:24px 72px;display:grid;position:relative}.hero-copy{z-index:1;container-type:inline-size}.hero-copy h1{text-wrap:balance;font-size:clamp(36px,12cqi,104px)}.hero-copy .sport-name{margin:6px 0 22px;font-size:34px}.hero-copy .lede{margin:26px 0 30px}.hero .scene{--fit:calc((100vh - var(--header) - 96px) * var(--share));margin-bottom:calc(-1 * var(--below) * var(--h))}.feature{border-top:1px solid var(--rule)}.feature-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px 64px;min-height:80vh;padding-block:112px;display:grid;position:relative}.feature[data-shape=long] .feature-inner{padding-bottom:0}.feature .copy{z-index:1;position:relative;container-type:inline-size}.feature .copy h2{font-size:clamp(34px,9.2cqi,64px)}.feature .copy p{margin:24px 0 0}.feature.flipped .copy{order:2}.feature[data-shape=row] .feature-inner{grid-template-columns:minmax(0,1fr);align-content:center}.feature[data-shape=row] .copy{text-align:center;order:0;justify-self:center;width:100%;max-width:720px}.scene-row{justify-content:center;justify-self:stretch;align-items:flex-end;display:flex;container-type:inline-size}.feature .scene-row .scene{--h:min(460px, calc(100cqi / var(--aspects)));width:var(--w);margin-bottom:calc(-1 * var(--below) * var(--h));flex:none}.feature .scene-row .scene img{left:0;right:auto}@media (max-width:820px){.scene-row{flex-direction:column;align-items:center}.feature .scene-row .scene{--h:min(360px, calc(100cqi / var(--aspect)));margin-bottom:0}}.product-card{--stage-height:190px;border-radius:32px;flex-direction:column;padding:28px 36px 40px;display:flex;position:relative}.product-card .ball-stage{z-index:1}.product-card h2{font-size:clamp(38px,4vw,48px)}.product-card h2 a{text-decoration:none}.product-card h2 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.product-card p{color:var(--muted);margin:18px 0 22px;font-size:20px}.product-card .more{margin-top:auto;font-weight:800}.chooser{padding-block:56px 120px}.chooser h1{text-wrap:balance;max-width:15em}.chooser .lede{margin:22px 0 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1200px;margin-top:64px;display:grid}.cross{border-top:1px solid var(--rule)}.cross-inner{padding-block:96px 120px}.cross .product-card{max-width:600px}.legal{min-height:calc(100vh - 232px)}.legal-inner{padding-block:72px 120px}.legal-inner>*{max-width:820px}.legal-inner h2{margin:48px 0 0;font-size:24px;line-height:1.25}.legal-inner p{color:var(--muted);font-size:19px;line-height:1.7}.legal-inner .back{font-weight:700}.feature,.cross,.chooser{min-height:80vh}@media (max-width:820px){.hero-inner,.feature-inner,.cards{grid-template-columns:minmax(0,1fr)}.feature,.cross,.chooser{min-height:0}.hero-inner{gap:36px;min-height:0;padding-block:8px 0}.hero-copy{--stage-height:124px}.hero-copy .sport-name{margin:2px 0 14px;font-size:28px}.hero-copy .lede{margin:16px 0 24px;font-size:17px}.hero .scene{--h:calc(100vw / var(--aspect));height:calc(.9 * var(--h));margin-bottom:0}.hero .scene[data-shape=pair-on-its-side]{--h:calc(140vw / var(--aspect));height:var(--h)}.hero .scene[data-shape=pair-on-its-side] img{left:calc(-1 * var(--gutter))}.feature-inner{gap:40px;min-height:0;padding-block:64px}.feature[data-shape=long] .feature-inner{padding-bottom:0}.feature.flipped .copy{order:0}.copy p{font-size:17px}.scene{--fit:min(480px, calc(100vw / var(--aspect)))}.scene img,.flipped .scene img{left:calc(50% - var(--w) / 2);right:auto}.scene[data-shape=on-its-side]{--h:calc(112vw / var(--aspect))}.scene[data-shape=long]{--h:1100px;height:560px}.court,.flipped .court{--line:56px;--turn:30deg;--tx:86%;--ty:94%}.site-footer-inner{grid-template-columns:minmax(0,1fr)}}