@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");
:root{--lime:#9dff00;--lime2:#c8ff63;--bg:#050605;--panel:#0b0d0b;--text:#f4f5f1;--muted:#9da29a;--glow:1;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:20}.grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(157,255,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(157,255,0,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 70%);z-index:-2}.orb{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.08;pointer-events:none;z-index:-1}.orb-a{background:var(--lime);right:-250px;top:5%}.orb-b{background:#fff;left:-350px;top:60%}.nav{position:fixed;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,6,5,.76);backdrop-filter:blur(18px);z-index:30}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.04em;font-size:18px}.brand span span{color:var(--lime)}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--lime);color:var(--lime);clip-path:polygon(0 0,100% 0,78% 100%,0 100%);font-family:"Manrope"}.nav nav{display:flex;gap:34px}.nav nav a{color:#999;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.18em;transition:.25s}.nav nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;border:1px solid #292d28;background:#0b0d0b;color:#aaa;border-radius:50%;cursor:pointer}.nav-live,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:11px}.nav-live{padding:12px 18px;color:#050605;background:var(--lime);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}main{max-width:1500px;margin:auto}.hero{min-height:900px;padding:150px 5vw 80px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px}.eyebrow{font-size:10px;letter-spacing:.28em;color:#aeb2aa;font-weight:700}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime);margin-right:8px}.hero h1,.section-head h2,.settings-card h2{font-family:"Manrope",sans-serif;font-size:clamp(64px,8vw,132px);line-height:.82;letter-spacing:-.075em;margin:24px 0}.hero h1 em,.section-head h2 em,.settings-card h2 em{font-style:normal;color:var(--lime);text-shadow:0 0 35px rgba(157,255,0,.2)}.hero-text{max-width:510px;color:#a5aaa2;line-height:1.7;font-size:15px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{min-height:52px;padding:0 22px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--lime);color:#050605;box-shadow:0 0 40px rgba(157,255,0,.12)}.btn-ghost{border:1px solid #333832;color:#ddd}.kick-icon{font-weight:900}.micro-stats{display:flex;gap:38px;margin-top:45px}.micro-stats div{display:flex;flex-direction:column;gap:4px}.micro-stats strong{font-size:18px}.micro-stats span{font-size:9px;color:#70766e;text-transform:uppercase;letter-spacing:.18em}.hero-art{position:relative;min-height:650px;display:grid;place-items:center}.portrait-frame{width:min(650px,100%);aspect-ratio:1/1;position:relative;overflow:hidden;border:1px solid rgba(157,255,0,.5);clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);box-shadow:0 0 80px rgba(157,255,0,.12)}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(157,255,0,.08),transparent 45%,rgba(0,0,0,.25));mix-blend-mode:screen}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.scan-line{position:absolute;width:85%;height:1px;background:var(--lime);box-shadow:0 0 18px var(--lime);opacity:.4;animation:scan 5s linear infinite;z-index:3}.art-label{position:absolute;font-size:9px;letter-spacing:.2em;color:#747a72}.label-top{top:8%;right:2%}.label-bottom{bottom:5%;left:2%}.label-bottom b{color:var(--lime)}.corner{position:absolute;width:30px;height:30px;border-color:var(--lime);opacity:.8}.corner-1{top:10%;left:0;border-left:1px solid;border-top:1px solid}.corner-2{bottom:7%;right:0;border-right:1px solid;border-bottom:1px solid}.ticker{display:flex;justify-content:space-around;gap:20px;padding:18px 5vw;border-block:1px solid #1c201b;color:#5f655d;letter-spacing:.25em;font-size:10px;overflow:hidden}.ticker div:nth-child(2n){color:var(--lime)}.section{padding:150px 5vw}.section-head{display:grid;grid-template-columns:180px 1fr;align-items:start}.section-head>span{font-size:10px;color:#70756d;letter-spacing:.2em;padding-top:20px}.section-head h2{font-size:clamp(55px,7vw,100px);margin:0}.about-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-top:70px}.feature-card{position:relative;background:linear-gradient(145deg,#0c100c,#080908);border:1px solid #20251f;padding:42px;min-height:320px;overflow:hidden;transition:.35s}.feature-card:hover{border-color:rgba(157,255,0,.55);transform:translateY(-5px)}.feature-card.large{background:linear-gradient(145deg,rgba(157,255,0,.12),#080908 55%)}.card-no{position:absolute;top:18px;right:20px;color:#4f554d;font-size:10px}.feature-icon{font-size:28px;color:var(--lime);margin-bottom:55px}.feature-card h3{font-size:20px;letter-spacing:.04em}.feature-card p{color:#838980;line-height:1.7;font-size:13px}.feature-card a{color:var(--lime);font-size:10px;text-decoration:none;letter-spacing:.18em;font-weight:800;position:absolute;bottom:30px}.content-panel{margin-top:70px;display:grid;grid-template-columns:1.1fr .9fr;background:#090b09;border:1px solid #20251f;min-height:500px}.panel-image{overflow:hidden;position:relative}.panel-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}.panel-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#090b09 100%)}.panel-copy{padding:80px 70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.status{font-size:9px;letter-spacing:.2em;color:#969c93}.panel-copy h3{font-family:"Manrope";font-size:65px;line-height:.88;letter-spacing:-.06em;margin:25px 0}.panel-copy h3 em{color:var(--lime);font-style:normal}.panel-copy p{max-width:400px;color:#858b82;line-height:1.7;font-size:14px;margin-bottom:30px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:70px}.social-card{display:flex;align-items:center;gap:18px;padding:28px;background:#090b09;border:1px solid #20251f;color:#fff;text-decoration:none;transition:.3s}.social-card:hover{border-color:var(--lime);transform:translateY(-4px)}.social-logo{font-size:27px;color:var(--lime);width:40px;text-align:center}.social-card div{display:flex;flex-direction:column;gap:5px;flex:1}.social-card small{font-size:8px;color:#6f756d;letter-spacing:.18em}.social-card strong{font-size:13px}.social-card>span:last-child{color:#6f756d}footer{border-top:1px solid #1b1e1a;padding:40px 5vw;display:flex;justify-content:space-between;align-items:center;color:#686e66;font-size:9px;letter-spacing:.18em}footer a{color:var(--lime);text-decoration:none}.footer-brand{color:#fff;font-size:16px;font-weight:900}.footer-brand span{color:#555;font-size:9px;margin-left:12px;font-weight:400}.settings{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(10px);z-index:50;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:.3s}.settings.open{opacity:1;pointer-events:auto}.settings-card{height:100%;width:min(430px,100%);background:#080a08;border-left:1px solid #2a3027;padding:70px 40px;position:relative}.settings-card h2{font-size:65px;margin:25px 0 60px}.close{position:absolute;top:28px;right:28px;border:0;background:none;color:#aaa;font-size:28px;cursor:pointer}.settings-card label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #242923;padding:22px 0;color:#ccc;font-size:12px}.settings-card input[type=range]{accent-color:var(--lime)}.switch-row input{accent-color:var(--lime);width:18px;height:18px}.reset{margin-top:35px;width:100%;padding:15px;background:transparent;border:1px solid #333;color:#aaa;cursor:pointer;font-size:10px;letter-spacing:.15em}@keyframes scan{0%,100%{transform:translateY(-280px)}50%{transform:translateY(280px)}}body.no-motion *{animation:none!important;transition:none!important}.compact .section{padding-block:90px}.compact .hero{min-height:760px}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:125px}.hero-art{min-height:auto;margin-top:20px}.portrait-frame{max-width:580px}.about-grid,.social-grid,.content-panel{grid-template-columns:1fr}.panel-image{min-height:420px}.panel-image:after{background:linear-gradient(0deg,#090b09,transparent 60%)}.panel-copy{padding:50px}.section-head{grid-template-columns:1fr;gap:15px}.section-head>span{padding:0}.feature-card{min-height:280px}}@media(max-width:560px){.nav{padding:0 20px}.nav-live{display:none}.hero,.section{padding-left:20px;padding-right:20px}.hero h1{font-size:70px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.micro-stats{gap:20px}.ticker{justify-content:flex-start;min-width:800px}.section-head h2{font-size:58px}.panel-copy h3{font-size:52px}.panel-copy{padding:40px 25px}.settings-card{padding:70px 25px}}
/* v2: leaderboard + partners */
.nav nav a.active{color:var(--lime)}.page{padding-top:78px}.page-hero{padding:145px 5vw 90px;max-width:1250px}.page-hero h1{font-family:"Manrope";font-size:clamp(58px,8vw,115px);line-height:.86;letter-spacing:-.075em;margin:24px 0}.page-hero h1 em{font-style:normal;color:var(--lime);text-shadow:0 0 35px rgba(157,255,0,.18)}.page-hero p{max-width:680px;color:#92988f;line-height:1.75;font-size:15px}.period-tabs{display:flex;gap:8px;margin-top:32px}.tab{border:1px solid #282d27;background:#090b09;color:#777;padding:12px 17px;font-size:9px;letter-spacing:.18em;font-weight:800;cursor:pointer}.tab.active{background:var(--lime);color:#050605;border-color:var(--lime)}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;padding:0 5vw;align-items:end}.podium-card{min-height:340px;background:linear-gradient(145deg,#0c100c,#070807);border:1px solid #222720;padding:35px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}.podium-card.first{min-height:405px;border-color:rgba(157,255,0,.55);box-shadow:0 0 65px rgba(157,255,0,.08)}.podium-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(157,255,0,.11),transparent 45%);pointer-events:none}.podium-card .rank{position:absolute;top:20px;right:20px;color:#4f554d;font-size:11px}.crown{position:absolute;top:24px;left:25px;color:var(--lime);font-size:18px}.avatar{width:92px;height:92px;border:1px solid #394032;border-radius:50%;display:grid;place-items:center;font-family:"Manrope";font-size:35px;color:var(--lime);margin-bottom:20px;box-shadow:0 0 35px rgba(157,255,0,.08)}.podium-card small{font-size:8px;letter-spacing:.2em;color:#686f66}.podium-card h3{font-size:16px;letter-spacing:.08em;margin:8px 0 14px}.podium-card strong{font-family:"Manrope";font-size:28px;color:#fff}.podium-card>span:last-child{font-size:8px;letter-spacing:.18em;color:#656b62;margin-top:5px}.leaderboard-section{padding-top:130px}.table-wrap{margin-top:60px;border:1px solid #20251f;background:#080a08;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;padding:20px 24px;border-bottom:1px solid #1b1f1a;font-size:12px}.table-wrap th{font-size:8px;letter-spacing:.2em;color:#676e64;background:#0b0e0b}.table-wrap tbody tr{transition:.25s}.table-wrap tbody tr:hover{background:rgba(157,255,0,.035)}.table-wrap td:first-child{color:var(--lime);font-family:"Manrope"}.table-wrap td strong{display:block;font-size:12px}.table-wrap td small{display:block;color:#60665e;font-size:8px;margin-top:4px}.positive{color:#a9ff3a}.negative{color:#ff7777}.badge{font-size:8px;color:var(--lime);border:1px solid rgba(157,255,0,.25);padding:7px 9px;letter-spacing:.12em}.demo-note{font-size:10px;color:#5e645c;margin-top:15px}.leaderboard-cta{margin:0 5vw 130px;padding:55px 60px;border:1px solid #242a22;background:linear-gradient(110deg,rgba(157,255,0,.09),#090b09 60%);display:flex;justify-content:space-between;align-items:center;gap:30px}.leaderboard-cta h2,.partner-contact h2{font-family:"Manrope";font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.06em;margin:15px 0 0}.leaderboard-cta h2 em,.partner-contact h2 em{font-style:normal;color:var(--lime)}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:60px}.partner-card{position:relative;min-height:400px;background:linear-gradient(145deg,#0c100c,#080908);border:1px solid #20251f;padding:34px;display:flex;flex-direction:column;transition:.3s}.partner-card:hover{transform:translateY(-5px);border-color:rgba(157,255,0,.5)}.partner-card.featured{border-color:rgba(157,255,0,.55);box-shadow:0 0 55px rgba(157,255,0,.07)}.partner-logo{height:120px;display:grid;place-items:center;text-align:center;font-family:"Manrope";font-size:24px;line-height:.9;letter-spacing:-.04em;color:#e7e9e4;border:1px solid #272c25;background:#090b09;margin-bottom:28px}.partner-logo b{color:var(--lime);font-size:38px}.partner-tag{position:absolute;top:18px;right:18px;color:var(--lime);font-size:8px;letter-spacing:.16em}.partner-card h3{font-size:19px;margin:0 0 10px}.partner-card p{color:#7e857b;line-height:1.7;font-size:12px}.partner-meta{margin-top:auto;padding-top:24px;border-top:1px solid #20251f;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em;color:#666d63}.partner-meta b{color:#ddd}.partner-meta a{color:var(--lime);text-decoration:none;font-weight:800}.partner-note{margin-top:24px;border:1px solid #242a22;background:#080a08;padding:22px;display:flex;gap:20px;align-items:center}.partner-note strong{color:var(--lime);font-size:9px;letter-spacing:.16em;white-space:nowrap}.partner-note span{font-size:10px;color:#6e756b;line-height:1.6}.partner-contact{margin:0 5vw 130px;padding:80px 60px;background:linear-gradient(135deg,#0b0e0b,#070807);border:1px solid #20251f}.partner-contact p{color:#777e74;max-width:560px;line-height:1.7;margin:20px 0 30px}.partner-contact .btn{display:inline-flex}@media(max-width:900px){.podium,.partner-grid{grid-template-columns:1fr}.podium-card,.podium-card.first{min-height:300px}.partner-card{min-height:360px}.leaderboard-cta,.partner-contact{margin-left:20px;margin-right:20px;padding:40px 28px;flex-direction:column;align-items:flex-start}.partner-note{align-items:flex-start;flex-direction:column}.page-hero{padding-left:20px;padding-right:20px}.podium{padding:0 20px}.leaderboard-section{padding-left:20px;padding-right:20px}}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:60px}.preview-card{display:flex;align-items:center;gap:24px;padding:32px;background:#090b09;border:1px solid #20251f;color:#fff;text-decoration:none;transition:.3s}.preview-card:hover{transform:translateY(-5px);border-color:rgba(157,255,0,.55)}.preview-icon{color:var(--lime);font-family:"Manrope";font-size:12px}.preview-card div{flex:1}.preview-card small{font-size:8px;color:#666d64;letter-spacing:.2em}.preview-card h3{font-family:"Manrope";font-size:26px;letter-spacing:-.04em;margin:8px 0}.preview-card p{color:#777e75;font-size:11px;line-height:1.6;margin:0}.preview-card .arrow{color:var(--lime);font-size:20px}@media(max-width:700px){.preview-grid{grid-template-columns:1fr}}

/* v3: official social logos + open partner slots */
.social-grid-extended{grid-template-columns:repeat(3,1fr)}
.social-card.disabled-social{cursor:default;opacity:.72}
.social-card.disabled-social:hover{transform:none;border-color:#20251f}
.social-logo.official-logo{display:grid;place-items:center;height:40px;width:40px}
.official-logo svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}
.kick-logo{font-family:Arial,sans-serif;font-weight:900;font-size:27px;letter-spacing:-.12em}
.x-logo{font-size:28px;font-family:Arial,sans-serif}
.instagram-logo svg circle,.instagram-logo svg rect{stroke:currentColor}
.instagram-logo svg .fill-dot{fill:currentColor;stroke:none}
.youtube-logo svg path:first-child{fill:currentColor;stroke:none}
.youtube-logo svg .play-cut{fill:#090b09;stroke:none}
.discord-logo svg path{fill:currentColor;stroke:none}
.discord-logo svg .fill-dot{fill:#090b09;stroke:none}
.telegram-logo svg path{fill:currentColor;stroke:none}
.soon{font-size:7px!important;letter-spacing:.16em;color:#555d54!important;border:1px solid #252b24;padding:6px 7px}
.add-partner{border-style:dashed;justify-content:center;align-items:flex-start;background:linear-gradient(145deg,#0a0d0a,#070807)}
.add-partner:hover{border-color:rgba(157,255,0,.55);box-shadow:0 0 35px rgba(157,255,0,.05)}
.add-icon{width:68px;height:68px;border:1px solid #343b31;display:grid;place-items:center;color:var(--lime);font-size:30px;font-weight:300;margin-bottom:30px}
.add-partner h3{font-family:"Manrope";font-size:27px;letter-spacing:-.04em}
.add-partner .partner-placeholder{color:#4f574c}
@media(max-width:900px){.social-grid-extended{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.social-grid-extended{grid-template-columns:1fr}}

/* v4 luxury direction */
body{font-family:"DM Sans",sans-serif;letter-spacing:.005em}
.brand,.hero h1,.section-head h2,.page-hero h1,.settings-card h2,.panel-copy h3,.leaderboard-cta h2,.partner-contact h2{font-family:"Cormorant Garamond",serif;font-weight:600;letter-spacing:-.055em}
.hero h1,.page-hero h1{font-size:clamp(78px,9vw,150px);line-height:.76}
.section-head h2{font-size:clamp(70px,8vw,118px);line-height:.78}
.hero h1 em,.section-head h2 em,.page-hero h1 em,.panel-copy h3 em,.leaderboard-cta h2 em,.partner-contact h2 em{font-weight:700}
.eyebrow,.nav nav a,.nav-live,.btn,.micro-stats span,.ticker,.section-head>span,.social-card small,.partner-tag,.partner-meta,.badge,.tab{font-family:"Manrope",sans-serif}
.hero-text,.page-hero p,.feature-card p,.panel-copy p,.partner-card p,.partner-note span{font-family:"DM Sans",sans-serif}
.nav{height:84px;background:rgba(4,5,4,.84)}
.brand{font-size:23px;letter-spacing:-.04em}
.brand-mark{font-family:"Manrope"}
.social-grid-extended{grid-template-columns:repeat(3,1fr)}
.partner-contact{background:radial-gradient(circle at 85% 20%,rgba(157,255,0,.09),transparent 32%),linear-gradient(135deg,#0b0e0b,#070807)}
.partner-contact .btn{min-width:220px}
@media(max-width:560px){.hero h1,.page-hero h1{font-size:76px}.section-head h2{font-size:65px}}

/* v6: connected socials are fully active — no locked/disabled treatment */
.social-card{position:relative;overflow:visible;border-color:#20251f;box-shadow:0 0 0 rgba(157,255,0,0);will-change:transform,box-shadow,border-color}
.social-card::before{content:"";position:absolute;inset:-1px;border:1px solid transparent;pointer-events:none;transition:.35s ease;clip-path:inherit}
.social-card:hover{transform:translateY(-6px);border-color:var(--lime);box-shadow:0 0 0 1px rgba(157,255,0,.16),0 0 34px rgba(157,255,0,.16),0 12px 45px rgba(0,0,0,.28)}
.social-card:hover::before{border-color:rgba(157,255,0,.42);inset:-6px;filter:drop-shadow(0 0 10px rgba(157,255,0,.35));border-radius:inherit}
.social-card:hover .social-logo{color:var(--lime);transform:scale(1.08)}
.social-logo{transition:transform .3s ease,color .3s ease;position:relative;z-index:1}
.social-card>span:last-child{transition:transform .3s ease,color .3s ease}
.social-card:hover>span:last-child{color:var(--lime);transform:translateX(4px)}
.social-card.disabled-social{cursor:pointer;opacity:1}
.social-card.disabled-social:hover{transform:translateY(-6px);border-color:var(--lime);box-shadow:0 0 0 1px rgba(157,255,0,.16),0 0 34px rgba(157,255,0,.16),0 12px 45px rgba(0,0,0,.28)}
.official-logo svg{width:30px;height:30px}
.kick-logo{font-size:30px;font-weight:900;letter-spacing:-.16em}
.youtube-logo svg path:first-child{fill:currentColor}
