.scroll-pickleball{position:fixed;left:0;top:0;width:170px;height:170px;transform-origin:top left;z-index:4;pointer-events:none;visibility:hidden;filter:drop-shadow(0 16px 12px #152b2248);will-change:transform}
.scroll-pickleball.is-ready{visibility:visible}
.scroll-pickleball-sphere{display:block;width:100%;height:100%;will-change:transform}
.cta-wrap .art-ball{visibility:hidden}
.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.city-tile{position:relative;min-height:265px;border-radius:12px;overflow:hidden;background:#274b3c;color:white;display:flex;align-items:end;padding:23px;isolation:isolate;transition:transform .25s,box-shadow .25s}
.city-tile:hover{color:white;transform:translateY(-5px);box-shadow:0 16px 28px #243e3220}
.city-tone-1{background:#3b5360}.city-tone-2{background:#5c6741}.city-tone-3{background:#625c49}
.city-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102a22e8,transparent 85%);z-index:-1}
.city-court{position:absolute;width:160px;height:230px;right:-15px;top:-40px;border:2px solid #d6ef8b66;transform:rotate(28deg);box-shadow:0 0 0 16px #ffffff05,0 0 0 18px #ffffff12;z-index:-2;transition:transform .5s}
.city-court::before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:#d6ef8b77}
.city-court::after{content:'';position:absolute;inset:27% 0;border-top:2px solid #d6ef8b55;border-bottom:2px solid #d6ef8b55}
.city-court span{position:absolute;width:2px;top:0;bottom:0;left:50%;background:#d6ef8b44}
.city-tile:hover .city-court{transform:rotate(22deg) translateY(5px)}
.city-count{position:absolute;left:23px;top:23px;border:1px solid #ffffff36;border-radius:30px;padding:4px 11px;font-size:10px;letter-spacing:.6px;background:#ffffff0b}
.city-tile-info{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.city-tile h3{font-size:23px;margin:0 0 6px;letter-spacing:-.6px}.city-tile p{font-size:11px;color:#dce7d3;margin:0}
.city-arrow{border:1px solid #ffffff40;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.city-arrow .icon{width:17px}
.landing-faq{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;border-top:1px solid var(--line);padding-top:55px!important}
.faq-intro p{font-size:14px;color:var(--muted);margin:18px 0}.faq-intro .text-link{font-size:13px}
.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:600;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;color:#789047;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.9;max-width:520px;padding:0 25px 22px 0;margin:0}.faq-list summary:focus-visible{outline:2px solid #789047;outline-offset:4px}
@media(max-width:1000px){.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-tile{min-height:235px}.landing-faq{gap:35px}}
@media(max-width:767px){.city-grid{gap:12px}.city-tile{padding:17px;min-height:215px}.city-count{left:17px;top:17px}.city-tile h3{font-size:19px}.city-tile-info{align-items:end}.city-arrow{width:27px;height:27px}.city-tile p{font-size:10px}.landing-faq{grid-template-columns:1fr;gap:22px;padding-top:35px!important}.faq-list summary{font-size:14px}.city-court{right:-55px}}
.hero .hero-photo{inset:0;transform:none;animation:none;will-change:auto}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 32%,#d6ef8b12,transparent 48%);animation:portal-light 9s ease-in-out infinite alternate}
.hero .hero-content,.hero .hero-bottom,.hero .hero-side-label{z-index:1}
.hero .live-dot{animation:portal-pulse 3s ease-in-out infinite}
.hero-bottom a span{display:inline-block;animation:portal-scroll-cue 2.4s ease-in-out infinite}
.hero-search{transition:box-shadow .25s ease,transform .25s ease}
.hero-search:focus-within{box-shadow:0 0 0 4px #d6ef8b30,0 14px 36px #0003;transform:translateY(-2px)}
.portal-reveal{opacity:0;translate:0 22px;transition:opacity .7s ease var(--reveal-delay,0ms),translate .7s ease var(--reveal-delay,0ms)}
.portal-reveal.is-visible{opacity:1;translate:0 0}
#about .step{transition:border-color .25s,transform .25s}
#about .step:hover{border-color:#789047;transform:translateY(-4px)}
@keyframes portal-light{from{opacity:.35}to{opacity:1}}
@keyframes portal-pulse{50%{box-shadow:0 0 0 7px #d6ef8b08}}
@keyframes portal-scroll-cue{50%{transform:translateY(5px)}}
@media(max-width:767px){.scroll-pickleball{filter:drop-shadow(0 8px 7px #152b2238)}}
@media(prefers-reduced-motion:reduce){.scroll-pickleball,.scroll-pickleball-sphere,.hero .hero-photo{will-change:auto}.hero .hero-photo,.hero::after,.hero .live-dot,.hero-bottom a span{animation:none}.portal-reveal{opacity:1;translate:none;transition:none}}