/* Nexo RP · landing 0.9: fondo negro profundo, aurora, tarjetas de vidrio y movimiento. */
:root{--bg:#05070d;--ink:#eef2f7;--muted:#9aa7bb;--line:rgba(148,163,184,.14);--teal:#68dec6;--violet:#8b6cff;--blue:#6aa8ff;--grad:linear-gradient(120deg,#68dec6,#6aa8ff 55%,#8b6cff);--panel:rgba(14,19,29,.72);--glow:0 20px 60px rgba(0,0,0,.45),0 0 0 1px rgba(104,222,198,.06);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}code{font:600 .92em 'DM Sans',Arial;background:rgba(104,222,198,.12);color:#a9f0e2;padding:2px 7px;border-radius:7px}
.skip{position:fixed;top:-60px;left:16px;z-index:99;background:var(--teal);color:#07121a;padding:10px 14px;border-radius:10px}.skip:focus{top:10px}
#sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.aurora{position:fixed;inset:-20% -10% auto;height:70vh;z-index:0;pointer-events:none;background:radial-gradient(600px 320px at 20% 30%,rgba(104,222,198,.16),transparent 60%),radial-gradient(700px 380px at 80% 20%,rgba(139,108,255,.18),transparent 60%),radial-gradient(500px 300px at 55% 70%,rgba(106,168,255,.12),transparent 60%);filter:blur(30px);animation:aurora 18s ease-in-out infinite alternate}
@keyframes aurora{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,3%,0) scale(1.08)}}
main,header,footer{position:relative;z-index:1}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.section-label{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1 'DM Sans',Arial;letter-spacing:.14em;text-transform:uppercase;color:#a9f0e2}
.dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(104,222,198,.18);display:inline-block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid var(--line);background:rgba(148,163,184,.08);color:var(--ink);font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.btn:hover{transform:translateY(-1px);border-color:rgba(104,222,198,.45);background:rgba(104,222,198,.1)}
.btn.solid{background:var(--ink);color:#07121a;border-color:transparent}.btn.solid:hover{background:#fff;box-shadow:0 10px 30px rgba(104,222,198,.25)}
.btn.lg{padding:14px 22px;font-size:16px;border-radius:14px}
/* Nav */
.topnav{position:sticky;top:14px;z-index:30;margin:14px auto 0;max-width:1180px;width:calc(100% - 32px);display:flex;align-items:center;gap:18px;padding:9px 10px 9px 16px;border-radius:999px;background:rgba(10,14,22,.66);border:1px solid var(--line);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 40px rgba(0,0,0,.4);animation:drop .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.logo{display:flex;align-items:center;gap:9px;font:800 19px Manrope,Arial;letter-spacing:-.5px}.logo b{color:var(--teal);margin-left:4px;font-weight:800}
.topnav nav{display:flex;gap:4px;margin-left:auto}.topnav nav a{padding:8px 12px;border-radius:999px;color:#c3cddb;font-weight:500;transition:background .15s,color .15s}.topnav nav a:hover,.topnav nav a.active{background:rgba(148,163,184,.12);color:#fff}
.nav-actions{display:flex;gap:8px;align-items:center}.nav-actions .btn{padding:9px 14px;font-size:14px}
.burger{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:none;flex-direction:column;gap:4px;align-items:center;justify-content:center}.burger span{width:16px;height:2px;background:#fff;border-radius:2px}
/* Hero */
.hero{max-width:1180px;margin:0 auto;padding:84px 16px 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:calc(100vh - 80px)}
.hero h1{font:800 clamp(42px,6vw,76px)/1.02 Manrope,Arial;letter-spacing:-2.5px;margin:18px 0 20px}
.hero p{font-size:18px;color:#c3cddb;max-width:560px;margin:0 0 26px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-points{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:9px;color:#aab6c6;font-size:14.5px}.hero-points li{padding-left:22px;position:relative}.hero-points li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:rgba(104,222,198,.18);box-shadow:inset 0 0 0 2px var(--teal)}
.hero-visual{display:grid;place-items:center;perspective:1200px;grid-template-rows:auto auto}.hero-visual .idc-switch{justify-self:center;margin:60px 0 0}.hero-visual .tilt{width:min(480px,92vw)}
.tilt{position:relative;transform-style:preserve-3d;transition:transform .12s ease-out;animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.idcard{width:min(460px,92vw);aspect-ratio:1.62;border-radius:22px;padding:22px 24px;position:relative;overflow:hidden;background:linear-gradient(135deg,#101a2b,#0b1220 55%,#111a2a);border:1px solid rgba(104,222,198,.32);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(139,108,255,.12),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;transform:translateZ(30px)}
.idcard::before{content:'';position:absolute;inset:0;background:radial-gradient(420px 160px at 90% -10%,rgba(104,222,198,.25),transparent 60%),radial-gradient(300px 180px at -10% 110%,rgba(139,108,255,.3),transparent 60%);pointer-events:none}
.idcard-top{display:flex;align-items:center;justify-content:space-between;font:700 10.5px 'DM Sans',Arial;letter-spacing:.16em;color:#a9f0e2}
.idcard-flag{display:flex;gap:2px}.idcard-flag i{width:7px;height:14px;border-radius:2px;background:#2ecc71}.idcard-flag i:nth-child(2){background:#f4f7fa}.idcard-flag i:nth-child(3){background:#ff6b6b}
.idcard-chip{width:34px;height:26px;border-radius:6px;background:linear-gradient(135deg,#f6d27a,#c99d3c);box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}
.idcard-body{display:flex;gap:18px;align-items:center;position:relative}
.idcard-photo{width:86px;height:104px;border-radius:12px;background:linear-gradient(160deg,#1a2740,#0e1626);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font:800 26px Manrope,Arial;color:#a9f0e2;flex:none}
.idcard-fields{display:grid;gap:7px;min-width:0}.idcard-fields small{display:block;font:600 9.5px 'DM Sans',Arial;letter-spacing:.14em;color:#8ea0b8}.idcard-fields strong{display:block;font:700 14px Manrope,Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idcard-fields .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.idcard-foot{display:flex;justify-content:space-between;font-size:12px;color:#aab6c6;position:relative}.idcard-status{display:inline-flex;align-items:center;gap:6px;color:#a9f0e2;font-weight:600}.idcard-status i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}
.idcard-shine{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 48%,transparent 56%);transform:translateX(-60%);animation:shine 5.5s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%,60%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
.float-chip{position:absolute;padding:9px 13px;border-radius:12px;background:rgba(14,19,29,.9);border:1px solid var(--line);box-shadow:var(--glow);font:600 13px 'DM Sans',Arial;display:flex;align-items:center;gap:8px;transform:translateZ(70px);animation:float 6s ease-in-out infinite}
.float-chip i{width:8px;height:8px;border-radius:50%;background:#5865F2;box-shadow:0 0 10px #5865F2}
.chip-a{top:-30px;left:-20px;animation-delay:-1s}.chip-b{right:-24px;top:-30px;color:#a9f0e2;animation-delay:-3s}.chip-c{bottom:-44px;left:14%;animation-delay:-2s}
/* Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s)}.reveal.in{opacity:1;transform:none}
/* Stats */
.stats{max-width:1180px;margin:0 auto;padding:30px 16px 20px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.stat{padding:22px 22px 18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:transform .22s,border-color .22s}
.stat::after{content:'';position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(104,222,198,.16),transparent 60%);pointer-events:none}
.stat:hover{transform:translateY(-3px);border-color:rgba(104,222,198,.4)}
.stat small{display:block;font:600 11px 'DM Sans',Arial;letter-spacing:.14em;text-transform:uppercase;color:#8ea0b8}.stat strong{display:block;font:800 36px/1.1 Manrope,Arial;margin:8px 0 4px;letter-spacing:-1px}.stat span{font-size:13px;color:var(--muted)}
.guild-strip{margin-top:26px}.guild-marquee{margin-top:12px;overflow:hidden;mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.guild-track{display:flex;gap:10px;width:max-content;animation:marquee 40s linear infinite}.guild-marquee:hover .guild-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.guild{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:13.5px;white-space:nowrap}.guild img,.guild .ini{width:30px;height:30px;border-radius:50%;object-fit:cover;background:rgba(104,222,198,.14);display:grid;place-items:center;font:700 12px Manrope,Arial;color:#a9f0e2}.guild small{color:var(--muted);margin-left:2px}
/* Modules */
.section-head{text-align:center;max-width:720px;margin:0 auto 34px}.section-head h2{font:800 clamp(30px,4.2vw,48px)/1.08 Manrope,Arial;letter-spacing:-1.5px;margin:14px 0 12px}.section-head p{color:#c3cddb;font-size:17px;margin:0}
.modules{max-width:1180px;margin:0 auto;padding:70px 16px 30px}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mod{position:relative;padding:24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}
.mod::before{content:'';position:absolute;inset:0;background:radial-gradient(380px 160px at 0% 0%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 65%);opacity:.7;transition:opacity .25s}
.mod:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--tone) 55%,transparent);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px color-mix(in srgb,var(--tone) 12%,transparent)}.mod:hover::before{opacity:1}
.mod>*{position:relative}.mod-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--tone) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 45%,transparent)}
.mod h3{font:800 20px Manrope,Arial;margin:16px 0 8px;letter-spacing:-.3px}.mod p{color:#c3cddb;margin:0 0 14px;font-size:15px}
.mod ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:7px;font-size:13.5px;color:#aab6c6}.mod li{padding-left:18px;position:relative}.mod li::before{content:'✓';position:absolute;left:0;color:var(--tone);font-weight:700}
.mod-tags{display:flex;flex-wrap:wrap;gap:6px}.mod-tags span{font:600 12px 'DM Sans',Arial;padding:5px 9px;border-radius:8px;background:rgba(148,163,184,.1);color:#c3cddb}
/* Status */
.status{max-width:1180px;margin:0 auto;padding:60px 16px 30px}
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.status-card{padding:22px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px)}
.status-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:14px}.status-head strong{font:800 15px Manrope,Arial;color:#a9f0e2}
.pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#5f6b7c;margin-right:8px;vertical-align:middle}.pulse.ok{background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:pulse 1.8s infinite}.pulse.bad{background:#ff6b6b}
@keyframes pulse{to{box-shadow:0 0 0 10px rgba(46,204,113,0)}}
.bars{display:grid;grid-template-columns:repeat(60,1fr);gap:3px;height:38px}.bars i{display:block;border-radius:3px;background:rgba(148,163,184,.18);transform-origin:bottom;animation:grow .5s cubic-bezier(.2,.7,.2,1) both}.bars i.ok{background:#2ecc71}.bars i.bad{background:#ff6b6b}.bars i.slow{background:#f6c66b}
@keyframes grow{from{transform:scaleY(.2)}}
.status-card small{display:block;margin-top:10px;color:var(--muted);font-size:12.5px}
/* Switch & CTA */
.switch{max-width:1180px;margin:0 auto;padding:30px 16px}
.switch-card{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:34px;border-radius:24px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px)}
.switch-card h2{font:800 30px/1.1 Manrope,Arial;letter-spacing:-1px;margin:12px 0 10px}.switch-card p{color:#c3cddb;margin:0}
.switch-list{display:grid;gap:8px}.switch-list div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(148,163,184,.07);font:600 14px 'DM Sans',Arial}.switch-list span:first-child{color:var(--muted);text-decoration:line-through}.switch-list b{color:var(--teal)}.switch-list span:last-child{color:#a9f0e2}
.cta{max-width:1180px;margin:0 auto;padding:40px 16px 70px}
.cta-card{position:relative;text-align:center;padding:60px 28px;border-radius:28px;background:linear-gradient(#0a0f1b,#0a0f1b) padding-box,var(--grad) border-box;border:1px solid transparent;overflow:hidden}
.cta-card::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 240px at 50% 120%,rgba(139,108,255,.3),transparent 60%);pointer-events:none}
.cta-card>*{position:relative}.cta-card h2{font:800 clamp(32px,5vw,54px)/1.05 Manrope,Arial;letter-spacing:-2px;margin:14px 0}.cta-card p{color:#c3cddb;font-size:17px;max-width:560px;margin:0 auto 26px}.cta-card .hero-actions{justify-content:center}
.foot{max-width:1180px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;color:var(--muted);font-size:13.5px;border-top:1px solid var(--line)}.foot>div{display:flex;align-items:center;gap:8px;font:800 15px Manrope,Arial;color:#fff}.foot nav{display:flex;gap:16px}.foot nav a:hover{color:#fff}.foot small{flex-basis:100%;font-size:12px}
/* Access dialog */
dialog#access{border:0;padding:0;background:transparent;max-width:520px;width:calc(100% - 32px)}dialog#access::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(8px)}
dialog#access[open]{animation:pop .3s cubic-bezier(.2,.7,.2,1)}@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.97)}}
#access>*{margin:0}#access{color:var(--ink)}
#access{background:#0b1019;border:1px solid rgba(104,222,198,.3);border-radius:24px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.7);text-align:center;position:relative}
.dialog-close{position:absolute;top:12px;right:14px;background:none;border:0;color:#9aa7bb;font-size:22px;padding:6px 10px;border-radius:8px}.dialog-close:hover{color:#fff;background:rgba(148,163,184,.14)}
.access-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(104,222,198,.12);box-shadow:inset 0 0 0 1px rgba(104,222,198,.4);color:#a9f0e2}
#access h2{font:800 24px Manrope,Arial;letter-spacing:-.5px}#access p{color:#c3cddb;margin:8px 0 20px;font-size:14.5px}
.access-option{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(148,163,184,.06);margin-top:10px;transition:border-color .15s,background .15s,transform .15s}
.access-option:hover{border-color:rgba(104,222,198,.5);background:rgba(104,222,198,.08);transform:translateX(3px)}.access-option strong{display:block;font:700 15px Manrope,Arial}.access-option small{color:var(--muted);font-size:13px}.access-option b{color:var(--teal)}
.access-glyph{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(148,163,184,.1);font-size:17px}
/* Responsive */
@media(max-width:1100px){.chip-b{right:-6px}.chip-a{left:-6px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:60px;min-height:0;text-align:center}.hero p{margin:0 auto 26px}.hero-actions{justify-content:center}.hero-points{text-align:left;max-width:520px;margin:28px auto 0}.hero-visual{margin-top:30px}.stat-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.switch-card{grid-template-columns:1fr}}
@media(max-width:760px){.topnav{top:8px;width:calc(100% - 16px);padding:8px 8px 8px 14px}.topnav nav{position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;padding:10px;border-radius:18px;background:rgba(10,14,22,.96);border:1px solid var(--line);display:none}.topnav.open nav{display:flex}.topnav nav a{padding:12px 14px}.nav-actions .ghost{display:none}.burger{display:flex}.module-grid,.status-grid,.stat-grid{grid-template-columns:1fr}.float-chip{display:none}.hero h1{letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){.tilt,.float-chip,.idcard-shine,.aurora,.guild-track,.pulse.ok{animation:none}.reveal{transition:none;opacity:1;transform:none}}
@media(max-width:980px){.topnav nav a{padding:8px 9px;font-size:14.5px}.nav-actions .btn{padding:8px 11px;font-size:13.5px}}