@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;500;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{min-width:320px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{box-sizing:border-box}:root{--codash-green: #ccd856;--codash-green-deep: #bfcb50;--codash-orange: #db5a2b;--codash-black: #000;--codash-white: #fff;--codash-beige: #edeae4;--nav-beige: #fbfaf8;--text-muted: rgba(0, 0, 0, .52);--ease-standard: cubic-bezier(.2, 0, 0, 1);--dur-base: .18s}html{scroll-behavior:smooth}body{background:var(--codash-beige);color:var(--codash-black);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300}button,input,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh;overflow-x:hidden}.home-shell{position:relative}.home-shell:before{content:"";position:absolute;inset:0 0 auto;z-index:0;height:var(--home-viewport-height, 100svh);background-image:linear-gradient(#00000061,#00000080),url(/assets/tennis-court-aerial.jpeg);background-position:center 24%;background-size:cover}.home-shell>*{position:relative;z-index:1}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;border-radius:9px;background:var(--codash-white);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0);outline:3px solid var(--codash-orange)}.site-header{position:sticky;top:0;z-index:30;padding:clamp(26px,3.6vw,46px) clamp(24px,5vw,64px);background:var(--codash-white);animation:fade .4s var(--ease-standard) both}.home-shell .site-header{position:relative;background:transparent}.home-shell .desktop-nav,.home-shell .menu-button-wrap{color:var(--codash-black);background:#ffffffe6}.site-header-inner{width:100%;max-width:1090px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-link{display:block;animation:rise .52s var(--ease-standard) 60ms both}.brand-link img{display:block;width:180px;height:auto}.desktop-nav{display:flex;align-items:center;gap:18px;padding:7px;border-radius:14px;background:var(--nav-beige);animation:rise .52s var(--ease-standard) .14s both}.desktop-nav a{display:flex;align-items:center;height:44px;padding:0 22px;border-radius:9px;font-size:15px;font-weight:500;letter-spacing:.3px;text-decoration:none;transition:background var(--dur-base) var(--ease-standard)}.desktop-nav a:hover{background:#00000014}.desktop-nav a.active{background:var(--codash-green)}.menu-button-wrap{display:none;padding:6px;border-radius:14px;background:var(--nav-beige)}.menu-button{width:48px;height:48px;display:grid;place-content:center;gap:5px;border:0;border-radius:9px;background:transparent;cursor:pointer}.menu-button span{width:22px;height:2px;background:var(--codash-black)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;padding:clamp(16px,4vw,28px);background:var(--codash-white);animation:fade var(--dur-base) var(--ease-standard) both}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.mobile-menu-top img{width:180px}.mobile-menu-top button{width:48px;height:48px;border:0;border-radius:999px;background:#00000014;color:var(--codash-black);cursor:pointer;font-size:26px;line-height:1}.mobile-menu nav{display:flex;flex-direction:column;gap:8px;margin-top:clamp(28px,8vw,56px)}.mobile-menu nav a{display:flex;align-items:center;height:64px;padding:0 24px;border-radius:14px;font-size:20px;font-weight:500;text-decoration:none}.mobile-menu nav a:hover{background:#00000014}.mobile-menu nav a.active{background:var(--codash-green)}.home-stage{--hero-pad: 104px;--hero-gap: 40px;--white-drop: 200px;--phone-width: 250px;--phone-rise: 150px;position:relative;min-height:calc(var(--home-viewport-height, 100svh) - 116px);display:flex;flex-direction:column}.hero{display:flex;align-items:center;justify-content:center;padding:var(--hero-pad) clamp(20px,5vw,48px) 0;background:var(--codash-white)}.home-shell .hero{color:var(--codash-white);background:transparent}.hero-inner{width:100%;max-width:1080px;display:flex;flex-direction:column;align-items:center;gap:var(--hero-gap);text-align:center}.hero h1{margin:0;font-size:clamp(28px,min(6.4vw,12svh),108px);font-weight:700;line-height:.96;letter-spacing:-.02em;white-space:nowrap;animation:hero-reveal .48s var(--ease-standard) .1s both}.hero .hero-accent{color:var(--codash-green-deep)}.home-shell .hero .hero-accent{color:var(--codash-green)}.hero p{max-width:46ch;margin:0;font-size:clamp(15px,min(2.1vw,3.2svh),24px);line-height:1.5;letter-spacing:.5px;text-wrap:pretty;animation:hero-reveal .48s var(--ease-standard) .18s both}.rough-line{display:block;object-fit:fill}.rough-line-hero{width:clamp(200px,34vw,380px);height:9px;animation:grow .48s var(--ease-standard) .26s both;transform-origin:center}.cta-band{height:calc(var(--hero-pad) + var(--white-drop) - var(--phone-rise));min-height:80px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:var(--codash-white)}.home-shell .cta-band,.home-shell .seam-band{background:transparent}.primary-button,.submit-row button{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 34px;border:0;border-radius:14px;background:var(--codash-green);color:var(--codash-black);cursor:pointer;font-size:16px;font-weight:500;letter-spacing:.5px;text-decoration:none;transition:background var(--dur-base) var(--ease-standard)}.primary-button{animation:hero-reveal .44s var(--ease-standard) .34s both}.primary-button:hover,.submit-row button:hover{background:var(--codash-green-deep)}.seam-band{height:var(--phone-rise);flex:0 0 auto;background:var(--codash-white)}.phones-section{position:relative;z-index:2;margin-top:calc(var(--phone-rise) * -1);padding-bottom:clamp(16px,5svh,76px)}.phones-scroll{max-width:100%;overflow-x:auto;padding:clamp(6px,2svh,20px) clamp(20px,5vw,48px) clamp(10px,3.4svh,34px);scrollbar-width:none}.phones-scroll::-webkit-scrollbar{display:none}.phones-row{width:100%;max-width:1180px;margin:0 auto;display:flex;align-items:flex-end;justify-content:center}.phone{position:relative;z-index:calc(var(--phone-index) + 1);flex:0 0 auto;width:min(var(--phone-width),23%)}.phone+.phone{margin-left:max(-31px,-2.875vw)}.phone img{display:block;width:100%;height:auto}.white-line-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vh,56px) clamp(20px,5vw,48px)}.white-line-wrap img{width:min(1320px,90%);height:clamp(14px,1.8vw,26px);animation:grow .9s var(--ease-standard) 1.44s both}.community{padding:98px clamp(20px,5vw,48px) 142px}.community h2{max-width:1180px;margin:0 auto;text-align:center;font-size:clamp(30px,5.2vw,64px);font-weight:700;line-height:1.02;letter-spacing:-.015em;text-wrap:balance}.features{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,48px) 112px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}.features article{min-width:0;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-content:start;column-gap:12px;row-gap:16px;border-radius:14px;background:var(--codash-white);box-shadow:inset 0 0 0 1px #0000002e}.features article:last-child{grid-column:2}.feature-icon{grid-column:2;grid-row:1;width:24px;height:24px;margin-top:2px;color:var(--codash-orange);stroke-width:1.8}.feature-copy{display:contents}.features h3{grid-column:1;grid-row:1;min-width:0;margin:0;overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.features p{grid-column:1 / -1;margin:0;font-size:16px;line-height:1.6}.get-app{max-width:1180px;margin:0 auto 112px;padding:clamp(28px,4vw,44px);display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:14px;background:var(--codash-white);box-shadow:inset 0 0 0 .5px #00000087}.get-app h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.05}.get-app p{max-width:48ch;margin:12px 0 0;font-size:17px;line-height:1.5}.download-options{display:grid;grid-template-columns:144px 156px;align-items:center;column-gap:28px;flex-shrink:0}.store-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.download-options .store-links{flex-direction:column;grid-column:1;grid-row:1}.store-links a{display:flex;align-items:center;justify-content:center;width:144px;height:48px;border-radius:6px}.store-links a:hover{opacity:.8}.store-links img{display:block;width:144px;height:auto}.store-links .google-play-badge{margin:-6.46px 0}.download-qr{display:contents;text-align:center}.download-qr>img{grid-column:2;grid-row:1;display:block;margin:auto;background:#fff}.get-app .download-qr p{grid-column:2;grid-row:2;margin-top:8px;font-size:13px;line-height:1.4}.content-page{min-height:864px;padding:clamp(40px,5vw,104px) clamp(20px,5vw,48px) clamp(56px,8vw,104px);background:var(--codash-white)}.download-page{display:flex;min-height:60svh;flex-direction:column;align-items:center;justify-content:center;text-align:center}.download-page h1{margin:0;font-size:clamp(34px,5.4vw,64px);line-height:1}.download-page p{margin:18px 0 28px;font-size:17px}.contact-page-inner{width:100%;max-width:1090px;margin:0 auto;display:flex;align-items:flex-start;justify-content:center;gap:clamp(32px,5vw,72px)}.contact-intro{flex:1 1 300px;max-width:554px;min-width:260px;display:flex;flex-direction:column;gap:20px;animation:rise .56s var(--ease-standard) .12s both}.contact-intro h1,.privacy-page h1{margin:0;font-size:clamp(34px,5.4vw,64px);font-weight:700;line-height:1;letter-spacing:-.02em}.contact-intro>p{max-width:34ch;margin:0;color:var(--text-muted);font-size:17px;line-height:1.5}.contact-intro .rough-line{width:240px;height:8px;margin-top:4px}.privacy-page a{text-decoration-color:#00000059}.privacy-page a:hover{color:var(--codash-orange)}.contact-form-wrap{flex:1 1 440px;max-width:554px;min-width:300px;animation:rise .56s var(--ease-standard) .22s both}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label{display:flex;flex-direction:column;gap:8px}.contact-form label>span{font-size:13px;font-weight:500;letter-spacing:.5px}.contact-form input,.contact-form textarea{width:100%;border:0;border-radius:14px;background:var(--codash-white);box-shadow:inset 0 0 0 .5px var(--codash-black);font-size:16px;letter-spacing:.5px;outline:none}.contact-form input{height:56px;padding:0 18px}.contact-form textarea{padding:16px 18px;line-height:1.5;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{box-shadow:inset 0 0 0 .5px var(--codash-orange),0 0 0 3px var(--codash-orange)}.full-field,.submit-row{grid-column:1 / -1}.submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.submit-row span{color:var(--text-muted);font-size:13px;letter-spacing:.5px}.success-card{padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-radius:14px;background:var(--codash-green)}.success-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:9px;background:var(--codash-white);font-size:24px}.success-card h2{margin:0;font-size:26px;line-height:1.1}.success-card p{max-width:34ch;margin:0;line-height:1.5}.privacy-page>*{max-width:760px;margin-right:auto;margin-left:auto}.privacy-page h1{margin:0 auto 12px;text-align:center;animation:rise .62s var(--ease-standard) .12s both}.privacy-page .last-updated{margin-top:0;color:var(--text-muted);font-size:14px}.privacy-intro{margin-top:28px;font-size:19px}.privacy-toc{padding:28px;margin-top:32px;border-radius:14px;background:var(--nav-beige);box-shadow:inset 0 0 0 .5px #00000087}.privacy-toc h2{margin-bottom:16px}.privacy-toc ol{margin:0;padding-left:24px;display:grid;gap:8px}.privacy-toc a{font-size:16px;line-height:1.5}.privacy-page section{padding-top:28px;margin-top:28px;box-shadow:inset 0 .5px #00000087}.privacy-page section[id]{scroll-margin-top:148px}.privacy-page h2{margin:0 0 14px;font-size:24px;line-height:1.15}.privacy-page p{font-size:17px;line-height:1.5;letter-spacing:.2px}.site-footer{padding:clamp(36px,5vw,64px) clamp(20px,5vw,48px) clamp(28px,4vw,48px)}.site-footer>div{max-width:1180px;margin:0 auto;padding-top:clamp(24px,3vw,36px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;box-shadow:inset 0 .5px #00000087}.site-footer img{display:block;width:auto;height:30px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}.site-footer nav a{color:var(--text-muted);font-size:14px;letter-spacing:.5px;text-decoration:none}.site-footer nav a:hover{color:var(--codash-orange)}.site-footer span{color:var(--text-muted);font-size:13px;letter-spacing:.5px}:focus-visible{outline:3px solid var(--codash-orange);outline-offset:3px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width: 899px){.desktop-nav{display:none}.menu-button-wrap{display:block;animation:rise .52s var(--ease-standard) .14s both}.brand-link img{width:154px}.features{grid-template-columns:1fr}.features article:last-child{grid-column:auto}.features article{min-height:0}.features p{max-width:none}.get-app{margin-right:20px;margin-left:20px;flex-direction:column;align-items:flex-start}.download-qr{display:none}.download-options{display:flex;width:100%}.download-options .store-links{flex-direction:row}.contact-page-inner{flex-wrap:wrap}}@media (max-width: 620px){.site-header{padding:20px}.home-stage{min-height:calc(var(--home-viewport-height, 100svh) - 88px);padding-bottom:clamp(48px,15vw,72px)}.hero h1{gap:0 .2em}.phones-section{padding-bottom:0}.phones-scroll{overflow:visible;padding:clamp(6px,4vw,20px) 8px 24px}.phone{width:min(var(--phone-width),24%)}.phone+.phone{margin-left:max(-18px,-2.88vw)}.white-line-wrap{flex:0 0 auto;margin-top:clamp(16px,6vw,32px);padding-top:24px;padding-bottom:24px}.community{padding-top:24px;padding-bottom:40px}.features{padding-bottom:80px}.features article{padding:24px}.get-app{margin-bottom:80px}.store-links{width:100%}.contact-form{grid-template-columns:1fr}.full-field,.submit-row{grid-column:auto}.contact-form-wrap{min-width:0;width:100%}.site-footer>div{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
