/* =========================================================
   Everworks Suite — Simple View
   Second version. Keeps index.html untouched.
   ========================================================= */

body.simple-site {
  --bg: #060807;
  --bg-2: #0b0d0c;
  --bg-3: #111412;
  --line: rgba(255,255,255,.10);
  --line-2: rgba(255,255,255,.18);
  --ink: #f5f4ee;
  --ink-2: #c9cac3;
  --ink-3: #8a8d84;
  --ink-4: #5c6058;
  cursor: auto;
  background: #060807;
}

.simple-site *,
.simple-site button {
  cursor: auto;
}

.simple-site a,
.simple-site button,
.simple-site summary {
  cursor: pointer;
}

.simple-site::before,
.simple-site .cursor,
.simple-site .grain,
.simple-site .aurora,
.simple-site .telemetry,
.simple-site .ticker,
.simple-site .stage-halo,
.simple-site .switcher,
.simple-site .footer-huge,
.simple-site .ab-player {
  display: none !important;
}

.simple-site .nav {
  padding: 14px var(--pad);
  background: rgba(6, 8, 7, .94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}

.simple-site .nav-inner {
  max-width: 1240px;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 24px;
}

.simple-site .brand-group {
  gap: 14px;
  min-width: max-content;
}

.simple-site .brand-mark {
  border-radius: 8px;
}

.simple-site .fluge-link {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  background: rgba(255,255,255,.055);
  box-shadow: none;
}

.simple-site .fluge-link img {
  width: 45px;
  height: 45px;
  filter: drop-shadow(0 0 12px rgba(94, 234, 212, .28));
}

.simple-site .nav-links {
  justify-content: flex-start;
  gap: 8px;
}

.simple-site .nav-link,
.simple-site .nav-account,
.simple-site .btn--small {
  border-radius: 8px;
}

.simple-site .nav-link {
  padding: 8px 10px;
  gap: 0;
  letter-spacing: .10em;
  white-space: nowrap;
}

.simple-site .nav-link .dash {
  display: none;
}

.simple-site .nav-dropdown-toggle {
  min-width: 118px;
}

.simple-site .nav-links a[href="#faq"] {
  display: none;
}

.simple-site .nav-links a[href="#docs"] {
  display: none;
}

.simple-site .simple-original-link {
  color: var(--ink-2);
}

.simple-site .hero {
  min-height: 0;
  padding: 132px var(--pad) 76px;
  overflow: visible;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 42%),
    #060807;
  border-bottom: 1px solid var(--line);
}

.simple-site .hero-grid {
  max-width: 1240px;
  padding-top: 0;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
  grid-template-areas:
    "meta stage"
    "title stage"
    "lede stage"
    "cta stage";
  column-gap: 56px;
  row-gap: 18px;
  align-items: center;
}

.simple-site .hero-meta {
  grid-area: meta;
  margin: 0;
}

.simple-site .kicker {
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  letter-spacing: .08em;
  white-space: normal;
}

.simple-site .hero-product-logo {
  display: none !important;
}

.simple-site .hero-title {
  grid-area: title;
  margin: 0;
  font-family: var(--display);
  font-size: 5rem;
  line-height: 1.02;
  letter-spacing: 0;
}

.simple-site .hero-pre,
.simple-site .hero-after,
.simple-site .hero-word {
  display: block;
  text-align: left;
  padding-right: 0;
  letter-spacing: 0;
}

.simple-site .hero-pre,
.simple-site .hero-after {
  font-size: .46em;
  font-family: var(--serif);
  color: var(--ink-2);
}

.simple-site .hero-word,
.simple-site [data-product="magnetar"] .hero-word,
.simple-site [data-product="atlas"] .hero-word {
  font-size: .96em;
  line-height: 1;
  letter-spacing: 0;
  filter: none;
}

.simple-site .hero-lede {
  grid-area: lede;
  max-width: 58ch;
  margin: 0;
  font-size: 1.08rem;
}

.simple-site .hero-cta {
  grid-area: cta;
  margin: 16px 0 0;
}

.simple-site .btn {
  border-radius: 8px;
}

.simple-site .hero-stage {
  grid-area: stage;
  margin-top: 0;
  padding: 14px;
  border-radius: 8px;
  background: #0b0d0c;
  transform: none !important;
  overflow: hidden;
}

.simple-site .stage-frame {
  border-radius: 8px;
  box-shadow: 0 28px 90px -50px rgba(0,0,0,.86);
}

.simple-site .stage-chrome {
  padding: 10px 14px;
}

.simple-site .stage-img {
  filter: contrast(1.03) saturate(1.03);
}

.simple-site .what,
.simple-site .how,
.simple-site .features,
.simple-site .modules,
.simple-site .atlas-release,
.simple-site .community,
.simple-site .specs,
.simple-site .faq {
  padding-bottom: 52px;
}

.simple-site .section-head {
  max-width: 1240px;
  padding: 78px var(--pad) 24px;
  gap: 14px;
}

.simple-site .eyebrow {
  letter-spacing: .12em;
}

