*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05080d;color:#dbe7ee;font-family:Arial,Helvetica,sans-serif;line-height:1.6}.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#8ba6b4 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:rgba(5,8,13,.9);border-bottom:1px solid #26313a;backdrop-filter:blur(12px)}.brand{font-weight:900;letter-spacing:2px;color:#eef7fb;text-decoration:none}.brand span,h1 span{color:#ff4b4b}.nav nav{display:flex;gap:24px}.nav nav a{color:#9eb0ba;text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.nav nav a:hover{color:#fff}.hero,.section{position:relative;max-width:1180px;margin:auto;padding:110px 6vw}.hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center}.status,.section-label,.eyebrow{font-family:monospace;letter-spacing:2px;text-transform:uppercase;color:#7f9cab;font-size:.78rem}.status{position:absolute;top:55px;right:6vw;color:#63d59a}.hero h1{font-size:clamp(3.1rem,8vw,7.4rem);line-height:.88;letter-spacing:-4px;margin:22px 0 10px;max-width:1000px}.tagline{font-family:monospace;font-size:1.25rem;color:#ff6464}.intro{max-width:720px;color:#a9bbc5;font-size:1.08rem}.actions{display:flex;gap:12px;margin-top:24px}.button{border:1px solid #40515c;padding:12px 20px;text-decoration:none;color:#dbe7ee;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.button.primary{background:#e33d3d;border-color:#e33d3d;color:white}.section{border-top:1px solid #1d2830}.section h2{font-size:clamp(2rem,4vw,3.7rem);margin:10px 0 20px}.section>p{max-width:800px;color:#a9bbc5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.cards article{background:#0a1016;border:1px solid #24313a;padding:26px}.cards h3{margin-top:0}.cards p,.muted{color:#8fa2ad}.cards a{color:#ff6464;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.ops{display:grid;gap:10px}.ops div{border-left:2px solid #e33d3d;padding:14px 20px;background:#091017}.ops strong,.ops span{display:block}.ops span{color:#8fa2ad}.recruitment{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.terminal{background:#070b0f;border:1px solid #33434d;padding:25px;font-family:monospace;box-shadow:0 20px 60px rgba(0,0,0,.35)}.terminal-top{display:flex;gap:7px;margin-bottom:22px}.terminal-top span{width:9px;height:9px;border-radius:50%;background:#586872}.terminal b{color:#ff6464}.terminal .success{color:#63d59a}footer{border-top:1px solid #26313a;padding:38px 6vw;color:#778b96;display:grid;gap:6px;position:relative}footer small{margin-top:10px}@media(max-width:800px){.nav nav{display:none}.hero,.section{padding:80px 7vw}.hero h1{letter-spacing:-2px}.status{top:30px}.cards,.split,.recruitment{grid-template-columns:1fr}.split,.recruitment{gap:30px}.actions{flex-direction:column;align-items:flex-start}}
.hero-lockup{
  display:grid;
  grid-template-columns:minmax(250px,420px) 1fr;
  gap:38px;
  align-items:center;
  margin:22px 0 10px
}
.hero-logo{
  display:block;
  width:100%;
  max-width:420px;
  height:auto;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.6));
  opacity:.98
}
.hero-copy h1{margin:0}
@media(max-width:900px){
  .hero-lockup{grid-template-columns:1fr;gap:18px}
  .hero-logo{max-width:320px}
}
@media(max-width:560px){
  .hero-logo{max-width:250px}
}

/* ===== Version 3: New Eden-inspired environment ===== */
body{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(24,53,68,.18), transparent 34%),
    radial-gradient(circle at 86% 14%, rgba(90,36,28,.15), transparent 26%),
    linear-gradient(180deg,#03060a 0%,#05090e 52%,#04070b 100%);
}

.hero{
  isolation:isolate;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background:
    radial-gradient(circle at 18% 30%, rgba(69,131,156,.14), transparent 34%),
    radial-gradient(circle at 72% 18%, rgba(173,69,42,.12), transparent 30%),
    linear-gradient(180deg,rgba(3,7,12,.2),rgba(3,7,12,.82) 80%,#05080d 100%);
}

.eve-backdrop{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  overflow:hidden;
}

.eve-backdrop::before,
.eve-backdrop::after{
  content:"";
  position:absolute;
  inset:-10%;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(130,188,210,.8) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,190,150,.6) 0 1px, transparent 1.7px);
  background-size:110px 110px, 173px 173px, 237px 237px;
  background-position:20px 40px, 70px 15px, 120px 90px;
  opacity:.32;
}

.eve-backdrop::after{
  transform:scale(1.35);
  opacity:.12;
  filter:blur(.2px);
}

.nebula{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.24;
  mix-blend-mode:screen;
}

