:root{--bg:#061018;--surface:#0b1722;--surface-2:#102435;--text:#eef4fa;--muted:#8ea3b7;--line:rgba(174,216,255,.15);--accent:#6af0c7;--blue:#6aa8ff;--danger:#ff7b89;--shell:min(1180px,calc(100% - 40px));--shadow:0 24px 80px rgba(0,0,0,.42);--display:"Space Grotesk",Arial,sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--body);overflow-x:hidden}body::before{position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 78% 10%,rgba(106,168,255,.15),transparent 28rem),radial-gradient(circle at 15% 34%,rgba(106,240,199,.08),transparent 25rem),linear-gradient(rgba(106,168,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(106,168,255,.03) 1px,transparent 1px),linear-gradient(145deg,#07131d,#061018 50%,#030a11);background-size:auto,auto,88px 88px,88px 88px,auto;content:""}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}.shell{width:var(--shell);margin-inline:auto}.sr-only,.sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:rgba(4,11,18,.88);backdrop-filter:blur(18px)}.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.product-brand{display:inline-flex;align-items:center;gap:11px}.product-brand>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(106,240,199,.46);border-radius:12px 4px;color:#061018;background:linear-gradient(145deg,#a1ffe2,var(--accent) 56%,var(--blue));font:900 16px var(--display);box-shadow:0 0 28px rgba(106,240,199,.16)}.product-brand>strong{display:grid;font:900 21px/1 var(--display)}.product-brand small{margin-top:5px;color:var(--accent);font:800 8px/1 var(--body);letter-spacing:.17em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:7px}.nav-links a{padding:10px 12px;border:1px solid transparent;border-radius:9px;color:rgba(238,244,250,.68);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:.2s ease}.nav-links a:hover{color:#061018;background:var(--accent)}.nav-links .nav-cta{margin-left:8px;color:#061018;background:var(--accent)}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:transparent}.nav-toggle i{display:block;width:18px;height:1px;margin:5px auto;background:#fff}
.product-hero{position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(50px,7vw,110px);padding:90px max(20px,calc((100vw - 1180px)/2)) 105px;isolation:isolate}.product-grid{position:absolute;z-index:-2;inset:0;opacity:.65;background:linear-gradient(90deg,transparent 49.8%,rgba(106,168,255,.08) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(106,168,255,.06) 50%,transparent 50.2%);background-size:180px 180px;mask-image:linear-gradient(#000,transparent 94%)}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(16px)}.hero-glow.one{top:10%;right:5%;width:min(42vw,650px);aspect-ratio:1;background:radial-gradient(circle,rgba(24,94,255,.2),transparent 68%)}.hero-glow.two{left:4%;bottom:4%;width:min(30vw,440px);aspect-ratio:1;background:radial-gradient(circle,rgba(106,240,199,.1),transparent 70%)}.hero-copy{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:rgba(238,244,250,.62);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow>span{width:8px;height:8px;background:var(--accent);box-shadow:0 0 16px rgba(106,240,199,.5)}.product-hero h1{margin-top:22px;font:900 clamp(64px,6.3vw,106px)/.83 var(--display);letter-spacing:-.06em;text-transform:uppercase}.product-hero h1 em,.section-heading h2 em,.feature-copy h2 em,.connection-copy h2 em,.faq h2 em{color:transparent;background:linear-gradient(90deg,var(--accent),#79d9ff 62%,var(--blue));background-clip:text;font-style:normal}.hero-lead{max-width:600px;margin-top:30px;color:rgba(238,244,250,.67);font-size:17px;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 23px;border:1px solid transparent;border-radius:12px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#061018;background:var(--accent);box-shadow:0 16px 38px rgba(106,240,199,.17)}.button.secondary{border-color:rgba(174,216,255,.22);background:rgba(8,18,28,.56)}.proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:rgba(238,244,250,.48);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.proof span{position:relative;padding-left:13px}.proof span::before{position:absolute;top:50%;left:0;width:5px;height:5px;background:var(--accent);content:"";transform:translateY(-50%)}
.hero-visual{position:relative}.admin-window{position:relative;margin:0;border:1px solid rgba(174,216,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(16,36,53,.97),rgba(5,14,22,.98));box-shadow:var(--shadow);overflow:hidden}.hero-window{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.window-bar,.admin-window figcaption{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);color:#cbd8e3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.window-brand,.admin-window figcaption span{display:flex;align-items:center;gap:8px}.window-brand i,.admin-window figcaption i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.window-bar>b{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:9px}.window-bar>b i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.window-layout{display:grid;grid-template-columns:100px 1fr;min-height:440px}.mini-sidebar{display:grid;align-content:start;gap:7px;padding:18px 10px;border-right:1px solid var(--line);background:rgba(3,10,16,.56)}.mini-sidebar strong{display:grid;width:32px;height:32px;margin:0 7px 12px;place-items:center;border-radius:8px;color:#061018;background:var(--accent);font:900 11px var(--display)}.mini-sidebar span{padding:9px 8px;border-radius:6px;color:#70889b;font-size:8px;font-weight:800}.mini-sidebar span.active{color:var(--accent);background:rgba(106,240,199,.1)}.dashboard-preview{padding:24px}.dashboard-preview header{display:grid;gap:5px}.dashboard-preview header small{color:var(--accent);font-size:8px;font-weight:800;text-transform:uppercase}.dashboard-preview header strong{font:700 22px var(--display)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.metric-row article{display:grid;gap:6px;padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.metric-row span{color:#7890a2;font-size:8px;text-transform:uppercase}.metric-row strong{font:800 23px var(--display)}.metric-row i{color:var(--accent);font-size:8px;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:10px}.occupancy-card,.activity-card{min-height:210px;padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.occupancy-card>div:first-child{display:grid;gap:4px}.occupancy-card strong,.activity-card>strong{font-size:11px}.occupancy-card small{color:#72899b;font-size:8px}.bars{height:135px;display:flex;align-items:flex-end;gap:9px;padding-top:18px}.bars i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(var(--accent),rgba(106,168,255,.35))}.activity-card{display:grid;align-content:start;gap:13px}.activity-card p{display:flex;gap:8px;align-items:flex-start}.activity-card p>i{flex:0 0 7px;width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--blue)}.activity-card p>span{display:grid;gap:3px;font-size:8px;font-weight:700}.activity-card small{color:#70889a;font-size:7px}.public-card{position:absolute;right:-22px;bottom:-33px;display:grid;gap:4px;width:210px;padding:17px;border:1px solid rgba(106,240,199,.35);border-radius:13px;background:rgba(7,22,30,.96);box-shadow:0 18px 50px rgba(0,0,0,.45)}.public-card small{color:#7790a2;font-size:8px;text-transform:uppercase}.public-card strong{font:700 14px var(--display)}.public-card span{display:flex;align-items:center;gap:6px;margin-top:5px;color:var(--accent);font-size:8px;font-weight:800}.public-card i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.module-index,.operations,.faq{padding:125px 0}.section-heading{display:grid;grid-template-columns:1fr minmax(300px,430px);align-items:end;gap:70px}.section-heading h2,.connection-copy h2,.faq h2{margin-top:17px;font:800 clamp(48px,5.6vw,76px)/.96 var(--display);letter-spacing:-.055em}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.8}.module-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;border:1px solid var(--line);background:var(--line)}.module-strip a{display:flex;align-items:center;gap:17px;min-height:116px;padding:23px;background:rgba(6,16,24,.95);transition:.2s ease}.module-strip a:hover{background:rgba(106,240,199,.08)}.module-strip>a>span{color:var(--accent);font:700 11px var(--display)}.module-strip strong{display:grid;gap:7px;font:700 17px var(--display)}.module-strip small{color:#748b9d;font:700 9px var(--body);letter-spacing:.08em;text-transform:uppercase}
.feature-section{padding:125px 0;border-top:1px solid rgba(174,216,255,.08);background:linear-gradient(180deg,rgba(11,25,37,.55),rgba(6,16,24,.2))}.feature-section.alt{background:linear-gradient(180deg,rgba(4,12,19,.35),rgba(12,28,41,.58))}.feature-grid{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(580px,1.25fr);align-items:center;gap:clamp(55px,7vw,105px)}.feature-grid.reverse{grid-template-columns:minmax(580px,1.25fr) minmax(330px,.75fr)}.feature-grid.reverse .feature-copy{grid-column:2}.feature-grid.reverse .admin-window{grid-column:1;grid-row:1}.feature-copy h2{margin-top:18px;font:800 clamp(46px,5vw,70px)/.96 var(--display);letter-spacing:-.055em}.feature-copy>p:not(.eyebrow){margin-top:25px;color:var(--muted);font-size:15px;line-height:1.8}.workflow,.check-list{display:grid;gap:18px;padding:0;margin:32px 0 0;list-style:none}.workflow li{display:grid;grid-template-columns:34px 1fr;gap:14px}.workflow li>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(106,240,199,.4);border-radius:8px;color:var(--accent);font-size:10px;font-weight:900}.workflow strong{font-size:13px}.workflow p{margin-top:5px;color:#7f96a7;font-size:12px;line-height:1.55}.check-list li{position:relative;padding-left:24px;color:#9db0be;font-size:13px;line-height:1.6}.check-list li::before{position:absolute;left:0;color:var(--accent);content:"✓"}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tag-list span{padding:9px 11px;border:1px solid rgba(106,240,199,.2);border-radius:999px;color:#b8c9d4;background:rgba(106,240,199,.05);font-size:9px;font-weight:800;text-transform:uppercase}.text-link{display:inline-flex;gap:10px;margin-top:28px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.feature-note{padding-left:17px;border-left:2px solid var(--accent)}.mock-caption{display:block;padding:11px 18px;color:#61788a;background:rgba(3,10,16,.5);font-size:8px;text-align:right;text-transform:uppercase}
.calendar-toolbar{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line);background:rgba(3,10,16,.35)}.calendar-toolbar button,.calendar-toolbar span,.calendar-toolbar>b{padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:#9db0bd;background:transparent;font-size:8px}.calendar-toolbar strong{margin-right:auto;font-size:10px}.calendar-toolbar>b{color:#061018;background:var(--accent)}.calendar-board{height:430px;display:grid;grid-template-columns:55px repeat(4,1fr);padding:0 12px 14px}.time-column{display:grid;grid-template-rows:35px repeat(6,1fr);padding-top:35px}.time-column span{padding-top:6px;color:#5f788a;font-size:8px}.court-column{position:relative;display:grid;grid-template-rows:35px repeat(12,1fr);border-left:1px solid var(--line);background-image:linear-gradient(rgba(174,216,255,.08) 1px,transparent 1px);background-size:100% calc((100% - 35px)/6)}.court-column>strong{display:grid;place-items:center;color:#9eb2c0;font-size:9px}.court-column article{z-index:1;grid-row:calc(var(--start) + 1)/span var(--rows);margin:2px 5px;padding:9px;border-left:3px solid var(--blue);border-radius:5px;color:#dce8ef;background:rgba(106,168,255,.19);font-size:8px;font-weight:800;overflow:hidden}.court-column article.green{border-color:var(--accent);background:rgba(106,240,199,.14)}.court-column article.blue{border-color:#9a8cff;background:rgba(154,140,255,.15)}.court-column small{display:block;margin-top:4px;color:#87a0b1;font-size:7px}
.ranking-window{padding-bottom:14px}.ranking-head,.panel-actions{display:flex;align-items:center;justify-content:space-between;padding:20px}.ranking-head>div,.panel-actions>div{display:grid;gap:5px}.ranking-head small,.panel-actions small{color:#6f8799;font-size:8px;text-transform:uppercase}.ranking-head strong,.panel-actions strong{font:700 17px var(--display)}.ranking-head button,.panel-actions button,.tournament-top button{padding:10px 12px;border:0;border-radius:7px;color:#061018;background:var(--accent);font-size:8px;font-weight:900}.ranking-tabs{display:flex;gap:7px;padding:0 20px 14px}.ranking-tabs span{padding:7px 14px;border:1px solid var(--line);border-radius:999px;color:#758c9d;font-size:8px;font-weight:800}.ranking-tabs span.active{color:#061018;background:var(--accent)}.ranking-table{margin:0 20px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.ranking-table>div{display:grid;grid-template-columns:42px minmax(120px,1.5fr) repeat(4,.5fr) .6fr;align-items:center;min-height:48px;padding:0 10px;border-bottom:1px solid rgba(174,216,255,.09);font-size:9px}.ranking-table>div:last-child{border:0}.ranking-table .table-head{min-height:34px;color:#61798b;background:rgba(3,10,16,.45);font-size:7px;font-weight:900}.ranking-table b{color:var(--blue)}.ranking-table strong{font-size:10px}.ranking-table span{text-align:center;color:#8399a8}.ranking-table em{color:var(--accent);font:900 13px var(--display);text-align:center}.ranking-table .promote{box-shadow:inset 3px 0 var(--accent)}.ranking-table .relegate{box-shadow:inset 3px 0 var(--danger)}.ranking-legend{display:flex;align-items:center;gap:15px;padding:14px 20px 0;color:#71899a;font-size:8px}.ranking-legend span{display:flex;align-items:center;gap:5px}.ranking-legend i{width:7px;height:7px;background:var(--accent)}.ranking-legend span:nth-child(2) i{background:var(--danger)}.ranking-legend b{margin-left:auto;color:#8ea5b5;font-weight:700}
.process{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.process article{padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.process article>span{color:var(--accent);font-size:8px;font-weight:900}.process strong{display:block;margin-top:9px;font-size:12px}.process p{margin-top:5px;color:#71899a;font-size:10px;line-height:1.5}.tournament-top{display:flex;align-items:center;gap:35px;padding:18px 20px;border-bottom:1px solid var(--line)}.tournament-top div{display:grid;gap:4px}.tournament-top small{color:#6e8596;font-size:7px;text-transform:uppercase}.tournament-top strong{font-size:11px}.tournament-top button{margin-left:auto}.bracket{display:grid;grid-template-columns:1fr .9fr .75fr;align-items:center;gap:23px;min-height:390px;padding:25px 20px;background:radial-gradient(circle at 50% 50%,rgba(106,168,255,.08),transparent 45%)}.bracket>div{display:grid;gap:18px}.bracket h4{margin:0;color:#6f8798;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.bracket article{position:relative;padding:11px;border:1px solid var(--line);border-radius:8px;background:#0c1d2a}.bracket article span{display:block;padding:6px;color:#c7d6df;font-size:8px}.bracket article span+span{border-top:1px solid var(--line)}.bracket article b{display:block;margin-top:6px;color:var(--accent);font-size:7px;text-align:right}.tournament-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line);color:#758d9e;font-size:8px}.tournament-footer span{padding-right:10px;border-right:1px solid var(--line)}.tournament-footer b{margin-left:auto;color:var(--accent)}
.class-list,.product-list{display:grid;gap:8px;padding:0 20px 22px}.class-list article,.product-list article{display:grid;grid-template-columns:56px 1fr auto auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025)}.class-thumb{display:grid;width:52px;height:52px;place-items:center;border-radius:8px;color:#061018;background:var(--accent);font:900 13px var(--display)}.class-thumb.blue{background:var(--blue)}.class-thumb.purple{background:#9a8cff}.class-list article>div:nth-child(2){display:grid;gap:4px}.class-list small,.product-list small{color:var(--blue);font-size:7px;font-weight:800}.class-list strong,.product-list strong{font-size:10px}.class-list article>div:nth-child(2)>span{color:#748b9c;font-size:8px}.class-list em,.product-list em{color:#a9bac5;font-size:9px;font-style:normal}.class-list article>b,.product-list article>b{padding:7px;border-radius:999px;color:var(--accent);background:rgba(106,240,199,.08);font-size:7px}.class-list article>b.draft,.product-list article>b.draft{color:#f4c36a;background:rgba(244,195,106,.08)}.product-list article{grid-template-columns:52px 1fr auto auto}.product-list article>div{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;color:var(--accent);background:rgba(106,240,199,.08);font:900 18px var(--display)}.product-list strong{display:grid;gap:5px}
.operations{border-top:1px solid rgba(174,216,255,.08)}.operations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.operations-grid article{position:relative;min-height:300px;padding:30px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(16,36,53,.72),rgba(5,14,22,.82));transition:.25s ease}.operations-grid article:hover{border-color:rgba(106,240,199,.4);transform:translateY(-4px)}.operations-grid article>span{position:absolute;top:22px;right:23px;color:#527083;font-size:9px;font-weight:900}.operation-icon{display:grid;width:55px;height:55px;place-items:center;border:1px solid rgba(106,240,199,.25);border-radius:13px;color:var(--accent);background:rgba(106,240,199,.07);font:700 21px var(--display)}.operations-grid h3{margin-top:23px;font:700 21px var(--display)}.operations-grid p{margin-top:12px;color:#849bac;font-size:12px;line-height:1.65}.operations-grid ul{display:grid;gap:7px;padding:0;margin:20px 0 0;list-style:none}.operations-grid li{color:#adc0cb;font-size:9px;font-weight:700}.operations-grid li::before{margin-right:8px;color:var(--accent);content:"·"}
.connection-section{padding:125px 0;background:linear-gradient(135deg,rgba(106,240,199,.09),rgba(106,168,255,.1)),#081722}.connection-copy{text-align:center}.connection-copy .eyebrow{justify-content:center}.connection-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;margin-top:60px}.connection-flow article{display:grid;gap:8px;padding:28px;border:1px solid var(--line);border-radius:13px;background:rgba(5,15,23,.56)}.connection-flow article>span{display:grid;width:27px;height:27px;margin:auto;place-items:center;border-radius:50%;color:#061018;background:var(--accent);font-size:9px;font-weight:900}.connection-flow strong{font:700 16px var(--display)}.connection-flow small{color:#71899a}.connection-flow>i{color:var(--accent);font-size:25px;font-style:normal}.faq{border-top:1px solid var(--line)}.faq .section-heading{grid-template-columns:1fr}.faq-list{margin-top:55px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding:25px 50px 25px 0;cursor:pointer;font:700 16px var(--display);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span::before,.faq summary span::after{position:absolute;top:50%;right:12px;width:14px;height:1px;background:var(--accent);content:""}.faq summary span::after{transform:rotate(90deg)}.faq details[open] summary span::after{transform:rotate(0)}.faq details p{max-width:750px;padding:0 0 25px;color:var(--muted);font-size:13px;line-height:1.7}.final-cta{width:min(1050px,calc(100% - 40px));margin:0 auto 125px;padding:70px;border:1px solid rgba(106,240,199,.3);border-radius:22px;background:radial-gradient(circle at 80% 20%,rgba(106,168,255,.18),transparent 35%),linear-gradient(145deg,#0e2636,#07131d);text-align:center}.final-cta h2{margin-top:18px;font:800 clamp(42px,5vw,68px)/.96 var(--display);letter-spacing:-.045em}.final-cta>p:not(.eyebrow){max-width:680px;margin:24px auto 0;color:var(--muted);line-height:1.7}.final-cta .hero-actions{justify-content:center}footer{border-top:1px solid var(--line);background:#030b12}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:35px;padding:48px 0}.footer-main>p{color:#71899a;font-size:12px}.footer-main nav{display:flex;gap:18px;color:#9aafbd;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;padding:18px 0 25px;border-top:1px solid rgba(174,216,255,.08);color:#536d7e;font-size:8px;text-transform:uppercase}
@media(max-width:1050px){.product-hero{grid-template-columns:1fr;padding-inline:40px}.hero-copy{max-width:760px}.hero-visual{width:min(800px,100%);margin:auto}.feature-grid,.feature-grid.reverse{grid-template-columns:1fr}.feature-grid.reverse .feature-copy,.feature-grid.reverse .admin-window{grid-column:auto;grid-row:auto}.feature-copy{max-width:720px}.operations-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--shell:calc(100% - 28px)}.site-nav{height:66px}.nav-toggle{display:block}.nav-links{position:absolute;top:66px;right:0;left:0;display:none;align-items:stretch;flex-direction:column;padding:14px;background:rgba(4,11,18,.98);border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:13px}.nav-links .nav-cta{margin-left:0;text-align:center}.product-brand>strong{font-size:18px}.product-hero{min-height:0;padding:70px 18px 95px}.product-hero h1{font-size:clamp(53px,16vw,78px)}.hero-window{transform:none}.window-layout{grid-template-columns:72px 1fr}.mini-sidebar{padding:12px 6px}.mini-sidebar span{font-size:6px}.dashboard-preview{padding:15px}.metric-row{grid-template-columns:1fr 1fr}.metric-row article:last-child{display:none}.dashboard-grid{grid-template-columns:1fr}.activity-card{display:none}.public-card{right:-4px}.module-index,.operations,.faq,.feature-section,.connection-section{padding:85px 0}.section-heading{grid-template-columns:1fr;gap:25px}.section-heading h2,.connection-copy h2,.faq h2{font-size:clamp(43px,13vw,62px)}.module-strip{grid-template-columns:1fr 1fr;margin-top:40px}.feature-grid{gap:42px}.feature-copy h2{font-size:clamp(42px,12vw,59px)}.calendar-window,.ranking-window,.tournament-window,.classes-window,.store-window{overflow-x:auto}.calendar-toolbar,.calendar-board,.ranking-head,.ranking-tabs,.ranking-table,.ranking-legend,.tournament-top,.bracket,.tournament-footer,.panel-actions,.class-list,.product-list{min-width:650px}.operations-grid{grid-template-columns:1fr}.connection-flow{grid-template-columns:1fr}.connection-flow>i{transform:rotate(90deg)}.final-cta{padding:48px 24px}.footer-main{grid-template-columns:1fr;align-items:start}.footer-bottom{gap:10px;flex-direction:column}}
@media(max-width:480px){.module-strip{grid-template-columns:1fr}.product-hero{padding-inline:14px}.window-layout{grid-template-columns:1fr}.mini-sidebar{display:none}.dashboard-preview{min-width:480px}.hero-window{overflow-x:auto}.public-card{position:relative;right:auto;bottom:auto;margin:-10px 12px 0 auto}.process{grid-template-columns:1fr}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Interactive product demo */
.demo-lab{padding:125px 0;border-top:1px solid rgba(174,216,255,.08);background:linear-gradient(180deg,rgba(6,16,24,.2),rgba(10,26,38,.72))}.demo-shell{position:relative;margin-top:64px;border:1px solid rgba(174,216,255,.2);border-radius:20px;background:#07131d;box-shadow:var(--shadow);overflow:hidden}.demo-topbar{min-height:64px;display:flex;align-items:center;gap:22px;padding:11px 18px;border-bottom:1px solid var(--line);background:#0b1b28}.demo-topbar>div{display:flex;align-items:center;gap:10px}.demo-topbar>div>span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#061018;background:var(--accent);font:900 11px var(--display)}.demo-topbar strong{display:grid;font:800 14px var(--display)}.demo-topbar small{margin-top:3px;color:var(--accent);font:800 7px var(--body);letter-spacing:.12em;text-transform:uppercase}.demo-topbar>b{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--accent);font-size:8px;text-transform:uppercase}.demo-topbar>b i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.demo-topbar>em{padding:7px 10px;border:1px solid rgba(106,240,199,.18);border-radius:999px;color:#7992a3;font-size:7px;font-style:normal;text-transform:uppercase}.demo-tabs{display:flex;gap:3px;padding:10px 18px;border-bottom:1px solid var(--line);background:rgba(3,10,16,.45)}.demo-tabs button{padding:11px 18px;border:1px solid transparent;border-radius:8px;color:#7d95a6;background:transparent;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.demo-tabs button.active{color:#061018;background:var(--accent)}.demo-panel{display:none;grid-template-columns:330px minmax(0,1fr);min-height:590px}.demo-panel.active{display:grid}.demo-form-copy{padding:36px;border-right:1px solid var(--line);background:rgba(4,13,20,.68)}.demo-form-copy h3{margin-top:14px;font:750 28px/1.05 var(--display);letter-spacing:-.04em}.demo-form-copy>p:not(.eyebrow):not(.demo-source-status){margin-top:16px;color:#8098a9;font-size:12px;line-height:1.7}.demo-form{display:grid;gap:14px;margin-top:28px}.demo-form label{display:grid;gap:7px;color:#7790a2;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.demo-form input,.demo-form select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:#eaf3f8;background:#0c1e2b;font:600 12px var(--body);outline:none}.demo-form input:focus,.demo-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(106,240,199,.08)}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-form button{height:46px;border:0;border-radius:9px;color:#061018;background:var(--accent);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.auto-message{display:grid;gap:7px;margin-top:18px;padding:15px;border:1px solid rgba(106,240,199,.28);border-radius:10px;background:rgba(106,240,199,.07)}.auto-message small{color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.auto-message p{color:#dce8ee;font-size:10px;line-height:1.55}.auto-message span{color:#6f8798;font-size:7px}.demo-source-status{margin-top:20px;padding-left:10px;border-left:2px solid var(--blue);color:#829aaa;font-size:9px;line-height:1.55}.demo-calendar,.demo-data-view{min-width:0;padding:28px}.demo-calendar>header,.demo-data-view>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.demo-calendar>header>div,.demo-data-view>header>div{display:grid;gap:5px}.demo-calendar header small,.demo-data-view header small{color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.demo-calendar header strong,.demo-data-view header strong{font:700 18px var(--display)}.demo-calendar header>span,.demo-data-view header>span{padding:7px 10px;border-radius:999px;color:var(--accent);background:rgba(106,240,199,.08);font-size:7px;font-weight:800}.demo-calendar-grid{height:475px;display:grid;grid-template-columns:52px repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.demo-hours,.demo-court{display:grid;grid-template-rows:40px repeat(6,1fr);background-image:linear-gradient(rgba(174,216,255,.09) 1px,transparent 1px);background-size:100% calc((100% - 40px)/6)}.demo-hours span{padding:8px 7px;color:#60798b;font-size:7px}.demo-court{position:relative;border-left:1px solid var(--line)}.demo-court>b{display:grid;place-items:center;color:#96abba;font-size:8px}.demo-booking{z-index:1;grid-row:calc(var(--slot) + 2)/span 1;margin:4px;padding:8px;border-left:3px solid var(--accent);border-radius:6px;color:#dce8ee;background:rgba(106,240,199,.15);font-size:8px;font-weight:800;overflow:hidden}.demo-booking small{display:block;margin-top:4px;color:#83a1a8;font-size:7px}.demo-booking.seed{border-color:var(--blue);background:rgba(106,168,255,.14)}.demo-ranking-scroll{border:1px solid var(--line);border-radius:10px;overflow:auto}.demo-ranking-table{width:100%;border-collapse:collapse;min-width:620px}.demo-ranking-table th,.demo-ranking-table td{height:49px;padding:0 12px;border-bottom:1px solid rgba(174,216,255,.09);color:#8299a9;font-size:9px;text-align:center}.demo-ranking-table th{height:36px;color:#60798b;background:rgba(3,10,16,.45);font-size:7px;text-transform:uppercase}.demo-ranking-table th:nth-child(2),.demo-ranking-table td:nth-child(2){text-align:left}.demo-ranking-table td:first-child{color:var(--blue);font-weight:900}.demo-ranking-table td:nth-child(2){color:#dfe9ef;font-weight:800}.demo-ranking-table td:last-child{color:var(--accent);font:900 13px var(--display)}.demo-ranking-table tr.is-demo{box-shadow:inset 3px 0 var(--accent);background:rgba(106,240,199,.035)}.demo-ranking-table tr.is-demo td:nth-child(2)::after{margin-left:7px;padding:3px 5px;border-radius:999px;color:#061018;background:var(--accent);font-size:6px;content:"DEMO"}.demo-empty{padding:25px;color:#758d9e;text-align:center}.demo-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-product{min-width:0;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);overflow:hidden}.demo-product-visual{height:120px;display:grid;place-items:center;color:var(--accent);background:radial-gradient(circle,rgba(106,240,199,.15),transparent 58%),#091b27;font:900 34px var(--display)}.demo-product-copy{display:grid;gap:7px;padding:15px}.demo-product-copy small{color:var(--blue);font-size:7px;font-weight:900;text-transform:uppercase}.demo-product-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-product-copy span{color:var(--accent);font:900 15px var(--display)}.demo-product.is-demo{border-color:rgba(106,240,199,.35)}.demo-product.is-demo .demo-product-copy::after{color:#7791a2;font-size:6px;content:"AÑADIDO EN ESTA PRUEBA"}.demo-toast{position:absolute;z-index:5;right:18px;bottom:18px;max-width:340px;padding:13px 16px;border:1px solid rgba(106,240,199,.35);border-radius:9px;color:#dce9ee;background:#0a2028;box-shadow:0 15px 45px rgba(0,0,0,.35);font-size:9px;line-height:1.5;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease}.demo-toast.visible{opacity:1;transform:none}
@media(max-width:900px){.demo-panel,.demo-panel.active{grid-template-columns:1fr}.demo-form-copy{border-right:0;border-bottom:1px solid var(--line)}.demo-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.demo-lab{padding:85px 0}.demo-topbar{align-items:flex-start;flex-wrap:wrap}.demo-topbar>b{margin-left:0}.demo-topbar>em{width:100%}.demo-tabs{overflow-x:auto}.demo-tabs button{flex:1;white-space:nowrap}.demo-form-copy,.demo-calendar,.demo-data-view{padding:22px 16px}.demo-calendar{overflow-x:auto}.demo-calendar>header,.demo-calendar-grid{min-width:650px}.demo-product-grid{grid-template-columns:1fr 1fr}.demo-toast{right:12px;bottom:12px;left:12px;max-width:none}}
@media(max-width:480px){.demo-form-row,.demo-product-grid{grid-template-columns:1fr}.demo-shell{width:calc(100% - 16px)}}

/* Interactive demos live inside their corresponding modules */
.calendar-feature-grid,.embedded-feature-grid{grid-template-columns:1fr;align-items:start}.calendar-feature-grid .feature-copy,.embedded-feature-grid .feature-copy{max-width:780px}.embedded-feature-grid.reverse .feature-copy{grid-column:1;grid-row:1}.embedded-feature-grid .module-demo{grid-column:1;grid-row:2}.module-demo{position:relative;margin-top:12px;border:1px solid rgba(174,216,255,.2);border-radius:20px;background:#07131d;box-shadow:var(--shadow);overflow:hidden}.data-live-demo{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:570px}.calendar-live-demo{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:720px}.calendar-demo-editor{padding:30px 25px;border-left:1px solid var(--line);background:#07131d}.calendar-demo-editor h3{margin-top:14px;font:750 26px/1.05 var(--display);letter-spacing:-.04em}.calendar-demo-editor>p:not(.eyebrow){margin-top:15px;color:#8098a9;font-size:11px;line-height:1.65}.demo-toast{position:fixed;z-index:100;right:22px;bottom:22px}

.backend-calendar-shell{min-width:0;color:#17384c;background:#f4f8fb}.backend-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:68px;padding:10px 14px;border-bottom:1px solid #d7e2e8;background:#fff}.backend-calendar-nav,.backend-calendar-actions,.toolbar-group{display:flex;align-items:center;gap:6px}.backend-calendar-toolbar button{height:34px;padding:0 10px;border:1px solid #cfdce4;border-radius:7px;color:#456276;background:#fff;font-size:8px;font-weight:800;cursor:pointer}.backend-calendar-toolbar button:hover,.backend-calendar-toolbar button.active{border-color:#62d5df;color:#143849;background:#e6fbfd}.backend-calendar-toolbar button:disabled{opacity:.42;cursor:not-allowed}.backend-calendar-toolbar .new-booking-button{border-color:#54cbd7;color:#082b39;background:#65dae3}.backend-calendar-nav label{display:flex;align-items:center;gap:7px;height:34px;padding:0 8px;border:1px solid #cfdce4;border-radius:7px}.backend-calendar-nav label span{color:#718b9c;font-size:7px;font-weight:800;text-transform:uppercase}.backend-calendar-nav input{width:118px;border:0;color:#27495d;background:transparent;font:700 9px var(--body);outline:0}.backend-calendar-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #d7e2e8;background:#f8fbfd}.backend-calendar-heading>div{display:grid;gap:4px}.backend-calendar-heading small{color:#7992a2;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.backend-calendar-heading strong{font:750 17px var(--display);text-transform:capitalize}.backend-calendar-heading>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#577586;background:#e9f2f6;font-size:7px;font-weight:800}.backend-calendar-heading i{width:6px;height:6px;border-radius:50%;background:#5acb8d}.backend-calendar-viewport{height:570px;overflow:auto;background:#edf4f7}.backend-day-grid{display:grid;grid-template-columns:62px repeat(4,minmax(155px,1fr));min-width:760px}.backend-time-rail,.backend-court{min-width:0}.backend-time-rail>b,.backend-court>header{position:sticky;z-index:4;top:0;height:48px;display:grid;place-items:center;border-bottom:1px solid #cfdde5;background:#f8fbfd}.backend-time-rail>b{color:#8aa0ad;font-size:7px;text-transform:uppercase}.backend-time-body,.backend-court-body{position:relative;height:calc(30 * var(--slot-height))}.backend-time-body{border-right:1px solid #cbd9e1;background:#f8fbfd}.backend-time-body span{position:absolute;right:9px;color:#718997;font-size:7px;transform:translateY(-5px)}.backend-court{border-right:1px solid #cfdee6}.backend-court>header{align-content:center;gap:2px}.backend-court>header strong{font-size:9px}.backend-court>header small{color:#8297a5;font-size:6px;font-weight:700}.backend-court-body{background:#fff}.backend-calendar-slot{display:block;width:100%;height:var(--slot-height);padding:0;border:0;border-bottom:1px solid #e3ebef;background:transparent;cursor:pointer}.backend-calendar-slot:nth-child(2n){border-bottom-color:#cfdde5}.backend-calendar-slot:hover{background:#e7fbfc}.backend-booking{position:absolute;z-index:2;top:calc(var(--booking-top) * var(--slot-height) + 2px);right:5px;left:5px;height:calc(var(--booking-rows) * var(--slot-height) - 4px);display:grid;align-content:start;gap:3px;padding:7px 8px;border-left:4px solid #52c0d4;border-radius:6px;color:#164057;background:#dff5f8;box-shadow:0 3px 10px rgba(27,70,89,.1);overflow:hidden;pointer-events:none}.backend-booking strong{font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.backend-booking span,.backend-booking small{font-size:6px}.backend-booking span{color:#4f7181}.backend-booking small{color:#24879a;font-weight:900;text-transform:uppercase}.backend-booking.booking-clase{border-color:#63c78f;background:#e2f7eb}.backend-booking.booking-ranking{border-color:#7c8ee9;background:#e8ebfb}.backend-booking.booking-torneo{border-color:#ebad55;background:#fff1dc}.backend-booking:not(.seed){box-shadow:inset 0 0 0 1px #55c98b,0 3px 10px rgba(27,70,89,.1)}

.backend-month{height:570px;padding:18px;overflow:auto;background:#f4f8fb}.backend-month>header{padding:0 0 14px;text-transform:capitalize}.backend-month>header strong{font:750 18px var(--display)}.backend-month-week,.backend-month-grid{display:grid;grid-template-columns:repeat(7,1fr);min-width:690px}.backend-month-week span{padding:9px;color:#728a99;font-size:7px;font-weight:900;text-align:center;text-transform:uppercase}.backend-month-grid{border-top:1px solid #d5e1e7;border-left:1px solid #d5e1e7}.backend-month-grid>button,.backend-month-grid>.outside{min-height:84px;padding:9px;border:0;border-right:1px solid #d5e1e7;border-bottom:1px solid #d5e1e7;color:#24475b;background:#fff;text-align:left}.backend-month-grid>button{display:grid;align-content:start;gap:8px;cursor:pointer}.backend-month-grid>button:hover,.backend-month-grid>button.selected{background:#e7fbfc}.backend-month-grid strong{font-size:10px}.backend-month-grid span{padding:5px;border-radius:5px;color:#176276;background:#d7f3f5;font-size:7px;font-weight:800}.backend-month-grid small{color:#a0b0ba;font-size:7px}

@media(max-width:1050px){.calendar-live-demo,.data-live-demo{grid-template-columns:1fr}.calendar-demo-editor,.data-live-demo .demo-form-copy{border-right:0;border-left:0;border-top:1px solid var(--line)}.calendar-demo-editor{grid-row:1}.backend-calendar-shell{grid-row:2}.calendar-live-demo{min-height:0}}
@media(max-width:760px){.module-demo{width:calc(100vw - 28px);margin-top:0}.backend-calendar-toolbar{align-items:flex-start;flex-direction:column}.backend-calendar-actions{width:100%;padding-bottom:3px;overflow-x:auto}.backend-calendar-actions>button,.toolbar-group{flex:0 0 auto}.backend-calendar-heading{align-items:flex-start;gap:10px;flex-direction:column}.backend-calendar-viewport,.backend-month{height:520px}.data-live-demo .demo-form-copy,.calendar-demo-editor,.data-live-demo .demo-data-view{padding:22px 16px}.demo-toast{right:12px;bottom:12px;left:12px;max-width:none}}

/* Calendar modal and public ranking */
.calendar-live-demo{display:block;min-height:0}.booking-demo-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid rgba(106,240,199,.3);border-radius:18px;color:var(--text);background:#071722;box-shadow:0 35px 110px rgba(0,0,0,.72);overflow:auto}.booking-demo-dialog::backdrop{background:rgba(0,8,13,.78);backdrop-filter:blur(5px)}.booking-dialog-card{padding:28px}.booking-dialog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.booking-dialog-card h3{margin-top:12px;font:750 29px/1.05 var(--display);letter-spacing:-.04em}.booking-dialog-card>header>button{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:9px;color:#a8bbc7;background:#0d2230;font-size:20px;cursor:pointer}.booking-dialog-card>p{margin-top:16px;color:#8098a9;font-size:11px;line-height:1.65}.booking-dialog-card .demo-form{grid-template-columns:1fr 1fr}.booking-dialog-card .demo-form>label:first-child,.booking-dialog-card .demo-form>.demo-form-row,.booking-dialog-card .demo-form>button{grid-column:1/-1}.booking-dialog-card .auto-message{grid-column:1/-1}

.ranking-live-demo{min-height:0;background:linear-gradient(145deg,#0c202e,#07131d)}.ranking-demo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:34px 36px;border-bottom:1px solid var(--line)}.ranking-demo-header h3{margin-top:12px;font:800 32px/1 var(--display);letter-spacing:-.04em}.ranking-demo-header p:not(.eyebrow){margin-top:9px;color:#718b9d;font-size:9px}.ranking-demo-header>label{display:grid;gap:7px;color:#7690a2;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ranking-demo-header select{min-width:210px;height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:#eaf3f8;background:#0c1e2b;font:700 11px var(--body)}.ranking-table-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ranking-table-meta strong{font:750 16px var(--display)}.ranking-table-meta span{padding:7px 10px;border-radius:999px;color:var(--accent);background:rgba(106,240,199,.08);font-size:7px;font-weight:900}.visual-ranking-table{min-width:760px}.visual-ranking-table tbody tr{transition:.18s ease;cursor:pointer}.visual-ranking-table tbody tr:hover,.visual-ranking-table tbody tr:focus{outline:0;background:rgba(106,240,199,.07);box-shadow:inset 3px 0 var(--accent)}.visual-ranking-table th:nth-child(2),.visual-ranking-table td:nth-child(2){text-align:left}.visual-ranking-table td:nth-child(2)>a{display:flex;align-items:center;gap:10px}.visual-ranking-table td:nth-child(2) strong{color:#e6eff4}.player-initials{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border:1px solid rgba(106,240,199,.25);border-radius:9px;color:var(--accent);background:rgba(106,240,199,.08);font-size:8px;font-weight:900}.ranking-position{display:grid;width:26px;height:26px;margin:auto;place-items:center;border-radius:7px;color:#07131d;background:var(--blue);font:900 10px var(--display)}.visual-ranking-table tr:nth-child(1) .ranking-position{background:var(--accent)}.ranking-rate{display:inline-block;width:58px;height:4px;margin-right:7px;border-radius:999px;background:#163143;overflow:hidden;vertical-align:middle}.ranking-rate i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--accent))}.visual-ranking-table td:nth-child(5)>b{color:#94aab8;font-size:8px}.visual-ranking-table td:nth-child(6) em{color:var(--accent);font:900 16px var(--display);font-style:normal}.player-stats-link{display:inline-flex;padding:8px 10px;border:1px solid rgba(106,240,199,.2);border-radius:7px;color:var(--accent);font-size:7px;font-weight:900;text-transform:uppercase}.ranking-click-note{margin-top:14px;color:#687f90;font-size:8px;text-align:right}

@media(max-width:760px){.booking-dialog-card{padding:22px 18px}.booking-dialog-card .demo-form{grid-template-columns:1fr}.booking-dialog-card .demo-form>*{grid-column:1!important}.ranking-demo-header{align-items:stretch;flex-direction:column;padding:25px 20px}.ranking-demo-header select{width:100%}.ranking-live-demo .demo-data-view{padding:22px 16px}}

/* Full-width ranking and visible customization messaging */
.feature-grid.reverse.embedded-feature-grid{grid-template-columns:minmax(0,1fr)}.feature-grid.reverse.embedded-feature-grid .feature-copy{grid-column:1;grid-row:1}.feature-grid.reverse.embedded-feature-grid .module-demo{grid-column:1;grid-row:2;width:100%}.ranking-live-demo{width:100%;min-height:650px;margin-top:20px}.ranking-demo-header{padding:44px 48px}.ranking-demo-header h3{font-size:clamp(34px,4vw,50px)}.ranking-demo-header select{min-width:280px;height:50px;font-size:12px}.ranking-live-demo .demo-data-view{padding:38px 48px 44px}.ranking-table-meta{margin-bottom:22px}.ranking-table-meta strong{font-size:20px}.visual-ranking-table{min-width:900px}.visual-ranking-table th{height:48px;font-size:8px}.visual-ranking-table td{height:68px;font-size:11px}.player-initials{width:39px;height:39px;font-size:10px}.ranking-position{width:32px;height:32px;font-size:12px}.ranking-rate{width:86px;height:6px}.player-stats-link{padding:10px 13px;font-size:8px}.adaptation-note{display:grid;gap:6px;margin-top:28px!important;padding:17px 19px;border:1px solid rgba(106,240,199,.22);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;color:#8fa7b7!important;background:rgba(106,240,199,.055);font-size:11px!important;line-height:1.65!important}.adaptation-note strong{color:var(--accent);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.ranking-live-demo{min-height:0}.ranking-demo-header{padding:28px 20px}.ranking-demo-header select{min-width:0}.ranking-live-demo .demo-data-view{padding:24px 16px 28px}.visual-ranking-table{min-width:780px}.visual-ranking-table td{height:60px}.adaptation-note{padding:15px}}

/* Visible ranking gender and category navigation */
.ranking-category-navigation{padding:0 48px 34px;border-bottom:1px solid var(--line);background:rgba(3,12,19,.24)}.ranking-gender-buttons{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(174,216,255,.2);border-radius:13px;overflow:hidden}.ranking-gender-buttons button{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 26px;border:0;border-right:1px solid rgba(174,216,255,.18);color:#8da3b2;background:#0a1b27;text-align:left;cursor:pointer;transition:.2s ease}.ranking-gender-buttons button:last-child{border-right:0}.ranking-gender-buttons button span{font:750 20px var(--display)}.ranking-gender-buttons button small{color:#698293;font-size:8px;font-weight:800;text-transform:uppercase}.ranking-gender-buttons button:hover:not(:disabled){color:#dce9ef;background:#102938}.ranking-gender-buttons button.active{color:#061018;background:linear-gradient(110deg,var(--accent),#79d9ff)}.ranking-gender-buttons button.active small{color:#17465a}.ranking-gender-buttons button:disabled{opacity:.38;cursor:not-allowed}.ranking-category-row{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:22px;margin-top:22px}.ranking-category-row>div:first-child{display:grid;gap:5px}.ranking-category-row>div:first-child small{color:var(--blue);font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ranking-category-row>div:first-child strong{font:700 15px var(--display)}.ranking-category-buttons{display:flex;gap:9px;min-width:0;overflow-x:auto;padding:2px 0 5px}.ranking-category-buttons button{min-width:118px;min-height:54px;display:grid;align-content:center;gap:4px;flex:0 0 auto;padding:8px 18px;border:1px solid rgba(174,216,255,.18);border-radius:9px;color:#9ab0bd;background:#0a1b27;font-size:11px;font-weight:900;cursor:pointer}.ranking-category-buttons button small{color:#647f90;font-size:6px;font-weight:800;text-transform:uppercase}.ranking-category-buttons button:hover:not(:disabled){border-color:rgba(106,240,199,.4);color:#eaf3f8}.ranking-category-buttons button.active{border-color:var(--accent);color:#061018;background:var(--accent);box-shadow:0 9px 25px rgba(106,240,199,.13)}.ranking-category-buttons button.active small{color:#226055}.ranking-category-buttons button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.ranking-category-navigation{padding:0 20px 24px}.ranking-gender-buttons button{display:grid;min-height:68px;padding:11px 14px}.ranking-gender-buttons button span{font-size:16px}.ranking-gender-buttons button small{font-size:6px}.ranking-category-row{grid-template-columns:1fr;gap:12px;margin-top:18px}.ranking-category-buttons button{min-width:105px}}

/* Cleaner ranking table: hierarchy and rules instead of boxed cells */
.results-app-note{display:grid;gap:7px;margin-top:20px!important;color:#8ca4b4!important;font-size:12px!important;line-height:1.65!important}.results-app-note strong{color:#dce9ef;font:750 13px var(--display)}.ranking-live-demo .demo-ranking-scroll{border:0;border-radius:0;overflow-x:auto}.visual-ranking-table{border-top:1px solid rgba(174,216,255,.2);border-bottom:1px solid rgba(174,216,255,.2)}.visual-ranking-table th{border-bottom:1px solid rgba(174,216,255,.18);color:#6e8798;background:transparent}.visual-ranking-table td{border-bottom:1px solid rgba(174,216,255,.1);background:transparent}.visual-ranking-table tbody tr:last-child td{border-bottom:0}.visual-ranking-table tbody tr:hover,.visual-ranking-table tbody tr:focus{background:rgba(106,240,199,.035);box-shadow:none}.ranking-position{display:block;width:auto;height:auto;margin:0;color:var(--accent);background:transparent;font:800 17px var(--display)}.visual-ranking-table tr:nth-child(1) .ranking-position{color:var(--accent);background:transparent}.player-initials{width:34px;height:34px;border:0;border-radius:50%;color:#a8c5cf;background:rgba(106,240,199,.09)}.player-stats-link{padding:4px 0;border:0;border-radius:0;border-bottom:1px solid rgba(106,240,199,.45);background:transparent}.player-stats-link:hover{color:#fff;border-color:#fff}.ranking-table-meta span{padding:0;border-radius:0;background:transparent}

/* Spacing balance and responsive polish */
.ranking-category-navigation{padding-top:34px}.ranking-demo-header{min-height:160px;align-items:center}.nav-links .nav-cta{border-color:rgba(106,240,199,.32)}
@media(max-width:1180px) and (min-width:761px){.site-nav{gap:14px}.nav-links{gap:3px}.nav-links a{padding:9px 8px;font-size:9px}.nav-links .nav-cta{margin-left:3px}}
@media(max-width:760px){body{font-size:15px}.site-header{backdrop-filter:blur(12px)}.nav-links{max-height:calc(100vh - 66px);overflow-y:auto;padding:12px 14px 18px}.nav-links a{min-height:46px;display:flex;align-items:center}.nav-links .nav-cta{justify-content:center;margin-top:5px}.product-hero{gap:42px}.hero-lead{font-size:15px}.proof{gap:10px 16px}.module-demo{border-radius:14px}.ranking-demo-header{min-height:0;padding:30px 20px}.ranking-demo-header h3{font-size:34px}.ranking-category-navigation{padding:24px 20px}.ranking-gender-buttons{border-radius:10px}.ranking-gender-buttons button{min-width:0}.ranking-category-buttons{scrollbar-width:thin}.ranking-live-demo .demo-data-view{padding:28px 20px}.visual-ranking-table{width:100%;min-width:0}.visual-ranking-table th:nth-child(3),.visual-ranking-table td:nth-child(3),.visual-ranking-table th:nth-child(4),.visual-ranking-table td:nth-child(4),.visual-ranking-table th:nth-child(5),.visual-ranking-table td:nth-child(5){display:none}.visual-ranking-table th,.visual-ranking-table td{padding-inline:7px}.visual-ranking-table th:nth-child(2),.visual-ranking-table td:nth-child(2){width:48%}.visual-ranking-table td:nth-child(2)>a{gap:7px}.player-initials{width:30px;height:30px}.player-stats-link{font-size:7px;white-space:nowrap}.ranking-click-note{text-align:left}.backend-calendar-toolbar{padding:10px}.backend-calendar-nav{width:100%;justify-content:space-between}.backend-calendar-nav label{flex:1;min-width:0}.backend-calendar-nav input{width:100%}.backend-calendar-actions{margin-top:2px}.backend-calendar-heading{padding:14px}.backend-calendar-viewport,.backend-month{height:480px}.booking-demo-dialog{max-height:calc(100dvh - 20px)}.data-live-demo .demo-data-view{padding:24px 16px}.footer-main nav{flex-wrap:wrap}}
@media(max-width:480px){:root{--shell:calc(100% - 24px)}.product-brand>span{width:38px;height:38px}.product-brand>strong{font-size:16px}.product-brand small{font-size:6px}.product-hero{padding-top:55px;padding-bottom:75px}.product-hero h1{font-size:clamp(49px,15vw,68px)}.module-index,.operations,.faq,.feature-section,.connection-section{padding:68px 0}.feature-grid{gap:34px}.feature-copy h2{font-size:clamp(39px,12vw,52px)}.module-demo{width:calc(100vw - 24px)}.ranking-gender-buttons button{min-height:64px;padding:10px}.ranking-gender-buttons button span{font-size:14px}.ranking-gender-buttons button small{font-size:5px}.ranking-category-navigation{padding:20px 14px}.ranking-live-demo .demo-data-view{padding:24px 14px}.ranking-table-meta strong{font-size:17px}.visual-ranking-table th,.visual-ranking-table td{padding-inline:4px}.visual-ranking-table td{font-size:9px}.visual-ranking-table td:nth-child(2) strong{font-size:9px}.player-stats-link{font-size:6px}.backend-calendar-heading>span{font-size:6px}.booking-dialog-card{padding:20px 16px}.final-cta{width:calc(100% - 24px);margin-bottom:70px;padding:40px 18px}.footer-main{padding:38px 0}.footer-main nav{gap:12px}}

/* Calendar interactions mirror the administration workflow */
.calendar-demo-hints{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.calendar-demo-hints span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;color:#577586;background:#e9f2f6;font-size:7px;font-weight:800}.calendar-demo-hints span:first-child{color:#176b5b;background:#def6ef}.calendar-demo-hints i{width:6px;height:6px;border-radius:50%;background:#51c98f}.backend-booking{pointer-events:auto;cursor:grab;user-select:none;touch-action:none}.backend-booking:active,.backend-booking.dragging{cursor:grabbing}.backend-booking.dragging{opacity:.38;filter:saturate(.6)}.backend-calendar-slot.drag-target{z-index:1;background:#d9fbef;box-shadow:inset 0 0 0 2px #50c98b}.backend-booking.swap-target{outline:3px solid #65a8ff;outline-offset:2px}.backend-resize-handle{position:absolute;right:7px;bottom:2px;left:7px;height:9px;display:block;border-radius:5px;cursor:ns-resize;touch-action:none}.backend-resize-handle::after{position:absolute;right:30%;bottom:2px;left:30%;height:2px;border-radius:2px;background:currentColor;opacity:.45;content:""}.backend-booking.resizing{z-index:8;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 4px #50c98b}.backend-booking.resizing::after{position:absolute;right:6px;bottom:11px;padding:3px 5px;border-radius:4px;color:#fff;background:#173f51;font-size:6px;font-weight:900;content:attr(data-resize-label)}.calendar-touch-ghost{position:fixed!important;z-index:200;right:auto!important;margin:0;opacity:.92;pointer-events:none;box-shadow:0 18px 50px rgba(0,0,0,.35);transform:rotate(1deg)}body.calendar-touch-dragging{user-select:none}
@media(max-width:760px){.calendar-demo-hints{justify-content:flex-start}.calendar-demo-hints span{font-size:6px}.backend-resize-handle{height:14px;bottom:0}.backend-booking{padding:6px}.backend-booking strong{font-size:7px}}