:root{
            --bg:#050505;
            --gold:#ffd166;
            --gold-soft:#f5d98b;
            --gold-line:rgba(255,209,102,.28);
            --cyan:#00d4ff;
            --pink:#ff2bd6;
            --purple:#7a3cff;
            --white:#ffffff;
            --text:#f5f1e8;
            --muted:#969188;
            --border:rgba(255,255,255,.08);
            --head:'Oswald',Arial,sans-serif;
            --mono:'Share Tech Mono',monospace;
            --body:'Barlow',Arial,sans-serif;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{
            background:var(--bg);
            color:var(--white);
            font-family:var(--body);
            overflow-x:hidden;
            -webkit-font-smoothing:antialiased;
        }
        body::before{
            content:"";
            position:fixed;inset:0;pointer-events:none;z-index:-2;
            background-image:
                linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
            background-size:60px 60px;
        }
        body::after{
            content:"";
            position:fixed;inset:0;pointer-events:none;z-index:-3;
            background:
                radial-gradient(circle at 12% 8%,rgba(255,209,102,.08),transparent 28%),
                radial-gradient(circle at 88% 30%,rgba(122,60,255,.06),transparent 34%),
                radial-gradient(circle at 50% 100%,rgba(255,43,214,.04),transparent 38%);
        }

        /* ============ NAVIGATION ============ */
        #main-nav{
            position:fixed;z-index:100;top:0;left:0;right:0;
            height:82px;
            display:flex;align-items:center;justify-content:space-between;
            padding:0 40px;
            background:rgba(5,5,5,.85);
            border-bottom:1px solid rgba(255,209,102,.12);
            backdrop-filter:blur(18px);
            transition:.3s ease;
        }
        #main-nav.nav-scrolled{
            height:72px;
            background:rgba(5,5,5,.96);
            box-shadow:0 14px 42px rgba(0,0,0,.5);
        }
        .nav-logo{
            display:flex;align-items:center;gap:10px;
            font-family:var(--head);
            font-size:28px;letter-spacing:.12em;
            text-decoration:none;color:#fff;
            transition:transform .2s ease;
        }
        .nav-logo:hover{transform:scale(1.03)}
        .nav-logo-image{height:52px;width:auto;object-fit:contain}
        .nav-logo span{color:var(--gold);text-shadow:0 0 20px rgba(255,209,102,.5)}

        .nav-links{
            display:flex;align-items:center;gap:6px;
            list-style:none;
        }
        .nav-links a{
            display:block;
            padding:10px 16px;
            color:var(--muted);
            text-decoration:none;
            font-size:14px;font-weight:600;
            letter-spacing:.04em;
            border-radius:10px;
            transition:.25s ease;
        }
        .nav-links a:hover,.nav-links a.active{
            color:#fff;
            background:rgba(255,209,102,.1);
        }
        .nav-dropdown{position:relative}
        .nav-dropdown-menu{
            position:absolute;top:100%;left:0;
            min-width:200px;
            padding:8px;
            background:rgba(8,8,8,.96);
            border:1px solid rgba(255,209,102,.15);
            border-radius:16px;
            box-shadow:0 24px 60px rgba(0,0,0,.5);
            opacity:0;pointer-events:none;
            transform:translateY(10px);
            transition:.25s ease;
            list-style:none;
            backdrop-filter:blur(16px);
        }
        .nav-dropdown:hover .nav-dropdown-menu{
            opacity:1;pointer-events:auto;
            transform:translateY(4px);
        }
        .nav-dropdown-menu a{
            display:block;
            padding:10px 14px;
            font-size:13px;
            border-radius:8px;
        }
        .nav-dropdown-menu a:hover{
            background:rgba(255,209,102,.1);
            color:var(--gold);
        }
        .nav-badge{
            background:var(--gold);
            color:#050505;
            font-size:10px;
            padding:2px 6px;
            border-radius:99px;
            margin-left:6px;
            font-weight:700;
        }

        .nav-actions{display:flex;align-items:center;gap:14px}
        .nav-actions .btn,.nav-cta{
            padding:10px 20px;
            border-radius:12px;
            font-size:14px;font-weight:700;
            text-decoration:none;
            transition:.25s ease;
            display:inline-flex;align-items:center;gap:8px;
        }
        .nav-cta{
            background:rgba(255,209,102,.12);
            color:var(--gold);
            border:1px solid rgba(255,209,102,.2);
        }
        .nav-cta:hover{
            background:rgba(255,209,102,.2);
            transform:translateY(-2px);
            box-shadow:0 8px 24px rgba(255,209,102,.15);
        }
        .nav-actions .btn{
            background:linear-gradient(135deg,var(--gold),var(--gold-soft));
            color:#050505;
            border:none;
        }
        .nav-actions .btn:hover{
            transform:translateY(-2px);
            box-shadow:0 12px 30px rgba(255,209,102,.3);
        }

        .nav-mobile-toggle{
            display:none;
            flex-direction:column;gap:5px;
            background:none;border:none;
            cursor:pointer;padding:8px;
        }
        .nav-mobile-toggle span{
            width:24px;height:2px;
            background:#fff;border-radius:2px;
            transition:.25s ease;
        }

        /* ============ HERO ============ */
        .hero{
            position:relative;
            min-height:100vh;
            display:flex;align-items:center;justify-content:center;
            padding:120px 40px 80px;
            overflow:hidden;
            background:
                radial-gradient(circle at 15% 20%,rgba(255,209,102,.12),transparent 45%),
                radial-gradient(circle at 85% 15%,rgba(122,60,255,.10),transparent 40%),
                linear-gradient(180deg,#050505 0%,#080808 100%);
            background-image:url('nexo-hero-banner.png');
            background-size:cover;
            background-position:center;
        }
        .hero::before{
            content:"";
            position:absolute;inset:0;
            background:
                linear-gradient(180deg,rgba(5,5,5,.85) 0%,rgba(5,5,5,.6) 40%,rgba(5,5,5,.85) 100%),
                linear-gradient(90deg,rgba(5,5,5,.75) 0%,rgba(5,5,5,.3) 50%,rgba(5,5,5,.75) 100%);
            z-index:1;
        }

        .hero-orb{
            position:absolute;
            border-radius:50%;
            filter:blur(60px);
            pointer-events:none;
            animation:orbFloat 8s ease-in-out infinite;
        }
        .hero-orb.orb-1{
            width:300px;height:300px;
            top:-100px;left:-100px;
            background:rgba(255,209,102,.15);
        }
        .hero-orb.orb-2{
            width:250px;height:250px;
            bottom:-80px;right:-80px;
            background:rgba(122,60,255,.15);
            animation-delay:-3s;
        }
        .hero-orb.orb-3{
            width:180px;height:180px;
            top:40%;right:15%;
            background:rgba(255,43,214,.10);
            animation-delay:-6s;
        }
        @keyframes orbFloat{
                    0%,100%{transform:translate(0,0) scale(1)}
                    33%{transform:translate(40px,-30px) scale(1.15)}
                    66%{transform:translate(-20px,20px) scale(.9)}
                }
        
                /* ============ MUSIC PLAYER ============ */
                .music-player{
                    position:fixed;
                    bottom:20px;left:20px;
                    background:rgba(0,0,0,.85);
                    border:1px solid rgba(255,209,102,.3);
                    border-radius:12px;
                    padding:16px 20px;
                    display:flex;
                    align-items:center;
                    gap:16px;
                    z-index:1000;
                    backdrop-filter:blur(10px);
                    box-shadow:0 8px 32px rgba(0,0,0,.4);
                    transition:.3s ease;
                }
                .music-player:hover{
                    border-color:var(--gold);
                    box-shadow:0 8px 32px rgba(255,209,102,.2);
                }
                .music-close{
                    width:32px;height:32px;
                    display:flex;align-items:center;justify-content:center;
                    background:rgba(255,255,255,.05);
                    border:1px solid rgba(255,255,255,.1);
                    border-radius:8px;
                    color:var(--muted);
                    font-size:12px;
                    cursor:pointer;
                    transition:.3s ease;
                    flex-shrink:0;
                }
                .music-close:hover{
                    background:rgba(255,43,43,.15);
                    border-color:#ff4040;
                    color:#ff4040;
                }
                .music-btn{
                    width:40px;height:40px;
                    display:flex;align-items:center;justify-content:center;
                    background:linear-gradient(135deg,var(--gold),var(--gold-soft));
                    color:#050505;
                    border:none;
                    border-radius:50%;
                    font-size:14px;
                    cursor:pointer;
                    transition:.3s ease;
                    flex-shrink:0;
                }
                .music-btn:hover{
                    transform:scale(1.1);
                    box-shadow:0 4px 16px rgba(255,209,102,.4);
                }
                .music-info{
                    min-width:0;
                }
                .music-title{
                    font-family:var(--head);
                    font-size:14px;
                    color:#fff;
                    text-transform:uppercase;
                    letter-spacing:.03em;
                    margin-bottom:4px;
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis;
                }
                .music-artist{
                    font-family:var(--mono);
                    font-size:10px;
                    color:var(--muted);
                    letter-spacing:.05em;
                    text-transform:uppercase;
                }
                .music-progress{
                    width:120px;
                    height:4px;
                    background:rgba(255,255,255,.1);
                    border-radius:2px;
                    cursor:pointer;
                    overflow:hidden;
                    position:relative;
                }
                .music-progress-bar{
                    height:100%;
                    background:linear-gradient(90deg,var(--gold),var(--cyan));
                    width:0%;
                    transition:width .1s linear;
                }
                .music-volume{
                    display:flex;
                    align-items:center;
                    gap:8px;
                }
                .music-volume i{
                    color:var(--muted);
                    font-size:12px;
                }
                .music-volume input[type=range]{
                    width:60px;
                    height:4px;
                    -webkit-appearance:none;
                    background:rgba(255,255,255,.1);
                    border-radius:2px;
                    cursor:pointer;
                }
                .music-volume input[type=range]::-webkit-slider-thumb{
                    -webkit-appearance:none;
                    width:12px;height:12px;
                    background:var(--gold);
                    border-radius:50%;
                    cursor:pointer;
                }
                .music-toggle{
                    position:fixed;
                    bottom:20px;left:20px;
                    width:56px;height:56px;
                    display:flex;align-items:center;justify-content:center;
                    background:rgba(0,0,0,.85);
                    border:1px solid var(--gold);
                    border-radius:50%;
                    color:var(--gold);
                    font-size:18px;
                    cursor:pointer;
                    z-index:1001;
                    backdrop-filter:blur(10px);
                    transition:.3s ease;
                }
                .music-toggle:hover{
                    background:rgba(255,209,102,.1);
                    transform:scale(1.1);
                }
                .music-player.hidden{
                    opacity:0;
                    pointer-events:none;
                    transform:translateY(10px);
                }

        .hero-content{
            position:relative;z-index:2;
            text-align:center;
            max-width:1000px;
            animation:heroFadeIn .8s ease both;
        }
        @keyframes heroFadeIn{
            from{opacity:0;transform:translateY(30px)}
            to{opacity:1;transform:translateY(0)}
        }

        .hero-kicker{
            display:inline-flex;align-items:center;gap:12px;
            padding:10px 22px;
            margin-bottom:32px;
            background:rgba(255,209,102,.1);
            border:1px solid rgba(255,209,102,.25);
            border-radius:999px;
            color:var(--gold);
            font-family:var(--mono);
            font-size:14px;letter-spacing:.18em;
            text-transform:uppercase;
            box-shadow:0 0 30px rgba(255,209,102,.1);
        }
        .hero-kicker::before{
            content:"";
            width:44px;height:1px;
            background:var(--gold);
        }

        .hero-title{
            font-family:var(--head);
            font-size:clamp(70px,12vw,160px);
            line-height:.9;
            letter-spacing:.04em;
            text-transform:uppercase;
            margin-bottom:28px;
        }
        .hero-title .line1{
            display:block;
            color:#fff;
            text-shadow:0 0 80px rgba(255,209,102,.3);
        }
        .hero-title .line2{
            display:block;
            color:var(--gold);
            text-shadow:0 0 40px rgba(255,209,102,.4);
        }

        .hero-rule{
            width:80px;height:3px;
            margin:0 auto 28px;
            background:linear-gradient(90deg,transparent,var(--gold),transparent);
            border-radius:2px;
        }

        .hero-slogan{
            font-family:var(--mono);
            font-size:clamp(16px,2.5vw,22px);
            letter-spacing:.15em;
            text-transform:uppercase;
            color:var(--gold-soft);
            margin-bottom:16px;
            text-shadow:0 0 20px rgba(255,209,102,.3);
        }

        .hero-text{
            font-size:19px;
            color:var(--muted);
            line-height:1.7;
            max-width:600px;
            margin:0 auto 40px;
            font-weight:400;
        }

        .hero-actions{
            display:flex;justify-content:center;gap:18px;
            margin-bottom:56px;
            flex-wrap:wrap;
        }
        .btn-primary,.btn-secondary{
            display:inline-flex;align-items:center;gap:10px;
            padding:16px 36px;
            border-radius:16px;
            font-size:16px;font-weight:700;
            text-decoration:none;
            transition:.3s ease;
            cursor:pointer;
        }
        .btn-primary{
            background:linear-gradient(135deg,var(--gold),var(--gold-soft));
            color:#050505;
            border:none;
            box-shadow:0 12px 36px rgba(255,209,102,.25);
        }
        .btn-primary:hover{
            transform:translateY(-4px);
            box-shadow:0 20px 50px rgba(255,209,102,.4);
        }
        .btn-secondary{
            background:rgba(255,255,255,.05);
            color:#fff;
            border:1px solid rgba(255,255,255,.15);
            backdrop-filter:blur(10px);
        }
        .btn-secondary:hover{
            transform:translateY(-4px);
            background:rgba(255,255,255,.1);
            border-color:var(--gold);
            box-shadow:0 12px 36px rgba(0,0,0,.3);
        }

        .hero-meta{
            display:flex;justify-content:center;gap:48px;
            flex-wrap:wrap;
        }
        .hero-meta-item{
            display:flex;flex-direction:column;align-items:center;gap:6px;
        }
        .hero-meta-value{
            font-family:var(--head);
            font-size:42px;letter-spacing:.05em;
            color:#fff;
            text-shadow:0 0 30px rgba(255,209,102,.3);
        }
        .hero-meta-label{
            font-family:var(--mono);
            font-size:12px;letter-spacing:.15em;
            text-transform:uppercase;
            color:var(--muted);
        }

        .scroll-cue{
            position:absolute;bottom:40px;left:50%;
            transform:translateX(-50%);
            display:flex;flex-direction:column;align-items:center;gap:8px;
            color:var(--muted);
            font-family:var(--mono);
            font-size:12px;letter-spacing:.15em;
            text-transform:uppercase;
            animation:scrollBounce 2s ease-in-out infinite;
        }
        .scroll-cue::after{
            content:"↓";
            font-size:18px;
            color:var(--gold);
        }
        @keyframes scrollBounce{
            0%,100%{transform:translateX(-50%) translateY(0)}
            50%{transform:translateX(-50%) translateY(8px)}
        }

        /* ============ SECTIONS ============ */
        .section{
            position:relative;
            padding:140px 40px;
            background:var(--bg);
        }
        .section::before{
            content:"";
            position:absolute;
            inset:0;
            pointer-events:none;
            background:linear-gradient(180deg,rgba(255,209,102,.02),transparent 22%,transparent 78%,rgba(255,209,102,.02));
            z-index:-1;
        }
        .section-alt{
            background:#080808;
            border-top:1px solid rgba(255,209,102,.1);
            border-bottom:1px solid rgba(255,209,102,.1);
        }
        .section-inner{
            max-width:1400px;
            margin:0 auto;
        }
        .section-head{
            text-align:center;
            margin-bottom:64px;
            position:relative;
            padding-bottom:24px;
        }
        .section-head::after{
            content:"";
            position:absolute;
            left:50%;bottom:0;
            transform:translateX(-50%);
            width:70px;height:2px;
            background:var(--gold);
            box-shadow:0 0 18px rgba(255,209,102,.45);
        }
        .section-eyebrow{
            color:var(--gold);
            font-family:var(--mono);
            font-size:12px;letter-spacing:.2em;
            text-transform:uppercase;
            display:block;
            margin-bottom:16px;
        }
        .section-head h2{
            font-family:var(--head);
            font-size:clamp(38px,5vw,64px);
            text-transform:uppercase;
            letter-spacing:.03em;
            color:var(--text);
            margin-bottom:16px;
        }
        .section-head p{
            color:var(--muted);
            font-size:17px;
            max-width:560px;
            margin:0 auto;
            line-height:1.6;
        }

        /* ============ TEXT-IMAGE SECTIONS ============ */
        .text-image-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:80px;
            align-items:center;
        }
        .text-image-grid.reverse{
            direction:rtl;
        }
        .text-image-grid.reverse > *{
            direction:ltr;
        }
        .text-image-content{
            max-width:560px;
        }
        .text-image-content h2{
            font-family:var(--head);
            font-size:clamp(36px,4.5vw,56px);
            text-transform:uppercase;
            letter-spacing:.03em;
            line-height:1.1;
            margin-bottom:24px;
            color:var(--text);
        }
        .text-image-content h2 span{
            display:block;
            color:var(--gold-soft);
        }
        .text-image-content p{
            color:#d5d0c7;
            font-size:17px;
            line-height:1.7;
            margin-bottom:18px;
        }
        .text-image-content .desc{
            color:var(--muted);
            font-size:15px;
        }
        .text-image-actions{
            display:flex;gap:16px;
            margin-top:32px;
            flex-wrap:wrap;
        }
        .text-image-visual{
            position:relative;
            border-radius:0;
            border:1px solid var(--gold-line);
            box-shadow:18px 18px 0 rgba(255,209,102,.08),0 40px 120px rgba(0,0,0,.65);
            transform:rotate(-2deg);
            transition:transform .5s ease,box-shadow .5s ease;
            overflow:hidden;
        }
        .text-image-visual:hover{
            transform:rotate(0) scale(1.02);
            box-shadow:0 30px 100px rgba(0,0,0,.7);
        }
        .text-image-visual::after{
            content:"";
            position:absolute;inset:12px;
            border:1px solid rgba(255,209,102,.22);
            pointer-events:none;
        }
        .text-image-visual img{
            width:100%;height:100%;
            object-fit:cover;display:block;
        }

        /* ============ WELCOME SECTION ============ */
        .section-welcome{
            background:linear-gradient(180deg,#050505 0%,#0a0a0a 50%,#050505 100%);
            border-top:1px solid rgba(255,209,102,.1);
            border-bottom:1px solid rgba(255,209,102,.1);
        }
        .section-welcome .text-image-grid{
            gap:80px;
            align-items:center;
        }
        .section-welcome .text-image-visual{
            position:relative;
            border:1px solid rgba(255,209,102,.2);
            box-shadow:20px 20px 0 rgba(255,209,102,.06),0 40px 120px rgba(0,0,0,.6);
            transform:rotate(-1.5deg);
            transition:transform .5s ease,box-shadow .5s ease;
            overflow:hidden;
        }
        .section-welcome .text-image-visual:hover{
            transform:rotate(0) scale(1.02);
            box-shadow:0 30px 100px rgba(0,0,0,.7);
        }
        .section-welcome .text-image-visual::after{
            content:"";
            position:absolute;inset:14px;
            border:1px solid rgba(255,209,102,.25);
            pointer-events:none;
        }
        .section-welcome .text-image-visual::before{
            content:"";
            position:absolute;inset:0;
            background:linear-gradient(135deg,rgba(255,209,102,.08) 0%,transparent 50%,rgba(122,60,255,.06) 100%);
            pointer-events:none;
            z-index:1;
        }
        .welcome-content{
            max-width:600px;
        }
        .welcome-content .section-eyebrow{
            display:inline-block;
            margin-bottom:18px;
        }
        .welcome-content h2{
            font-family:var(--head);
            font-size:clamp(36px,4.5vw,56px);
            text-transform:uppercase;
            letter-spacing:.03em;
            line-height:1.1;
            margin-bottom:24px;
            color:var(--text);
        }
        .welcome-content h2 span{
            display:block;
            color:var(--gold-soft);
        }
        .welcome-content p{
            color:#d5d0c7;
            font-size:17px;
            line-height:1.7;
            margin-bottom:18px;
        }
        .welcome-content .desc{
            color:var(--muted);
            font-size:15px;
        }
        .welcome-highlights{
            display:flex;gap:36px;
            margin:32px 0;
            padding:24px 0;
            border-top:1px solid rgba(255,209,102,.12);
            border-bottom:1px solid rgba(255,209,102,.12);
        }
        .welcome-stat{
            display:flex;flex-direction:column;gap:4px;
        }
        .welcome-stat .stat-value{
            font-family:var(--head);
            font-size:32px;letter-spacing:.05em;
            color:var(--gold);
            text-shadow:0 0 20px rgba(255,209,102,.3);
        }
        .welcome-stat .stat-label{
            font-family:var(--mono);
            font-size:11px;letter-spacing:.12em;
            text-transform:uppercase;
            color:var(--muted);
        }
        .section-welcome .text-image-actions{
            display:flex;gap:16px;
            flex-wrap:wrap;
        }

        /* ============ FACTIONS SECTION ============ */
        .section-factions{
            background:linear-gradient(180deg,#0a0a0a 0%,#050505 50%,#0a0a0a 100%);
            border-top:1px solid rgba(255,209,102,.1);
            border-bottom:1px solid rgba(255,209,102,.1);
            overflow:hidden;
        }
        .factions-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:80px;
            align-items:center;
        }
        .factions-image{
            position:relative;
            border:1px solid rgba(255,209,102,.2);
            box-shadow:20px 20px 0 rgba(255,209,102,.06),0 40px 120px rgba(0,0,0,.6);
            transform:rotate(-1deg);
            transition:transform .5s ease,box-shadow .5s ease;
            overflow:hidden;
        }
        .factions-image:hover{
            transform:rotate(0) scale(1.02);
            box-shadow:0 30px 100px rgba(0,0,0,.7);
        }
        .factions-image img{
            width:100%;height:100%;
            object-fit:cover;display:block;
        }
        .factions-image-overlay{
            position:absolute;inset:0;
            background:linear-gradient(135deg,rgba(255,209,102,.05) 0%,transparent 50%,rgba(122,60,255,.05) 100%);
            pointer-events:none;
        }
        .factions-content{
            max-width:600px;
        }
        .factions-content .section-eyebrow{
            display:inline-block;
            margin-bottom:18px;
        }
        .factions-content h2{
            font-family:var(--head);
            font-size:clamp(36px,4.5vw,56px);
            text-transform:uppercase;
            letter-spacing:.03em;
            line-height:1.1;
            margin-bottom:24px;
            color:var(--text);
        }
        .factions-content h2 span{
            display:block;
            color:var(--gold-soft);
        }
        .factions-content p{
            color:#d5d0c7;
            font-size:17px;
            line-height:1.7;
            margin-bottom:18px;
        }
        .factions-content .desc{
            color:var(--muted);
            font-size:15px;
        }
        .factions-stats{
            display:flex;gap:36px;
            margin:32px 0;
            padding:24px 0;
            border-top:1px solid rgba(255,209,102,.12);
            border-bottom:1px solid rgba(255,209,102,.12);
        }
        .faction-stat{
            display:flex;flex-direction:column;gap:4px;
        }
        .faction-stat .stat-num{
            font-family:var(--head);
            font-size:32px;letter-spacing:.05em;
            color:var(--gold);
            text-shadow:0 0 20px rgba(255,209,102,.3);
        }
        .faction-stat .stat-text{
            font-family:var(--mono);
            font-size:11px;letter-spacing:.12em;
            text-transform:uppercase;
            color:var(--muted);
        }
        .factions-buttons{
            display:flex;gap:16px;
            flex-wrap:wrap;
        }

        /* ============ ANTI-PTW SECTION ============ */
        .section-antiptw{
            background:linear-gradient(180deg,#050505 0%,#0a0808 50%,#050505 100%);
            border-top:1px solid rgba(255,43,43,.15);
            border-bottom:1px solid rgba(255,43,43,.15);
            overflow:hidden;
            position:relative;
        }
        .section-antiptw::before{
            content:"";
            position:absolute;
            top:50%;left:50%;
            transform:translate(-50%,-50%);
            width:600px;height:600px;
            background:radial-gradient(circle,rgba(255,43,43,.06) 0%,transparent 70%);
            pointer-events:none;
            animation:pulseGlow 4s ease-in-out infinite;
        }
        @keyframes pulseGlow{
            0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}
            50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
        }
        .antiptw-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:80px;
            align-items:center;
            position:relative;
            z-index:2;
        }
        .antiptw-image{
            position:relative;
            border:1px solid rgba(255,43,43,.25);
            box-shadow:20px 20px 0 rgba(255,43,43,.06),0 40px 120px rgba(0,0,0,.6);
            transform:rotate(-1.5deg);
            transition:transform .5s ease,box-shadow .5s ease;
            overflow:hidden;
        }
        .antiptw-image:hover{
            transform:rotate(0) scale(1.02);
            box-shadow:0 30px 100px rgba(0,0,0,.7);
        }
        .antiptw-image img{
            width:100%;height:100%;
            object-fit:cover;display:block;
        }
        .antiptw-glow{
            position:absolute;inset:0;
            background:linear-gradient(135deg,rgba(255,43,43,.1) 0%,transparent 50%,rgba(255,209,102,.05) 100%);
            pointer-events:none;
        }
        .antiptw-content{
            max-width:620px;
        }
        .antiptw-content .section-eyebrow{
            display:inline-block;
            margin-bottom:18px;
            color:rgba(255,80,80,.9);
        }
        .antiptw-content h2{
            font-family:var(--head);
            font-size:clamp(40px,5vw,64px);
            text-transform:uppercase;
            letter-spacing:.03em;
            line-height:1.05;
            margin-bottom:24px;
            color:var(--text);
        }
        .antiptw-content h2 span{
            display:block;
            color:var(--gold-soft);
        }
        .antiptw-content > p{
            color:#d5d0c7;
            font-size:17px;
            line-height:1.7;
            margin-bottom:32px;
        }
        .antiptw-features{
            display:flex;flex-direction:column;
            gap:14px;
            margin-bottom:28px;
        }
        .antiptw-item{
            display:flex;align-items:center;gap:16px;
            padding:14px 20px;
            background:rgba(255,43,43,.05);
            border:1px solid rgba(255,43,43,.15);
            border-radius:8px;
            color:#e0dcd4;
            font-size:15px;font-weight:500;
            animation:itemSlideIn .6s ease both;
        }
        @keyframes itemSlideIn{
            from{opacity:0;transform:translateX(-20px)}
            to{opacity:1;transform:translateX(0)}
        }
        .antiptw-x{
            width:32px;height:32px;
            display:flex;align-items:center;justify-content:center;
            background:rgba(255,43,43,.2);
            border:1px solid rgba(255,43,43,.4);
            border-radius:6px;
            color:#ff4040;
            font-size:16px;font-weight:700;
            flex-shrink:0;
            animation:xPulse 2s ease-in-out infinite;
        }
        @keyframes xPulse{
            0%,100%{box-shadow:0 0 0 0 rgba(255,43,43,.4)}
            50%{box-shadow:0 0 0 8px rgba(255,43,43,0)}
        }
        .antiptw-closing{
            color:var(--muted);
            font-size:15px;
            margin-bottom:28px;
            font-style:italic;
        }
        .antiptw-content .text-image-actions{
            display:flex;gap:16px;
            flex-wrap:wrap;
        }
        .cards-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:24px;
        }
        .card{
            position:relative;
            background:#0b0b0b;
            border:1px solid rgba(255,209,102,.18);
            border-radius:0;
            padding:36px 28px;
            text-align:left;
            transition:.3s ease;
            overflow:hidden;
        }
        .card::before{
            content:"";
            position:absolute;
            top:0;left:0;right:0;
            height:3px;
            background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan));
            transform:scaleX(0);
            transform-origin:left;
            transition:transform .3s ease;
        }
        .card:hover{
            transform:translateY(-10px);
            border-color:var(--gold-line);
            box-shadow:0 20px 46px rgba(0,0,0,.5);
        }
        .card:hover::before{
            transform:scaleX(1);
        }
        .card::after{
            content:"";
            position:absolute;inset:10px;
            border:1px solid rgba(255,209,102,.07);
            pointer-events:none;
            transition:border-color .3s ease;
        }
        .card:hover::after{
            border-color:rgba(255,209,102,.25);
        }
        .card-icon{
            font-size:42px;
            margin-bottom:18px;
            filter:grayscale(1);
            transition:filter .3s ease,transform .3s ease;
        }
        .card:hover .card-icon{
            filter:grayscale(0);
            transform:scale(1.1);
        }
        .card h3{
            font-family:var(--head);
            font-size:22px;
            color:var(--gold-soft);
            margin-bottom:12px;
            letter-spacing:.04em;
        }
        .card p{
            color:var(--muted);
            font-size:15px;
            line-height:1.6;
        }

        /* ============ CTA ============ */
        .cta{
            position:relative;
            display:flex;align-items:center;justify-content:center;
            padding:0 40px;
            background:#080808;
            border-top:1px solid rgba(255,209,102,.1);
            border-bottom:1px solid rgba(255,209,102,.1);
            overflow:hidden;
        }
        .cta-background{
            position:absolute;inset:0;
            z-index:0;
        }
        .cta-background img{
            width:100%;height:100%;
            object-fit:cover;
            animation:bgSlowZoom 20s ease-in-out infinite alternate;
        }
        @keyframes bgSlowZoom{
            0%{transform:scale(1) translateY(0)}
            100%{transform:scale(1.08) translateY(-10px)}
        }
        .cta-bg::before{
            content:"";
            position:absolute;
            top:0;left:0;right:0;bottom:0;
            background:linear-gradient(180deg,rgba(5,5,5,.85) 0%,rgba(5,5,5,.65) 40%,rgba(5,5,5,.85) 100%);
            z-index:1;
        }
        .cta-bg::after{
            content:"";
            position:absolute;
            top:0;left:0;right:0;
            height:2px;
            background:linear-gradient(90deg,transparent,var(--gold),transparent);
            box-shadow:0 0 22px rgba(255,209,102,.65);
            z-index:2;
        }
        .cta-inner{
            position:relative;z-index:3;
            text-align:center;
            max-width:780px;
            padding:clamp(60px,10vw,120px) 0;
            animation:ctaFadeIn .8s ease both;
        }
        @keyframes ctaFadeIn{
            from{opacity:0;transform:translateY(20px)}
            to{opacity:1;transform:translateY(0)}
        }
        .cta-inner::before{
            content:"NEXO V / JOIN THE CITY";
            display:block;
            margin-bottom:18px;
            color:var(--gold);
            font-family:var(--mono);
            font-size:12px;letter-spacing:.3em;
        }
        .cta h2{
            font-family:var(--head);
            font-size:clamp(42px,6vw,78px);
            text-transform:uppercase;
            letter-spacing:.025em;
            line-height:.95;
            margin-bottom:22px;
            color:var(--text);
        }
        .cta h2 span{
            display:block;
            margin-top:10px;
            color:var(--gold-soft);
            text-shadow:0 0 26px rgba(255,209,102,.2);
        }
        .cta p{
            max-width:540px;
            color:#aaa49a;
            font-size:17px;
            margin:0 auto 34px;
            line-height:1.6;
        }
        .cta-actions{
            display:flex;justify-content:center;gap:16px;
            flex-wrap:wrap;
        }

        /* ============ FOOTER ============ */
        #footer{
            position:relative;
            padding:90px 40px 40px;
            background:#030303;
            overflow:hidden;
        }
        #footer::before{
            content:"NEXO V";
            position:absolute;
            left:50%;top:18px;
            transform:translateX(-50%);
            color:rgba(255,209,102,.035);
            font-family:var(--head);
            font-weight:700;
            font-size:clamp(90px,18vw,240px);
            letter-spacing:.08em;
            white-space:nowrap;
            pointer-events:none;
        }
        .footer-inner{
            position:relative;z-index:1;
            max-width:1400px;margin:0 auto;
            padding:56px clamp(24px,5vw,72px) 24px;
            border:1px solid rgba(255,209,102,.16);
            background:#080808;
            box-shadow:inset 0 1px 0 rgba(255,209,102,.08);
        }
        .footer-top{
            display:grid;
            grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(150px,1fr));
            gap:56px;
            margin-bottom:42px;
        }
        .footer-brand{
            font-family:var(--head);
            font-size:42px;letter-spacing:.12em;
            text-transform:uppercase;
            color:#fff;
        }
        .footer-brand span{color:var(--gold);text-shadow:0 0 20px rgba(255,209,102,.5)}
        .footer-brand p{
            font-family:var(--body);
            font-size:14px;color:#8f8a81;
            text-transform:none;letter-spacing:0;
            margin-top:12px;line-height:1.6;
        }
        .footer-brand::after{
            content:"ONLINE / ROLEPLAY CITY";
            display:block;
            margin-top:16px;
            color:var(--gold);
            font-family:var(--mono);
            font-size:10px;letter-spacing:.18em;
        }
        .footer-col h4{
            position:relative;
            font-family:var(--mono);
            font-size:13px;letter-spacing:.15em;
            text-transform:uppercase;
            color:var(--gold);
            padding-bottom:12px;
            margin-bottom:16px;
        }
        .footer-col h4::after{
            content:"";
            position:absolute;
            left:0;bottom:0;
            width:30px;height:1px;
            background:var(--gold);
        }
        .footer-col a{
            display:block;
            color:#918c83;
            text-decoration:none;
            font-size:14px;
            padding:6px 0;
            transition:color .2s ease,transform .2s ease;
        }
        .footer-col a:hover{
            color:var(--gold-soft);
            transform:translateX(4px);
        }
        .footer-bottom{
            display:flex;justify-content:space-between;align-items:center;
            padding-top:22px;
            border-top:1px solid rgba(255,209,102,.12);
            font-family:var(--mono);
            font-size:12px;color:var(--muted);
            flex-wrap:wrap;gap:16px;
        }
        .footer-bottom span:last-child{color:var(--gold)}

        /* ============ REVEAL ANIMATION ============ */
        [data-reveal]{
            opacity:0;transform:translateY(24px);
            transition:opacity .7s ease,transform .7s ease;
        }
        [data-reveal].is-visible{
            opacity:1;transform:none;
        }

        /* ============ POPUP ============ */
.popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    z-index:10000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    pointer-events:none;
    transition:opacity .4s ease;
}
.popup-overlay.active{
    opacity:1;
    pointer-events:auto;
}
.popup-container{
    background:linear-gradient(180deg,#0a0a0a 0%,#0d0d0d 100%);
    border:2px solid var(--gold);
    border-radius:16px;
    max-width:800px;
    width:100%;
    max-height:90vh;
    overflow-y:auto;
    padding:48px 40px;
    position:relative;
    box-shadow:0 0 60px rgba(255,209,102,.2),0 20px 60px rgba(0,0,0,.8);
    transform:scale(.9) translateY(20px);
    transition:transform .4s ease;
}
.popup-overlay.active .popup-container{
    transform:scale(1) translateY(0);
}
.popup-close{
    position:absolute;
    top:16px;
    right:16px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    color:var(--muted);
    font-size:18px;
    cursor:pointer;
    transition:.3s ease;
}
.popup-close:hover{
    background:rgba(255,43,43,.15);
    border-color:#ff4040;
    color:#ff4040;
}
.popup-header{
    text-align:center;
    margin-bottom:32px;
}
.popup-kicker{
    display:inline-flex;
    align-items:center;gap:12px;
    padding:8px 20px;
    margin-bottom:20px;
    background:rgba(255,209,102,.1);
    border:1px solid rgba(255,209,102,.25);
    border-radius:999px;
    color:var(--gold);
    font-family:var(--mono);
    font-size:12px;letter-spacing:.15em;
    text-transform:uppercase;
}
.popup-kicker::before{
    content:"";
    width:30px;height:1px;
    background:var(--gold);
}
.popup-title{
    font-family:var(--head);
    font-size:clamp(36px,6vw,56px);
    text-transform:uppercase;
    letter-spacing:.03em;
    line-height:1;
    margin-bottom:16px;
}
.popup-title .line1{
    display:block;
    color:#fff;
}
.popup-title .line2{
    display:block;
    color:var(--gold);
    text-shadow:0 0 30px rgba(255,209,102,.4);
}
.popup-subtitle{
    font-family:var(--mono);
    font-size:14px;letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--gold-soft);
    margin-bottom:24px;
}
.popup-text{
    color:#d5d0c7;
    font-size:16px;
    line-height:1.7;
    margin-bottom:16px;
}
.popup-text.soft{
    color:var(--muted);
    font-size:14px;
}
.popup-features{
    list-style:none;
    padding:0;
    margin:0 0 32px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}
