:root{color-scheme:light;color:#17211c;font-synthesis:none;--green:#176b4d;--green-dark:#0d4b35;--orange:#e87622;--ink:#17211c;--muted:#5f6d65;--line:#d6dfda;--canvas:#f4f7f5;--surface:#fff;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;margin:0}a{color:var(--green-dark)}img{max-width:100%}button,input,select{font:inherit}:focus-visible{outline-offset:3px;outline:3px solid #53a8ff}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fffffff5;justify-content:space-between;align-items:center;gap:24px;height:68px;padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:34px;height:40px}.site-header nav,footer nav{align-items:center;gap:clamp(12px,2vw,28px);display:flex}.site-header nav>a:not(.button),footer a{font-weight:650;text-decoration:none}.button{border:1px solid var(--green);background:var(--green);color:#fff;white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:var(--green-dark)}.button--secondary{color:var(--green-dark);background:#fff}.button--small{min-height:42px;padding-inline:16px}.hero{color:#fff;isolation:isolate;background:url(/images/ballernet-court-hero.jpg) 50%/cover no-repeat;align-items:end;min-height:min(74svh,760px);display:grid;position:relative}.hero:before{content:"";z-index:-1;background:#08140d7a;position:absolute;inset:0}.hero__content{width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(72px,10vh,128px) 0 54px}.hero h1{letter-spacing:0;max-width:850px;margin:0;font-size:clamp(3rem,8vw,6.7rem);line-height:.96}.hero p{text-shadow:0 1px 8px #000000b3;max-width:640px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero .button--secondary{border-color:#fff}.band{padding:clamp(64px,9vw,112px) 20px}.band--white{background:#fff}.band--dark{color:#fff;background:#17211c}.wrap{width:min(1120px,100%);margin:0 auto}.eyebrow{color:var(--orange);text-transform:uppercase;font-size:.82rem;font-weight:850}h2{letter-spacing:0;margin:8px 0 16px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.lede{color:var(--muted);max-width:690px;font-size:1.16rem;line-height:1.65}.band--dark .lede{color:#c7d4cd}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(28px,5vw,70px);margin-top:50px;display:grid}.step{border-top:4px solid var(--orange);padding-top:22px}.step strong{margin-bottom:8px;font-size:1.35rem;display:block}.step p{color:var(--muted);line-height:1.6}.product-grid{grid-template-columns:minmax(0,1fr) minmax(320px,1.1fr);align-items:center;gap:clamp(42px,8vw,110px);display:grid}.marker-legend{gap:15px;margin:28px 0;padding:0;list-style:none;display:grid}.marker-legend li{grid-template-columns:34px 1fr;align-items:center;gap:13px;display:grid}.marker-legend li>span:last-child{gap:2px;display:grid}.marker-legend small{color:var(--muted)}.demo-marker,.map-marker{filter:drop-shadow(0 2px 3px #17211d59);border-radius:50%;place-items:center;display:grid;position:relative}.demo-marker{width:28px;height:28px}.demo-marker img,.map-marker img{width:100%;height:100%;display:block}.demo-marker--upcoming,.map-marker--upcoming{background:#246bce;border:3px solid #fff;box-shadow:0 0 0 1px #17211d1f}.demo-marker--live,.map-marker--live{animation:1.35s ease-in-out infinite marker-live}.clock-hands{border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:relative}.clock-hands:before,.clock-hands:after{content:"";transform-origin:1px 1px;background:#fff;border-radius:2px;width:2px;position:absolute;top:50%;left:50%}.clock-hands:before{height:4px;transform:translate(-1px,-4px)}.clock-hands:after{height:5px;transform:translate(-1px,-1px)rotate(125deg)}.map-demo{background:#e9eee9;border:1px solid #aac2b5;border-radius:8px;min-height:470px;position:relative;overflow:hidden;box-shadow:0 18px 46px #122f2124}.map-demo__roads{opacity:.9;background-color:#e7ebe7;background-image:linear-gradient(29deg,#0000 47%,#fff 48% 51%,#0000 52%),linear-gradient(121deg,#0000 45%,#cbd8d0 46% 48%,#0000 49%);background-size:130px 92px,210px 150px;position:absolute;inset:0}.map-demo__toolbar{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;min-height:52px;padding:9px 12px;font-weight:800;display:flex;position:absolute;top:18px;left:18px;right:18px}.map-marker{width:30px;height:30px;position:absolute}.map-marker--1{top:30%;left:19%}.map-marker--2{top:39%;right:17%}.map-marker--3{top:21%;left:46%}.map-marker--upcoming{animation:1.6s ease-in-out infinite marker-countdown}@keyframes marker-countdown{50%{transform:scale(1.06);box-shadow:0 0 0 6px #246bce38}}@keyframes marker-live{50%{filter:drop-shadow(0 0 7px #e87622cc);transform:scale(1.08)}}.court-preview{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px;position:absolute;bottom:18px;left:18px;right:18px}.court-preview small{color:var(--muted)}.court-preview h3{margin:5px 0 14px;font-size:1.5rem}.court-preview__actions{gap:10px;display:flex}.beta-grid{grid-template-columns:1fr minmax(320px,480px);align-items:start;gap:clamp(48px,9vw,120px);display:grid}.beta-form{color:var(--ink);background:#fff;border-radius:8px;gap:18px;padding:clamp(22px,4vw,38px);display:grid}.field{gap:7px;font-weight:700;display:grid}.field input,.field select{width:100%;min-height:50px;color:var(--ink);background:#fff;border:1px solid #aab8b0;border-radius:5px;padding:10px 12px}.check{grid-template-columns:22px 1fr;align-items:start;gap:10px;font-size:.94rem;line-height:1.4;display:grid}.check input{width:20px;height:20px}.honeypot{position:absolute;left:-10000px}.form-status{min-height:24px;margin:0;font-weight:700}.form-status[data-kind=success]{color:#b9f5d9}.form-status[data-kind=error]{color:#ffb8b8}.legal{width:min(760px,100% - 40px);margin:0 auto;padding:68px 0 100px}.legal h1{letter-spacing:0;font-size:clamp(2.4rem,7vw,4.8rem)}.legal h2{margin-top:42px;font-size:1.6rem}.legal p,.legal li{color:#46544c;line-height:1.75}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:start;gap:28px;min-height:180px;padding:42px clamp(20px,4vw,64px);display:grid}footer div{gap:5px;display:grid}footer div span,footer small{color:var(--muted)}footer small{grid-column:1/-1}@media (width<=760px){.site-header{height:62px;padding-inline:15px}.site-header nav>a:not(.button){display:none}.hero{background-position:58%;min-height:72svh}.hero__content{width:min(100% - 30px,620px);padding-bottom:38px}.steps,.product-grid,.beta-grid{grid-template-columns:1fr}.product-grid{gap:38px}.map-demo{min-height:410px}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}footer small{grid-column:auto}}@media (width<=360px){.site-header{gap:8px;padding-inline:10px}.brand{gap:7px;font-size:1.08rem}.brand img{width:31px;height:37px}.site-header .button--small{padding-inline:12px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-marker--live,.map-marker--live,.map-marker--upcoming{animation:none}}