@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg:#080b10;--bg2:#0e1219;--bg3:#151b25;--accent:#c6ff00;--accent2:#8fba00;--accent-glow:#c6ff0026;--text:#f0f4ff;--text-muted:#6b7a99;--text-dim:#3a4559;--border:#c6ff001f;--border-sub:#ffffff0f;--radius:4px;--radius-lg:12px;--ease:cubic-bezier(.4,0,.2,1);--color-blue:#3b82f6;--color-red:#ff5f57;--font-display:"Bebas Neue", sans-serif;--font-body:"Space Grotesk", sans-serif}.landing-root *,.landing-root :before,.landing-root :after{box-sizing:border-box;margin:0;padding:0}.landing-root{background:var(--bg);color:var(--text);font-family:var(--font-body);scroll-behavior:smooth;font-size:15px;line-height:1.6;overflow-x:hidden}.landing-root a{color:inherit;text-decoration:none}.landing-root img,.landing-root svg{display:block}.landing-root button{cursor:pointer;background:0 0;border:none;font-family:inherit}.landing-root ul,.landing-root ol{list-style:none}@media (prefers-reduced-motion:reduce){.landing-root *,.landing-root :before,.landing-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.l-container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.section-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px;font-weight:700;display:inline-block}.reveal{opacity:0;transition:opacity .65s var(--ease), transform .65s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.d1{transition-delay:80ms}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.btn{font-family:var(--font-body);border-radius:var(--radius);transition:all .25s var(--ease);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.btn-lime{background:var(--accent);color:var(--bg);padding:13px 26px;font-size:14px}.btn-lime:hover{background:#d8ff33;transform:translateY(-2px);box-shadow:0 8px 24px #c6ff004d}.btn-lime:active{transform:translateY(0)}.btn-ghost{color:var(--text);background:0 0;border:1px solid #f0f4ff33;padding:12px 26px;font-size:14px}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-lg{padding:16px 32px;font-size:15px}.nav{z-index:200;height:64px;transition:background .3s var(--ease), border-color .3s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav.stuck{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border-sub);background:#080b10eb}.nav__logo{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);font-size:20px;line-height:1}.nav__logo em{color:var(--accent);font-style:normal}.nav__links{align-items:center;gap:32px;display:flex}.nav__links a{color:var(--text-muted);font-size:13.5px;font-weight:500;transition:color .2s;position:relative}.nav__links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s var(--ease);position:absolute;bottom:-3px;left:0}.nav__links a:hover{color:var(--text)}.nav__links a:hover:after{width:100%}.nav__burger{flex-direction:column;gap:5px;padding:8px;display:none}.nav__burger span{background:var(--text);border-radius:2px;width:22px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.nav__burger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav__burger.open span:nth-child(2){opacity:0}.nav__burger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav__drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-sub);z-index:199;animation:drawerIn .22s var(--ease);background:#080b10fa;flex-direction:column;gap:2px;padding:20px 24px 28px;display:none;position:fixed;top:64px;left:0;right:0}.nav__drawer.open{display:flex}.nav__drawer a{color:var(--text-muted);border-bottom:1px solid var(--border-sub);padding:13px 0;font-size:16px;font-weight:500;transition:color .2s}.nav__drawer a:hover{color:var(--text)}.nav__drawer a:last-of-type{border-bottom:none}.nav__drawer .drawer-cta{margin-top:20px}@keyframes drawerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero__dots{pointer-events:none;background-image:radial-gradient(circle,#c6ff0014 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero__dots:after{content:"";background:radial-gradient(ellipse 70% 80% at 50% 50%, transparent 30%, var(--bg) 80%);position:absolute;inset:0}.hero__glow{pointer-events:none;background:radial-gradient(#c6ff0012 0%,#0000 65%);width:55vw;height:70vh;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero__inner{z-index:1;position:relative}.hero__layout{grid-template-columns:54% 46%;align-items:center;gap:40px;padding:72px 0 96px;display:grid}.hero__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#c6ff0014;border:1px solid #c6ff0033;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px 6px 10px;font-size:12px;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.hero__h1{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin-bottom:24px;font-size:clamp(56px,6.5vw,92px);line-height:.93}.hero__h1 .hl{color:var(--accent)}.hero__sub{color:var(--text-muted);max-width:400px;margin-bottom:40px;font-size:clamp(15px,1.5vw,17px);font-weight:400;line-height:1.7}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.hero__visual{justify-content:flex-end;align-items:center;display:flex}.court-wrap{width:100%;max-width:500px;position:relative}.court-svg{filter:drop-shadow(0 0 60px #c6ff001a);width:100%;height:auto;animation:7s ease-in-out infinite courtFloat}@keyframes courtFloat{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-18px)rotate(-1.5deg)}}.hero__scroll{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:700}.hero__scroll-bar{background:var(--text-dim);width:1px;height:36px;position:relative;overflow:hidden}.hero__scroll-bar:after{content:"";background:var(--accent);width:100%;height:100%;animation:2s ease-in-out infinite scrollDrop;position:absolute;top:-100%}@keyframes scrollDrop{0%{opacity:1;top:-100%}80%{opacity:1;top:100%}to{opacity:0;top:100%}}.ticker{border-top:1px solid var(--border-sub);border-bottom:1px solid var(--border-sub);background:var(--bg2);align-items:center;height:48px;display:flex;overflow:hidden}.ticker__track{white-space:nowrap;gap:0;width:max-content;animation:28s linear infinite ticker;display:flex}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker__item{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:20px;padding:0 32px;font-size:11px;font-weight:700;display:inline-flex}.ticker__sep{background:var(--accent);opacity:.6;border-radius:50%;width:4px;height:4px}.ticker__item.accent{color:var(--accent)}.quien{padding:112px 0}.quien__head{margin-bottom:64px}.quien__h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(40px,5vw,68px);line-height:.93}.quien__h2 .hl{color:var(--accent)}.quien__grid{border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.quien__card{background:var(--bg2);padding:52px 44px;transition:background .25s;position:relative;overflow:hidden}.quien__card:hover{background:var(--bg3)}.quien__card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.quien__card--own:before{background:var(--accent)}.quien__card--play:before{background:var(--color-blue)}.quien__ghost{font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.035;color:var(--text);font-size:180px;line-height:1;position:absolute;bottom:-24px;right:-12px}.quien__icon-box{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.quien__card--own .quien__icon-box{background:#c6ff001a}.quien__card--play .quien__icon-box{background:#3b82f61a}.quien__title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:30px;line-height:1}.quien__card--own .quien__title{color:var(--accent)}.quien__card--play .quien__title{color:var(--color-blue)}.quien__desc{color:var(--text-muted);max-width:340px;margin-bottom:32px;font-size:13.5px;line-height:1.65}.check-list{flex-direction:column;gap:12px;display:flex}.check-list li{color:var(--text);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.check-list__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.quien__card--own .check-list__icon{background:#c6ff001f}.quien__card--play .check-list__icon{background:#3b82f61f}.features{background:var(--bg2);border-top:1px solid var(--border-sub);border-bottom:1px solid var(--border-sub);padding:112px 0}.features__top{justify-content:space-between;align-items:flex-end;margin-bottom:64px;display:flex}.features__h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(40px,4.5vw,64px);line-height:.93}.features__h2 .hl{color:var(--accent)}.features__grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.feat-card{background:var(--bg);transition:background .25s, transform .3s var(--ease), box-shadow .3s;padding:36px 28px;position:relative;overflow:hidden}.feat-card:hover{z-index:1;background:#0b0f15;transform:translateY(-6px);box-shadow:0 20px 48px #0009}.feat-card__num{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-dim);margin-bottom:20px;font-size:12px}.feat-card__icon{width:48px;height:48px;margin-bottom:20px}.feat-card__title{color:var(--text);margin-bottom:10px;font-size:15px;font-weight:700;line-height:1.3}.feat-card__desc{color:var(--text-muted);font-size:13px;line-height:1.7}.feat-card:after{content:"";background:var(--accent);width:0;height:2px;transition:width .4s var(--ease);position:absolute;bottom:0;left:0}.feat-card:hover:after{width:100%}.sports{padding:112px 0}.sports__head{text-align:center;margin-bottom:64px}.sports__h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(40px,4.5vw,64px);line-height:.93}.sports__h2 .hl{color:var(--accent)}.sports__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sport-card{border-radius:var(--radius-lg);cursor:default;min-height:300px;transition:transform .3s var(--ease), box-shadow .3s;flex-direction:column;justify-content:flex-end;padding:48px 36px;display:flex;position:relative;overflow:hidden}.sport-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0000008c}.sport-card--padel{background:linear-gradient(160deg,#0d2140 0%,#071428 100%);border:1px solid #3b82f640}.sport-card--futbol{background:linear-gradient(160deg,#0a2012 0%,#060f09 100%);border:1px solid #c6ff002e}.sport-card--tenis{background:linear-gradient(160deg,#201208 0%,#110a04 100%);border:1px solid #ff5f5740}.sport-card__bg{opacity:.08;transition:opacity .35s,transform .35s;position:absolute;top:20px;right:20px}.sport-card:hover .sport-card__bg{opacity:.15;transform:scale(1.08)rotate(6deg)}.sport-card__name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:clamp(48px,5vw,72px);line-height:.9}.sport-card--padel .sport-card__name{color:#60a5fa}.sport-card--futbol .sport-card__name{color:var(--accent)}.sport-card--tenis .sport-card__name{color:#ff7875}.sport-card__desc{color:#f0f4ff99;max-width:280px;font-size:13px;line-height:1.65}.how{background:var(--bg2);border-top:1px solid var(--border-sub);border-bottom:1px solid var(--border-sub);padding:112px 0}.how__head{text-align:center;margin-bottom:72px}.how__h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(40px,4.5vw,64px);line-height:.93}.how__h2 .hl{color:var(--accent)}.how__cols{grid-template-columns:1fr 1fr;gap:96px;display:grid}.how__col-label{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:32px;font-size:11px;font-weight:700;display:flex}.how__col-label:after{content:"";background:var(--border-sub);flex:1;height:1px}.how__col--own .how__col-label{color:var(--accent)}.how__col--play .how__col-label{color:var(--color-blue)}.steps{flex-direction:column;display:flex}.step{border-bottom:1px solid var(--border-sub);transition:padding-left .25s var(--ease);gap:24px;padding:28px 0;display:flex}.step:first-child{padding-top:0}.step:last-child{border-bottom:none}.step:hover{padding-left:6px}.step__n{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-dim);flex-shrink:0;width:56px;font-size:52px;line-height:1;transition:color .25s}.how__col--own .step:hover .step__n{color:var(--accent)}.how__col--play .step:hover .step__n{color:var(--color-blue)}.step__title{color:var(--text);margin-bottom:5px;font-size:16px;font-weight:700;line-height:1.3}.step__desc{color:var(--text-muted);font-size:13.5px;line-height:1.65}.demo{padding:112px 0;position:relative;overflow:hidden}.demo:before{content:"";pointer-events:none;background:radial-gradient(#c6ff000d 0%,#0000 60%);width:700px;height:500px;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)}.demo__layout{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid;position:relative}.demo__h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;font-size:clamp(44px,5vw,72px);line-height:.92}.demo__h2 .hl{color:var(--accent)}.demo__sub{color:var(--text-muted);max-width:380px;margin-bottom:44px;font-size:14.5px;line-height:1.7}.perks{flex-direction:column;gap:14px;display:flex}.perk{color:var(--text);align-items:center;gap:12px;font-size:14px;display:flex}.perk__dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.demo__card{background:var(--bg2);border:1px solid var(--border-sub);border-radius:var(--radius-lg);padding:44px}.demo__card-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px;font-size:22px}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group:last-of-type{margin-bottom:0}.landing-root label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.landing-root label .req{color:var(--accent);margin-left:2px}.landing-root input,.landing-root textarea{background:var(--bg3);border:1px solid var(--border-sub);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.landing-root input::placeholder,.landing-root textarea::placeholder{color:var(--text-dim)}.landing-root input:focus,.landing-root textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c6ff001f}.landing-root textarea{resize:vertical;min-height:96px}.btn-submit{background:var(--accent);color:#c6ff00;width:100%;font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;transition:background .2s, transform .2s var(--ease), box-shadow .2s;border:none;margin-top:22px;padding:16px;font-size:15px;font-weight:700}.btn-submit:hover{color:#000;background:#d8ff33;transform:translateY(-2px);box-shadow:0 8px 28px #c6ff004d}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-note{color:var(--text-dim);text-align:center;letter-spacing:.02em;margin-top:14px;font-size:11.5px}.form-error-msg{border-radius:var(--radius);color:#ff8880;background:#ff5f571a;border:1px solid #ff5f574d;margin-bottom:16px;padding:11px 14px;font-size:13px}.form-success-wrap{text-align:center;padding:56px 32px}.form-success__icon{background:#c6ff001a;border:1px solid #c6ff0033;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.form-success__title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:30px}.form-success__text{color:var(--text-muted);font-size:14px}.footer{border-top:1px solid var(--border-sub);background:var(--bg2);padding:44px 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer__logo{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);margin-bottom:4px;font-size:18px}.footer__logo em{color:var(--accent);font-style:normal}.footer__tagline{color:var(--text-dim);font-size:12px}.footer__nav{gap:28px;display:flex}.footer__nav a{color:var(--text-muted);font-size:13px;transition:color .2s}.footer__nav a:hover{color:var(--text)}.footer__copy{color:var(--text-dim);font-size:12px}@media (max-width:1024px){.features__grid{grid-template-columns:repeat(2,1fr)}.sports__grid{gap:10px}.how__cols{gap:56px}}@media (max-width:768px){.nav__links,.nav .btn{display:none}.nav__burger{display:flex}.hero__layout{text-align:center;grid-template-columns:1fr;gap:48px;padding:56px 0 88px}.hero__badge{margin:0 auto 24px}.hero__sub{margin:0 auto 36px}.hero__ctas,.hero__visual{justify-content:center}.court-wrap{max-width:320px}.hero__scroll{display:none}.ticker__track{animation-duration:18s}.quien{padding:80px 0}.quien__grid{grid-template-columns:1fr}.quien__card{padding:40px 28px}.features{padding:80px 0}.features__top{flex-direction:column;align-items:flex-start;gap:16px}.features__grid{grid-template-columns:1fr}.sports{padding:80px 0}.sports__grid{grid-template-columns:1fr}.sport-card{min-height:200px;padding:36px 28px}.how{padding:80px 0}.how__cols{grid-template-columns:1fr;gap:56px}.demo{padding:80px 0}.demo__layout{grid-template-columns:1fr;gap:48px}.demo__card{padding:32px 24px}.form-row{grid-template-columns:1fr}.footer__inner{text-align:center;flex-direction:column}.footer__nav{flex-wrap:wrap;justify-content:center;gap:18px}}@media (max-width:480px){.hero__ctas{flex-direction:column}.btn{width:100%}.quien,.features,.sports,.how,.demo{padding:64px 0}}