.popup-features li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:8px;
    color:#d5d0c7;
    font-size:14px;
    line-height:1.5;
}
.popup-features li i{
    color:var(--gold);
    font-size:16px;
}
.popup-alert{
    display:flex;
    align-items:center;gap:12px;
    padding:16px 20px;
    background:rgba(255,209,102,.08);
    border:1px solid rgba(255,209,102,.2);
    border-radius:8px;
    margin-bottom:32px;
}
.popup-alert i{
    font-size:24px;
    color:var(--gold);
    flex-shrink:0;
}
.popup-alert-text{
    font-family:var(--head);
    font-size:16px;
    color:var(--gold-soft);
    letter-spacing:.02em;
}
.popup-actions{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.popup-btn{
    display:flex;
    align-items:center;justify-content:center;
    gap:10px;
    width:100%;
    padding:16px 24px;
    border-radius:12px;
    font-size:16px;font-weight:700;
    text-decoration:none;
    transition:.3s ease;
    cursor:pointer;
}
.popup-btn.primary{
    background:linear-gradient(135deg,var(--gold),var(--gold-soft));
    color:#050505;
    border:none;
    box-shadow:0 12px 36px rgba(255,209,102,.25);
}
.popup-btn.primary:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 50px rgba(255,209,102,.4);
}
.popup-btn.secondary{
    background:rgba(255,255,255,.05);
    color:#fff;
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
}
.popup-btn.secondary:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.1);
    border-color:var(--gold);
    box-shadow:0 12px 36px rgba(0,0,0,.3);
}
.popup-btn.discord{
    background:rgba(88,101,242,.15);
    color:#fff;
    border:1px solid rgba(88,101,242,.3);
}
.popup-btn.discord:hover{
    transform:translateY(-4px);
    background:rgba(88,101,242,.25);
    border-color:rgba(88,101,242,.5);
    box-shadow:0 12px 36px rgba(88,101,242,.2);
}
.matrix-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:0;
    opacity:.15;
    pointer-events:none;
}
.popup-features{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:32px;
}
.popup-feature{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:8px;
    color:#d5d0c7;
    font-size:14px;
    line-height:1.5;
    flex:1 1 calc(50% - 6px);
    min-width:0;
}
.popup-feature i{
    color:var(--gold);
    font-size:16px;
    flex-shrink:0;
}

