/* Start custom CSS *//* CourtSide page CSS: font, hero court lines, exact breakpoints (980/640) and pseudo-element fixes */
@font-face{font-family:'CourtSide Archivo';font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(https://fonts.gstatic.com/s/archivo/v25/k3kQo8UDI-1M0wlSfdnoLg.woff2) format('woff2');}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:#FFFFFF;color:#111113;font-family:'Barlow',Arial,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.admin-bar .cs-nav{top:32px}
body .elementor .cs-hero{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke='%23E3E3E8' stroke-opacity='0.55' stroke-width='2'%3E%3Cline x1='600' y1='0' x2='600' y2='700'/%3E%3Ccircle cx='600' cy='350' r='90'/%3E%3Ccircle cx='600' cy='350' r='22'/%3E%3Cpath d='M1200 140 H1010 V560 H1200'/%3E%3Cpath d='M1010 260 A90 90 0 0 1 1010 440'/%3E%3Cpath d='M1200 40 C880 40 880 660 1200 660'/%3E%3Cpath d='M0 140 H190 V560 H0'/%3E%3Cpath d='M190 260 A90 90 0 0 0 190 440'/%3E%3Cpath d='M0 40 C320 40 320 660 0 660'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center;background-repeat:no-repeat}
body .elementor .cs-toggle{display:inline-flex;width:fit-content;max-width:100%;flex-wrap:nowrap}
body .elementor .cs-tier-hot::before{content:'Recommended';position:absolute;inset:auto;top:-13px;left:28px;width:auto;height:auto;opacity:1;mix-blend-mode:normal;border:0;z-index:2;background:#FF6B1A;color:#fff;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
body .elementor .cs-acc-head{list-style:none}
body .elementor .cs-acc-head::-webkit-details-marker{display:none}
body .elementor .cs-acc-icon::before{content:'+';position:static;width:auto;height:auto;opacity:1;background:none;font-family:'JetBrains Mono',monospace;font-size:22px;line-height:1;color:#FF6B1A}
body .elementor details[open] .cs-acc-icon::before{content:'–'}
body .elementor .cs-acc-icon svg{display:none}
body .elementor .cs-acc-item[open] .cs-acc-body{display:block}
body .elementor .cs-mark p,body .elementor .cs-mark span{font:inherit;color:inherit}
@media (max-width:980px){
  body .elementor .cs-hero-grid,body .elementor .cs-demo-grid,body .elementor .cs-faq-grid{grid-template-columns:minmax(0,1fr)}
  body .elementor .cs-grid-3,body .elementor .cs-tiers,body .elementor .cs-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .elementor .cs-tiers{row-gap:28px}
  body .elementor .cs-flow{row-gap:24px}
  body .elementor .cs-nav-links{display:none}
}
@media (max-width:767px){
  body .elementor .cs-board{grid-template-columns:1fr auto 1fr}
  body .elementor .cs-tbl-row,body .elementor .cs-tbl-head{grid-template-columns:minmax(0,1fr) 34px 44px 34px 32px}
  body .elementor .cs-cmp-row{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}
  body .elementor .cs-step-item{grid-template-columns:44px 1fr}
  body .elementor .cs-row2{grid-template-columns:1.2fr 1fr}
  body .elementor .cs-grid-3,body .elementor .cs-tiers,body .elementor .cs-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:782px){body.admin-bar .cs-nav{top:46px}}
@media (max-width:640px){
  body{font-size:17px}
  body .elementor .cs-grid-3,body .elementor .cs-tiers,body .elementor .cs-flow,body .elementor .cs-row2,body .elementor .cs-form{grid-template-columns:minmax(0,1fr)}
  body .elementor .cs-tier-for{min-height:0}
  body .elementor .cs-step{padding-right:0}
}
/* ---- Hero app preview animation (CSS only; static final state with reduced motion) ---- */
body .elementor .cs-tbl-row > :first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .elementor #cs-stand-view{height:144px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
@property --cs-home{syntax:'<integer>';initial-value:66;inherits:false}
@property --cs-away{syntax:'<integer>';initial-value:54;inherits:false}
@media (prefers-reduced-motion:no-preference){
  body .elementor #cs-score-home,body .elementor #cs-score-away,body .elementor #cs-score-badge,body .elementor #cs-reg-sub-1,body .elementor #cs-reg-sub-2,body .elementor #cs-reg-sub-3,body .elementor #cs-reg-pill-1,body .elementor #cs-reg-pill-2,body .elementor #cs-reg-pill-3{font-size:0;letter-spacing:0}
  body .elementor #cs-score-home{animation:cs-home 12s step-end infinite;counter-reset:h var(--cs-home)}
  body .elementor #cs-score-away{animation:cs-away 12s step-end infinite;counter-reset:a var(--cs-away)}
  body .elementor #cs-score-home::after{content:counter(h);font-size:clamp(30px,4vw,44px)}
  body .elementor #cs-score-away::after{content:counter(a);font-size:clamp(30px,4vw,44px)}
  body .elementor #cs-score-badge{animation:cs-badge-bg 12s step-end infinite}
  body .elementor #cs-score-badge::after{content:'FINAL';font-size:11px;letter-spacing:.08em;animation:cs-badge 12s step-end infinite}
  body .elementor #cs-stand-rows{animation:cs-stand 16s ease-in-out infinite}
  body .elementor .cs-panel:hover #cs-stand-rows{animation-play-state:paused}
  body .elementor #cs-reg-pill-1,body .elementor #cs-reg-pill-2,body .elementor #cs-reg-pill-3{animation:cs-pill 12s step-end infinite,cs-fade 3s ease infinite}
  body .elementor #cs-reg-pill-1::after,body .elementor #cs-reg-pill-2::after,body .elementor #cs-reg-pill-3::after{font-size:12px;animation:cs-pill-text 12s step-end infinite;content:'Paid'}
  body .elementor #cs-reg-sub-1,body .elementor #cs-reg-sub-2,body .elementor #cs-reg-sub-3{animation:cs-fade 3s ease infinite}
  body .elementor #cs-reg-sub-1::after,body .elementor #cs-reg-sub-2::after,body .elementor #cs-reg-sub-3::after{font-size:13px;animation:cs-sub-text 12s step-end infinite;content:'Deposit $1,666.75'}
  body .elementor #cs-reg-pill-2,body .elementor #cs-reg-pill-2::after,body .elementor #cs-reg-sub-2::after{animation-delay:-3s}
  body .elementor #cs-reg-pill-3,body .elementor #cs-reg-pill-3::after,body .elementor #cs-reg-sub-3::after{animation-delay:-6s}
}
@keyframes cs-home{0%{--cs-home:48}7%{--cs-home:50}13%{--cs-home:51}19%{--cs-home:54}26%{--cs-home:56}33%{--cs-home:59}39%{--cs-home:61}46%{--cs-home:63}53%{--cs-home:66}100%{--cs-home:66}}
@keyframes cs-away{0%{--cs-away:41}10%{--cs-away:43}17%{--cs-away:45}23%{--cs-away:46}30%{--cs-away:48}36%{--cs-away:50}43%{--cs-away:51}50%{--cs-away:54}100%{--cs-away:54}}
@keyframes cs-badge{0%{content:'Q4 · LIVE'}55%{content:'FINAL'}100%{content:'FINAL'}}
@keyframes cs-badge-bg{0%{background-color:#E5342B}55%{background-color:#FF6B1A}100%{background-color:#FF6B1A}}
@keyframes cs-stand{0%,28%{transform:translateY(0)}42%,72%{transform:translateY(-144px)}86%,100%{transform:translateY(0)}}
@keyframes cs-fade{0%{opacity:.15}12%,88%{opacity:1}100%{opacity:.15}}
@keyframes cs-pill{0%{background-color:rgba(31,157,96,.14);color:#1F9D60}25%{background-color:#FFF1E8;color:#C24A08}50%{background-color:rgba(31,157,96,.14);color:#1F9D60}75%{background-color:#FDECEA;color:#C0392B}100%{background-color:rgba(31,157,96,.14);color:#1F9D60}}
@keyframes cs-pill-text{0%{content:'Paid'}25%{content:'Review'}50%{content:'Approved'}75%{content:'Not approved'}100%{content:'Paid'}}
@keyframes cs-sub-text{0%{content:'Deposit $1,666.75'}25%{content:'Awaiting payment'}50%{content:'Paid in full'}75%{content:'Waitlisted · division full'}100%{content:'Deposit $1,666.75'}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}/* End custom CSS */