:root{--navy:#061a3d;--blue:#126cf4;--cyan:#39b9ff;--red:#ff4055;--ink:#0a2146;--muted:#657998;--line:#dbe6f4;--page:#f4f8ff;--card:#fff;--soft:#eaf2fd;--shadow:0 28px 90px rgba(7,43,91,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 9% 0,rgba(57,185,255,.2),transparent 31rem),radial-gradient(circle at 92% 14%,rgba(18,108,244,.12),transparent 34rem),var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hidden{display:none!important}.site-header{width:min(1240px,calc(100% - 32px));height:82px;margin:0 auto;display:flex;align-items:center;gap:34px;position:relative;z-index:10}.site-logo{width:218px;height:62px;display:block;overflow:hidden}.site-logo img{width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header nav a{text-decoration:none;font-size:14px;font-weight:750;color:var(--muted)}.site-header nav a:hover{color:var(--blue)}.header-actions{display:flex;gap:9px;align-items:center}.language select{height:44px;border:1px solid var(--line);background:rgba(255,255,255,.76);color:var(--ink);border-radius:13px;padding:0 11px;font-weight:850}.button{min-height:46px;border-radius:14px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;font:inherit;font-weight:850;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(135deg,#0d61e9,#1778ff);box-shadow:0 13px 32px rgba(18,108,244,.25)}.button.secondary,.button.ghost{background:rgba(255,255,255,.78);border:1px solid var(--line)}.button.light{background:#fff;color:var(--blue)}.button:disabled{opacity:.65;cursor:wait;transform:none}main{overflow:hidden}.hero-home{width:min(1240px,calc(100% - 32px));min-height:680px;margin:0 auto;padding:84px 0 92px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.85fr);align-items:center;gap:70px}.hero-copy h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.064em;margin:14px 0 24px;max-width:810px}.hero-lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:750px}.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(16,168,120,.11);color:#07825c;font-size:12px;font-weight:900}.eyebrow-home{font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:18px 0 0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.small-note{font-size:12px;color:var(--muted);max-width:640px;margin-top:16px;line-height:1.5}.score-demo{position:relative;padding:27px;border-radius:34px;background:linear-gradient(160deg,#061a3d,#0a3275);color:#fff;box-shadow:0 40px 100px rgba(6,26,61,.28);transform:rotate(1.5deg);overflow:hidden}.score-demo:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-110px;top:-150px;background:rgba(57,185,255,.18)}.demo-top,.demo-team,.demo-sets,.demo-stream{position:relative;display:flex;align-items:center;justify-content:space-between}.demo-top span{font-size:12px;font-weight:950;color:#ff6c7d}.demo-top i,.demo-stream i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4055;margin-right:7px;box-shadow:0 0 0 6px rgba(255,64,85,.13)}.score-demo>p{position:relative;color:#a9bedf;margin:38px 0 12px;font-size:13px}.demo-team{padding:21px 0;border-top:1px solid rgba(255,255,255,.12)}.demo-team strong{font-size:25px}.demo-team b{font-size:70px;line-height:.8;letter-spacing:-.08em}.demo-sets{padding:18px;border-radius:17px;background:rgba(255,255,255,.08);margin-top:8px;color:#b8c8e3;font-size:12px}.demo-sets strong{font-size:24px;color:#fff}.demo-stream{justify-content:flex-start;margin-top:22px;color:#a9bedf;font-size:12px}.demo-stream i{background:#21d29b;box-shadow:none}.section{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:92px 0}.section-heading{max-width:750px;margin-bottom:37px}.section-heading h2,.store-section h2,.account-cta h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.05em;margin:12px 0 15px}.section-heading>p:last-child,.store-section>div>p:last-child,.account-cta>div>p:last-child{font-size:17px;line-height:1.6;color:var(--muted)}.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.discipline{min-height:184px;border:1px solid rgba(219,230,244,.9);border-radius:27px;background:rgba(255,255,255,.84);padding:28px;display:flex;align-items:flex-end;gap:18px;box-shadow:0 18px 55px rgba(8,42,88,.07);position:relative;overflow:hidden}.discipline:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-80px;background:var(--glow)}.discipline>span{font-size:40px;position:relative;z-index:1}.discipline h3{font-size:21px;margin:0 0 5px}.discipline p{margin:0;color:var(--muted)}.discipline.indoor{--glow:rgba(18,108,244,.13)}.discipline.beach{--glow:rgba(255,159,28,.16)}.discipline.snow{--glow:rgba(57,185,255,.18)}.feature-section{width:100%;padding-left:max(16px,calc((100% - 1240px)/2));padding-right:max(16px,calc((100% - 1240px)/2));background:#061a3d;color:#fff}.feature-section .section-heading>p:last-child{color:#a9bcdc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-grid article{padding:27px;border-radius:23px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}.feature-grid h3{font-size:19px;margin:18px 0 9px}.feature-grid p{margin:0;color:#afbfda;line-height:1.55;font-size:14px}.feature-icon{width:43px;height:43px;border-radius:14px;background:rgba(57,185,255,.13);color:#59c5ff;display:grid;place-items:center;font-weight:950}.store-section{display:flex;justify-content:space-between;align-items:center;gap:55px}.store-section>div:first-child{max-width:650px}.store-buttons{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end}.store-button{min-width:205px;height:68px;padding:10px 17px;border-radius:17px;background:#07162f;color:#fff;display:flex;align-items:center;gap:13px;opacity:.92}.store-button svg{width:31px;height:31px;fill:#fff}.store-button span{display:grid}.store-button small{font-size:9px;letter-spacing:.11em;color:#9dafca}.store-button b{font-size:20px}.account-cta{margin-bottom:70px;padding:54px 60px;border-radius:34px;background:linear-gradient(135deg,#0b5fe4,#1880ff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 28px 80px rgba(18,108,244,.23)}.account-cta .eyebrow-home{color:#bce5ff}.account-cta h2{margin-top:9px}.account-cta>div>p:last-child{color:#d8e8ff;max-width:750px}.site-footer{min-height:150px;border-top:1px solid var(--line);width:min(1240px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;gap:28px;color:var(--muted);font-size:13px}.site-footer img{width:180px;height:58px;object-fit:contain}.site-footer span{margin-left:auto}.account-dialog{width:min(520px,calc(100% - 28px));max-height:min(820px,calc(100vh - 28px));border:0;border-radius:28px;padding:27px;background:#fff;color:var(--ink);box-shadow:0 35px 120px rgba(0,20,55,.34)}.account-dialog::backdrop{background:rgba(2,13,32,.62);backdrop-filter:blur(9px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-head h2{font-size:28px;letter-spacing:-.04em;margin:8px 0 16px}.dialog-head .eyebrow-home{margin:0}.close-button{width:42px;height:42px;border:0;border-radius:13px;background:var(--soft);font-size:27px;cursor:pointer;color:var(--ink)}.auth-form{display:grid;gap:15px}.auth-form>p{margin:0 0 4px;color:var(--muted);line-height:1.55}.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:850;color:var(--muted)}.auth-form input{width:100%;height:51px;border:1px solid var(--line);border-radius:14px;padding:0 15px;font:inherit;font-size:16px;color:var(--ink);background:#f9fbff;outline:none}.auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,108,244,.1)}.auth-form small{color:var(--muted);line-height:1.45}.text-button{border:0;background:transparent;color:var(--blue);font:inherit;font-size:13px;font-weight:850;cursor:pointer;padding:8px}.text-button.danger{color:var(--red);margin-top:8px}.auth-message{padding:11px 13px;border-radius:13px;background:var(--soft);color:var(--ink);font-size:13px;margin-bottom:15px}.auth-message.error{background:rgba(255,64,85,.1);color:#b72035}.auth-message.success{background:rgba(16,168,120,.1);color:#087352}.profile-panel{display:grid;gap:18px}.profile-state{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:rgba(16,168,120,.09)}.profile-state>span{width:36px;height:36px;border-radius:12px;background:#10a878;color:#fff;display:grid;place-items:center;font-weight:950}.profile-state div{display:grid;gap:2px}.profile-state small{color:var(--muted)}.cloud-note{display:grid;gap:4px;padding:15px;border-radius:16px;background:var(--soft);font-size:13px}.cloud-note span{color:var(--muted);line-height:1.45}@media(max-width:900px){.site-header nav{display:none}.site-header{gap:12px}.site-logo{width:185px}.header-actions{margin-left:auto}.hero-home{grid-template-columns:1fr;padding-top:55px}.score-demo{max-width:620px;width:100%;justify-self:center;transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.store-section{align-items:flex-start;flex-direction:column}.store-buttons{justify-content:flex-start}.account-cta{align-items:flex-start;flex-direction:column}.discipline-grid{grid-template-columns:1fr}}@media(max-width:600px){.site-header{height:70px}.site-logo{width:150px;height:49px}.header-actions .button{width:44px;padding:0;font-size:0}.header-actions .button:after{content:"↗";font-size:18px}.language select{height:42px}.hero-home{min-height:0;padding:48px 0 65px;gap:45px}.hero-copy h1{font-size:43px}.hero-lead{font-size:17px}.hero-actions .button{width:100%}.score-demo{padding:21px;border-radius:25px}.demo-team b{font-size:56px}.section{padding:68px 0}.feature-grid{grid-template-columns:1fr}.store-buttons{width:100%}.store-button{width:100%}.account-cta{padding:35px 25px;border-radius:26px;margin-bottom:40px}.site-footer{padding:28px 0;align-items:flex-start;flex-direction:column;gap:8px}.site-footer span{margin:0}.account-dialog{padding:22px;border-radius:22px}.dialog-head h2{font-size:25px}}
.auth-form .legal-check{display:flex;align-items:flex-start;gap:9px;color:#3f5878;font-size:11px;font-weight:700;line-height:1.45}.auth-form .legal-check input{width:18px;height:18px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--blue)}.auth-form .legal-check a{color:var(--blue)}
/* Visual refresh: layered court motifs, tactile cards and a three-store release panel. */
body:before{content:"";position:absolute;inset:82px 0 auto;height:650px;pointer-events:none;opacity:.4;background:linear-gradient(90deg,transparent 49.9%,rgba(18,108,244,.08) 50%,transparent 50.1%),linear-gradient(rgba(18,108,244,.08),rgba(18,108,244,.08)) center 72%/52% 1px no-repeat;mask-image:linear-gradient(to bottom,#000,transparent)}
.site-header{backdrop-filter:blur(14px)}
.hero-copy{position:relative;z-index:1}.hero-copy h1{line-height:1.08;padding-bottom:.12em;background:linear-gradient(125deg,#061a3d 15%,#0b3d8d 58%,#126cf4);-webkit-background-clip:text;background-clip:text;color:transparent}
.score-demo{isolation:isolate;border:1px solid rgba(255,255,255,.15);transition:transform .35s ease,box-shadow .35s ease}.score-demo:hover{transform:rotate(0) translateY(-5px);box-shadow:0 48px 120px rgba(6,26,61,.34)}.score-demo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 48%,transparent 66%);transform:translateX(-110%);animation:score-shine 7s ease-in-out infinite}
@keyframes score-shine{0%,60%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}
.discipline{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.discipline:hover{transform:translateY(-7px);border-color:rgba(18,108,244,.25);box-shadow:0 28px 75px rgba(8,42,88,.13)}.discipline:before{content:"";position:absolute;inset:18px;border:1px solid rgba(18,108,244,.07);border-radius:18px;pointer-events:none}
.feature-section{position:relative;background:radial-gradient(circle at 12% 15%,rgba(57,185,255,.13),transparent 28rem),radial-gradient(circle at 90% 90%,rgba(18,108,244,.18),transparent 32rem),#061a3d}.feature-grid article{position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,border-color .25s ease}.feature-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.09);border-color:rgba(89,197,255,.28)}.feature-grid article:after{content:"";position:absolute;width:100px;height:100px;right:-50px;bottom:-55px;border-radius:50%;background:rgba(57,185,255,.08)}
.store-section{position:relative;margin-top:92px;margin-bottom:92px;padding:58px;border-radius:38px;color:#fff;background:radial-gradient(circle at 75% 0,rgba(57,185,255,.2),transparent 23rem),linear-gradient(135deg,#061a3d,#0a3275);box-shadow:0 34px 100px rgba(6,26,61,.22);overflow:hidden}.store-section:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-170px;bottom:-230px}.store-copy{position:relative;z-index:1}.store-section .eyebrow-home{color:#68ceff}.store-section h2{color:#fff}.store-section>div>p:last-child{color:#b9cae3}.store-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.store-platforms span{padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#dceaff;background:rgba(255,255,255,.06);font-size:11px;font-weight:850}
.store-copy>p:last-of-type{color:#b9cae3;font-size:17px;line-height:1.6}
.store-buttons{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(205px,1fr));max-width:445px}.store-button{position:relative;min-width:0;border:1px solid rgba(255,255,255,.13);background:rgba(3,14,34,.72);opacity:1;box-shadow:0 12px 32px rgba(0,0,0,.14);transition:transform .22s ease,border-color .22s ease,background .22s ease}.store-buttons a.store-button{text-decoration:none}.store-button.available{border-color:rgba(104,206,255,.42);background:linear-gradient(135deg,rgba(12,67,153,.94),rgba(8,30,70,.96))}.store-button:hover{transform:translateY(-4px);border-color:rgba(104,206,255,.4);background:rgba(5,24,57,.92)}.store-button.rustore svg{fill:#2aa6ff}.store-button.appgallery svg{fill:#cf0a2c}.store-button.google svg{fill:#72d49f}.store-button.apple svg{fill:#fff}
.app-preview-stage{position:relative;min-height:620px;isolation:isolate}.app-preview-stage:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-70px;top:70px;background:radial-gradient(circle,rgba(57,185,255,.23),rgba(18,108,244,.08) 48%,transparent 72%);filter:blur(2px)}.hero-device{position:absolute;margin:0;background:linear-gradient(145deg,#071a3b,#16376c);padding:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 35px 90px rgba(6,26,61,.25);overflow:hidden}.hero-device img{display:block;width:100%;height:auto}.hero-ipad{width:min(88%,440px);right:0;top:36px;border-radius:34px;transform:rotate(2.2deg)}.hero-ipad img{border-radius:24px}.hero-iphone{width:min(47%,235px);left:0;bottom:18px;border-radius:37px;padding:8px;transform:rotate(-3deg);z-index:2}.hero-iphone img{border-radius:29px}.hero-live-badge{position:absolute;right:4%;bottom:34px;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(6,26,61,.92);color:#fff;box-shadow:0 18px 45px rgba(6,26,61,.28);font-size:11px;font-weight:900;backdrop-filter:blur(12px)}.hero-live-badge i{width:8px;height:8px;border-radius:50%;background:#21d29b;box-shadow:0 0 0 6px rgba(33,210,155,.16);animation:hero-live-pulse 1.8s ease-in-out infinite}.hero-live-badge strong{font-size:16px}.screenshot-section{padding-top:70px}.phone-gallery,.tablet-gallery{display:grid;gap:18px}.phone-gallery{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}.tablet-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.screenshot-card{margin:0;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:31px;background:linear-gradient(145deg,#071a3b,#0b326e);box-shadow:0 24px 65px rgba(6,26,61,.17);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.screenshot-card img{display:block;width:100%;height:auto;border-radius:24px}.screenshot-card figcaption{padding:12px 10px 10px;color:#dceaff;font-size:12px;font-weight:850;text-align:center}.phone-shot{border-radius:33px}.phone-shot img{border-radius:26px}.screenshot-card:hover{transform:translateY(-8px);box-shadow:0 34px 85px rgba(6,26,61,.24)}
@keyframes hero-live-pulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.15);opacity:1}}
.account-cta{position:relative;overflow:hidden}.account-cta:after{content:"25 : 23";position:absolute;right:13%;bottom:-34px;color:rgba(255,255,255,.07);font-size:120px;font-weight:950;letter-spacing:-.1em;pointer-events:none}.account-cta>*{position:relative;z-index:1}
@media(max-width:900px){.store-section{margin-top:68px;margin-bottom:68px;padding:44px}.store-buttons{width:100%;max-width:none}.app-preview-stage{min-height:570px;max-width:620px;width:100%;justify-self:center}.phone-gallery{grid-template-columns:repeat(5,210px);overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 2px 28px}.phone-shot{scroll-snap-align:start}.tablet-gallery{grid-template-columns:1fr}}
@media(max-width:600px){body:before{display:none}.store-section{margin-top:46px;margin-bottom:46px;padding:32px 22px;border-radius:27px}.store-buttons{grid-template-columns:1fr}.score-demo:hover{transform:none}.account-cta:after{font-size:76px;right:8%;bottom:-18px}.app-preview-stage{min-height:470px}.hero-ipad{width:82%;top:22px}.hero-iphone{width:43%;bottom:10px}.hero-live-badge{right:0;bottom:20px}.screenshot-section{padding-top:45px}.phone-gallery{grid-template-columns:repeat(5,72vw)}.tablet-gallery{grid-template-columns:repeat(3,84vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:24px}.tablet-shot{scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.score-demo:after{animation:none}.hero-live-badge i{animation:none}.button,.score-demo,.discipline,.feature-grid article,.store-button,.screenshot-card{transition:none}}