/* ============ RESPONSIVE ============ */
        @media(max-width:1280px){
            .nav-links{display:none}
            .nav-mobile-toggle{display:flex}
        }
        @media(max-width:900px){
            #main-nav{padding:0 20px}
            .hero{padding:100px 20px 60px}
            .hero-title{font-size:clamp(50px,15vw,100px)}
            .hero-meta{gap:32px}
            .hero-meta-value{font-size:32px}
            .text-image-grid{grid-template-columns:1fr;gap:48px}
            .text-image-grid.reverse{direction:ltr}
            .text-image-visual{transform:none;max-width:420px;margin:0 auto}
            .factions-grid{grid-template-columns:1fr;gap:48px}
            .factions-image{transform:none;max-width:420px;margin:0 auto}
            .welcome-highlights,.factions-stats{flex-wrap:wrap;gap:24px}
            .antiptw-grid{grid-template-columns:1fr;gap:48px}
            .antiptw-image{transform:none;max-width:420px;margin:0 auto}
            .footer-top{grid-template-columns:1fr 1fr;gap:36px 24px}
            .section{padding:80px 20px}
            .cta{padding:80px 20px}
        }
        @media(max-width:600px){
                    .nav-actions{display:none}
                    .hero-title{font-size:clamp(42px,18vw,80px)}
                    .hero-actions{flex-direction:column;align-items:center}
                    .btn-primary,.btn-secondary{width:100%;justify-content:center}
                    .footer-top{grid-template-columns:1fr}
                    .footer-bottom{flex-direction:column;text-align:center}
                    .cards-grid{grid-template-columns:1fr}
                    .popup-container{padding:32px 24px;max-width:100%;border-radius:12px}
                    .popup-features{flex-direction:column}
                    .popup-feature{flex:1 1 100%}
                    .popup-title{font-size:clamp(28px,8vw,40px)}
                    .popup-actions{gap:10px}
                    .popup-btn{padding:14px 20px;font-size:14px}
                }