/* v2.9.8 – Ultrawide klar, proportional, ohne Bildstreckung */

.home .exact-homepage{
  position:relative;
  width:min(94vw,2480px) !important;
  max-width:2480px !important;
  aspect-ratio:1672 / 787 !important;
  margin:0 auto !important;
  background:#02050a;
  overflow:hidden !important;
  isolation:isolate;
}

.home .exact-homepage>img{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  user-select:none;
  -webkit-user-drag:none;
}

.home .exact-home-menu{top:1.53% !important;height:6.34% !important}
.home .exact-support-button{top:1.53% !important;height:6.34% !important}
.home .exact-project-cta{top:58.48% !important;height:6.49% !important}
.home .exact-progress-cta{top:58.48% !important;height:6.49% !important}
.home .exact-editable-status{top:69.01% !important;height:6.49% !important}
.home .exact-news-card,
.home .exact-factions-card,
.home .exact-universe-card{top:76.00% !important;height:23.51% !important}
.home .exact-faction-card{display:none !important}

.ht-home-stage{
  width:min(84.9vw,2238px);
  max-width:2238px;
  margin:0 auto;
}

.ht-home-factions{
  width:100%;
  margin:0;
  padding:0;
}

.ht-home-factions__grid{
  display:grid;
  grid-template-columns:493fr 486fr 507fr;
  gap:clamp(12px,.75vw,20px);
  align-items:start;
}

.ht-home-faction-card{
  display:block;
  min-width:0;
  background:#040a0f;
  overflow:hidden;
  text-decoration:none;
  border-bottom:1px solid #20384a;
}

.ht-home-faction-card img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  image-rendering:auto;
}

.ht-home-progress{
  box-sizing:border-box;
  position:relative;
  width:100%;
  margin:clamp(22px,1.5vw,34px) 0 clamp(30px,2vw,46px);
  padding:clamp(18px,1.05vw,25px) clamp(22px,1.4vw,34px) clamp(17px,1vw,23px);
  background:
    radial-gradient(circle at 12% -35%,rgba(30,162,205,.18),transparent 40%),
    linear-gradient(180deg,#061522,#030b13);
  border:1px solid #22c9f3;
  box-shadow:0 14px 32px rgba(0,0,0,.30);
  font-family:Inter,Arial,sans-serif;
}

.ht-home-progress:before,
.ht-home-progress:after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
}

.ht-home-progress:before{
  top:-1px;left:-1px;
  border-top:3px solid #39ddff;
  border-left:3px solid #39ddff;
}

.ht-home-progress:after{
  right:-1px;bottom:-1px;
  border-right:3px solid #39ddff;
  border-bottom:3px solid #39ddff;
}

.ht-home-progress__head{
  display:grid;
  grid-template-columns:minmax(350px,1.3fr) minmax(210px,.72fr) auto minmax(155px,.48fr);
  align-items:end;
  gap:clamp(18px,1.2vw,28px);
  margin-bottom:15px;
}

.ht-home-progress__head small{
  display:block;
  margin-bottom:5px;
  color:#2bd9ff;
  font:700 clamp(8px,.42vw,10px) Oxanium,Arial,sans-serif;
  letter-spacing:1.8px;
}

.ht-home-progress__head h2{
  margin:0;
  color:#f3f9fc;
  font:700 clamp(24px,1.2vw,30px) Oxanium,Arial,sans-serif;
  line-height:1;
}

.ht-home-progress__phase span,
.ht-home-progress__next span{
  display:block;
  color:#8ea6b6;
  font-size:9px;
}

.ht-home-progress__phase strong{
  color:#2bdcff;
  font:700 10px Oxanium,Arial,sans-serif;
}

.ht-home-progress__next strong{
  color:#ff943e;
  font:700 9px Oxanium,Arial,sans-serif;
}

.ht-home-progress__percent{
  color:#31d9ff;
  font:700 clamp(42px,2vw,52px) Oxanium,Arial,sans-serif;
  line-height:.8;
  white-space:nowrap;
  text-shadow:0 0 16px rgba(49,217,255,.45);
}

.ht-home-progress__track{
  position:relative;
  height:8px;
  background:#071824;
  border:1px solid #21485c;
}

.ht-home-progress__track>b{
  position:absolute;
  left:0;top:0;bottom:0;
  background:linear-gradient(90deg,#18a8d1,#31e0ff);
  box-shadow:0 0 13px rgba(49,217,255,.65);
}

.ht-home-progress__track>b:after{
  content:"";
  position:absolute;
  right:-5px;
  top:50%;
  width:12px;
  height:12px;
  transform:translate(50%,-50%);
  border-radius:50%;
  background:#f2fdff;
  border:2px solid #3cddff;
  box-shadow:0 0 10px #31d9ff;
}

.ht-home-progress__track i{
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#708fa3;
}

.ht-home-progress__steps{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
  margin-top:11px;
}

.ht-home-progress__steps b{
  display:block;
  color:#9fb6c5;
  font:600 8px Oxanium,Arial,sans-serif;
}

.ht-home-progress__steps span{
  display:block;
  margin-top:3px;
  color:#829dad;
  font-size:8px;
}

.ht-home-progress__steps .alpha b,
.ht-home-progress__steps .alpha span{
  color:#ff9238;
}

@media(max-width:2560px){
  .home .exact-homepage{width:94vw !important}
  .ht-home-stage{width:84.9vw}
}

@media(max-width:1920px){
  .home .exact-homepage{width:98vw !important}
  .ht-home-stage{width:88.4vw}
}

@media(max-width:1100px){
  .home .exact-homepage{width:100% !important}
  .ht-home-stage{width:94%}

  .ht-home-progress__head{
    grid-template-columns:1fr auto;
  }

  .ht-home-progress__phase{grid-column:1}
  .ht-home-progress__percent{
    grid-column:2;
    grid-row:1 / span 2;
  }
  .ht-home-progress__next{display:none}

  .ht-home-progress__steps{
    grid-template-columns:repeat(4,1fr);
    row-gap:10px;
  }
}

@media(max-width:650px){
  .ht-home-factions__grid{grid-template-columns:1fr}
  .ht-home-progress__head{display:block}
  .ht-home-progress__phase,
  .ht-home-progress__percent{margin-top:10px}
  .ht-home-progress__steps{grid-template-columns:repeat(2,1fr)}
}