.simple-site .section-title {
  max-width: 22ch;
  font-family: var(--display);
  font-size: 3.4rem;
  line-height: 1.08;
  letter-spacing: 0;
}

.simple-site .what-grid,
.simple-site .how-flow,
.simple-site .feature-grid,
.simple-site .modules-grid,
.simple-site .atlas-release-grid,
.simple-site .comm-grid,
.simple-site .specs-grid,
.simple-site .faq-list,
.simple-site .dl-frame,
.simple-site .footer-grid,
.simple-site .footer-base {
  max-width: 1240px;
}

.simple-site .what-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .7fr);
  gap: 40px;
}

.simple-site .what-lede {
  font-family: var(--display);
  font-size: 1.65rem;
  line-height: 1.35;
  letter-spacing: 0;
}

.simple-site .stat-card,
.simple-site .how-flow,
.simple-site .feature-grid,
.simple-site .modules-grid,
.simple-site .atlas-shot,
.simple-site .atlas-release-panel,
.simple-site .atlas-data-grid,
.simple-site .comm-card,
.simple-site .specs-grid,
.simple-site .dl-frame {
  border-radius: 8px;
  background: #0b0d0c;
}

.simple-site .stat-card,
.simple-site .feat,
.simple-site .mod,
.simple-site .specs-col,
.simple-site .comm-card,
.simple-site .atlas-release-panel {
  background: #0b0d0c;
}

.simple-site .feat,
.simple-site .mod,
.simple-site .specs-col {
  padding: 26px;
}

.simple-site .feat-title,
.simple-site .flow-title,
.simple-site .mod-name,
.simple-site .comm-title,
.simple-site .faq-q {
  font-family: var(--display);
  font-style: normal;
  letter-spacing: 0;
}

.simple-site .feat-art {
  display: none;
}

.simple-site .how-flow {
  grid-template-columns: repeat(3, 1fr);
}

.simple-site .flow-arrow {
  display: none;
}

.simple-site .flow-step {
  padding: 30px;
  border-right: 1px solid var(--line);
}

.simple-site .flow-step:last-child {
  border-right: 0;
}

.simple-site .atlas-shot {
  min-height: 0;
  padding: 16px;
  box-shadow: none;
}

.simple-site .atlas-release-panel {
  box-shadow: none;
}

.simple-site .community-cta {
  max-width: 1240px;
  justify-content: flex-start;
}

.simple-site .docs {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #080a09;
}

.simple-site .download {
  padding: 48px var(--pad) 84px;
}

.simple-site .dl-frame {
  padding: 52px;
  text-align: left;
  overflow: hidden;
}

.simple-site .dl-frame::before {
  display: none;
}

.simple-site .dl-title {
  max-width: 900px;
  font-family: var(--display);
  font-size: 3.75rem;
  letter-spacing: 0;
}

.simple-site .dl-word {
  letter-spacing: 0;
  filter: none;
}

.simple-site .dl-register {
  margin: -22px 0 28px;
}

.simple-site .dl-actions {
  justify-content: flex-start;
}

.simple-site .footer {
  padding-top: 54px;
}

.simple-site .reveal {
  opacity: 1;
  transform: none;
}

@media (max-width: 1180px) {
  .simple-site .nav-inner {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .simple-site .nav-links,
  .simple-site .nav-tools {
    justify-content: flex-start;
  }

  .simple-site .hero-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "meta"
      "title"
      "lede"
      "cta"
      "stage";
  }
}

@media (max-width: 900px) {
  .simple-site .hero {
    padding-top: 150px;
  }

  .simple-site .hero-title {
    font-size: 3.8rem;
  }

  .simple-site .section-title,
  .simple-site .dl-title {
    font-size: 2.6rem;
  }

  .simple-site .what-grid,
  .simple-site .how-flow,
  .simple-site .atlas-release-grid {
    grid-template-columns: 1fr;
  }

  .simple-site .flow-step {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .simple-site .flow-step:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 640px) {
  .simple-site .brand-line {
    font-size: 12px;
  }

  .simple-site .fluge-link {
    width: 50px;
    height: 50px;
  }

  .simple-site .fluge-link img {
    width: 39px;
    height: 39px;
  }

  .simple-site .simple-original-link {
    display: none;
  }

  .simple-site .hero {
    padding-top: 116px;
    padding-bottom: 48px;
  }

  .simple-site .hero-title {
    font-size: 3rem;
  }

  .simple-site .hero-lede {
    font-size: 1rem;
  }

  .simple-site .hero-stage {
    padding: 8px;
  }

  .simple-site .stage-chrome {
    display: none;
  }

  .simple-site .section-head {
    padding-top: 58px;
  }

  .simple-site .section-title,
  .simple-site .dl-title {
    font-size: 2.15rem;
  }

  .simple-site .feat,
  .simple-site .mod,
  .simple-site .specs-col,
  .simple-site .comm-card,
  .simple-site .flow-step,
  .simple-site .dl-frame {
    padding: 22px;
  }

  .simple-site .dl-actions {
    display: grid;
  }

  .simple-site .download-gate {
    min-width: 0;
  }
}