.nebula-a{
  width:620px;height:360px;
  right:-120px;top:30px;
  background:radial-gradient(ellipse,rgba(176,64,39,.78),rgba(78,25,20,.28) 46%,transparent 72%);
  transform:rotate(-12deg);
}
.nebula-b{
  width:740px;height:420px;
  left:-260px;top:110px;
  background:radial-gradient(ellipse,rgba(55,126,154,.66),rgba(19,56,72,.24) 48%,transparent 72%);
  transform:rotate(18deg);
}

.planet{
  position:absolute;
  width:min(44vw,620px);
  aspect-ratio:1;
  right:-11vw;
  bottom:-28%;
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 32%,rgba(118,145,159,.42),transparent 24%),
    radial-gradient(circle at 64% 68%,rgba(16,22,28,.92),transparent 38%),
    linear-gradient(145deg,#25343d 0%,#101820 46%,#04070a 78%);
  box-shadow:
    inset 34px -34px 60px rgba(0,0,0,.68),
    inset -22px 18px 34px rgba(125,182,204,.08),
    0 0 80px rgba(75,136,160,.08);
  opacity:.58;
}
.planet::after{
  content:"";
  position:absolute;
  inset:-2%;
  border-radius:50%;
  border:1px solid rgba(145,205,224,.12);
  box-shadow:0 0 18px rgba(98,175,201,.08);
}

.horizon-glow{
  position:absolute;
  width:72vw;height:16vw;
  right:-18vw;bottom:3%;
  background:radial-gradient(ellipse,rgba(121,198,224,.12),transparent 68%);
  filter:blur(22px);
  transform:rotate(-5deg);
}

.station-silhouette{
  position:absolute;
  width:min(31vw,440px);
  height:72px;
  right:17%;
  top:34%;
  background:linear-gradient(90deg,transparent 0 4%,#070a0d 4% 96%,transparent 96%);
  clip-path:polygon(0 48%,12% 38%,19% 17%,27% 36%,41% 31%,48% 0,56% 31%,74% 37%,83% 19%,88% 40%,100% 48%,89% 58%,78% 64%,65% 59%,54% 77%,49% 100%,45% 77%,33% 60%,18% 66%,9% 58%);
  opacity:.52;
  filter:drop-shadow(0 0 12px rgba(102,180,206,.12));
}

.ship{
  position:absolute;
  width:54px;height:10px;
  background:#0b1014;
  clip-path:polygon(0 50%,27% 0,70% 28%,100% 50%,70% 72%,27% 100%);
  opacity:.5;
}
.ship::after{
  content:"";
  position:absolute;
  right:96%;
  top:35%;
  width:34px;height:3px;
  background:linear-gradient(90deg,transparent,rgba(106,211,242,.65));
  filter:blur(1px);
}
.ship-one{right:12%;top:22%;transform:rotate(-13deg) scale(.78)}
.ship-two{right:32%;top:57%;transform:rotate(7deg) scale(.46);opacity:.32}

.hero > :not(.eve-backdrop){
  position:relative;
  z-index:1;
}

.hero-logo{
  filter:
    drop-shadow(0 20px 34px rgba(0,0,0,.64))
    drop-shadow(0 0 22px rgba(115,195,218,.08));
}

.section{
  background:linear-gradient(180deg,rgba(5,8,13,.94),rgba(5,8,13,.98));
}

.section-space{
  overflow:hidden;
}
.section-space::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    radial-gradient(circle at 82% 20%,rgba(72,135,158,.12),transparent 28%),
    radial-gradient(circle at 20% 80%,rgba(126,54,39,.08),transparent 24%);
}
.section-space-a::after,
.section-space-c::after,
.section-space-e::after{
  content:"";
  position:absolute;
  right:-8%;
  top:20%;
  width:380px;
  height:380px;
  border-radius:50%;
  border:1px solid rgba(116,169,190,.07);
  box-shadow:0 0 80px rgba(84,143,164,.04);
}
.section-space-b::after,
.section-space-d::after{
  content:"";
  position:absolute;
  left:-12%;
  bottom:-20%;
  width:520px;
  height:250px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(132,55,39,.07),transparent 68%);
  filter:blur(20px);
}

.cards article,
.ops div,
.terminal{
  backdrop-filter:blur(8px);
  background:rgba(8,14,20,.88);
  border-color:rgba(89,116,130,.34);
}

.nav{
  background:rgba(3,7,11,.86);
}

@media(max-width:900px){
  .planet{width:72vw;right:-27vw;bottom:-13%}
  .station-silhouette{right:-5%;top:28%;width:48vw;opacity:.32}
  .ship-one{right:8%;top:18%}
}
@media(max-width:560px){
  .nebula-a{right:-280px}
  .nebula-b{left:-390px}
  .planet{width:92vw;right:-43vw;bottom:-3%;opacity:.42}
  .station-silhouette{display:none}
  .ship{display:none}
}