:root{--navy:#0b1426;--navy2:#111d36;--navy3:#18284a;--neon:#c6f432;--neon2:#a8d61c;--warm:#ff7a45;--ink:#0d1526;--mut:#5d6b82;--bg:#f4f6fa;--card:#fff;--line:#e3e8f0;--r:18px;--sh:0 1px 2px rgba(11,20,38,.06),0 8px 24px rgba(11,20,38,.08);--sh2:0 2px 4px rgba(11,20,38,.08),0 18px 40px rgba(11,20,38,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}
a{color:#2453c7;text-underline-offset:3px}img{max-width:100%;height:auto;display:block}
h1,h2,h3,.display{font-family:Oswald,"Bebas Neue",Impact,sans-serif;letter-spacing:.01em;line-height:1.1;text-transform:uppercase}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.4rem 0 .6rem;font-weight:700}
h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:2.4rem 0 1rem;font-weight:700;display:flex;align-items:center;gap:.6rem}
h2::before{content:"";width:6px;height:1.1em;background:var(--neon);border-radius:3px;box-shadow:0 0 0 2px var(--navy) inset}
h3{font-size:1.15rem;margin:.2rem 0 .4rem;font-weight:600;text-transform:none;font-family:Inter,system-ui,sans-serif;letter-spacing:-.01em;line-height:1.3}
h3 a{color:inherit;text-decoration:none}h3 a:hover{color:#2453c7}
.meta{color:var(--mut);font-size:.86rem}.note{font-size:.8rem;color:var(--mut)}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(11,20,38,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.bar{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:auto;padding:.7rem 1.1rem}
.logo{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:1.45rem;letter-spacing:.02em;text-transform:uppercase}
.logo svg{width:34px;height:34px;flex:none;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.logo:hover svg{transform:rotate(-20deg) scale(1.06)}
.logo span{color:var(--neon)}
.nav{display:flex;gap:.1rem;margin-left:auto;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav a{color:#c9d3e6;text-decoration:none;padding:.45rem .55rem;border-radius:10px;font-size:.88rem;font-weight:600;white-space:nowrap;transition:.2s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}.nav a.on{color:var(--navy);background:var(--neon)}
.join{margin-left:.4rem}
.burger{display:none;margin-left:auto;background:none;border:0;width:42px;height:42px;border-radius:10px;cursor:pointer;color:#fff}
.burger span{display:block;width:22px;height:2px;background:#fff;margin:5px auto;border-radius:2px;transition:.3s}
.navopen .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navopen .burger span:nth-child(2){opacity:0}.navopen .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1320px){.burger{display:block}.join{display:none}
 .nav{position:fixed;inset:62px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--navy);padding:.8rem 1rem 1.4rem;gap:.2rem;transform:translateY(-120%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 40px rgba(0,0,0,.35);max-height:calc(100vh - 62px);overflow:auto}
 .nav a{font-size:1.05rem;padding:.75rem 1rem}.navopen .nav{transform:none}}
/* buttons, badges */
.btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--neon);color:var(--navy);font-weight:800;padding:.8rem 1.25rem;border-radius:12px;text-decoration:none;border:0;cursor:pointer;font-size:.98rem;transition:transform .15s,box-shadow .2s,background .2s;box-shadow:0 6px 18px rgba(198,244,50,.28)}
.btn:hover{transform:translateY(-2px);background:#d4ff45;box-shadow:0 10px 26px rgba(198,244,50,.4)}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--neon);color:var(--neon)}
.btn.sm{padding:.45rem .85rem;font-size:.85rem;border-radius:10px}.btn.warm{background:var(--warm);color:#fff;box-shadow:0 6px 18px rgba(255,122,69,.3)}
.tag,.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.22rem .55rem;border-radius:6px;background:#eef2f8;color:var(--navy3);vertical-align:middle}
.b-sale{background:var(--warm);color:#fff}.b-drop{background:var(--neon);color:var(--navy)}.b-power{background:#ffe1d3;color:#b23d0c}.b-control{background:#dde8ff;color:#1d3f9a}.b-out{background:#eee;color:#777}.b-pub{background:var(--navy);color:var(--neon)}
/* layout */
main{max-width:1200px;margin:auto;padding:1.4rem 1.1rem 3rem}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));min-width:0}
.card{position:relative;background:var(--card);border-radius:var(--r);padding:1.15rem;box-shadow:var(--sh);border:1px solid var(--line);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;overflow:hidden}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.card ul{padding-left:1.1rem;margin:.4rem 0}.card li{margin:.25rem 0}
.disc{background:linear-gradient(90deg,#fff7e6,#fffdf5);border:1px solid #ffe0a8;padding:.7rem .9rem;border-radius:12px;font-size:.85rem;margin:.6rem 0}
/* video cards */
.vid{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000;margin:-.2rem -.2rem .7rem}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.thumb{position:relative;display:block;margin:-1.15rem -1.15rem .85rem;aspect-ratio:16/9;background:var(--navy) center/cover no-repeat;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .thumb img{transform:scale(1.05)}
.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(11,20,38,.55))}
.play{position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;background:rgba(198,244,50,.95);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s}.card:hover .play{transform:scale(1.1)}
.play::before{content:"";border-left:16px solid var(--navy);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.chan{position:absolute;z-index:2;left:.7rem;bottom:.6rem;color:#fff;font-size:.78rem;font-weight:700}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,rgba(198,244,50,.18),transparent 60%),radial-gradient(800px 400px at -10% 110%,rgba(255,122,69,.22),transparent 60%),linear-gradient(160deg,#0b1426 0%,#132550 100%);color:#fff;margin:0 0 0}
.hero .court{position:absolute;inset:0;width:100%;height:100%;opacity:.16}
.hero .in{position:relative;max-width:1200px;margin:auto;padding:clamp(3rem,9vw,6.5rem) 1.1rem clamp(3rem,8vw,5.5rem);display:grid;gap:2rem;grid-template-columns:1.25fr .9fr;align-items:center}
.hero h1{font-size:clamp(2.7rem,8vw,5.6rem);line-height:.95;margin:.6rem 0 1rem;font-family:"Bebas Neue",Oswald,Impact,sans-serif;font-weight:400;letter-spacing:.01em}
.hero h1 em{font-style:normal;color:var(--neon);text-shadow:0 0 40px rgba(198,244,50,.35)}
.hero p{color:#c9d3e6;font-size:clamp(1rem,2vw,1.18rem);max-width:560px;margin:0 0 1.6rem}
.eyebrow{display:inline-flex;gap:.5rem;align-items:center;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--neon);background:rgba(198,244,50,.1);border:1px solid rgba(198,244,50,.3);padding:.35rem .7rem;border-radius:99px}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 0 rgba(198,244,50,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(198,244,50,0)}100%{box-shadow:0 0 0 0 rgba(198,244,50,0)}}
.ctas{display:flex;flex-wrap:wrap;gap:.7rem}
.stats{display:flex;gap:1.6rem;margin-top:2rem;flex-wrap:wrap}.stats b{display:block;font-family:Oswald,sans-serif;font-size:1.9rem;color:#fff;line-height:1}.stats span{font-size:.78rem;color:#93a1bb;text-transform:uppercase;letter-spacing:.08em}
.heroart{position:relative;justify-self:center;width:min(380px,80vw);aspect-ratio:1;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:820px){.hero .in{grid-template-columns:1fr}.heroart{display:none}}
.phero{background:linear-gradient(160deg,#0b1426,#162a57);color:#fff;border-radius:24px;padding:clamp(1.2rem,4vw,2.4rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1rem,4vw,2.5rem);align-items:center;position:relative;overflow:hidden;box-shadow:var(--sh2);margin:.4rem 0 1.4rem}
.phero h1{color:#fff;margin-top:.3rem}.phero .meta{color:#a9b6cf}.phero .meta a{color:var(--neon)}
.phero .img{background:radial-gradient(circle at 50% 40%,#fff,#e9eef7);border-radius:20px;aspect-ratio:1;display:grid;place-items:center;padding:1rem;overflow:hidden;min-width:0;max-width:100%}
.phero .img img{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;transform:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}
.price{font-family:Oswald,sans-serif;font-size:2.4rem;font-weight:700;line-height:1;color:var(--neon)}.price s{font-size:1.1rem;color:#8796b3;margin-left:.4rem;font-weight:400}
@media(max-width:720px){.phero{grid-template-columns:1fr}}
.pagehead{background:linear-gradient(160deg,#0b1426,#162a57);color:#fff;border-radius:24px;padding:clamp(1.4rem,4vw,2.6rem);margin:.4rem 0 1.2rem;position:relative;overflow:hidden;box-shadow:var(--sh2)}
.pagehead h1{color:#fff;margin:0 0 .5rem}.pagehead p,.pagehead .meta{color:#b5c1d8;margin:.3rem 0;max-width:820px}.pagehead a{color:var(--neon)}
.pagehead::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(198,244,50,.35),transparent 70%)}
/* paddle cards */
.pcard{display:flex;flex-direction:column;padding:0;min-width:0;max-width:100%}.pcard .pimg{background:radial-gradient(circle at 50% 35%,#fff,#eef2f8);aspect-ratio:4/3;display:grid;place-items:center;padding:1rem;position:relative;overflow:hidden;min-width:0;max-width:100%}
.pcard .pimg img{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;transform:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.15))}
.pcard .badges{position:absolute;top:.7rem;left:.7rem;display:flex;gap:.3rem;flex-wrap:wrap}
.pcard .body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.pcard .pp{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:700}.pcard .pp s{font-size:.95rem;color:var(--mut);font-weight:400;margin-left:.3rem}
.pcard .brand{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.credit{font-size:.68rem;color:#94a0b5;position:absolute;right:.6rem;bottom:.4rem}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem .2rem 1rem;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}
@media(min-width:1100px){.rail{grid-auto-columns:calc(25% - .83rem)}}
/* tables */
.tbl{overflow-x:auto;border-radius:16px;border:1px solid var(--line);box-shadow:var(--sh);background:#fff}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:.75rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
tr:last-child td,tr:last-child th{border-bottom:0}thead th,tr:first-child th:not([scope]){background:var(--navy);color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:500}
tr:first-child th a{color:var(--neon)}tbody tr:hover{background:#f8faff}
.vs td.win{background:linear-gradient(90deg,rgba(198,244,50,.25),rgba(198,244,50,.08));font-weight:700;position:relative}
.vs td.win::after{content:"✓ edge";margin-left:.4rem;font-size:.66rem;font-weight:800;color:var(--navy);background:var(--neon);padding:.08rem .4rem;border-radius:5px;text-transform:uppercase}
.vs th[scope=row]{background:#f4f6fa;color:var(--navy3);width:22%}
.vshead{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:center;text-align:center}
.vshead .vsimg{background:#fff;border-radius:18px;aspect-ratio:1;display:grid;place-items:center;padding:.8rem;max-width:min(220px,100%);margin:auto;overflow:hidden;min-width:0}
.vshead .vsimg img{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;transform:none}
.vsbadge{font-family:"Bebas Neue",Oswald,sans-serif;font-size:2.4rem;width:68px;height:68px;border-radius:50%;background:var(--neon);color:var(--navy);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(198,244,50,.2)}
.vshead h3{color:#fff;margin-top:.6rem}
/* tournaments strip, news, sections */
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:1rem;overflow-x:auto;padding-bottom:.6rem}
.tcard{background:var(--navy2);color:#fff;border:1px solid rgba(255,255,255,.08)}.tcard h3{color:#fff}.tcard .meta{color:#a9b6cf}.tcard a{color:var(--neon)}
.date{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:62px;border-radius:12px;background:var(--neon);color:var(--navy);font-family:Oswald,sans-serif;line-height:1;float:right;margin:0 0 .4rem .6rem}.date b{font-size:1.5rem}.date small{font-size:.7rem;font-weight:700;text-transform:uppercase}
.band{background:var(--navy);color:#fff;border-radius:26px;padding:clamp(1.4rem,4vw,2.6rem);margin:2.6rem 0 0;position:relative;overflow:hidden}
.band h2{color:#fff;margin-top:0}.band p{color:#b5c1d8}.band .meta{color:#93a1bb}
.dark{background:var(--navy);color:#fff;margin:2.4rem calc(50% - 50vw) 0;padding:1rem calc(50vw - 50% + 0px) 2.6rem}
.dark h2{color:#fff}.dark .meta{color:#a9b6cf}
.dark .in{max-width:1200px;margin:auto;padding:0 1.1rem}
.newscard .pub{margin-bottom:.5rem}
.seemore{font-weight:700;text-decoration:none;font-size:.92rem;margin-left:auto;font-family:Inter,sans-serif;text-transform:none;letter-spacing:0;color:#2453c7}.dark .seemore{color:var(--neon)}
.pros{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}
.pro{display:flex;gap:.8rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.8rem;box-shadow:var(--sh);transition:.2s}.pro:hover{transform:translateY(-3px)}
.pro .av{width:44px;height:44px;flex:none;border-radius:50%;background:var(--navy);color:var(--neon);display:grid;place-items:center;font-family:Oswald,sans-serif;font-weight:700}
.grid.proscons{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.proscons .card:first-child{border-top:4px solid var(--neon)}.proscons .card:last-child{border-top:4px solid var(--warm)}
/* forms */
form{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0;position:relative}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
input[type=email]{padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:1rem;flex:1;min-width:220px;max-width:380px}
main input[type=email]{border-color:var(--line);background:#fff;color:var(--ink)}.band input[type=email]{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}
input::placeholder{color:#93a1bb}
/* footer */
footer{background:#070d1a;color:#93a1bb;padding:3rem 1.1rem 2rem;font-size:.88rem}
.fin{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
footer h4{color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .7rem;font-size:.95rem}
footer a{color:#c9d3e6;text-decoration:none;display:block;margin:.3rem 0}footer a:hover{color:var(--neon)}
.legal{max-width:1200px;margin:2rem auto 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem}
@media(max-width:760px){.fin{grid-template-columns:1fr 1fr}.fin>div:first-child{grid-column:1/-1}}
/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.secs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.secs a{text-decoration:none;color:inherit}
.tbl table td a{font-weight:600}