/* Public landing: proportions and artwork from 01-portada-electrica.png. */
/* Typography follows the mockup on desktop and stays readable on small screens. */
.landing-body{background:#090b0b;--lime:#ed6c1b;--white:#fafafa}
html:has(.landing-body){scrollbar-width:none}
html:has(.landing-body)::-webkit-scrollbar{width:0}
.landing-stage{background:#090b0b url('../images/landing-dj-party.png') center top/100% auto no-repeat}
.landing-body .public-header{height:3.89vw;min-height:56px;max-height:85px;padding:0 6.7vw;background:linear-gradient(110deg,#0a0c0cee,#0a0c0cfa);border-bottom:1px solid #34383899;gap:35px}
.landing-body .public-header .logo{font-size:2.5vw;letter-spacing:-1.7px;white-space:nowrap}
.landing-body .public-header nav{margin-left:auto;gap:2.3vw;font-size:.96vw;color:#e2e2e2}
.landing-body .public-header .button{font-size:.96vw;min-height:0;height:2.75vw;padding:0 1.55vw;border:1px solid var(--lime);margin-left:.9vw;color:#fff;background:#090b0b99}
.landing-body .public-hero{background:none;height:27.09vw;min-height:0;padding:4.1vw 6.7vw 0;border-bottom:1px solid #373b3b99;overflow:hidden}
.landing-body .public-hero h1{font-size:5.85vw;line-height:.84;letter-spacing:-.13vw;margin:0 0 .65vw;font-weight:800;color:#fff}
.landing-body .public-hero h1>span{display:block;margin-top:.3vw;font-size:6vw;letter-spacing:-.09vw;color:var(--lime)}
.landing-body .public-hero p{font-size:2.16vw;font-weight:400;line-height:1.3;color:#c0c1c1;margin:0 0 1.6vw;letter-spacing:0}
.landing-body .hero-actions{gap:1.2vw}
.landing-body .hero-actions .button{border-radius:100px;height:3.85vw;min-height:0;padding:0 2.3vw;font-size:1.1vw;font-weight:700;gap:1.55vw}
.landing-body .hero-actions .primary{background:var(--lime);border-color:var(--lime);color:#0b0502}
.landing-body .hero-actions .secondary{border:1px solid #c5c7c7;background:#070a0bd0;color:#efefef;font-weight:400;padding:0 2.9vw}
.landing-body .hero-actions svg{width:1.2vw;height:1.2vw}
.landing-body .benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.55vw;padding:1.65vw 6.7vw .8vw;background:none}
.landing-body .benefits article{padding:1.65vw 1.75vw;gap:1.75vw;border:1px solid #333838b0;border-radius:1.1vw;height:11.85vw;min-height:0;background:linear-gradient(125deg,#111414ce,#101314bf);align-items:flex-start}
.landing-body .benefit-icon{width:4.5vw;height:4.5vw;border:1px solid #3a322d80;background:linear-gradient(120deg,#2e231c,#1b201a);margin-top:0;flex-shrink:0}
.landing-body .benefit-icon svg{width:2vw;height:2vw}
.landing-body .benefits article>div:last-child{padding-top:.7vw}
.landing-body .benefits h2{font-family:'DM Sans',Arial,sans-serif;font-size:1.35vw;line-height:1.35;letter-spacing:-.015vw;font-weight:700;margin:0 0 .55vw;white-space:nowrap}
.landing-body .benefits p{font-size:1.16vw;line-height:1.45;color:#b5b8b8;margin:0}
.landing-body .subscription-section{height:10.98vw;min-height:0;padding:3vw 20px 0;background:none;text-align:center}
.landing-body .subscription-section h2{font-size:3.35vw;letter-spacing:-.19vw;line-height:1.15;margin:0 0 .28vw;font-weight:800}
.landing-body .subscription-section p{font-size:1.2vw;color:#b5b8b8;line-height:1.5;margin:0}
.landing-body .public-footer{color:#9ba398}
.landing-followup{padding:35px 6.7vw 45px;text-align:center;border-top:1px solid #282e2b;background:#090c0b}
.landing-followup small{display:block;font-size:11px;margin-top:15px;color:#84917d}
.landing-body .faq-section{background:#090c0b}
@media(min-width:2000px){.landing-stage{background-size:2000px auto;max-width:2000px;margin:auto}.landing-body .public-header{height:78px;padding:0 134px}.landing-body .public-header .logo{font-size:50px}.landing-body .public-header nav{font-size:20px;gap:72px}.landing-body .public-header .button{font-size:19px;height:55px;padding:0 38px}.landing-body .public-hero{height:542px;padding:77px 134px 0}.landing-body .public-hero h1{font-size:115px;letter-spacing:-4.8px;margin-bottom:23px}.landing-body .public-hero h1>span{margin-top:6px}.landing-body .public-hero p{font-size:42px;margin-bottom:36px}.landing-body .hero-actions{gap:24px}.landing-body .hero-actions .button{height:77px;font-size:22px;padding:0 57px}.landing-body .hero-actions svg{width:24px;height:24px}.landing-body .benefits{padding:33px 134px 16px;gap:31px}.landing-body .benefits article{height:237px;padding:33px 35px;gap:35px;border-radius:22px}.landing-body .benefit-icon{width:90px;height:90px}.landing-body .benefit-icon svg{width:40px;height:40px}.landing-body .benefits article>div:last-child{padding-top:14px}.landing-body .benefits h2{font-size:27px;margin-bottom:11px}.landing-body .benefits p{font-size:23px}.landing-body .subscription-section{height:220px;padding-top:60px}.landing-body .subscription-section h2{font-size:67px;letter-spacing:-3.8px}.landing-body .subscription-section p{font-size:24px}}
@media(max-width:960px) and (min-width:701px){.landing-body .public-header{min-height:46px}.landing-body .public-header .logo{font-size:25px}.landing-body .public-header nav{font-size:10px;gap:22px}.landing-body .public-header .button{font-size:10px;height:30px;padding:0 16px}.landing-stage{background-position:center 8px}.landing-body .benefits h2{font-size:1.3vw}.landing-body .benefits p{font-size:1.22vw}}
@media(max-width:700px){.landing-stage{background-size:auto 690px;background-position:84% 58px;position:relative}.landing-stage:before{content:'';position:absolute;inset:58px 0 auto;height:445px;background:linear-gradient(90deg,#070a0bed 0%,#070a0ba3 48%,#070a0b16),linear-gradient(0deg,#090b0b,transparent 50%);pointer-events:none}.landing-body .public-header{height:64px;min-height:0;max-height:none;padding:0 22px;gap:12px;position:relative;z-index:2;background:#090c0b}.landing-body .public-header .logo{font-size:30px;letter-spacing:-1.6px}.landing-body .public-header nav{display:none}.landing-body .public-header .button{font-size:11px;height:35px;padding:0 16px;margin:0 0 0 auto}.landing-body .public-hero{position:relative;z-index:1;height:auto;min-height:410px;padding:73px 22px 45px;border-bottom:1px solid #2a302f}.landing-body .public-hero h1{font-size:clamp(39px,8.6vw,60px);line-height:1;letter-spacing:-1.8px;margin:0 0 19px}.landing-body .public-hero h1>span{margin-top:4px}.landing-body .public-hero p{font-size:19px;line-height:1.5;margin:0 0 27px;max-width:330px;letter-spacing:-.3px}.landing-body .hero-actions{gap:10px;flex-wrap:wrap}.landing-body .hero-actions .button{height:46px;padding:0 21px;font-size:12px;gap:12px}.landing-body .hero-actions .secondary{padding:0 22px}.landing-body .hero-actions svg{width:16px;height:16px}.landing-body .benefits{position:relative;grid-template-columns:1fr;gap:15px;padding:23px 22px;background:linear-gradient(#090b0b00,#090b0b)}.landing-body .benefits article{height:auto;padding:24px 20px;gap:20px;border-radius:15px;min-height:155px;background:#101413e6}.landing-body .benefit-icon{width:58px;height:58px;margin-top:2px}.landing-body .benefit-icon svg{width:27px;height:27px}.landing-body .benefits article>div:last-child{padding-top:3px}.landing-body .benefits h2{font-size:17px;margin:0 0 10px;white-space:normal;letter-spacing:-.2px}.landing-body .benefits p{font-size:14px;line-height:1.5}.landing-body .subscription-section{height:auto;padding:35px 22px 40px;background:#090b0b url('../images/landing-dj-party.png') center bottom/auto 400px no-repeat;position:relative}.landing-body .subscription-section h2{font-size:35px;letter-spacing:-1.6px;margin-bottom:12px}.landing-body .subscription-section p{font-size:14px}.landing-followup{padding:25px 22px 35px}.landing-body .faq-section{padding:40px 22px}}

@media(max-width:700px){.landing-body .public-hero h1>span{font-size:inherit;letter-spacing:inherit}}
@media(min-width:2000px){.landing-body .public-hero h1>span{font-size:123px;letter-spacing:-1.8px}}


.landing-followup .eyebrow{margin-bottom:16px}.landing-followup h2{font-size:clamp(30px,3vw,48px);line-height:1.15;margin:0 0 18px;letter-spacing:-1px}.landing-followup h2 span{color:var(--lime)}.landing-followup>p{color:#b5b8b8;max-width:580px;margin:0 auto 24px;line-height:1.7}.landing-followup .signup-login{margin-top:22px;font-size:13px}.signup-login a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}

.landing-body .subscription-section{height:auto;min-height:0;padding:3vw 6.7vw 48px;background:linear-gradient(transparent,#090b0b 180px)}.public-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1000px;margin:35px auto 0;text-align:left}.public-plan{padding:30px;border:1px solid #433932;border-radius:18px;background:linear-gradient(135deg,#1b2218,#0c100b);display:flex;flex-direction:column}.public-plan.is-featured{border-color:var(--lime);box-shadow:0 0 30px #ed6c1b0b}.public-plan h3{font-size:25px;margin:18px 0 10px}.landing-body .public-plan p{font-size:14px;line-height:1.7;color:#aeb6a8}.public-plan-price{font-size:40px;font-weight:800;margin:24px 0 8px;letter-spacing:-1px}.public-plan-price span{font-size:13px;color:#aeb6a8;letter-spacing:0;font-weight:400}.public-plan ul{padding-left:20px;color:#d4dccd;font-size:14px;line-height:2;margin-bottom:28px}.public-plan .button{margin-top:auto;width:100%;justify-content:center}.public-plan .eyebrow{font-size:10px}@media(max-width:700px){.landing-body .subscription-section{padding:35px 22px}.public-plans{grid-template-columns:1fr;gap:18px}.public-plan{padding:25px}.public-plan-price{font-size:36px}}

.public-plan-price{overflow-wrap:anywhere}.public-plan-price span{display:block;margin-top:6px}.public-plans{max-width:1200px}