:root{--bg:#07070d;--surface:#101018;--card:#13121c;--line:rgba(124,58,237,.18);--purple:#7c3aed;--light:#f0efff;--text:#6b6a8a;--muted:#4a4868;--green:#22c55e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--light);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1072px,calc(100% - 48px));margin:auto}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{font-weight:700;font-size:20px;display:flex;align-items:center;gap:8px}.brand>span:last-child{color:#8b5cf6}.brand-mark{display:grid!important;place-items:center;background:linear-gradient(135deg,#7c3aed,#4c1d95);width:28px;height:28px;border-radius:11px;font-size:13px;color:white!important}.nav nav{display:flex;gap:32px;color:#a09ec0;font-size:14px}.nav nav a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:12px}.login{font-size:14px;color:#a09ec0;padding:8px 16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-weight:500;box-shadow:0 8px 22px rgba(124,58,237,.28);border:1px solid transparent}.button.small{padding:9px 16px;border-radius:13px;font-size:14px}.button.ghost{background:transparent;border-color:var(--line);color:var(--text);box-shadow:none}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{text-align:center;padding-top:64px;position:relative}.hero:before,.final:before{content:"";position:absolute;z-index:-1;width:75%;height:500px;left:12.5%;top:0;background:radial-gradient(ellipse,rgba(124,58,237,.14),transparent 67%)}.pill{display:inline-flex;align-items:center;padding:4px 12px;border:1px solid rgba(124,58,237,.3);border-radius:100px;background:rgba(124,58,237,.15);color:#a78bfa;font-size:12px;letter-spacing:.3px}.hero h1{font-size:72px;line-height:1.08;letter-spacing:-2.2px;margin:24px 0 16px}.hero h1 span,.app-section h2 span{background:linear-gradient(150deg,#a78bfa,#7c3aed);color:transparent;background-clip:text}.hero>p,.section>p,.center>p{max-width:580px;margin:0 auto;color:var(--text);font-size:18px;line-height:1.65}.actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.browser{background:#0d0c14;border:1px solid var(--line);border-radius:16px;overflow:hidden}.dashboard{height:386px;margin-top:42px;position:relative;text-align:left;box-shadow:0 40px 120px rgba(124,58,237,.18)}.browserbar{height:45px;background:#101018;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:12px 16px}.browserbar i{width:10px;height:10px;border-radius:50%;background:#2d2b45}.browserbar span{flex:1;margin-left:10px;background:#13121c;border-radius:10px;padding:2px 12px;color:#4a4868;font-size:12px}.dashbody{display:flex;height:340px}.dashbody aside{width:176px;background:#0a0910;border-right:1px solid rgba(124,58,237,.1);padding:20px 12px;display:flex;flex-direction:column;gap:7px}.dashbody aside strong{font-size:12px;margin-bottom:10px}.dashbody aside em{font-style:normal;color:#a78bfa}.dashbody aside a{padding:7px 8px;font-size:12px;color:#4a4868;border-radius:10px}.dashbody aside .active{background:rgba(124,58,237,.2);color:#a78bfa}.dashmain{flex:1;padding:16px}.dashhead{display:flex;justify-content:space-between;font-size:12px}.dashhead small,.metrics small{display:block;color:#4a4868;font-weight:400}.dashhead span{background:#13121c;color:#a78bfa;border-radius:10px;padding:5px 9px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.metrics article,.chart{background:#13121c;border:1px solid rgba(124,58,237,.12);border-radius:12px;padding:10px}.metrics article{display:grid;grid-template-columns:1fr 1fr}.metrics article i{color:#a78bfa}.metrics article b{text-align:right;color:#22c55e;font-size:11px}.metrics article strong,.metrics article small{grid-column:1/3;margin-top:5px}.chart{height:130px;margin-top:16px;color:#6b6a8a}.chart-line{height:70px;margin-top:15px;background:linear-gradient(to bottom,rgba(124,58,237,.24),transparent);clip-path:polygon(0 55%,20% 42%,40% 36%,60% 42%,80% 30%,100% 22%,100% 100%,0 100%);border-top:2px solid #8b5cf6}.float{position:absolute;padding:12px;background:rgba(16,16,24,.94);border:1px solid rgba(124,58,237,.4);border-radius:16px;font-size:12px;box-shadow:0 0 40px rgba(124,58,237,.12)}.float small,.float strong{display:block}.float small{color:#4a4868;margin-top:8px}.access{left:-28px;top:56px;width:176px}.income{right:-28px;top:28px;width:168px}.income strong{font-size:20px;margin:7px 0}.income b{color:var(--green);font-weight:400}.retention{right:-28px;bottom:28px;width:176px}.retention b{float:right;color:#a78bfa}.retention i{display:block;clear:both;margin-top:8px;height:6px;border-radius:9px;background:linear-gradient(90deg,#7c3aed 95%,#1e1c2e 95%)}.social{text-align:center;padding:65px 40px;color:#4a4868}.social p{font-size:12px;letter-spacing:2px}.social div{max-width:1080px;margin:30px auto 0;font-weight:600;line-height:3;word-spacing:18px;color:#6b6a8a}.section{padding-top:96px;padding-bottom:96px}.center{text-align:center}.section h2,.final h2{font-size:48px;line-height:1.2;letter-spacing:-1.4px;margin:20px 0 10px}.section>p,.center>p{font-size:16px}.tabs{margin:55px 0 40px;display:flex;justify-content:center;gap:8px}.tabs button{border:1px solid var(--line);background:transparent;color:#6b6a8a;border-radius:13px;padding:10px 17px}.tabs button.active{background:rgba(124,58,237,.2);color:#a78bfa}.panel{max-width:672px;margin:auto;background:#0d0c14;border:1px solid var(--line);border-radius:16px;text-align:left;overflow:hidden}.panelhead{padding:13px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.panelhead button{background:#7c3aed;border:0;border-radius:9px;color:#fff;padding:5px 10px}.search{margin:12px;padding:8px 12px;background:#13121c;border-radius:9px;color:#4a4868;font-size:12px}.search span{float:right}.member{display:flex;align-items:center;margin:0 12px;padding:8px 13px;border-top:6px solid var(--bg)}.member i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(124,58,237,.2);color:#a78bfa;font-style:normal;font-size:11px}.member div{margin-left:10px;font-size:12px}.member small{display:block;color:#4a4868}.member em{margin-left:auto;border-radius:8px;background:rgba(34,197,94,.12);color:#22c55e;padding:3px 8px;font-style:normal;font-size:11px}.member em.warn{color:#f59e0b;background:rgba(245,158,11,.12)}.app-section,.responsive{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.app-section h2,.responsive h2{text-align:left}.app-section>div>p,.responsive>div>p{color:var(--text);line-height:1.65}.feature-list article{display:flex;text-align:left;margin:20px 0}.feature-list i{min-width:40px;height:40px;display:grid;place-items:center;background:rgba(124,58,237,.14);color:#a78bfa;border-radius:12px;font-style:normal}.feature-list div{margin-left:16px}.feature-list p{margin:6px 0;color:var(--text);font-size:14px}.phone{width:320px;height:513px;margin:auto;text-align:center;box-shadow:0 0 80px rgba(124,58,237,.12)}.phone-nav{height:56px;padding:19px 0;color:#6b6a8a;font-size:12px}.avatar{margin:20px auto 0;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#4c1d95);font-weight:700}.phone h3{font-size:14px;margin:8px 0}.phone>small{color:#6b6a8a}.member-pill{display:block;width:max-content;margin:8px auto;padding:4px 11px;border-radius:9px;background:rgba(124,58,237,.15);color:#a78bfa;font-size:12px}.phone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:16px 12px}.phone-metrics b{background:#13121c;padding:8px;border-radius:12px}.phone-metrics small{display:block;color:#4a4868;font-weight:400}.membership{margin:0 12px;padding:13px;text-align:left;background:#13121c;border-radius:12px;font-size:12px}.membership b,.membership small{display:block}.membership em{float:right;color:#22c55e;font-style:normal}.membership small{color:#4a4868;margin-top:8px}.membership i{display:block;height:4px;margin-top:8px;background:linear-gradient(90deg,#7c3aed 68%,#1e1c2e 68%);border-radius:5px}.responsive ul{padding:0;list-style:none;color:#a09ec0;line-height:2.3}.responsive li:before{content:'✓';color:#a78bfa;margin-right:12px}.devices{display:flex;align-items:flex-end;justify-content:center;gap:12px;position:relative}.device{background:#0a0910;border:1px solid rgba(124,58,237,.25);border-radius:12px;box-shadow:inset 0 15px #101018}.desktop{width:320px;height:135px}.tablet{width:105px;height:115px}.mobile{width:75px;height:135px;border-radius:16px}.devices small{position:absolute;bottom:-30px;color:#4a4868}.rules{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px}.rules article{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:12px;padding:18px;background:#101018;border:1px solid var(--line);border-radius:14px;text-align:left}.rules code{color:#6b6a8a;background:#13121c;padding:3px 7px;border-radius:5px}.rules b,.rules strong{font-size:12px}.rules span{color:#7c3aed}.rules small{grid-column:2/5;color:#4a4868}.rules small::first-letter{color:#22c55e}.toggle{margin:30px;color:#4a4868}.toggle i{display:inline-block;width:40px;height:22px;background:#7c3aed;border-radius:30px;vertical-align:middle;margin:0 8px;position:relative}.toggle i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;right:3px;top:3px}.toggle b{color:#f0efff}.toggle em{font-style:normal;background:rgba(124,58,237,.15);color:#a78bfa;padding:2px 7px;border-radius:8px;font-size:12px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.plan{padding:24px;background:#101018;border:1px solid var(--line);border-radius:16px;position:relative}.plan.popular{background:linear-gradient(140deg,rgba(124,58,237,.2),rgba(76,29,149,.13));border-color:rgba(124,58,237,.5);box-shadow:0 0 60px rgba(124,58,237,.15)}.popular:before{content:'Más popular';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#7c3aed;border-radius:20px;padding:5px 12px;font-size:12px}.plan>small{color:#6b6a8a;text-transform:uppercase;letter-spacing:1px}.plan h3{font-size:36px;margin:18px 0 0}.plan h3 small{font-size:14px;color:#4a4868;font-weight:400}.plan p{color:#6b6a8a;font-size:12px;min-height:58px;line-height:1.6}.plan .button{width:100%;padding:10px;font-size:14px}.plan ul{list-style:none;padding:12px 0 0;font-size:12px;color:#a09ec0;line-height:2.5}.plan li:before{content:'✓';color:#a78bfa;margin-right:9px}.final{min-height:632px;padding:128px 24px;text-align:center;position:relative}.final h2{max-width:768px;margin:24px auto 12px;font-size:60px;line-height:1.25}.final>small{display:block;margin-top:24px;color:#4a4868}footer{border-top:1px solid rgba(124,58,237,.1);padding-top:56px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;padding-bottom:45px}.footer-grid p{color:#4a4868;font-size:12px;max-width:320px;line-height:1.5}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-grid>div:not(:first-child) a{color:#4a4868}.copyright{border-top:1px solid rgba(124,58,237,.08);padding:22px 0;color:#2d2b45;font-size:12px}.copyright span{float:right}@media(max-width:800px){.nav nav,.nav-actions{display:none}.menu{display:block}.hero{padding-top:60px}.hero h1{font-size:44px}.dashboard{height:330px}.dashbody aside,.float{display:none}.metrics{grid-template-columns:1fr}.metrics article:nth-child(n+2){display:none}.section h2,.final h2{font-size:38px}.app-section,.responsive{grid-template-columns:1fr}.rules{grid-template-columns:1fr}.plans{grid-template-columns:1fr;gap:28px}.social div{word-spacing:4px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-grid>div:first-child{grid-column:1/3}}@media(max-width:520px){.wrap{width:min(100% - 30px,1072px)}.hero h1{font-size:37px}.hero>p{font-size:16px}.actions{flex-direction:column;align-items:stretch}.dashboard{height:280px}.dashmain{padding:10px}.chart{height:110px}.section{padding-top:72px;padding-bottom:72px}.section h2,.final h2{font-size:34px}.tabs{overflow:auto;justify-content:flex-start}.rules article{grid-template-columns:1fr auto 1fr}.rules code{grid-column:1/4;width:max-content}.plans{grid-template-columns:1fr}.devices{transform:scale(.78)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.copyright span{display:block;float:none;margin-top:10px}}