@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#070606;--panel:#0e0c0b;--panel2:#15110f;--line:rgba(255,238,228,.10);--line2:rgba(229,174,145,.22);--text:#fff8f4;--muted:#a9958b;--accent:#e7ad8e;--accent2:#b9785e;--max:1180px;--shadow:0 30px 90px rgba(0,0,0,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070606;color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(231,173,142,.10),transparent 24%),radial-gradient(circle at 90% 22%,rgba(231,173,142,.07),transparent 28%);z-index:-2}body:after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{position:sticky;top:12px;z-index:100;margin:12px auto 0;width:min(var(--max),calc(100% - 24px));display:flex;align-items:center;gap:18px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(9,8,7,.78);backdrop-filter:blur(22px);border-radius:18px;box-shadow:0 16px 55px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-weight:700;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:12px;object-fit:cover;border:1px solid var(--line);box-shadow:0 0 28px rgba(231,173,142,.10)}.navlinks{display:flex;gap:2px;align-items:center;flex:1;justify-content:center}.navlinks a{padding:9px 11px;border-radius:10px;color:#bcaea7;font-size:13px;transition:.2s}.navlinks a:hover,.navlinks a.active{color:#fff;background:rgba(255,255,255,.055)}.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid var(--line);background:#13100e;color:#fff;font-weight:700;font-size:13px;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}.btn:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:0 12px 35px rgba(0,0,0,.25)}.btn.primary{background:linear-gradient(135deg,#f0bda0,#c78368);color:#1c100c;border:0;box-shadow:0 12px 32px rgba(199,131,104,.16)}.btn.ghost{background:transparent}.menu{display:none}
.hero{min-height:720px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:'';position:absolute;z-index:-2;inset:28px 0 0;background:url('xyrus-banner.png') center center/cover no-repeat;filter:saturate(.82) contrast(.98);opacity:.92}.hero:after{content:'';position:absolute;z-index:-1;inset:28px 0 0;background:linear-gradient(90deg,rgba(7,6,6,.97) 0%,rgba(7,6,6,.82) 25%,rgba(7,6,6,.40) 52%,rgba(7,6,6,.70) 100%),linear-gradient(180deg,rgba(7,6,6,.04) 35%,#070606 100%);pointer-events:none}.hero-content{padding:130px 0 110px;max-width:760px}.eyebrow,.status{display:inline-flex;align-items:center;gap:9px;color:#d9c5bb;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.eyebrow{padding:8px 12px;border:1px solid var(--line);background:rgba(8,7,6,.52);border-radius:999px;backdrop-filter:blur(10px)}.dot{width:7px;height:7px;border-radius:50%;background:#9fd1a5;box-shadow:0 0 16px rgba(159,209,165,.75)}.hero h1{font:700 clamp(58px,8.6vw,108px)/.88 'Space Grotesk';letter-spacing:-.075em;margin:25px 0 24px;max-width:850px}.hero h1 span,.hero-content h1 span{color:var(--accent)}.hero p{max-width:650px;font-size:18px;color:#c1b0a8;margin:0 0 30px}.actions{display:flex;gap:10px;flex-wrap:wrap}
.page-hero{position:relative;overflow:hidden;padding:95px 0 55px}.page-hero:after{content:'';position:absolute;right:-130px;top:0;width:520px;height:300px;background:url('xyrus-character.png') center/cover;opacity:.16;filter:saturate(.65);mask-image:linear-gradient(90deg,transparent,black)}.page-hero .hero-content{padding:0;position:relative;z-index:2}.page-hero h1{font:700 clamp(48px,7vw,82px)/.94 'Space Grotesk';letter-spacing:-.06em;margin:15px 0 18px}.kicker{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.19em;font-weight:700}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.section-head h2{font:700 clamp(34px,5vw,55px)/1 'Space Grotesk';letter-spacing:-.05em;margin:7px 0 0}.section-head p{color:var(--muted);max-width:500px;margin:0}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat,.card,.feature,.command,.legal,.team-card,.faq-item,.stat-big{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border-radius:20px}.stat{padding:23px;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;right:-30px;bottom:-50px;width:120px;height:120px;border-radius:50%;background:rgba(231,173,142,.08);filter:blur(5px)}.stat b{font:700 34px 'Space Grotesk';display:block;letter-spacing:-.04em}.stat small{color:#98867e;font-size:12px}.stats-band{padding:0 0 80px}.live-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.live-label{font-size:12px;color:#8fae95}.live-label.offline{color:#aa968c}.live-label .dot{display:inline-block;margin-right:7px;width:6px;height:6px}
section{padding:80px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:25px;min-height:205px;position:relative;overflow:hidden;transition:.3s transform,.3s border-color,.3s background}.feature:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(231,173,142,.10),transparent 32%);opacity:0;transition:.3s}.feature:hover,.card:hover,.team-card:hover{transform:translateY(-5px);border-color:var(--line2)}.feature:hover:before{opacity:1}.icon{width:42px;height:42px;border-radius:12px;background:rgba(231,173,142,.08);border:1px solid rgba(231,173,142,.10);display:grid;place-items:center;color:var(--accent);font-weight:700;margin-bottom:25px}.feature h3{font:600 20px 'Space Grotesk';margin:0 0 8px}.feature p,.card p,.legal p,.legal li{color:var(--muted)}
.showcase{display:grid;grid-template-columns:1.18fr .82fr;gap:15px}.visual{min-height:500px;border-radius:26px;border:1px solid var(--line);background:url('xyrus-character.png') center/cover no-repeat;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .5s}.visual:hover{transform:scale(.995)}.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,6,.05),rgba(7,6,6,.92) 88%)}.visual-copy{position:absolute;z-index:2;bottom:28px;left:28px;right:28px}.visual-copy h2{font:700 40px 'Space Grotesk';letter-spacing:-.04em;margin:6px 0}.visual-copy p{color:#d0c0b8;max-width:500px}.player{min-height:500px;padding:30px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,#171210,#0b0908);position:relative;overflow:hidden}.player:before{content:'';position:absolute;inset:0;background:url('player-banner-bg.jpg') center/cover;opacity:.13}.player>*{position:relative}.cover{width:180px;height:180px;border-radius:22px;object-fit:cover;border:1px solid var(--line);box-shadow:0 25px 60px #000;margin:20px 0 24px}.wave{height:70px;display:flex;gap:4px;align-items:center;margin:18px 0}.wave i{width:4px;background:var(--accent);border-radius:99px;animation:pulse 1.1s ease-in-out infinite}.wave i:nth-child(2n){animation-delay:.15s}.wave i:nth-child(3n){animation-delay:.3s}@keyframes pulse{0%,100%{height:12px;opacity:.28}50%{height:58px;opacity:1}}.player h3{font:600 25px 'Space Grotesk';margin:0}.player p{color:var(--muted);margin:3px 0}.controls{display:flex;gap:9px}.control{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:#171310}.control.play{background:var(--accent);color:#1a0e0a}
.premium{position:relative;overflow:hidden;background:linear-gradient(135deg,#251814 0%,#110d0b 72%);border:1px solid rgba(231,173,142,.20);border-radius:30px;padding:44px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.premium-art{min-height:250px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(16,11,9,.82),rgba(16,11,9,.20)),url('xyrus-banner.png') center/cover;display:flex;align-items:end;padding:28px;margin-bottom:26px}.premium:after{content:'PREMIUM';position:absolute;right:-45px;top:80px;font:700 82px 'Space Grotesk';letter-spacing:.08em;color:rgba(231,173,142,.025);transform:rotate(90deg);pointer-events:none}.premium h2{font:700 48px 'Space Grotesk';letter-spacing:-.045em;margin:8px 0}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:25px 0}.check{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:#d8c9c2;font-size:13px}
.commands-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:18px}.search{width:100%;padding:14px 16px;background:#0e0c0b;border:1px solid var(--line);border-radius:13px;color:#fff;outline:0}.search:focus{border-color:var(--line2);box-shadow:0 0 0 4px rgba(231,173,142,.05)}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid var(--line);background:#0c0a09;color:#a9948b;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:12px;transition:.2s}.filter.active,.filter:hover{background:rgba(231,173,142,.10);color:var(--accent);border-color:var(--line2)}.command-count{color:#817169;font-size:12px}.commands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.command{padding:17px 18px;display:flex;justify-content:space-between;gap:18px;min-height:78px;transition:.25s}.command:hover{border-color:var(--line2);transform:translateY(-2px)}.command code{color:#f1b89a;font-weight:700;font-family:'Space Grotesk'}.command .desc{color:#a9968d;text-align:right;font-size:13px;max-width:58%}.alias{display:inline-block;margin-left:7px;color:#685950;font-size:11px}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.team-card{padding:22px;display:flex;align-items:center;gap:18px;transition:.3s}.avatar{width:70px;height:70px;border-radius:20px;border:1px solid var(--line);object-fit:cover}.team-card h3{margin:0;font:600 21px 'Space Grotesk'}.team-card p{margin:2px 0;color:var(--muted)}
.legal{padding:34px;margin-top:25px}.legal h1{font:700 52px 'Space Grotesk';letter-spacing:-.05em}.legal h2{font:600 25px 'Space Grotesk';margin-top:36px}.legal ul{padding-left:22px}.notice{padding:14px 16px;border:1px solid rgba(231,173,142,.16);background:rgba(231,173,142,.045);border-radius:14px;color:#cdbdb5}.faq{display:grid;gap:9px}.faq-item{overflow:hidden}.faq-q{padding:18px 19px;display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.faq-a{padding:0 19px 18px;color:var(--muted);display:none}.faq-item.open .faq-a{display:block}.back{margin-top:18px;display:inline-block;color:var(--accent);font-weight:700}
.footer{padding:70px 0 30px;border-top:1px solid var(--line);margin-top:30px;background:linear-gradient(to bottom,rgba(255,255,255,.012),transparent)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer h4{margin:0 0 12px;font-family:'Space Grotesk'}.footer a,.footer p{color:#8f7d74;font-size:13px;display:block;margin:6px 0}.footer a:hover{color:#d9b7a6}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#5f514b;font-size:12px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}.toast{position:fixed;bottom:20px;right:20px;padding:12px 15px;border:1px solid var(--line);background:#161210;border-radius:14px;z-index:100;display:none}
.stats-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}.stat-big{padding:34px;position:relative;overflow:hidden;background:linear-gradient(145deg,#15100e,#0b0908)}.stat-big:after{content:'';position:absolute;width:280px;height:280px;right:-90px;top:-100px;border-radius:50%;background:rgba(231,173,142,.09);filter:blur(12px)}.stat-big h2{font:700 46px 'Space Grotesk';letter-spacing:-.05em;margin:8px 0}.stat-big p{color:var(--muted);max-width:520px}.stat-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-stack .stat{min-height:135px}.refresh{font-size:12px;color:#827169}.refresh button{background:none;border:0;color:var(--accent);cursor:pointer}
@media(max-width:980px){.nav{flex-wrap:wrap;gap:8px;padding:8px}.navlinks{order:3;display:flex;width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.06);padding-top:7px}.navlinks::-webkit-scrollbar{display:none}.navlinks a{flex:0 0 auto;padding:7px 10px;font-size:12px}.menu{display:none}.nav-actions .ghost{display:none}.stats,.grid3{grid-template-columns:repeat(2,1fr)}.showcase,.stats-hero{grid-template-columns:1fr}.hero{min-height:650px}.hero:before{opacity:.92}.commands-toolbar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:calc(100% - 24px)}.nav{width:calc(100% - 14px);top:7px;backdrop-filter:blur(18px)}.nav-actions .btn.primary{padding:10px 12px}.hero{min-height:650px}.hero:before{inset:30px 0 0;background-position:center top}.hero:after{inset:30px 0 0;background:linear-gradient(90deg,rgba(7,6,6,.95),rgba(7,6,6,.58)),linear-gradient(180deg,rgba(7,6,6,.05),#070606 92%)}.hero-content{padding:105px 0 90px}.hero h1{font-size:55px}.hero p{font-size:16px}.stats,.grid3,.team-grid,.commands-grid,.checklist{grid-template-columns:1fr}.stat-stack{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:12px}.visual,.player{min-height:390px}.cover{width:150px;height:150px}.premium{padding:25px}.premium h2{font-size:35px}.premium-art{min-height:210px}.page-hero{padding:80px 0 35px}.page-hero h1{font-size:48px}.command{display:block}.command .desc{max-width:none;text-align:left;margin-top:7px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}}

/* Mobile navigation + polished mobile hero */
@media(max-width:980px){.nav .menu{display:inline-flex;margin-left:auto;width:42px;height:42px;padding:0}.navlinks{display:none}.nav.open .navlinks{display:flex;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(9,8,7,.96);backdrop-filter:blur(22px);box-shadow:0 20px 50px rgba(0,0,0,.5);flex-direction:column;align-items:stretch;gap:3px}.nav.open .navlinks a{width:100%;padding:11px 12px}.nav.open .navlinks a.active{background:rgba(231,173,142,.09);color:#fff}.nav-actions{margin-left:auto}.nav-actions .ghost{display:none}.nav.open{margin-bottom:180px}}
@media(max-width:620px){.hero{min-height:610px}.hero:before{inset:64px 0 0;background-position:center center;background-size:auto 100%;opacity:.72}.hero:after{inset:64px 0 0;background:linear-gradient(180deg,rgba(7,6,6,.18) 0%,rgba(7,6,6,.58) 52%,#070606 94%)}.hero-content{padding:165px 0 80px;position:relative;z-index:2}.hero h1{font-size:52px;max-width:560px}.stats-band{padding-top:4px}.nav.open .navlinks{top:calc(100% + 7px)}}

/* Partners page */
.partners-section{padding-top:20px}
.partners-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:1000px}
.partner-card{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border-radius:20px;position:relative;overflow:hidden;transition:.3s transform,.3s border-color,.3s background}
.partner-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0 50%,rgba(231,173,142,.09),transparent 35%);pointer-events:none}
.partner-card:hover{transform:translateY(-5px);border-color:var(--line2)}
.partner-logo-wrap{width:110px;height:110px;border-radius:22px;border:1px solid var(--line);background:#0e0c0b;display:grid;place-items:center;overflow:hidden;position:relative;z-index:1}
.partner-logo{width:100%;height:100%;object-fit:cover}
.partner-info{position:relative;z-index:1}
.partner-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.partner-title-row h3{font:600 25px 'Space Grotesk';margin:0;letter-spacing:-.03em}
.partner-tag{font-size:9px;letter-spacing:.08em;font-weight:700;color:#c9b4aa;padding:5px 8px;border-radius:6px;border:1px solid rgba(231,173,142,.14);background:rgba(231,173,142,.07)}
.partner-info p{color:var(--muted);max-width:760px;margin:9px 0 17px;font-size:14px}
.partner-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:620px){.partner-card{grid-template-columns:1fr;padding:18px}.partner-logo-wrap{width:82px;height:82px;border-radius:18px}.partner-title-row h3{font-size:22px}.partner-info p{font-size:13px}.partner-actions .btn{width:100%}}
