/* Marketing refinement: photography,lighter controls,and source-matched product previews. */
.header{height:72px;background:#fbfdfff0;border-bottom:0}
.header .brand{font-size:29px}.header nav{font-size:12px}
.button,.hero .button{min-height:42px;padding:10px 18px;border-radius:6px;gap:10px;font-size:12px;line-height:1.35;box-shadow:none;white-space:nowrap;font-weight:600}
.button.small{min-height:36px;padding:9px 17px;font-size:11px}.button span{font-size:16px;line-height:1}.button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0066ff18}
.button.secondary{background:#ffffffd9;border-color:#89b9f9;color:#0066ff}.hero .button-row{flex-direction:row;align-items:center}
.hero{background:var(--sport-photo, url('../assets/img/sunlit-courts.webp')) center 57%/cover;padding:58px 0 132px;min-height:700px}
.hero-glow{background:linear-gradient(90deg,#f6fcfff5 0%,#f6fcffe8 22%,#f6fcff8a 43%,#f6fcff08 72%),linear-gradient(180deg,#fff3,transparent 65%)}
.hero-grid{min-height:465px;grid-template-columns:.85fr 1.3fr;gap:35px}.hero h1{font-size:clamp(48px,5vw,68px);letter-spacing:-2.7px;line-height:1.03}.hero .lede{color:#3e5875;max-width:390px;font-size:14px}.hero-copy{padding-bottom:35px}
.hero-product{margin-right:0;transform:perspective(1800px) rotateY(-4deg) rotateZ(-1deg)}.hero .dashboard{box-shadow:0 20px 55px #063b7240;border-width:4px;border-radius:12px}.hero .booking-toast{display:none}.hero .product-caption{color:#07203f;margin-top:16px;font-weight:600;text-shadow:0 1px 9px white}.hero-notes{color:#3f5874}
.hero:after{height:70px;bottom:-48px}.sports{padding:25px 0 35px}.sport-row{gap:55px}.sports .eyebrow{margin-bottom:12px}
.feature-icon,.toast-icon{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}.line-icon{width:25px;height:25px;flex-shrink:0;color:#0066ff}
.section{padding-block:80px}.connected-section{display:grid;grid-template-columns:.72fr 1.5fr;gap:45px;align-items:center}.connected-copy h2{font-size:39px;letter-spacing:-1.5px}.connected-copy>p:not(.eyebrow){font-size:13px;margin-top:16px}.connected-features{display:grid;gap:23px;margin-top:30px}.connected-features>div{display:flex;gap:15px;align-items:flex-start}.connected-features .line-icon{width:27px;height:27px;margin-top:2px}.connected-features>div:nth-child(1) .line-icon{color:#0cbb84}.connected-features>div:nth-child(3) .line-icon{color:#8aa72c}.connected-features>div:nth-child(4) .line-icon{color:#00adae}.connected-features h3{font-size:15px;letter-spacing:-.3px;line-height:1.3}.connected-features p{font-size:11px;line-height:1.7;margin-top:5px}
.product-screen{display:flex;text-align:left;border:1px solid #deebf7;border-radius:12px;background:white;box-shadow:0 6px 35px #2a8dc21a,0 0 0 7px #f3faff90;overflow:hidden;min-width:0;font-family:var(--body)}
.screen-rail{width:118px;flex-shrink:0;background:#f8fafc;border-right:1px solid #e8ecf1;padding:17px 8px 10px;display:flex;flex-direction:column;gap:3px;font-size:7px;color:#536477}.screen-rail .brand{font-size:17px;margin:0 0 19px 5px;letter-spacing:-.8px}.screen-rail .brand img{width:18px}.screen-rail>span{display:flex;align-items:center;gap:7px;padding:7px 5px;white-space:nowrap}.screen-rail .line-icon{width:11px;height:11px;color:inherit;stroke-width:1.6}.screen-rail .current{background:#e7eef8;color:#07203f;border-radius:4px;font-weight:700}.screen-rail>small{font-size:5px;letter-spacing:1px;color:#8a96a4;padding:12px 5px 3px}.screen-user{display:flex;align-items:center;gap:6px;margin-top:auto;padding:20px 4px 0;font-size:6px}.screen-user>b{background:#07203f;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:6px}.screen-user small{display:block;color:#7a8796;font-size:5px}
.screen-main{flex:1;min-width:0;padding:0 15px 12px;position:relative}.screen-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #e8ecf1;padding:13px 0;font-size:6px;color:#8290a1}.screen-title{display:flex;align-items:center;justify-content:space-between;margin:21px 0 17px;gap:10px}.screen-title h3{font-size:17px;letter-spacing:-.6px}.screen-title h3 small{font-size:12px;font-weight:400}.screen-title p{font-size:6px;margin-top:6px}.screen-action{background:#0066ff;color:white;display:inline-block;font-size:7px;padding:7px 10px;border-radius:4px;white-space:nowrap;line-height:1.3;font-weight:600}.calendar-controls{display:flex;align-items:center;gap:5px;font-size:6px;padding-bottom:13px}.calendar-controls>span{padding:3px 7px;border:1px solid #e8ecf1;border-radius:4px}.calendar-key{margin-left:auto;display:flex;align-items:center;gap:4px;color:#728299;font-size:5px}.calendar-key i{width:7px;height:5px;border-radius:1px;margin-left:4px;background:#cae6ff}.calendar-key .key-teal{background:#c0f3f1}.calendar-key .key-lime{background:#e2f4a3}
.timeline{border:1px solid #e8ecf1;border-radius:6px;overflow:hidden}.timeline-head{display:grid;grid-template-columns:65px repeat(5,1fr);height:29px;align-items:center;color:#788a9e;font-size:5px;border-bottom:1px solid #e8ecf1}.timeline-head b{padding-left:9px;font-weight:500}.timeline-head>span{text-align:center}.timeline-row{display:flex;min-height:57px;border-bottom:1px solid #edf1f5}.timeline-row:last-child{border-bottom:0}.court-name{width:65px;flex-shrink:0;padding:17px 8px;background:#fcfdfe;font-size:7px;border-right:1px solid #e8ecf1}.court-name small{display:block;font-size:5px;color:#8693a3;margin-top:3px}.timeline-events{flex:1;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#edf1f5 calc(20% - 1px),#edf1f5 20%)}.timeline-event{position:absolute;top:4px;bottom:4px;border:2px solid white;border-radius:5px;background:#dcedff;color:#235580;padding:7px 5px;overflow:hidden;font-size:5px;line-height:1.4}.timeline-event small{display:block;font-size:4.5px;margin-top:5px;white-space:nowrap}.timeline-event.teal{background:#d3f6f5;color:#216666}.timeline-event.mint{background:#e1f6e9;color:#28734d}.timeline-event.lime{background:#edf7cd;color:#5b702b}.booking-detail{position:absolute;right:25px;bottom:45px;width:182px;background:white;border:1px solid #d9e7f4;box-shadow:0 10px 28px #164c7829;border-radius:8px;padding:12px}.detail-heading{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.4}.detail-heading .line-icon{width:17px;height:17px}.detail-heading small{display:block;font-size:6px;color:#7b8da3;margin-top:3px}.detail-heading>span{margin-left:auto;color:#8a9ab0}.detail-person{display:flex;align-items:center;gap:7px;font-size:7px;margin-top:12px}.detail-person>b{width:23px;height:23px;border-radius:50%;background:#edf3f9;display:grid;place-items:center;color:#25456a;font-size:6px}.detail-person small{display:block;font-size:5px;color:#76879c}.detail-person em{font-style:normal;color:#10a476}.detail-person>span{margin-left:auto;color:#10a476}.booking-detail>.screen-action{display:block;text-align:center;margin-top:12px}.screen-foot{font-size:5px;color:#8997a8;display:flex;justify-content:space-between;padding-top:12px}
.ai-section{background:linear-gradient(180deg,#f6fbff 0%,#fff 65%);padding:65px 0 75px;border:0}.ai-section .section-heading{margin-bottom:15px}.ai-section .section-heading h2{font-size:38px}.ai-section .section-heading p:not(.eyebrow){font-size:13px;margin-top:12px}.agent-tabs{max-width:920px;margin:0 auto 48px;gap:20px}.agent,.agent.active,.agent:hover{background:transparent;border:0;border-bottom:2px solid transparent;box-shadow:none;border-radius:0}.agent.active{border-bottom-color:#0066ff}.agent img{height:94px;margin-bottom:7px}.agent>span{font-size:10px}.agent strong{font-size:15px}.agent-panel{grid-template-columns:1.28fr .95fr;gap:55px;padding:0;background:transparent;border:0;border-radius:0}.agent-explanation{grid-column:2;grid-row:1}.agent-explanation h3{font-size:42px;letter-spacing:-1.5px}.agent-explanation>p{max-width:440px;font-size:13px}.agent-explanation .eyebrow{display:none}.agent-explanation ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:25px 0}.agent-explanation li{line-height:1.5;font-size:11px;font-weight:600;color:#294362}.agent-explanation li:before{color:#0066ff;font-size:15px}.report-app{grid-column:1;grid-row:1;min-height:395px}.report-app .screen-rail{width:103px;font-size:6px}.report-app .screen-rail>span{padding-inline:3px;gap:5px}.report-app .screen-rail .brand{font-size:15px}.report-app .screen-rail .brand img{width:17px}.report-app .conversation{border:0;box-shadow:none;border-radius:0;padding:20px 17px 12px;flex:1;background:white}.conversation-top{font-size:12px}.conversation-top>span:last-child{font-size:6px}.chat-question{font-size:9px;line-height:1.6;background:#ecf4ff;max-width:96%;padding:10px;margin:18px 0}.chat-answer p{font-size:8px}.agent-result{margin-left:0;padding:12px;min-height:205px}.agent-result table{font-size:7px;margin-bottom:9px}.agent-result th{font-size:6px}.agent-result td,.agent-result th{padding:6px 1px}.report-top strong{font-size:9px}.report-chart{height:64px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #e9eff6;margin:10px 0 23px}.report-chart>span{height:var(--bar);flex:1;background:linear-gradient(#5fafff,#0876ff);position:relative;border-radius:2px 2px 0 0}.report-chart small{position:absolute;top:100%;text-align:center;width:100%;font-size:5px;color:#8796a7}.report-open{float:right;background:#0066ff;color:white;font-size:6px;border-radius:3px;padding:4px 7px}.saved-badge{font-size:6px}.conversation-bottom{border:1px solid #e8eef6;border-radius:5px;padding:9px;margin-top:16px;font-size:7px}.conversation-bottom>span:last-child{color:#0066ff}.report-steps{display:flex;border-top:1px solid #e4edf7;padding-top:20px;gap:20px;margin:24px 0}.report-steps>span{font-size:11px;font-weight:700;flex:1}.report-steps b{font-size:9px;color:#0066ff;margin-right:8px}.report-steps small{display:block;font-size:9px;font-weight:400;color:#7688a0;margin-top:5px;line-height:1.5}
#setup{padding-top:75px;padding-bottom:70px}#setup h2{font-size:30px}#setup .section-heading{margin-bottom:28px}#setup .eyebrow{display:none}.setup-grid{gap:30px}.setup-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.setup-heading .step-number{background:transparent;width:auto;height:auto;font-size:20px;line-height:1.15;margin:0;color:#0066ff}.setup-heading h3{font-size:17px;letter-spacing:-.4px;line-height:1.2}.setup-grid .setup-heading p{font-size:11px;min-height:0;margin-top:5px}.setup-browser,.import-preview,.brand-preview{height:205px;border:1px solid #e0ebf6;background:white;box-shadow:0 7px 25px #1b76a611;border-radius:9px;overflow:hidden}.browser-bar{height:27px;background:#f7fafc;border-bottom:1px solid #e7edf3;display:flex;align-items:center;gap:4px;padding:0 10px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#cedae8}.browser-bar span{font-size:6px;margin-left:10px;color:#7d8ea3}.website-preview{height:178px;background:linear-gradient(90deg,#07203f9c,transparent),var(--sport-photo, url('../assets/img/sunlit-courts.webp')) center/cover;color:white;padding:15px 19px}.website-preview small{font-size:6px;letter-spacing:1px}.website-preview strong{font-family:var(--display);display:block;font-size:28px;line-height:.95;letter-spacing:-.8px;margin:15px 0 12px}.website-preview>span{font-size:6px}.import-preview{padding:15px 12px}.import-title{font-size:11px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.import-title>span{font-size:6px;font-weight:400;color:#8795a8}.import-columns,.import-row{display:grid;grid-template-columns:1.25fr 1.3fr .45fr;align-items:center;gap:3px}.import-columns{font-size:6px;color:#8695a8;margin-top:17px;padding-bottom:8px;border-bottom:1px solid #e8eef6}.import-row{padding:9px 0;border-bottom:1px solid #edf1f6;font-size:6px}.import-row>span:first-child{display:flex;align-items:center;gap:4px}.import-row b{border-radius:50%;background:#e9f2ff;color:#3272c4;font-size:5px;width:16px;height:16px;display:grid;place-items:center}.import-row>span:nth-child(2){font-size:5px;color:#708297}.import-row em{font-style:normal;color:#0a9676;font-size:6px}.import-footer{font-size:5px;color:#0a9676;display:flex;justify-content:space-between;margin-top:11px;align-items:center}.import-footer>span{background:#0066ff;border-radius:3px;padding:5px;color:white;font-size:5px}.brand-preview{display:flex;gap:22px;justify-content:center;align-items:center;background:linear-gradient(120deg,#f4fbff,white);padding:20px 15px 0}.brand-phone{width:123px;height:190px;border:3px solid #092843;border-radius:18px 18px 0 0;background:white;overflow:hidden;transform:rotate(-5deg);flex-shrink:0}.brand-phone-photo{background:linear-gradient(0deg,#07203faa,transparent),var(--sport-photo, url('../assets/img/sunlit-courts.webp')) center/cover;height:80px;color:white;display:flex;align-items:end;padding:9px;font-size:11px;font-weight:700}.brand-phone>strong{display:block;font-size:6px;margin:10px 7px}.brand-phone>span{display:block;border-bottom:1px solid #e8edf3;padding:8px 7px;font-size:5px}.brand-options{display:flex;flex-direction:column;gap:13px;font-size:9px;color:#52718e}.brand-options>span:first-letter{color:#0066ff}.brand-options strong{font-size:10px;color:#0e9e81}.brand-swatches{display:flex;gap:5px;margin-top:-5px}.brand-swatches i{width:12px;height:12px;background:#0066ff;border-radius:50%}.brand-swatches i:nth-child(2){background:#00bec9}.brand-swatches i:nth-child(3){background:#70e6ca}.brand-swatches i:nth-child(4){background:#d4ff3a}
.final-cta{background:linear-gradient(90deg,rgba(8,64,100,.68),rgba(9,88,126,.18)),var(--sport-photo, url('../assets/img/sunlit-courts.webp')) center 78%/cover;border-radius:12px}.final-cta .eyebrow{color:#d3f5f4}.final-cta p:not(.eyebrow){color:#f0f7fc}.final-cta h2,.final-cta p{text-shadow:0 1px 8px rgba(7,32,63,.2)}.court-lines{display:none}
@media(min-width:1450px){.hero-product{margin-right:0}.hero{padding-top:75px;padding-bottom:155px}}
@media(max-width:1100px){.connected-section{gap:28px;grid-template-columns:.7fr 1.3fr}.connected-copy h2{font-size:33px}.screen-rail{width:94px;font-size:6px}.screen-rail .brand{font-size:14px}.screen-rail .brand img{width:16px}.screen-title h3{font-size:14px}.screen-action{font-size:6px}.calendar-key{font-size:4px}.booking-detail{width:160px}.agent-panel{gap:35px}.agent-explanation h3{font-size:35px}.report-app .screen-rail{width:84px;font-size:5px}.report-app .screen-rail .brand{font-size:12px}.report-app .screen-rail .line-icon{width:9px}.setup-grid{gap:18px}.brand-preview{gap:12px}.brand-options{font-size:8px}.hero .button{font-size:10px;padding:10px 12px}}
@media(max-width:800px){.header{height:68px}.header nav{top:68px}.hero{padding:45px 0 90px;background-position:center bottom}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-glow{background:linear-gradient(180deg,#f8fcfff5 0%,#f4fbffe0 36%,#eff8ff66 57%,transparent 78%)}.hero-copy{padding:0}.hero h1{font-size:58px}.hero .lede{margin-inline:auto}.hero-product{max-width:630px;transform:none}.hero .button{font-size:12px}.hero-notes{font-size:9px}.hero .product-caption{margin-top:20px}.connected-section{grid-template-columns:1fr;gap:30px}.connected-copy h2{font-size:39px}.connected-features{grid-template-columns:1fr 1fr;gap:20px}.screen-rail{width:115px;font-size:7px}.screen-rail .brand{font-size:16px}.screen-title h3{font-size:18px}.calendar-key{font-size:5px}.timeline-row{min-height:65px}.timeline-event{font-size:7px}.timeline-event small{font-size:6px}.booking-detail{width:185px}.agent-panel{grid-template-columns:1fr;gap:30px}.agent-explanation{grid-column:1;grid-row:1}.agent-explanation>p{max-width:none}.agent-explanation h3{font-size:38px}.agent-explanation ul{max-width:500px}.report-app{grid-column:1;grid-row:2;max-width:620px;width:100%;margin:auto}.report-app .screen-rail{width:118px;font-size:7px}.report-app .screen-rail .brand{font-size:17px}.report-app .conversation{padding:22px}.agent-result table{font-size:9px}.agent-result th{font-size:8px}.agent-result td,.agent-result th{padding:8px 2px}.chat-question,.chat-answer p{font-size:10px}.report-chart{height:90px}.report-steps{max-width:500px}.agent-tabs{gap:5px;margin-bottom:30px}.agent img{height:80px}.setup-grid{grid-template-columns:1fr;gap:30px}.setup-grid article{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px;align-items:center}.setup-heading{margin:0}.setup-browser,.import-preview,.brand-preview{height:205px}.setup-heading h3{font-size:20px}.setup-heading p{font-size:12px}.setup-heading .step-number{font-size:23px}}
@media(max-width:540px){.header .brand{font-size:24px}.nav-row{gap:12px}.nav-actions{gap:10px}.button.small{min-height:34px;padding:8px 11px;font-size:10px}.hero{padding:36px 0 65px}.hero h1{font-size:47px;letter-spacing:-1.9px}.hero .lede{font-size:12px;max-width:310px}.hero .button{font-size:10px;min-height:39px;padding:10px 12px}.hero-product{width:100%;margin:0}.hero .dashboard{min-height:325px}.hero-notes{font-size:7px}.hero .product-caption{font-size:8px}.sports{padding-top:15px}.sport-row{gap:22px}.section{padding-block:55px}.connected-copy h2{font-size:34px}.connected-features{grid-template-columns:1fr;gap:20px}.connected-features h3{font-size:15px}.connected-features p{font-size:12px}.screen-rail{width:67px;padding:12px 4px 8px;font-size:4px}.screen-rail .brand{font-size:10px;gap:2px;letter-spacing:-.4px;margin:0 0 15px}.screen-rail .brand img{width:12px}.screen-rail>span{gap:3px;padding:7px 2px}.screen-rail .line-icon{width:7px;height:7px}.screen-rail>small{font-size:4px;padding:10px 2px 3px}.screen-user{font-size:4px;padding:20px 0 0;gap:3px}.screen-user>b{width:14px;height:14px;font-size:4px}.screen-user small{font-size:3px}.screen-main{padding:0 7px 8px}.screen-toolbar{font-size:4px;padding:10px 0}.screen-title{margin:16px 0 12px;gap:4px}.screen-title h3{font-size:10px;letter-spacing:-.3px}.screen-title h3 small{font-size:7px}.screen-title p{font-size:4px}.screen-action{font-size:4px;padding:5px}.calendar-controls{font-size:4px;gap:3px;padding-bottom:10px}.calendar-controls>span{padding:2px 4px}.calendar-key{font-size:3px;gap:2px}.calendar-key i{width:4px;height:4px;margin-left:1px}.timeline-head{grid-template-columns:40px repeat(5,1fr);font-size:3px;height:24px}.timeline-row{min-height:46px}.court-name{width:40px;font-size:4px;padding:13px 4px}.court-name small{font-size:3px}.timeline-event{font-size:3.5px;padding:5px 2px;border-width:1px;top:3px;bottom:3px}.timeline-event small{font-size:3px;white-space:normal;margin-top:3px}.booking-detail{width:126px;padding:8px;right:15px;bottom:35px;border-radius:5px}.detail-heading{font-size:6px;gap:5px}.detail-heading .line-icon{width:12px;height:12px}.detail-heading small{font-size:4px}.detail-person{font-size:5px;gap:5px;margin-top:9px}.detail-person>b{width:17px;height:17px;font-size:4px}.detail-person small{font-size:4px}.booking-detail>.screen-action{margin-top:9px;font-size:5px}.screen-foot{font-size:4px}.ai-section{padding-block:48px}.ai-section .section-heading h2{font-size:33px}.ai-section .section-heading p:not(.eyebrow){font-size:12px}.agent img{height:62px}.agent strong{font-size:12px}.agent>span{font-size:6px}.agent{padding:10px 2px}.agent-tabs{gap:0}.agent-explanation h3{font-size:35px}.agent-explanation>p{font-size:12px}.agent-explanation ul{gap:15px}.agent-explanation li{font-size:10px}.report-steps{gap:12px}.report-steps small{font-size:8px}.report-app .screen-rail{width:70px;font-size:4px}.report-app .screen-rail .brand{font-size:10px}.report-app .screen-rail .brand img{width:12px}.report-app .screen-rail .line-icon{width:7px}.report-app .screen-rail>span{gap:3px}.report-app .conversation{padding:13px 9px 9px}.conversation-top{font-size:9px}.conversation-top>span:last-child{font-size:4px}.chat-question,.chat-answer p{font-size:7px}.chat-answer{gap:5px}.chat-answer img{width:17px;height:24px}.agent-result{padding:9px;min-height:200px}.report-top strong{font-size:7px}.report-top>span{font-size:4px;padding:3px}.agent-result table{font-size:6px}.agent-result th{font-size:5px}.agent-result td,.agent-result th{padding:7px 1px}.report-chart{height:65px;gap:5px}.saved-badge,.report-open{font-size:4px}.conversation-bottom{font-size:5px}.report-app{min-height:375px}.setup-grid article{display:block}.setup-heading{margin-bottom:18px}.setup-heading h3{font-size:20px}.setup-grid{gap:35px}#setup h2{font-size:29px}.setup-browser,.import-preview,.brand-preview{height:205px}.import-row{font-size:7px}.import-row>span:nth-child(2){font-size:6px}.brand-preview{gap:25px}.brand-options{font-size:10px}.final-cta{padding:30px 24px}.final-cta h2{font-size:34px}}
.screenshot-button{position:relative;display:block;width:100%;padding:0;border:1px solid #dfe8f3;border-radius:12px;background:white;overflow:hidden;box-shadow:0 12px 38px #164b7620;cursor:zoom-in;color:#0066ff;text-align:left}
.screenshot-button>img{display:block;width:100%;height:auto;object-fit:contain}.screen-enlarge{position:absolute;right:10px;bottom:10px;padding:5px 9px;background:#fffffff2;border:1px solid #e1eaf5;border-radius:5px;font-size:9px;opacity:0;transition:opacity .15s}.screenshot-button:hover .screen-enlarge,.screenshot-button:focus-visible .screen-enlarge{opacity:1}
.actual-hero{margin-right:-45px;transform:perspective(1800px) rotateY(-4deg) rotateZ(-1deg)}.actual-hero .screenshot-button>img{min-height:0}.hero-grid{grid-template-columns:.75fr 1.4fr}.calendar-capture{aspect-ratio:2.75}.calendar-capture>img{height:100%;object-fit:cover;object-position:top}.connected-section{grid-template-columns:.65fr 1.5fr}.actual-report{display:flex;flex-direction:column;gap:15px;border:0;box-shadow:none;background:transparent;border-radius:0;overflow:visible;min-height:0}.report-builder-capture{width:100%;height:auto;display:block}.report-builder-capture[hidden]{display:none}.capture-caption{font-size:10px;text-align:center;color:#637a94}.screen-dialog{padding:40px 12px 12px;width:min(1600px,96vw);max-width:96vw;max-height:94vh;border:1px solid #dce6f2;border-radius:12px;background:white;box-shadow:0 25px 100px #001b4050}.screen-dialog::backdrop{background:#03182acc;backdrop-filter:blur(5px)}.screen-dialog>img{display:block;width:100%;height:auto}.screen-dialog>p{text-align:center;font-size:11px;margin-top:12px}.screen-close{position:absolute;right:10px;top:5px;border:0;background:transparent;font-size:28px;color:#07203f;width:32px;height:32px}.report-steps[hidden]{display:none}
@media(max-width:1100px){.actual-hero{margin-right:0}.hero-grid{grid-template-columns:.8fr 1.2fr}}
@media(max-width:800px){.hero-grid,.connected-section{grid-template-columns:1fr}.actual-hero{transform:none}.actual-report{min-height:0}.screen-enlarge{opacity:1;font-size:8px}.calendar-capture{aspect-ratio:2.45}.screen-dialog{padding:38px 5px 10px}}
@media(min-width:801px){.timeline-event{font-size:7px}.timeline-event small{font-size:6px}.court-name{font-size:8px}.court-name small{font-size:6px}.timeline-head{font-size:6px}.calendar-key{font-size:6px}.screen-toolbar{font-size:7px}}
@media(max-width:1000px){.connected-section{grid-template-columns:1fr}.connected-features{grid-template-columns:1fr 1fr}.calendar-showcase{width:100%}}
@media(max-width:540px){.connected-features{grid-template-columns:1fr}.actual-report{min-height:0}.actual-hero{margin:0}}
.screenshot-button{border:0;box-shadow:none;border-radius:12px;background:transparent}.screenshot-button>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.calendar-capture{aspect-ratio:3/2;overflow:visible}.calendar-capture>img{height:auto;object-fit:contain}.actual-hero{margin-right:-35px}.actual-hero .screenshot-button{box-shadow:0 22px 50px #07203f20}.actual-report{gap:5px}.agent-panel{grid-template-columns:1.35fr 1fr;gap:35px}
@media(max-width:800px){.agent-panel{grid-template-columns:1fr}.actual-hero{margin:0}}
/* Separate conversational exploration from reusable reports. */
.chat-specialist{text-align:center;max-width:690px;margin:0 auto 38px}.chat-specialist .eyebrow{font-size:9px;margin-bottom:10px;display:block}.chat-specialist h3{font-size:27px}.chat-specialist h3 br{display:none}.chat-specialist h3 br:after{content:' '}.chat-specialist p{font-size:12px;margin-top:12px}.chat-specialist ul{display:flex;justify-content:center;gap:20px;list-style:none;padding:0;margin:15px 0 0;font-size:10px;color:#536984}.chat-specialist li:before{content:'✓';color:#00aa91;margin-right:6px}.chat-journey{display:grid;grid-template-columns:1fr 1fr;gap:26px}.chat-journey figure{margin:0;min-width:0}.chat-journey figcaption{display:flex;gap:13px;align-items:flex-start;margin:0 18px 12px}.chat-journey figcaption>span{font-size:12px;color:#0066ff;font-weight:700;line-height:1.8}.chat-journey h3{font-size:21px;line-height:1.25}.chat-journey p{font-size:11px;margin-top:5px}.reports-section{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}.reports-copy h2{font-size:42px}.reports-copy>p:not(.eyebrow){font-size:13px;margin-top:20px}.reports-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:17px;list-style:none;padding:0;margin:25px 0;font-size:11px;color:#294362}.reports-copy li:before{content:'✓';color:#0066ff;margin-right:8px}.reports-visual{min-width:0}.hero-grid{grid-template-columns:.8fr 1.4fr;min-height:460px;gap:30px}.hero-product.actual-hero{margin:0;transform:none;max-width:none;width:100%;padding:0}.actual-hero .screenshot-button{box-shadow:0 18px 45px #07203f20;border-radius:12px;aspect-ratio:1.58;overflow:hidden}.actual-hero .screenshot-button>img{width:108%;max-width:none;height:auto;aspect-ratio:3/2;position:relative;left:-4%;margin-top:-3.8%;object-fit:contain}.hero .product-caption{font-style:normal;font-size:10px;text-align:center;margin:16px 0 0;color:#294b68}.hero{padding-top:48px;padding-bottom:110px;min-height:0}.hero-copy{padding-bottom:0}.header nav{gap:20px}
@media(max-width:1100px){.hero-grid{grid-template-columns:.85fr 1.15fr;gap:24px}.hero h1{font-size:53px}.header nav{gap:13px;font-size:10px}.nav-row{gap:18px}.reports-copy h2{font-size:35px}.reports-section{gap:25px}.chat-journey h3{font-size:19px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero-product.actual-hero{max-width:650px;margin:auto}.hero{padding:40px 0 85px}.hero h1{font-size:58px}.reports-section{grid-template-columns:1fr;gap:28px}.reports-copy{grid-row:1}.reports-visual{grid-row:2}.reports-copy h2{font-size:38px}.chat-journey{grid-template-columns:1fr;gap:30px}.chat-journey figure{max-width:650px;margin:auto;width:100%}.chat-specialist ul{flex-wrap:wrap;gap:10px 18px}.header nav{font-size:15px;gap:18px}}
@media(max-width:540px){.hero h1{font-size:47px}.hero{padding-bottom:65px}.hero .product-caption{font-size:9px}.chat-specialist h3{font-size:24px}.chat-specialist h3 br{display:block}.chat-specialist p{font-size:12px}.chat-specialist ul{font-size:9px}.chat-journey h3{font-size:19px}.chat-journey figcaption{margin-inline:8px}.reports-copy h2{font-size:34px}.reports-copy ul{font-size:10px}.reports-section{padding-top:45px}.nav-row{gap:12px}}
.chat-specialist h3 br{display:block}.hero .product-caption{display:none}
/* Specialist cards echo the in-app roster,with shorter landing-page copy. */
.agent-tabs{max-width:none;gap:16px;margin:30px 0 38px;align-items:stretch}.agent-tabs .agent{--agent-color:#0066ff;--agent-wash:#e7f0ff;--agent-edge:#c8dcff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 17px 22px;border:1px solid var(--agent-edge);border-radius:20px;background:linear-gradient(155deg,var(--agent-wash),#ffffff 125%);box-shadow:none;transition:transform .18s,box-shadow .18s,border-color .18s;color:var(--navy)}.agent-tabs .agent[data-agent="mia"]{--agent-color:#0093d0;--agent-wash:#e5f6ff;--agent-edge:#bce8fc}.agent-tabs .agent[data-agent="dash"]{--agent-color:#00a8a7;--agent-wash:#e4fcfa;--agent-edge:#b8efeb}.agent-tabs .agent[data-agent="rally"]{--agent-color:#16b862;--agent-wash:#eafbed;--agent-edge:#c9f1d5}.agent-tabs .agent[data-agent="ace"]{--agent-color:#87ad00;--agent-wash:#f6fbdc;--agent-edge:#e6efb9}.agent-tabs .agent.active{border-color:var(--agent-color);box-shadow:0 8px 24px #1439570a}.agent-tabs .agent:hover{transform:translateY(-4px);box-shadow:0 12px 24px #14395710;background:linear-gradient(155deg,var(--agent-wash),#ffffff 125%)}.agent-tabs .agent img{height:108px;max-width:85px;margin:0 auto 14px;filter:drop-shadow(0 9px 9px color-mix(in srgb,var(--agent-color) 18%,transparent))}.agent-tabs .agent strong{font-size:20px;line-height:1.2}.agent-tabs .agent-role-label{display:block;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:600;margin-top:7px;color:#667b90}.agent-tabs .agent-summary{font-size:12px;line-height:1.65;margin-top:10px;min-height:60px;color:#526980;letter-spacing:0}.agent-tabs .agent-card-benefits{display:flex;flex-direction:column;align-self:stretch;gap:11px;border-top:1px solid var(--agent-edge);padding-top:16px;margin-top:15px;text-align:left;letter-spacing:0}.agent-card-benefits>span{font-size:10px;line-height:1.6;color:#294362;display:flex;gap:7px}.agent-card-benefits>span:before{content:'✓';color:var(--agent-color);font-weight:700;flex-shrink:0}.hero h1{font-size:clamp(46px,4.8vw,67px);line-height:1.06;letter-spacing:-2.6px}.hero h1 .gradient-text{display:inline}.hero-grid{grid-template-columns:.9fr 1.4fr}
@media(max-width:1100px){.agent-tabs{gap:10px}.agent-tabs .agent{padding:20px 12px;border-radius:16px}.agent-tabs .agent img{height:88px}.agent-tabs .agent strong{font-size:18px}.agent-tabs .agent-summary{font-size:11px;min-height:72px}.agent-card-benefits>span{font-size:9px}.agent-tabs .agent-role-label{font-size:7px}.hero h1{font-size:51px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:58px}.agent-tabs{grid-template-columns:repeat(6,1fr);gap:14px}.agent-tabs .agent{grid-column:span 2;padding:22px 16px}.agent-tabs .agent:nth-child(4){grid-column:2/span 2}.agent-tabs .agent img{height:95px}.agent-tabs .agent-summary{min-height:57px;font-size:12px}.agent-tabs .agent-role-label{font-size:8px}.agent-card-benefits>span{font-size:10px}}
@media(max-width:540px){.hero h1{font-size:47px;letter-spacing:-1.9px}.agent-tabs{grid-template-columns:1fr;gap:12px}.agent-tabs .agent,.agent-tabs .agent:nth-child(4){grid-column:auto;display:grid;grid-template-columns:76px 1fr;column-gap:15px;text-align:left;padding:20px;align-items:start}.agent-tabs .agent img{grid-column:1;grid-row:1/span 3;height:92px;margin:auto;max-width:70px;align-self:center}.agent-tabs .agent strong{grid-column:2;font-size:21px}.agent-tabs .agent-role-label{grid-column:2;font-size:8px;margin-top:5px}.agent-tabs .agent-summary{grid-column:2;min-height:0;font-size:11px;margin-top:7px}.agent-tabs .agent-card-benefits{grid-column:1/-1;display:flex;gap:7px;padding-top:13px;margin-top:15px}.agent-card-benefits>span{font-size:11px}}
/* Stable selection and a single,neutral image treatment. */
.chat-specialist{display:grid;grid-template-rows:minmax(16px,auto) minmax(60px,auto) minmax(48px,auto) minmax(36px,auto);gap:10px}.chat-specialist .eyebrow,.chat-specialist p,.chat-specialist ul{margin:0}.chat-specialist ul{align-content:start;align-items:start}.agent-tabs .agent:hover{transform:none}.chat-journey figure{display:grid;grid-template-rows:70px auto;align-content:start}.chat-journey figcaption{margin:0 8px 16px}.ai-section{background:#fff}.product-visual{position:relative;width:100%;margin:0;min-width:0;cursor:default}.product-visual>img{display:block;width:100%;height:auto;max-width:100%;filter:none}.visual-overview,.visual-calendar,.visual-agents,.visual-conversation{aspect-ratio:1.6;overflow:hidden;border-radius:12px;background:#fff;border:1px solid #e3eaf2;box-shadow:0 12px 30px rgba(7,32,63,.09)}.visual-overview>img,.visual-calendar>img,.visual-agents>img,.visual-conversation>img{position:absolute;max-width:none;object-fit:fill;aspect-ratio:auto}.visual-overview>img{width:107.4%;height:113.1%;left:-3.7%;top:-6.6%}.visual-calendar>img{width:104.6%;height:116.6%;left:-2.25%;top:-8.2%}.visual-agents>img{width:107.4%;height:114.6%;left:-3.5%;top:-7.3%}.visual-conversation>img{width:103.8%;height:107.1%;left:-2.05%;top:-2.5%}.visual-report{background:#fff}.visual-report>img{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}.hero-product.actual-hero{filter:none}.actual-hero .product-visual{box-shadow:0 18px 38px rgba(7,32,63,.15)}.chat-journey{align-items:start}.reports-section{background:#fff}
@media(max-width:800px){.chat-journey figure{grid-template-rows:65px auto}.chat-specialist{grid-template-rows:minmax(16px,auto) minmax(60px,auto) minmax(52px,auto) minmax(52px,auto)}}
@media(max-width:540px){.chat-specialist{grid-template-rows:minmax(30px,auto) minmax(60px,auto) minmax(84px,auto) minmax(90px,auto);gap:8px}.chat-specialist ul{flex-direction:column;align-items:center;gap:8px}.chat-specialist h3{font-size:24px}.product-visual{border-radius:9px}.chat-journey figure{grid-template-rows:72px auto}}
@media(prefers-reduced-motion:reduce){.button:hover,.agent-tabs .agent:hover{transform:none}}
/* Approved hero concept. */
.header{height:80px;background:#fff}.header .container,.hero .container{width:min(1400px,82%)}.header .brand{font-size:34px}.header .brand img{width:40px}.header nav{font-size:14px;gap:28px}.header .button.small{background:#0066ff;border-radius:8px;padding:13px 22px;font-size:14px;min-height:48px}.header .signin{font-size:14px}
.hero{padding:74px 0 166px;background-position:center center;min-height:0}.hero:after{display:none}.hero-glow{background:linear-gradient(90deg,#f8fcffbb 0%,#f8fcff66 30%,transparent 58%);mask-image:linear-gradient(#000 0%,#000 55%,transparent 86%)}
.hero-grid{grid-template-columns:.58fr 1fr;gap:64px;min-height:0;align-items:start}.hero-copy{padding:8px 0 0}.hero h1{font-size:clamp(54px,5.1vw,86px);line-height:.98;letter-spacing:-.045em;font-weight:800}.hero .eyebrow{font-size:11px;letter-spacing:2.4px;margin-bottom:30px}.hero .lede{font-size:17px;line-height:1.6;max-width:490px;margin:25px 0 24px}.hero .button-row{gap:28px;flex-wrap:nowrap}.hero .button{min-height:54px;padding:14px 24px;font-size:15px;border-radius:8px;gap:15px}.hero-explore{display:inline-flex;align-items:center;gap:14px;color:#0066ff;white-space:nowrap;font-size:15px;font-weight:500}.hero-explore:hover{text-decoration:underline}.hero-notes{display:block;font-size:12px;margin-top:13px;color:#536e92}.actual-hero .product-visual{border-radius:14px;box-shadow:0 16px 36px #163c6220}.hero-feature-strip{display:flex;justify-content:center;align-items:center;padding:19px 24px;font-size:12px;color:#4b6486;background:#fff;border-bottom:1px solid #edf2f7}.hero-feature-strip span{padding:0 42px;line-height:1.2}.hero-feature-strip span+span{border-left:1px solid #b9c9dd}
@media(max-width:1200px){.header .container,.hero .container{width:calc(100% - 64px)}.header nav{font-size:12px;gap:18px}.header .brand{font-size:29px}.hero-grid{gap:35px;grid-template-columns:.64fr 1fr}.hero h1{font-size:60px}.hero .lede{font-size:14px}.hero .button{font-size:12px;padding:12px 17px;min-height:46px}.hero-explore{font-size:12px}.hero .button-row{gap:18px}.hero{padding:60px 0 135px}.hero-feature-strip span{padding-inline:25px}}
@media(max-width:800px){.header{height:72px}.header nav{font-size:15px;gap:18px}.header .button.small{font-size:11px;padding:10px 15px;min-height:38px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy{padding:0}.hero h1{font-size:64px}.hero .lede{margin-inline:auto;max-width:430px}.hero .eyebrow{margin-bottom:23px}.hero .button-row{justify-content:center}.hero{padding:40px 0 100px}.hero-glow{background:linear-gradient(180deg,#f4fbfff2 0%,#f4fbffcf 45%,transparent 90%);mask-image:none}.hero-product.actual-hero{max-width:650px}.hero-feature-strip{flex-wrap:wrap;row-gap:15px;font-size:11px}.hero-feature-strip span{width:50%;text-align:center;padding-inline:8px}.hero-feature-strip span:nth-child(3){border-left:0}}
@media(max-width:540px){.header .container,.hero .container{width:calc(100% - 36px)}.header .brand{font-size:24px}.header .brand img{width:29px}.hero h1{font-size:55px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero .lede{font-size:13px;max-width:330px}.hero .button-row{gap:17px}.hero .button{font-size:11px;padding:12px 15px}.hero-explore{font-size:11px;gap:7px}.hero-notes{font-size:10px}.hero{padding-bottom:70px}.hero-feature-strip{font-size:10px}}
@media(min-width:1201px){.hero{min-height:800px;background-position:center top}.hero-product.actual-hero{width:calc(100% + 60px)}.hero .lede{max-width:none;width:calc(100% + 35px)}}
@media(min-width:801px){.hero-glow{background:linear-gradient(90deg,#f8fcffe8 0%,#f8fcffb8 28%,transparent 62%);mask-image:linear-gradient(#000 0%,#000 65%,transparent 87%)}}

/* Phones and small tablets: the agent card check list sits as one centered block, lines sharing a
   left edge, rather than hugging the card edge under text that starts further in. */
@media(max-width:800px){.agent-tabs .agent-card-benefits{display:grid;grid-template-columns:minmax(0,max-content);justify-content:center;justify-items:start;gap:9px;width:100%}}

/* The explanation list under the agent heading: on phones it was a two-column grid with each line
   centered in its cell, so three lines of different length staggered. One centered column, left
   edges shared. */
@media(max-width:800px){.agent-explanation ul{display:grid;grid-template-columns:minmax(0,max-content);justify-content:center;justify-items:start;gap:10px;max-width:none;margin:22px auto}}

/* Safari on iPhone ignored the grid centering above. Shrink the list to its content and center it
   with auto margins instead, which every browser honours. */
@media(max-width:800px){.agent-explanation ul{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:max-content;max-width:100%;padding:0;margin:22px auto}.agent-explanation li{text-align:left}}

/* The website add-on. One price,on top of any plan,included in none of them. It sits under the
   three cards rather than beside them because it is not a fourth thing to choose between,and its
   switch reaches back up into the prices so the cost of saying yes is the number already on screen. */
.addon{display:grid;grid-template-columns:1fr 262px;gap:34px;align-items:center;margin-top:20px;padding:26px 30px;border:1px solid #cfe2fb;border-radius:16px;background:linear-gradient(115deg,#f1f8ff,#fff 62%)}
.addon-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}
.addon-copy h3{font-size:23px;letter-spacing:-.6px}
.addon-copy>p{font-size:11px;line-height:1.95;color:#546b88;margin:9px 0 0;max-width:640px}
.addon-copy ul{list-style:none;padding:0;margin:15px 0 0;display:flex;flex-wrap:wrap;gap:6px 26px}
.addon-copy li{font-size:10px;color:#546b88}
.addon-copy li:before{content:'\2713';color:#00a283;font-weight:700;margin-right:8px}
.addon-buy{border-left:1px solid #dbe7f6;padding-left:30px}
.addon-buy .price{margin-top:0}
.addon-buy .price>strong{font-size:38px;letter-spacing:-1.4px;color:var(--blue)}
.addon-buy .billing-note{margin:5px 0 17px}
.addon-toggle{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:600;color:var(--navy);cursor:pointer}
.addon-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.addon-toggle i{flex:none;width:38px;height:22px;border-radius:99px;background:#d5e2f2;position:relative;transition:background .18s}
.addon-toggle i:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f386733;transition:transform .18s}
.addon-toggle input:checked+i{background:var(--blue)}
.addon-toggle input:checked+i:after{transform:translateX(16px)}
.addon-toggle input:focus-visible+i{outline:2px solid var(--blue);outline-offset:3px}
/* What the switch just did,where you were already looking. */
.price-card .price>strong{transition:color .18s}
.price-card.with-site .price>strong{color:var(--blue)}
@media(max-width:800px){.addon{grid-template-columns:1fr;gap:20px;padding:22px}.addon-copy h3{font-size:19px}.addon-copy ul{gap:5px 18px}.addon-buy{border-left:0;border-top:1px solid #dbe7f6;padding:18px 0 0}.addon-buy .price>strong{font-size:33px}}

/* The hero headline, resized for a longer line.
   "Unlock your club's potential." was three words and broke into three short lines, so it could be
   set enormous. "More than club management software." is five, and the copy column is .58fr of the
   grid because the product shot earns the rest - at 80px the word "management" alone filled the
   column and the headline ran to four lines, pushing the demo button under the fold. This is the
   size at which it sits in three. */
.hero h1{font-size:clamp(40px,3.6vw,58px)}
@media(max-width:1200px){.hero h1{font-size:44px}}
/* Below 800 the grid is a single full-width column, so there is room again. */
@media(max-width:800px){.hero h1{font-size:56px}}
@media(max-width:540px){.hero h1{font-size:40px}}

/* A single sport image follows the visitor across all marketing sections. */
:root{--sport-photo:url("/info/assets/img/sunlit-courts-pickleball.webp")}
:root[data-sport="tennis"]{--sport-photo:url("/info/assets/img/sunlit-courts.webp")}
:root[data-sport="pickleball"]{--sport-photo:url("/info/assets/img/sunlit-courts-pickleball.webp")}
:root[data-sport="padel"]{--sport-photo:url("/info/assets/img/sunlit-courts-padel.webp")}
.sport-row>a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:8px 12px;border-radius:8px;border:1px solid transparent}
.sport-row>a img{width:40px;height:40px;object-fit:contain}
.sport-row>a:hover,.sport-row>a:focus-visible{background:#eef6ff}
html[data-sport="tennis"] [data-sport-choice="tennis"],html[data-sport="pickleball"] [data-sport-choice="pickleball"],html[data-sport="padel"] [data-sport-choice="padel"]{background:#e8f2ff;box-shadow:inset 0 0 0 1px #0066ff44}
@media(max-width:540px){.sport-row>a{padding:6px;gap:5px;font-size:12px}.sport-row>a img{width:28px;height:28px}}