
:root{
 --bg:#05080d;--bg2:#071018;--text:#f5f7fb;--muted:#aab6c5;
 --purple:#982dff;--purple2:#6b22b8;--cyan:#16d5ea;--red:#ff273f;
 --line:rgba(114,139,162,.16);--page:min(2600px,92vw);
 --head:"Bahnschrift SemiCondensed","Arial Narrow","Liberation Sans Narrow",Impact,sans-serif;
 --body:"Segoe UI",Inter,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}.ui-icon{width:42px;height:42px;display:block}.cyan{color:var(--cyan)}.purple{color:var(--purple)}.red{color:var(--red)}
.site-header{height:86px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(4,7,11,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(143,47,255,.18)}
.brand{display:flex;align-items:center;gap:13px}.brand>img{width:56px;height:56px;object-fit:contain}.brand-text{display:grid;line-height:1}.brand-text strong{font:800 21px var(--head);letter-spacing:.7px}.brand-text strong b{color:var(--red);font-size:1.22em}.brand-text small{font:17px "Segoe Script","Brush Script MT",cursive;margin-top:4px;color:#fff;transform:none}
.site-header nav{display:flex;gap:38px;color:#c9d1dc;font-size:14px}.site-header nav a{position:relative;padding:32px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:.2s}.site-header nav a:hover:after{right:0}
.header-actions{display:flex;gap:16px;align-items:center}.lang{display:flex;gap:7px;align-items:center;color:#d8e1ea}.lang select{color:#fff;background:transparent;border:0;outline:0}
.lang option{background:#080c12}.download-top{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border-radius:7px;font:800 15px var(--head);letter-spacing:.7px;background:linear-gradient(115deg,#721dcc,#b52bff);border:1px solid #ba5cff;box-shadow:0 0 30px rgba(150,45,255,.22)}
.download-top:hover{filter:brightness(1.09);box-shadow:0 0 38px rgba(150,45,255,.34)}
.win-logo{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:2px}.win-logo i{display:block;background:#fff}.win-logo.small{grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px)}

.hero{position:relative;isolation:isolate;background:#05080d;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2;background:url("/assets/hero-landscape.svg") center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,5,9,.30) 0%,rgba(3,5,9,.06) 52%,rgba(3,5,9,.16) 100%)}
.hero-inner{width:var(--page);min-height:clamp(660px,76vh,880px);margin:auto;display:grid;grid-template-columns:minmax(520px,.92fr) minmax(600px,1.08fr);align-items:center;gap:4vw;padding:50px 0 40px}
.hero-kicker,.eyebrow{font:700 13px var(--head);letter-spacing:5px;color:#aeb8c3;margin:0 0 14px}.eyebrow{color:var(--purple);letter-spacing:3px}
.hero h1{margin:0;font:900 clamp(52px,5vw,92px)/.92 var(--head);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 0 #000}.hero h1>span,.hero h1>strong{display:block}.hero h1 strong{color:var(--cyan);margin-top:9px}
.hero-lead{font-size:clamp(16px,1.2vw,20px);line-height:1.65;color:#c0cad5;max-width:700px;margin:28px 0 0}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{min-height:57px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 22px;border-radius:7px;font:800 15px var(--head);letter-spacing:.5px}
.btn.primary{background:linear-gradient(110deg,#6e1bc8,#a729ff 70%,#4d9cf5);border:1px solid #c26aff;box-shadow:0 0 30px rgba(150,45,255,.22)}.btn.secondary{border:1px solid #3a5065;background:rgba(7,13,20,.72)}.btn b{font-size:20px}.discord-small{width:25px;height:25px}
.hero-meta{display:flex;gap:12px;align-items:center;margin-top:18px;color:#91a0af;font-size:11px;letter-spacing:1.8px}.hero-meta em{width:3px;height:3px;background:#72808e;border-radius:50%}
.hero-brand{position:relative;display:grid;justify-items:center;align-items:center;min-height:600px}.hero-brand:before{content:"";position:absolute;width:74%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(126,38,255,.17),rgba(15,210,234,.07) 45%,transparent 72%);filter:blur(30px)}
.hero-brand>img{position:relative;width:min(680px,84%);max-height:600px;object-fit:contain;filter:drop-shadow(0 25px 50px rgba(0,0,0,.55))}
.hero-name{position:relative;margin-top:-38px;text-align:center}.hero-name strong{display:block;font:900 clamp(34px,3vw,56px) var(--head);letter-spacing:1.7px}.hero-name strong b{color:var(--red);font-size:1.3em}.hero-name span{display:block;margin-top:-1px;font:28px "Segoe Script","Brush Script MT",cursive;transform:none}

.feature-rail{background:rgba(4,9,15,.94);border-top:1px solid rgba(38,64,84,.45);border-bottom:1px solid rgba(38,64,84,.35)}.feature-rail-inner{width:var(--page);margin:auto;display:grid;grid-template-columns:repeat(6,1fr);padding:27px 0 25px}
.feature-rail article{text-align:center;padding:5px 24px;position:relative}.feature-rail article:not(:last-child):after{content:"";position:absolute;right:0;top:12%;height:76%;width:1px;background:linear-gradient(transparent,rgba(104,133,159,.25),transparent)}
.feature-rail .ui-icon{margin:0 auto 10px;width:39px;height:39px}.feature-rail h3{font:800 15px var(--head);margin:0 0 5px;letter-spacing:.5px}.feature-rail p{font-size:12px;color:#98a5b4;margin:0}

.intro-section,.filters,.play-flow,.faq{width:var(--page);margin:auto;padding:105px 0}.intro-section{display:grid;grid-template-columns:.68fr 1.32fr;gap:6vw;align-items:start}
.section-copy h2,.filters-head h2,.discord-band h2{font:900 clamp(38px,3.6vw,66px)/.96 var(--head);margin:0;letter-spacing:.3px}.section-copy>p:last-child{color:#aab7c5;max-width:600px;font-size:17px;line-height:1.7}
.capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 60px}.capabilities article{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start}.capabilities h3{font:800 18px var(--head);margin:0 0 8px;letter-spacing:.4px}.capabilities p{margin:0;color:#a5b1bf;line-height:1.6}.capabilities article:nth-child(odd) .ui-icon{color:var(--purple)}.capabilities article:nth-child(even) .ui-icon{color:var(--cyan)}

.filters{position:relative}.filters:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:100vw;height:100%;background:radial-gradient(circle at 15% 35%,rgba(117,29,190,.10),transparent 28%),radial-gradient(circle at 80% 54%,rgba(0,195,222,.06),transparent 25%);z-index:-1}
.filters-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.filters-head>p{max-width:520px;color:#aab7c5;line-height:1.7}
.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 72px}.filter-item{display:grid;grid-template-columns:72px 1fr;gap:22px}.filter-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:rgba(12,18,27,.72);box-shadow:inset 0 0 0 1px rgba(110,139,164,.12)}.filter-icon .ui-icon{width:35px;height:35px}.filter-item h3{font:900 20px var(--head);margin:1px 0 8px}.filter-item p{margin:0;color:#a8b5c2;line-height:1.6;font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chips span{padding:5px 9px;border-radius:5px;background:#111a24;color:#cbd5df;font-size:11px;border:1px solid rgba(97,124,149,.16)}.chips .redchip{background:#33151b;color:#ff8189}.chips .goldchip{background:#2d2915;color:#f8d76b}.chips .purplechip{background:#26173b;color:#c59aff}
.filter-tools{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:35px 0;border-top:1px solid rgba(117,147,171,.14)}.filter-tools>div{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:20px}.filter-tools .ui-icon{grid-row:1/3;width:46px;height:46px}.filter-tools h3{font:900 22px var(--head);margin:0 0 6px}.filter-tools p{color:#9fadb9;margin:0;line-height:1.65}

.play-flow{display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{min-height:155px;padding:24px 18px 18px;border-top:2px solid #314354;background:linear-gradient(180deg,rgba(12,18,26,.58),transparent)}.steps article:nth-child(2){border-top-color:var(--purple)}.steps article:nth-child(3){border-top-color:var(--cyan)}.steps article.last{border-top-color:#be42ff}.steps b{font:900 34px var(--head);color:#667687}.steps span{display:block;margin-top:22px;font:800 16px var(--head)}.steps .last span{color:var(--purple);font-size:22px}

.discord-band{width:100%;padding:76px 5vw;background:linear-gradient(105deg,#130b21 0%,#071017 48%,#07141a 100%);border-top:1px solid rgba(144,47,255,.38);border-bottom:1px solid rgba(144,47,255,.25);display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:48px;align-items:center}
.discord-logo-wrap{width:120px;height:120px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#4c3dcc,#7b4bff);box-shadow:0 0 35px rgba(90,73,255,.18)}.discord-logo-wrap img{width:72px;height:72px}
.discord-main{max-width:1400px}.discord-main>p:not(.eyebrow){font-size:17px;color:#b6c1ce;max-width:1100px;line-height:1.7}.discord-points{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:11px 36px;margin-top:25px}.discord-points span{color:#d2dae3;font-size:14px}.discord-points span:before{content:"✓";color:var(--cyan);margin-right:10px;font-weight:900}.discord-cta{background:linear-gradient(110deg,#6f21ca,#9e2dff);border:1px solid #b659ff;white-space:nowrap}

.faq{display:grid;grid-template-columns:.6fr 1.4fr;gap:7vw;align-items:start}.faq-list{display:grid}.faq details{padding:22px 4px;border-bottom:1px solid rgba(114,143,166,.16)}.faq summary{cursor:pointer;list-style:none;font:800 17px var(--head)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--purple);font-size:22px}.faq details[open] summary:after{content:"−"}.faq details p{color:#a9b5c2;line-height:1.65;max-width:950px}

.final-download{width:var(--page);margin:20px auto 90px;display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding-top:42px;border-top:1px solid rgba(116,145,168,.17)}.final-download>img{width:76px;height:76px}.final-download>div>strong{font:900 28px var(--head)}.final-download>div>strong b{color:var(--red);font-size:1.25em}.final-download>div>span{display:block;font:20px "Segoe Script","Brush Script MT",cursive}.final-download p{margin:4px 0 0;color:#8d9baa}
footer{min-height:110px;padding:0 4vw;border-top:1px solid rgba(116,145,168,.13);display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;background:#04070a}.footer-brand{display:flex;gap:13px;align-items:center}.footer-brand img{width:45px;height:45px}.footer-brand strong{font:800 17px var(--head)}.footer-brand strong b{color:var(--red)}.footer-brand span{display:block;font:14px "Segoe Script","Brush Script MT",cursive}.footer-links{display:flex;gap:24px;color:#8f9ca9;font-size:12px}.copyright{text-align:right;color:#697786;font-size:11px}

@media (min-width:1800px){
 .site-header{height:98px}.brand>img{width:64px;height:64px}.brand-text strong{font-size:24px}.site-header nav{font-size:16px;gap:48px}.download-top{font-size:17px;padding:17px 27px}
 .hero-inner{min-height:800px}.hero-lead{max-width:820px}.feature-rail h3{font-size:17px}.feature-rail p{font-size:13px}
 .capabilities p,.filter-item p,.discord-points span{font-size:16px}.capabilities h3,.filter-item h3{font-size:22px}
}
@media (max-width:1200px){
 .site-header nav{display:none}.hero-inner{grid-template-columns:1fr 1fr;min-height:680px}.feature-rail-inner{grid-template-columns:repeat(3,1fr);row-gap:26px}.feature-rail article:nth-child(3):after{display:none}
 .intro-section,.play-flow,.faq{grid-template-columns:1fr;gap:55px}.filters-grid{grid-template-columns:repeat(2,1fr)}.discord-band{grid-template-columns:110px 1fr}.discord-cta{grid-column:1/-1;width:max-content;margin-left:158px}
}
@media (max-width:780px){
 :root{--page:calc(100vw - 36px)}.site-header{height:72px;padding:0 16px}.brand>img{width:44px;height:44px}.brand-text strong{font-size:15px}.brand-text small{font-size:13px}.lang{display:none}.download-top{padding:11px 13px}.download-top span:last-child{display:none}
 .hero-inner{grid-template-columns:1fr;padding:40px 0 32px}.hero-copy{order:2}.hero-brand{order:1;min-height:310px}.hero-brand>img{width:76%;max-height:280px}.hero-name{margin-top:-18px}.hero-name strong{font-size:30px}.hero-name span{font-size:20px}.hero h1{font-size:48px}.hero-buttons{display:grid}.hero-buttons .btn{width:100%}.hero-meta{font-size:9px}
 .feature-rail-inner{grid-template-columns:repeat(2,1fr)}.feature-rail article:nth-child(even):after{display:none}.feature-rail article:nth-child(3):after{display:block}
 .intro-section,.filters,.play-flow,.faq{padding:72px 0}.capabilities,.filters-grid{grid-template-columns:1fr}.filters-head{display:block}.filters-head>p{margin-top:22px}.filter-tools{grid-template-columns:1fr;gap:36px}.steps{grid-template-columns:1fr 1fr}
 .discord-band{padding:58px 22px;grid-template-columns:1fr;gap:24px}.discord-logo-wrap{width:82px;height:82px;border-radius:20px}.discord-logo-wrap img{width:50px}.discord-points{grid-template-columns:1fr}.discord-cta{grid-column:auto;margin-left:0;width:100%}
 .final-download{grid-template-columns:70px 1fr}.final-download .download-top{grid-column:1/-1;justify-self:stretch;justify-content:center}.final-download .download-top span:last-child{display:inline}
 footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:28px 18px}.footer-links{flex-wrap:wrap;justify-content:center}.copyright{text-align:center}
}




/* ===== V4: densidad y escala real para 1440p/2048px ===== */
:root{
  --page:min(1760px,calc(100vw - 96px));
}

/* Header: stronger visual weight without becoming huge */
.site-header{
  padding-left:max(32px,calc((100vw - 1760px)/2));
  padding-right:max(32px,calc((100vw - 1760px)/2));
}
.brand>img{width:62px;height:62px}
.brand-text strong{font-size:23px}
.brand-text small{font-size:16px}
.site-header nav{font-size:15px}
.download-top{font-size:16px;padding:16px 25px}

/* Hero: compact, less dead space, stronger balance */
.hero-inner{
  min-height:690px;
  grid-template-columns:minmax(520px,.92fr) minmax(520px,1.08fr);
  gap:56px;
  padding-top:46px;
  padding-bottom:34px;
}
.hero h1{font-size:clamp(58px,4.3vw,84px)}
.hero-lead{font-size:18px;max-width:680px}
.hero-brand{min-height:500px}
.hero-brand>img{width:min(590px,86%);max-height:510px}
.hero-name{margin-top:-24px}
.hero-name strong{font-size:clamp(38px,2.8vw,52px)}
.hero-name span{font-size:25px}

/* Feature rail: icons and text should read immediately */
.feature-rail-inner{padding:31px 0 29px}
.feature-rail article{padding:5px 18px}
.feature-rail .ui-icon{width:50px;height:50px;margin-bottom:12px}
.feature-rail h3{font-size:17px}
.feature-rail p{font-size:13px}

/* Main blocks: denser, larger body text */
.intro-section,.filters,.play-flow,.faq{padding-top:88px;padding-bottom:88px}
.intro-section{
  grid-template-columns:.72fr 1.28fr;
  gap:72px;
}
.section-copy h2,.filters-head h2,.discord-band h2{
  font-size:clamp(42px,3vw,58px);
}
.section-copy>p:last-child{font-size:18px}
.capabilities{gap:38px 58px}
.capabilities article{grid-template-columns:62px 1fr;gap:18px}
.capabilities .ui-icon{width:52px;height:52px}
.capabilities h3{font-size:20px}
.capabilities p{font-size:16px;line-height:1.55}

/* Filters: two powerful columns, no tiny grid lost in space */
.filters-head{margin-bottom:52px}
.filters-head>p{font-size:17px;max-width:430px}
.filters-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px 88px;
}
.filter-item{
  grid-template-columns:72px 1fr;
  gap:20px;
  align-items:start;
}
.filter-icon{
  width:auto;height:auto;
  background:none;
  box-shadow:none;
  border-radius:0;
  display:block;
}
.filter-icon .ui-icon{width:54px;height:54px}
.filter-item h3{font-size:22px}
.filter-item p{font-size:16px;max-width:650px}
.chips span{font-size:12px;padding:6px 10px}

.filter-tools{
  margin-top:60px;
  padding-top:10px;
  border-top:0;
  gap:72px;
}
.filter-tools>div{grid-template-columns:64px 1fr;column-gap:20px}
.filter-tools .ui-icon{width:52px;height:52px}
.filter-tools h3{font-size:21px}
.filter-tools p{font-size:15px}

/* Flow: compact and readable */
.play-flow{
  grid-template-columns:.70fr 1.30fr;
  gap:64px;
}
.steps{gap:12px}
.steps article{min-height:140px;padding:20px}
.steps b{font-size:31px}
.steps span{font-size:15px}

/* Discord: inner content constrained; CTA close to text */
.discord-band{
  grid-template-columns:110px minmax(0,1fr) 230px;
  gap:34px;
  padding-left:max(48px,calc((100vw - 1760px)/2));
  padding-right:max(48px,calc((100vw - 1760px)/2));
  padding-top:62px;
  padding-bottom:62px;
}
.discord-logo-wrap{width:96px;height:96px;border-radius:24px}
.discord-logo-wrap img{width:58px;height:58px}
.discord-main>p:not(.eyebrow){font-size:16px;max-width:980px}
.discord-points{
  grid-template-columns:1fr 1fr;
  gap:10px 28px;
  max-width:1050px;
}
.discord-points span{font-size:14px}
.discord-cta{width:220px;justify-self:end}

/* FAQ: fill the screen instead of disappearing in black */
.faq{
  grid-template-columns:.50fr 1.50fr;
  gap:64px;
}
.faq-list{
  grid-template-columns:1fr 1fr;
  gap:0 50px;
}
.faq details{padding:20px 0}
.faq summary{font-size:18px}
.faq details p{font-size:15px}

/* Final + footer */
.final-download{margin-bottom:60px}
footer{
  padding-left:max(32px,calc((100vw - 1760px)/2));
  padding-right:max(32px,calc((100vw - 1760px)/2));
}

/* Real 2048-wide desktop: keep density, don't spread to infinity */
@media (min-width:1700px){
  .hero-inner{min-height:720px}
  .hero h1{font-size:80px}
  .feature-rail h3{font-size:18px}
  .feature-rail p{font-size:14px}
  .capabilities h3,.filter-item h3{font-size:22px}
  .capabilities p,.filter-item p{font-size:16px}
}

/* Restore sane tablet behavior after V4 overrides */
@media (max-width:1200px){
  :root{--page:calc(100vw - 56px)}
  .filters-grid{grid-template-columns:1fr}
  .faq-list{grid-template-columns:1fr}
}
@media (max-width:780px){
  :root{--page:calc(100vw - 36px)}
  .hero h1{font-size:46px}
  .feature-rail .ui-icon{width:44px;height:44px}
  .filters-grid{grid-template-columns:1fr}
  .filter-item{grid-template-columns:58px 1fr}
  .filter-icon .ui-icon{width:46px;height:46px}
}

/* V5: inline SVGs inherit currentColor from the page; no external icon fetches. */
.discord-small{width:25px;height:25px;fill:#fff;flex:none}
.discord-real{width:58px;height:58px;fill:#fff}
.discord-logo-wrap .discord-real{display:block}



/* V8 multi-language safeguards */
.lang select{min-width:48px}
html[lang="fr"] .site-header nav,
html[lang="de"] .site-header nav,
html[lang="ru"] .site-header nav{gap:28px}
html[lang="de"] .download-top,
html[lang="fr"] .download-top,
html[lang="ru"] .download-top{padding-left:18px;padding-right:18px}
html[lang="ru"] body{font-family:"Segoe UI",Arial,sans-serif}
html[lang="ru"] .hero h1,
html[lang="ru"] .section-copy h2,
html[lang="ru"] .filters-head h2,
html[lang="ru"] .discord-band h2{letter-spacing:0}
