/* Tennis Control · portada comercial */
.lp{background:var(--surface)}
.lp main{display:block}
.lp-top{position:sticky;top:0;z-index:40;gap:14px}
.lp-top .brand b{color:var(--ball);font-weight:800}
.lp-nav{display:flex;gap:2px;margin-left:10px}
.lp-nav a{color:#dbe6f4;text-decoration:none;font:600 14.5px var(--f-body);padding:8px 10px;border-radius:7px}
.lp-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:980px){.lp-nav{display:none}}

/* Portada */
.lp-hero{background:linear-gradient(160deg,var(--court) 0%,#163b6a 60%,#102c52 100%);color:#fff;position:relative;overflow:hidden}
.lp-hero::before{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 520' preserveAspectRatio='none'><g fill='none' stroke='white' stroke-width='3'><rect x='60' y='40' width='1080' height='440'/><line x1='60' y1='95' x2='1140' y2='95'/><line x1='60' y1='425' x2='1140' y2='425'/><line x1='330' y1='95' x2='330' y2='425'/><line x1='870' y1='95' x2='870' y2='425'/><line x1='330' y1='260' x2='870' y2='260'/><line x1='600' y1='30' x2='600' y2='490' stroke-dasharray='6 6'/></g></svg>") center/cover no-repeat}
.lp-hero-in{position:relative;max-width:1240px;margin:0 auto;padding:64px 20px 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center}
.lp-eyebrow{display:inline-block;font:700 12.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ball);margin:0 0 14px}
.lp-hero h1{color:#fff;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.015em;max-width:15ch}
.lp-hero .hl{color:var(--ball)}
.lp-lead{font-size:18.5px;line-height:1.55;color:#dbe6f4;max-width:52ch;margin:20px 0 0}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.lp-cta .btn{padding:13px 22px;font-size:16px}
.lp-stats{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin:34px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.18)}
.lp-stats li{display:flex;flex-direction:column}
.lp-stats b{font:800 30px/1 var(--f-display);color:#fff}
.lp-stats span{font-size:13px;color:#b9cbe2;margin-top:4px}
.lp-hero-art{position:relative;min-height:380px}
.lp-browser{margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(4,16,36,.45),0 0 0 1px rgba(255,255,255,.08)}
.lp-bar{height:26px;background:#e9eef4;display:flex;align-items:center;gap:6px;padding:0 12px}
.lp-bar i{width:10px;height:10px;border-radius:50%;background:#c9d3de}
.lp-bar i:first-child{background:#f0786a}.lp-bar i:nth-child(2){background:#f3c04f}.lp-bar i:nth-child(3){background:#62c46e}
.lp-browser img{display:block;width:100%;height:auto}
.lp-hero-art .lp-browser{transform:perspective(1600px) rotateY(-6deg);transform-origin:left center}
.lp-phone{position:absolute;right:-8px;bottom:-40px;width:31%;margin:0;border:7px solid #0d1b2e;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 26px 60px rgba(4,16,36,.5)}
.lp-phone img{display:block;width:100%;height:auto}
@media (max-width:900px){.lp-hero-in{grid-template-columns:1fr;padding:44px 18px 64px;gap:36px}.lp-hero-art{min-height:0;margin-right:10px}.lp-hero-art .lp-browser{transform:none}.lp-phone{width:34%;right:-6px;bottom:-34px}}

/* Franja de circuitos */
.lp-strip{background:#0f2747;color:#b9cbe2;text-align:center;padding:16px 18px}
.lp-strip p{margin:0 auto;max-width:1100px;font:600 14px/1.6 var(--f-body);letter-spacing:.02em}

/* Secciones */
.lp-sec{max-width:1180px;margin:0 auto;padding:84px 20px}
.lp-alt{max-width:none;background:var(--bg);padding-left:max(20px,calc((100% - 1140px) / 2));padding-right:max(20px,calc((100% - 1140px) / 2))}
.lp-kicker{font:700 12.5px var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--court);margin:0 0 10px}
.lp-sec h2,.lp-show h2{font-size:clamp(30px,3.6vw,44px);line-height:1.05;letter-spacing:-.01em;max-width:22ch}
.lp-sub{font-size:17.5px;color:var(--muted);margin:14px 0 0;max-width:60ch}
.lp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.lp-grid article{border:1px solid var(--line);border-radius:14px;padding:22px 20px;background:var(--surface);transition:box-shadow .2s,transform .2s}
.lp-grid article:hover{box-shadow:0 14px 30px rgba(16,40,72,.09);transform:translateY(-2px)}
.lp-grid .ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--ink-bg);font-size:22px}
.lp-grid h3{font-size:20px;margin:14px 0 6px}
.lp-grid p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
@media (max-width:1040px){.lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lp-grid{grid-template-columns:1fr}.lp-sec{padding:60px 18px}}

/* Capturas */
.lp-show{max-width:1180px;margin:0 auto;padding:20px 20px 40px;display:flex;flex-direction:column;gap:80px}
.lp-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:center}
.lp-row.rev>figure{order:2}
.lp-row .lp-browser{box-shadow:0 22px 50px rgba(16,40,72,.16),0 0 0 1px var(--line)}
.lp-card-shot{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 22px 50px rgba(16,40,72,.14),0 0 0 1px var(--line);background:#fff}
.lp-card-shot img{display:block;width:100%;height:auto}
@media (max-width:900px){.lp-row,.lp-row.rev{grid-template-columns:1fr;gap:26px}.lp-row.rev>figure{order:0}}
.lp-checks{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}
.lp-checks li{position:relative;padding-left:30px;font-size:16px;line-height:1.5}
.lp-checks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--ball) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%2314294f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px no-repeat}

/* Pasos */
.lp-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:s}
.lp-steps li{border-top:3px solid var(--court);padding-top:18px}
.lp-steps b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--court);color:#fff;font:800 19px var(--f-display)}
.lp-steps h3{font-size:22px;margin:14px 0 6px}
.lp-steps p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.55}
@media (max-width:760px){.lp-steps{grid-template-columns:1fr}}

/* Para quién, confianza */
.lp-who,.lp-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.lp-trust{margin-top:0}
.lp-who article,.lp-trust article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
.lp-who h3,.lp-trust h3{font-size:21px;margin:0 0 8px}
.lp-who p,.lp-trust p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
@media (max-width:860px){.lp-who,.lp-trust{grid-template-columns:1fr}}

/* Planes */
.lp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;align-items:stretch}
.lp-plans article{border:1px solid var(--line);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;background:var(--surface)}
.lp-plans article.hi{border:2px solid var(--court);box-shadow:0 18px 40px rgba(16,40,72,.12)}
.lp-plans h3{font-size:22px;margin:0}
.lp-price{font:800 40px/1 var(--f-display);margin:16px 0 2px;color:var(--court)}
.lp-plans .lp-checks{flex:1;margin-bottom:22px}
.lp-plans .lp-checks li{font-size:15px}
.lp-plans .btn{justify-content:center}
.btn.line-dark{background:transparent;color:var(--court);border-color:var(--court)}
@media (max-width:860px){.lp-plans{grid-template-columns:1fr}}

/* Preguntas */
.lp-faq{margin-top:30px;max-width:860px;border-top:1px solid var(--line)}
.lp-faq details{border-bottom:1px solid var(--line);padding:18px 4px}
.lp-faq summary{cursor:pointer;font:700 18px var(--f-body);list-style:none;display:flex;justify-content:space-between;gap:12px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";font:400 26px/1 var(--f-body);color:var(--court);transition:transform .2s}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq p{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.6;max-width:70ch}

/* Final */
.lp-final{background:linear-gradient(160deg,var(--court),#102c52);color:#fff;text-align:center;padding:80px 20px}
.lp-final h2{color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.08;max-width:22ch;margin:0 auto}
.lp-final .lp-cta{justify-content:center}
.lp-foot{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:0}
.lp main{margin-bottom:0}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lp{background:var(--bg)}
  :root:not([data-theme="light"]) .lp-alt{background:#121c27}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lp-kicker,:root:not([data-theme="light"]) .lp-price{color:var(--ball)}
  :root:not([data-theme="light"]) .btn.line-dark{color:#dbe6f4;border-color:#dbe6f4}}
:root[data-theme="dark"] .lp{background:var(--bg)}
:root[data-theme="dark"] .lp-alt{background:#121c27}
:root[data-theme="dark"] .lp-kicker,:root[data-theme="dark"] .lp-price{color:var(--ball)}
:root[data-theme="dark"] .btn.line-dark{color:#dbe6f4;border-color:#dbe6f4}