:root {
  color-scheme: dark;
  --bg: #030303;
  --bg-soft: #090907;
  --panel: #11100b;
  --panel-2: #18150b;
  --tile: #1f1b0f;
  --line: #5b4a12;
  --line-soft: #2e260c;
  --text: #fffaf0;
  --muted: #d1c8b2;
  --dim: #958a70;
  --blue: #b6c8dc;
  --gold: #ffd400;
  --green: #b5e66a;
  --red: #ff6f55;
  --violet: #d9d1bf;
  --cyan: #dce5ec;
  --shadow: 0 28px 90px rgba(0, 0, 0, .62);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

* { box-sizing: border-box; }
html {
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  max-width: 100%;
  overflow-x: hidden;
  background:
    linear-gradient(180deg, #000 0%, var(--bg) 36%, #090805 100%);
  color: var(--text);
  font-size: 15px;
  line-height: 1.55;
}
body.en .es,
body:not(.en) .en { display: none !important; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
figure { margin: 0; }
button, input, select, textarea { font: inherit; }
.wrap { width: min(1180px, calc(100vw - 32px)); margin: 0 auto; }
.wrap > *,
.section-inner > *,
.split > *,
.topbar-inner > *,
.game-hero-grid > *,
.hero-showcase > *,
.feature-showcase > *,
.feature-stack > *,
.loop-grid > *,
.author-hero-grid > *,
.community-hero-grid > *,
.account-widget,
.panel,
.visual-panel,
.feature-card,
.info-card,
.screenshot-card,
.screenshot-hero-tile {
  min-width: 0;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid rgba(255, 212, 0, .28);
  background: rgba(3, 3, 3, .92);
  backdrop-filter: blur(18px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .38);
}
.topbar-inner {
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 850;
}
.brand img { width: 44px; height: 24px; object-fit: contain; }
.brand span {
  color: var(--text);
  text-shadow: 0 0 18px rgba(255, 212, 0, .18);
}
.nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.nav a,
.lang button {
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 13px;
  padding: 7px 10px;
}
.nav a:hover,
.nav a.active,
.lang button:hover,
.lang button.active {
  border-color: rgba(255, 212, 0, .46);
  background: rgba(255, 212, 0, .1);
  color: var(--text);
  box-shadow: 0 0 18px rgba(255, 212, 0, .08);
}
.lang { display: flex; gap: 4px; }
body.has-account-widget .nav a[href="account/"],
body.has-account-widget .nav a[href="/account/"] {
  display: none;
}
.account-widget {
  display: grid;
  grid-template-columns: 34px minmax(0, max-content);
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: min(230px, 25vw);
  min-height: 40px;
  border: 1px solid rgba(255, 212, 0, .36);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(23, 21, 15, .92), rgba(8, 8, 7, .9));
  color: var(--text);
  padding: 5px 9px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .24);
}
.account-widget:hover {
  border-color: rgba(255, 212, 0, .72);
  background: linear-gradient(180deg, rgba(31, 27, 15, .96), rgba(12, 11, 8, .94));
}
.account-widget[hidden] { display: none; }
.account-widget__logo {
  width: 34px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 212, 0, .46);
  border-radius: 8px;
  background: radial-gradient(circle at 34% 18%, rgba(255, 212, 0, .42), rgba(91, 74, 18, .82) 45%, rgba(9, 8, 5, .96));
  color: #fff8d5;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 0;
  overflow: hidden;
}
.account-widget__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
}
.account-widget__main {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.account-widget__title {
  display: block;
  overflow: hidden;
  color: var(--text);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-widget__meta {
  display: flex;
  min-width: 0;
  gap: 7px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}
.account-widget__meta em {
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-widget__cta em { color: var(--gold); font-weight: 850; }

.hero {
  min-height: calc(100vh - 66px);
  display: grid;
  align-items: end;
  border-bottom: 1px solid var(--line-soft);
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .98) 0%, rgba(3, 3, 3, .82) 38%, rgba(3, 3, 3, .48) 72%, rgba(3, 3, 3, .75) 100%),
    url("../images/fscompany-operations-board.jpg") center / cover no-repeat;
}
.sales-hero {
  min-height: calc(100vh - 66px);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .18) 48%, rgba(0, 0, 0, .92) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .08) 38%, rgba(0, 0, 0, .08) 72%, rgba(0, 0, 0, .44) 100%),
    url("../images/intro.png") center top / cover no-repeat;
  box-shadow: inset 0 -1px 0 rgba(255, 212, 0, .28);
}
.hero-inner {
  padding: 70px 0 34px;
}
.sales-hero .hero-inner {
  padding-top: min(55vh, 560px);
}
.kicker {
  margin: 0 0 10px;
  color: var(--gold);
  font: 800 12px "JetBrains Mono", Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0;
  text-shadow: 0 0 18px rgba(255, 212, 0, .3);
}
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, p, a, button, label, input, select, textarea {
  overflow-wrap: anywhere;
}
h1 {
  max-width: 820px;
  margin-bottom: 16px;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.02;
  letter-spacing: 0;
}
body:not([data-page="home"]) main h1 {
  max-width: 760px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
}
.sales-hero h1 {
  max-width: 560px;
  margin-bottom: 10px;
  font-size: clamp(34px, 4.2vw, 56px);
  text-shadow: 0 6px 28px rgba(0, 0, 0, .82), 0 0 24px rgba(255, 212, 0, .14);
}
.sales-hero .lead {
  max-width: 620px;
  color: #efe8d4;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .9);
}
h2 {
  margin-bottom: 12px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  letter-spacing: 0;
}
h3 { margin-bottom: 8px; font-size: 20px; letter-spacing: 0; }
.lead {
  max-width: 760px;
  color: var(--muted);
  font-size: 18px;
}
.proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 38px;
  max-width: 1020px;
}
.proof-strip > span {
  display: grid;
  gap: 3px;
  min-height: 78px;
  border: 1px solid rgba(255, 212, 0, .34);
  background: linear-gradient(180deg, rgba(20, 17, 8, .88), rgba(8, 8, 7, .9));
  padding: 13px 14px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.proof-strip strong {
  color: var(--text);
  font-size: 14px;
}
.proof-strip em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.game-hero {
  min-height: calc(100vh - 66px);
  align-items: center;
  background:
    radial-gradient(circle at 74% 20%, rgba(255, 212, 0, .16), transparent 28%),
    linear-gradient(110deg, rgba(3, 3, 3, .98) 0%, rgba(3, 3, 3, .9) 42%, rgba(3, 3, 3, .76) 100%),
    url("../images/build-2026-07-29/fscompany-base-control-night-2026-07-29.jpg") center / cover no-repeat;
  box-shadow: inset 0 -1px 0 rgba(255, 212, 0, .22);
}
.game-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(440px, 1.12fr);
  gap: clamp(22px, 4vw, 48px);
  align-items: center;
  padding: clamp(34px, 6vw, 76px) 0 clamp(28px, 5vw, 58px);
}
.hero-copy {
  display: grid;
  align-content: center;
}
.game-hero h1 {
  max-width: 760px;
  margin-bottom: 14px;
  font-size: clamp(38px, 4.8vw, 64px);
  text-shadow: 0 8px 34px rgba(0, 0, 0, .86), 0 0 24px rgba(255, 212, 0, .12);
}
.game-hero .lead {
  max-width: 690px;
  color: #f1ead7;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .84);
}
.hero-proof {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 690px;
  margin-top: 28px;
}
.hero-showcase {
  display: grid;
  gap: 12px;
  transform: translateZ(0);
}
.hero-screen {
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .42);
  background: linear-gradient(180deg, rgba(24, 21, 11, .96), rgba(5, 5, 4, .96));
  box-shadow: 0 26px 88px rgba(0, 0, 0, .56), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.hero-screen img {
  width: 100%;
  object-fit: cover;
  transition: transform .28s ease, filter .28s ease;
}
.hero-screen:hover img {
  filter: brightness(1.08);
  transform: scale(1.015);
}
.hero-screen-main img {
  aspect-ratio: 16 / 9;
}
.hero-caption,
.hero-mini span {
  display: grid;
  gap: 4px;
  border-top: 1px solid var(--line-soft);
  background: linear-gradient(180deg, rgba(24, 21, 11, .98), rgba(10, 9, 6, .98));
  padding: 13px 15px;
}
.hero-caption strong,
.hero-mini span {
  color: var(--text);
  font-weight: 850;
}
.hero-caption em {
  color: var(--muted);
  font-style: normal;
}
.hero-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.hero-mini img {
  aspect-ratio: 16 / 9;
}
.hero-mini span {
  min-height: 42px;
  place-items: center;
  color: var(--gold);
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 12px;
  text-transform: uppercase;
}
.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 212, 0, .34);
  border-radius: 8px;
  background: linear-gradient(180deg, #17150f, #0d0c08);
  color: var(--text);
  font-weight: 800;
  padding: 0 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
.btn.primary {
  border-color: rgba(255, 212, 0, .85);
  background: linear-gradient(180deg, #ffe14b, #d39f00);
  color: #090704;
  box-shadow: 0 0 26px rgba(255, 212, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .38);
}
.btn.gold { border-color: rgba(255, 212, 0, .72); background: #3b3006; }
.btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.hero-shots {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 46px;
}
.hero-shot {
  border: 1px solid var(--line);
  background: rgba(18, 15, 8, .9);
  box-shadow: var(--shadow);
}
.hero-shot img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-bottom: 1px solid var(--line-soft); }
.hero-shot span { display: block; padding: 10px 12px 12px; color: var(--muted); }

.sales-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.feature-pitch {
  min-height: 210px;
}
.feature-pitch h3 {
  font-size: 24px;
}

.flight-loop {
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .035), transparent 180px),
    #030303;
}
.loop-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.loop-card {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1fr);
  gap: 16px;
  min-height: 275px;
  border: 1px solid rgba(255, 212, 0, .32);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .045), transparent 72px),
    linear-gradient(180deg, rgba(24, 21, 11, .96), rgba(7, 7, 6, .98));
  padding: 14px;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .045);
}
.loop-card img {
  width: 100%;
  height: 100%;
  min-height: 225px;
  object-fit: cover;
  border: 1px solid rgba(255, 212, 0, .2);
  background: var(--tile);
}
.loop-card div {
  display: grid;
  align-content: center;
}
.loop-card p {
  color: var(--muted);
  margin-bottom: 0;
}

.feature-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
  gap: 18px;
  align-items: stretch;
}
.image-band {
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .34);
  background: #070705;
  box-shadow: 0 24px 78px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.image-band img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}
.image-band figcaption {
  display: grid;
  gap: 5px;
  border-top: 1px solid var(--line-soft);
  background: linear-gradient(180deg, rgba(24, 21, 11, .98), rgba(9, 8, 6, .98));
  padding: 16px 18px;
}
.image-band strong {
  color: var(--text);
  font-size: 18px;
}
.image-band span {
  color: var(--muted);
}
.feature-stack {
  display: grid;
  gap: 14px;
}
.feature-stack article {
  min-height: 190px;
  border: 1px solid rgba(255, 212, 0, .3);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .05), transparent 80px),
    linear-gradient(180deg, rgba(24, 21, 11, .95), rgba(8, 8, 7, .96));
  padding: 18px;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.feature-stack p {
  color: var(--muted);
  margin-bottom: 0;
}
.gallery-clusters {
  display: grid;
  gap: 26px;
}
.gallery-cluster {
  display: grid;
  gap: 12px;
}
.gallery-cluster h3 {
  margin: 0;
  color: var(--gold);
  font: 800 13px "JetBrains Mono", Consolas, monospace;
  text-transform: uppercase;
}

.screenshots-showcase {
  display: grid;
  gap: 18px;
}
.screenshot-feature {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: var(--shadow);
}
.screenshot-feature img {
  width: 100%;
  aspect-ratio: 16 / 8.5;
  object-fit: cover;
}
.screenshot-feature figcaption,
.screenshot-card figcaption {
  border-top: 1px solid var(--line-soft);
  background: rgba(18, 15, 8, .94);
  padding: 14px 16px;
}
.screenshot-feature strong,
.screenshot-card strong {
  display: block;
  color: var(--text);
  font-size: 17px;
  margin-bottom: 4px;
}
.screenshot-feature span,
.screenshot-card > span {
  color: var(--muted);
}
.screenshot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.screenshot-card {
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel);
  cursor: zoom-in;
}
.screenshot-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: var(--tile);
}
.screenshot-wall {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.screenshot-hero-tile {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--panel-2), var(--panel));
  box-shadow: var(--shadow);
  cursor: zoom-in;
}
.screenshot-hero-tile img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .28s ease, filter .28s ease;
}
.screenshot-hero-tile span,
.screenshot-card > span {
  display: grid;
  gap: 4px;
  border-top: 1px solid var(--line-soft);
  background: linear-gradient(180deg, rgba(24, 21, 11, .98), rgba(12, 11, 8, .98));
  padding: 14px 16px;
}
.screenshot-hero-tile strong,
.screenshot-card strong {
  color: var(--text);
  font-size: 17px;
}
.screenshot-hero-tile em,
.screenshot-card em {
  color: var(--muted);
  font-style: normal;
}
.screenshot-hero-tile:hover img,
.screenshot-card:hover img {
  filter: brightness(1.08);
  transform: scale(1.015);
}
.premium-grid .screenshot-card {
  display: block;
  min-height: 100%;
  box-shadow: 0 16px 46px rgba(0, 0, 0, .18);
}
.premium-grid .screenshot-card img {
  transition: transform .28s ease, filter .28s ease;
}

.shot-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
}
.shot-modal[hidden] { display: none; }
.shot-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .82);
  backdrop-filter: blur(16px);
}
.shot-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(1220px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .5);
  background: linear-gradient(180deg, rgba(23, 20, 12, .98), rgba(5, 5, 4, .98));
  box-shadow: 0 32px 110px rgba(0, 0, 0, .78), 0 0 46px rgba(255, 212, 0, .12);
}
.shot-modal__media {
  position: relative;
  min-height: 420px;
  display: grid;
  place-items: center;
  background: #000;
  border-right: 1px solid var(--line-soft);
}
.shot-modal__media img {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 50px);
  object-fit: contain;
}
.shot-modal__info {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 34px 30px 28px;
  overflow: auto;
}
.shot-modal__info h2 {
  margin: 0;
  font-size: clamp(24px, 3vw, 36px);
}
.shot-modal__info p {
  color: var(--muted);
  margin: 0;
}
.shot-modal__meta {
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  padding: 14px 0;
  color: var(--muted);
  font-size: 13px;
}
.shot-modal__meta span {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.shot-modal__meta strong {
  color: var(--gold);
  font-size: 12px;
  text-transform: uppercase;
}
.shot-modal__close,
.shot-modal__nav,
.shot-modal__action {
  border: 1px solid rgba(255, 212, 0, .48);
  border-radius: 8px;
  background: linear-gradient(180deg, #17150f, #080807);
  color: var(--text);
  font-weight: 850;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 18px rgba(255, 212, 0, .08);
}
.shot-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: 42px;
  height: 42px;
  font-size: 18px;
}
.shot-modal__nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 46px;
  height: 58px;
  transform: translateY(-50%);
  font-size: 26px;
}
.shot-modal__nav.prev { left: 14px; }
.shot-modal__nav.next { right: 14px; }
.shot-modal__controls {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.shot-modal__action {
  min-height: 42px;
  padding: 0 14px;
}
.shot-modal__close:hover,
.shot-modal__nav:hover,
.shot-modal__action:hover {
  border-color: rgba(255, 212, 0, .85);
  filter: brightness(1.1);
}
body.modal-open {
  overflow: hidden;
}

.section {
  border-bottom: 1px solid var(--line-soft);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .025), transparent 130px),
    var(--bg);
}
.section.alt {
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .04), transparent 150px),
    var(--bg-soft);
}
.section-inner { padding: 54px 0; }
.section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 24px;
}
.section-head p { max-width: 560px; color: var(--muted); margin-bottom: 0; }

.scenario-section {
  background:
    linear-gradient(180deg, rgba(3, 3, 3, .9), rgba(3, 3, 3, .98)),
    url("../images/fscompany-market-board.jpg") center / cover fixed no-repeat;
}
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.scenario-grid > div {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(25, 21, 10, .92), rgba(10, 10, 8, .92));
  padding: 20px;
  min-height: 205px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.scenario-grid p {
  color: var(--muted);
  margin-bottom: 0;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.feature-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 16px;
  min-height: 230px;
  border: 1px solid rgba(255, 212, 0, .3);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .035), transparent 70px),
    linear-gradient(180deg, rgba(24, 21, 11, .96), rgba(7, 7, 6, .98));
  padding: 16px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .045);
}
.feature-card p { color: var(--muted); margin-bottom: 14px; }
.feature-card img {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  border: 1px solid rgba(255, 212, 0, .2);
  background: var(--tile);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .035) inset;
}
.mini-list {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
}
.mini-list span::before { content: "- "; color: var(--gold); }

.split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 22px;
  align-items: center;
}
.panel {
  border: 1px solid rgba(255, 212, 0, .32);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .04), transparent 90px),
    linear-gradient(180deg, var(--panel-2), var(--panel));
  padding: 22px;
  box-shadow: 0 20px 58px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .045);
}
.panel p { color: var(--muted); }
.visual-panel {
  border: 1px solid rgba(255, 212, 0, .32);
  background: #070705;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  box-shadow: 0 24px 72px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.visual-panel img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid rgba(255, 212, 0, .16);
}
.clean-panel {
  min-height: 430px;
  display: grid;
  align-content: center;
}
.clean-visual img {
  aspect-ratio: 4 / 3;
}
.sim-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.sim-pills span {
  border: 1px solid var(--line);
  background: rgba(255, 212, 0, .08);
  color: var(--muted);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  padding: 7px 10px;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.info-card {
  border: 1px solid rgba(255, 212, 0, .28);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .045), transparent 70px),
    linear-gradient(180deg, var(--panel-2), var(--panel));
  padding: 18px;
  min-height: 150px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.info-card p { color: var(--muted); margin-bottom: 0; }
.community-hero {
  min-height: auto;
  display: grid;
  align-items: center;
  border-bottom: 1px solid var(--line-soft);
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .98) 0%, rgba(3, 3, 3, .8) 46%, rgba(3, 3, 3, .55) 100%),
    url("../images/fscompany-operations-board.jpg") center / cover no-repeat;
}
.community-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
  gap: 24px;
  align-items: center;
  padding: clamp(46px, 7vw, 82px) 0 clamp(34px, 5vw, 58px);
}
.community-copy h1 {
  max-width: 840px;
}
.community-radar {
  display: grid;
  gap: 10px;
}
.community-radar div,
.community-radar a,
.community-proof div,
.community-path,
.community-join-box {
  border: 1px solid rgba(255, 212, 0, .42);
  background: linear-gradient(180deg, rgba(24, 21, 11, .9), rgba(8, 8, 7, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 48px rgba(0, 0, 0, .28);
}
.community-radar div,
.community-radar a {
  min-height: 104px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 18px;
}
.community-radar a:hover,
.community-path:hover {
  border-color: rgba(255, 212, 0, .72);
  filter: brightness(1.08);
  transform: translateY(-2px);
}
.community-radar strong,
.community-proof strong,
.community-path strong {
  color: var(--gold);
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 13px;
  text-transform: uppercase;
}
.community-radar span,
.community-proof span,
.community-path p,
.community-join-box p {
  color: var(--muted);
}
.compact-head {
  margin-bottom: 20px;
}
.community-paths {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.community-path {
  min-height: 250px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 20px;
  transition: transform .18s ease, filter .18s ease, border-color .18s ease;
}
.community-path h3 {
  margin-bottom: 0;
}
.community-path p {
  margin-bottom: 0;
}
.community-start {
  display: grid;
  gap: 22px;
}
.community-proof {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.community-proof div {
  min-height: 160px;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 18px;
}
.community-join {
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .03), transparent 160px),
    #030303;
}
.community-join-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: center;
  padding: clamp(24px, 4vw, 42px);
}
.community-steps {
  display: grid;
  gap: 10px;
}
.community-steps span {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line-soft);
  background: rgba(255, 212, 0, .06);
  padding: 12px;
}
.community-steps strong {
  color: var(--gold);
  font-family: "JetBrains Mono", Consolas, monospace;
}
.community-steps em {
  color: var(--text);
  font-style: normal;
  font-weight: 800;
}
.tag {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  border: 1px solid rgba(255, 212, 0, .48);
  border-radius: 999px;
  color: var(--gold);
  background: rgba(255, 212, 0, .06);
  font-size: 12px;
  font-weight: 800;
  padding: 0 10px;
  margin-bottom: 12px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.form-grid .wide { grid-column: span 2; }
label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
input, select, textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--tile);
  color: var(--text);
  padding: 12px;
  outline: none;
}
textarea { resize: vertical; min-height: 130px; }
input:focus, select:focus, textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(255, 212, 0, .18); }
.legal-check {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  border: 1px solid var(--line-soft);
  background: rgba(255, 212, 0, .045);
  padding: 12px;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.45;
}
.legal-check input {
  width: auto;
  min-height: auto;
  margin: 4px 0 0;
}
.legal-check a,
.legal-note a {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legal-note {
  margin: -4px 0 0;
  color: var(--dim);
  font-size: 12px;
}
.cms-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.cms-preview {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line-soft);
  background: var(--tile);
  padding: 10px;
}
.cms-preview img {
  width: 120px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid var(--line-soft);
}
.cms-list {
  display: grid;
  gap: 10px;
}
.cms-list-item {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 110px;
  gap: 14px;
  align-items: center;
  border: 1px solid var(--line);
  background: var(--panel);
  padding: 14px;
}
.cms-list-item p { color: var(--muted); margin-bottom: 0; }
.cms-list-item img {
  width: 110px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid var(--line-soft);
  background: var(--tile);
}
.telemetry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}
.telemetry-metric {
  display: grid;
  gap: 2px;
  min-height: 58px;
  border: 1px solid var(--line-soft);
  background: var(--tile);
  padding: 9px 10px;
}
.telemetry-metric em {
  color: var(--dim);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}
.telemetry-metric strong {
  color: var(--text);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.roadmap {
  display: grid;
  gap: 12px;
}
.roadmap-item {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  border: 1px solid rgba(255, 212, 0, .3);
  background:
    linear-gradient(90deg, rgba(255, 212, 0, .085), transparent 280px),
    linear-gradient(180deg, rgba(24, 21, 11, .94), rgba(8, 8, 7, .96));
  padding: 18px;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.roadmap-item strong { color: var(--gold); font-family: "JetBrains Mono", Consolas, monospace; font-size: 13px; text-transform: uppercase; }
.roadmap-item p { color: var(--muted); margin-bottom: 0; }

.roadmap-human-hero {
  border-bottom: 1px solid var(--line-soft);
  background:
    radial-gradient(circle at 78% 20%, rgba(255, 212, 0, .12), transparent 32%),
    linear-gradient(180deg, rgba(15, 14, 9, .98), #030303);
}
.roadmap-human-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
  gap: 40px;
  align-items: center;
  min-height: 560px;
}
.roadmap-human-hero h1 {
  max-width: 780px;
}
.roadmap-human-hero .lead {
  max-width: 760px;
}
.roadmap-human-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.roadmap-human-tags > span {
  border: 1px solid rgba(255, 212, 0, .28);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(255, 212, 0, .06);
  color: #f2e9b9;
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
}
.roadmap-human-visual {
  margin: 0;
  border: 1px solid rgba(255, 212, 0, .3);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .5);
}
.roadmap-human-visual img {
  display: block;
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}
.roadmap-human-heading {
  max-width: 840px;
  margin-bottom: 24px;
}
.roadmap-human-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.roadmap-human-grid article {
  min-height: 210px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  padding: 20px;
  background: linear-gradient(180deg, rgba(20, 20, 17, .94), rgba(7, 7, 6, .98));
}
.roadmap-human-grid h3 {
  margin: 14px 0 8px;
  font-size: 23px;
}
.roadmap-human-grid p {
  margin-bottom: 0;
  color: var(--muted);
}
.roadmap-human-done {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(112, 232, 159, .36);
  border-radius: 50%;
  background: rgba(69, 180, 112, .09);
  color: #9af0ba;
  font-weight: 900;
}
.roadmap-human-new {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid rgba(255, 212, 0, .34);
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(255, 212, 0, .09);
  color: var(--gold);
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.roadmap-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.roadmap-status-grid article {
  min-height: 230px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .08), rgba(255, 212, 0, 0) 44%),
    linear-gradient(180deg, rgba(20, 20, 17, .96), rgba(7, 7, 6, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
.roadmap-status-grid article > span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border: 1px solid rgba(255, 212, 0, .34);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--gold);
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.roadmap-status-grid h3 {
  margin: 16px 0 8px;
  font-size: 22px;
}
.roadmap-status-grid p {
  margin-bottom: 0;
  color: var(--muted);
}
.audit-timeline {
  display: grid;
  gap: 10px;
}
.audit-timeline article {
  display: grid;
  grid-template-columns: 142px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  padding: 18px 20px;
  background:
    linear-gradient(90deg, rgba(255, 212, 0, .06), transparent 250px),
    rgba(9, 9, 8, .96);
}
.audit-timeline time {
  color: var(--gold);
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.audit-timeline strong {
  display: block;
  color: var(--text);
  font-size: 20px;
  line-height: 1.18;
}
.audit-timeline p {
  max-width: 900px;
  margin: 7px 0 0;
  color: var(--muted);
}
.progress-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.progress-grid article {
  min-height: 220px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  padding: 20px;
  background: linear-gradient(180deg, rgba(20, 20, 17, .95), rgba(7, 7, 6, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
.progress-grid h3 {
  margin: 14px 0 8px;
  font-size: 22px;
}
.progress-grid p {
  margin-bottom: 0;
  color: var(--muted);
}
.progress-link {
  margin-top: 18px;
}
.feature-progress-grid {
  margin-bottom: 0;
}
.roadmap-human-plan {
  display: grid;
  gap: 10px;
}
.roadmap-human-step {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  padding: 20px;
  background: linear-gradient(90deg, rgba(255, 212, 0, .05), transparent 260px), #090908;
}
.roadmap-human-step > strong {
  color: var(--gold);
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 12px;
  text-transform: uppercase;
}
.roadmap-human-step h3 {
  margin: 0 0 6px;
  font-size: 24px;
}
.roadmap-human-step p {
  margin-bottom: 0;
  color: var(--muted);
}
.roadmap-human-step.is-next > strong { color: #8dbaff; }
.roadmap-human-step.is-later > strong { color: #9af0ba; }
.roadmap-human-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: 22px;
  border-left: 3px solid var(--gold);
  padding: 18px 20px;
  background: rgba(255, 212, 0, .055);
}
.roadmap-human-note p {
  max-width: 780px;
  margin: 0;
}

@media (max-width: 980px) {
  .roadmap-human-hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .roadmap-human-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .roadmap-human-note {
    grid-template-columns: 1fr;
  }
  .roadmap-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .progress-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .roadmap-human-hero-grid {
    gap: 24px;
  }
  .roadmap-human-hero h1 {
    font-size: 34px;
    line-height: 1.06;
  }
  .roadmap-human-visual img {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
  .roadmap-human-grid {
    grid-template-columns: 1fr;
  }
  .roadmap-human-grid article {
    min-height: 0;
  }
  .roadmap-human-step {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .roadmap-human-note {
    padding: 16px;
  }
  .roadmap-status-grid {
    grid-template-columns: 1fr;
  }
  .roadmap-status-grid article {
    min-height: 0;
  }
  .audit-timeline article {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px;
  }
  .audit-timeline strong {
    font-size: 18px;
  }
  .progress-grid {
    grid-template-columns: 1fr;
  }
  .progress-grid article {
    min-height: 0;
  }
}

.author-hero {
  border-bottom: 1px solid var(--line-soft);
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 212, 0, .12), transparent 34%),
    linear-gradient(180deg, rgba(255, 212, 0, .035), transparent 280px),
    #030303;
}
.author-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(390px, .78fr);
  gap: 38px;
  align-items: center;
  min-height: calc(100vh - 66px);
  padding: 58px 0 46px;
}
.author-copy {
  display: grid;
  gap: 16px;
}
.author-copy h1 {
  margin-bottom: 0;
}
.author-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 820px;
  margin-top: 12px;
}
.author-socials {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.author-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  border: 1px solid rgba(255, 212, 0, .34);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(24, 21, 11, .82), rgba(8, 8, 7, .9));
  color: var(--muted);
  font-weight: 800;
  padding: 0 12px;
}
.author-socials a:hover {
  border-color: rgba(255, 212, 0, .78);
  color: var(--text);
  box-shadow: 0 0 18px rgba(255, 212, 0, .1);
}
.author-socials strong {
  color: var(--gold);
  font: 800 11px "JetBrains Mono", Consolas, monospace;
  text-transform: uppercase;
}
.author-socials span {
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.author-social-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(255, 212, 0, .28);
  background: linear-gradient(180deg, rgba(24, 21, 11, .78), rgba(8, 8, 7, .92));
  padding: 14px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}
.author-social-card .kicker {
  margin-bottom: 0;
}
.author-facts > span {
  min-height: 82px;
  border: 1px solid rgba(255, 212, 0, .28);
  background: linear-gradient(180deg, rgba(24, 21, 11, .9), rgba(7, 7, 6, .92));
  padding: 14px;
}
.author-facts strong {
  display: block;
  color: var(--gold);
  font: 800 12px "JetBrains Mono", Consolas, monospace;
  text-transform: uppercase;
}
.author-facts em {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-style: normal;
  font-size: 13px;
}
.author-media {
  display: grid;
  gap: 12px;
  align-self: center;
}
.author-portrait {
  margin: 0;
  position: relative;
  display: grid;
  gap: 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .38);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .08), transparent 34%),
    var(--panel);
  padding: 10px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 255, 255, .035) inset;
}
.author-portrait img {
  width: 100%;
  aspect-ratio: 1 / .9;
  height: auto;
  object-fit: cover;
  object-position: 50% 30%;
  border: 1px solid rgba(255, 212, 0, .18);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) inset;
}
.author-portrait figcaption {
  border-top: 1px solid rgba(255, 212, 0, .22);
  background: linear-gradient(180deg, rgba(255, 212, 0, .055), rgba(0, 0, 0, .12));
  color: var(--muted);
  padding: 10px 4px 2px;
  font-size: 13px;
}
.author-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr);
  gap: 28px;
  align-items: start;
}
.author-story {
  display: grid;
  gap: 18px;
}
.author-story p {
  color: var(--muted);
  font-size: 17px;
}
.author-story p:last-child {
  margin-bottom: 0;
}
.author-quote {
  border-left: 4px solid var(--gold);
  background: linear-gradient(90deg, rgba(255, 212, 0, .12), rgba(255, 212, 0, .025));
  padding: 18px 20px;
  color: var(--text);
  font-size: 20px;
  font-weight: 800;
}
.author-timeline {
  display: grid;
  gap: 12px;
}
.author-timeline li {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid var(--line-soft);
  background: linear-gradient(180deg, rgba(24, 21, 11, .88), rgba(8, 8, 7, .92));
  padding: 14px;
  list-style: none;
}
.author-timeline strong {
  color: var(--gold);
  font: 800 12px "JetBrains Mono", Consolas, monospace;
  text-transform: uppercase;
}
.author-timeline li > span {
  color: var(--muted);
}
.author-photo-band {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  gap: 14px;
  align-items: start;
}
.author-photo {
  position: relative;
  display: grid;
  gap: 10px;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .34);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .06), rgba(255, 212, 0, .015) 42%, rgba(0, 0, 0, .2)),
    #050504;
  padding: 10px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .035) inset;
}
.author-photo img {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
  object-position: 50% 50%;
  border: 1px solid rgba(255, 212, 0, .16);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .045) inset;
}
.author-photo.large img {
  aspect-ratio: 16 / 10;
}
.author-photo > span {
  display: block;
  border-top: 1px solid rgba(255, 212, 0, .2);
  background: transparent;
  color: var(--muted);
  padding: 10px 4px 1px;
  font-size: 13px;
}
.author-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.author-gallery .author-photo img {
  aspect-ratio: 3 / 2;
}
.author-photo--skyranger img {
  object-position: 50% 50%;
}
.author-photo--prop img {
  object-position: 50% 45%;
}
.author-photo--sim img {
  object-position: 50% 28%;
}
.author-photo--airfield img {
  object-position: 50% 31%;
}
.author-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.author-values article {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(24, 21, 11, .92), rgba(8, 8, 7, .94));
  padding: 20px;
}
.author-values article p {
  color: var(--muted);
  margin-bottom: 0;
}
.author-close {
  border: 1px solid rgba(255, 212, 0, .34);
  background:
    linear-gradient(90deg, rgba(255, 212, 0, .11), rgba(255, 212, 0, .02)),
    var(--panel);
  padding: 30px;
}

.footer {
  border-top: 1px solid rgba(255, 212, 0, .32);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .035), transparent 120px),
    #050504;
  color: var(--muted);
  padding: 42px 0 24px;
}
.footer-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(160px, .75fr));
  gap: 28px;
  align-items: start;
}
.footer-brand {
  display: grid;
  gap: 12px;
  max-width: 430px;
}
.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--text);
  font-weight: 900;
}
.footer-logo img {
  width: 46px;
  height: 26px;
  object-fit: contain;
}
.footer-brand p {
  margin-bottom: 0;
  color: var(--muted);
}
.footer-platform {
  color: var(--gold);
  font: 800 12px "JetBrains Mono", Consolas, monospace;
  text-transform: uppercase;
}
.footer-column {
  display: grid;
  gap: 9px;
  align-content: start;
}
.footer-column strong {
  color: var(--text);
  font-size: 13px;
  text-transform: uppercase;
}
.footer-column a,
.footer-column span {
  color: var(--muted);
  font-size: 13px;
}
.footer-column a:hover {
  color: var(--gold);
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 34px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
  color: var(--dim);
  font-size: 12px;
}

@media (max-width: 1020px) {
  .game-hero-grid, .feature-showcase, .feature-grid, .split, .author-hero-grid, .author-story-grid, .author-photo-band, .author-values { grid-template-columns: 1fr; }
  .feature-card, .loop-card { grid-template-columns: 1fr; }
  .card-grid, .hero-shots, .screenshot-grid, .sales-grid, .proof-strip, .screenshot-wall, .scenario-grid, .community-hero-grid, .community-proof, .community-paths, .community-join-box, .author-gallery, .footer-grid { grid-template-columns: 1fr; }
  .section-head { display: block; }
  .account-widget {
    width: max-content;
    max-width: min(230px, 42vw);
  }
  .game-hero { min-height: auto; }
  .game-hero-grid { padding: 44px 0 36px; }
  .hero-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-showcase { max-width: 820px; }
  .loop-grid { grid-template-columns: 1fr; }
  .image-band img { min-height: 360px; }
  .community-hero { min-height: auto; }
  .community-hero-grid { padding: 54px 0 32px; }
  .author-hero-grid { min-height: auto; }
  .author-media { max-width: 720px; }
  .author-portrait img { aspect-ratio: 16 / 10; }
  .author-socials { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .community-radar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .screenshot-feature img { aspect-ratio: 16 / 10; }
  .scenario-section { background-attachment: scroll; }
  .shot-modal__dialog { grid-template-columns: 1fr; }
  .shot-modal__media {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
  }
  .shot-modal__media img {
    max-height: 58vh;
  }
}
@media (max-width: 720px) {
  .topbar-inner {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0;
  }
  .brand { max-width: calc(100% - 90px); }
  .nav {
    order: 3;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    overflow-x: auto;
    gap: 3px;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  .nav::-webkit-scrollbar { display: none; }
  .nav a {
    flex: 0 0 auto;
    min-width: 0;
    text-align: center;
  }
  .nav a,
  .lang button {
    font-size: 11px;
    padding: 5px 6px;
  }
  .lang {
    flex: 0 0 auto;
    margin-left: 0;
  }
  .account-widget {
    order: 4;
    width: max-content;
    max-width: 100%;
  }
  .hero { min-height: auto; }
  .game-hero {
    background:
      linear-gradient(180deg, rgba(3, 3, 3, .92), rgba(3, 3, 3, .98)),
      url("../images/build-2026-07-29/fscompany-base-control-night-2026-07-29.jpg") center / cover no-repeat;
  }
  .game-hero-grid {
    gap: 18px;
    padding: 20px 0 30px;
  }
  .hero-showcase {
    order: -1;
    gap: 0;
  }
  .hero-screen-main img {
    aspect-ratio: 16 / 10;
  }
  .hero-mini-grid {
    display: none;
  }
  .hero-caption {
    padding: 10px 12px;
  }
  .hero-caption em {
    font-size: 12px;
  }
  .game-hero h1 {
    font-size: 34px;
    line-height: 1.06;
  }
  .hero-proof {
    grid-template-columns: 1fr;
  }
  .hero-proof span {
    min-height: auto;
  }
  .sales-hero {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .04) 48vw, rgba(0, 0, 0, .92) 70vw, #030303 100%),
      url("../images/intro.png") center top / 100% auto no-repeat;
  }
  .sales-hero .hero-inner {
    padding-top: calc(66.67vw + 28px);
  }
  .sales-hero .lead {
    max-width: 100%;
    font-size: 16px;
  }
  .proof-strip { margin-top: 24px; }
  .hero-inner { padding: 44px 0 26px; }
  .section-inner { padding: 44px 0; }
  .loop-card {
    min-height: 0;
  }
  .loop-card img {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
  .image-band img {
    min-height: 0;
    aspect-ratio: 16 / 11;
  }
  .feature-stack article {
    min-height: auto;
  }
  .actions {
    width: 100%;
    flex-direction: column;
  }
  .actions .btn { width: 100%; min-width: 0; }
  .feature-card,
  .screenshot-card,
  .screenshot-hero-tile,
  .visual-panel,
  .panel {
    max-width: 100%;
  }
  .feature-card img,
  .visual-panel img {
    min-width: 0;
  }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .wide { grid-column: 1; }
  .roadmap-item { grid-template-columns: 1fr; }
  .cms-list-item, .cms-preview { grid-template-columns: 1fr; }
  .telemetry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .author-facts { grid-template-columns: 1fr; }
  .author-portrait img { aspect-ratio: 4 / 5; }
  .author-socials { grid-template-columns: 1fr; }
  .author-timeline li { grid-template-columns: 1fr; }
  .author-photo img, .author-photo.large img { aspect-ratio: 4 / 3; }
  .author-close { padding: 22px; }
  .community-radar { grid-template-columns: 1fr; }
  .community-hero-grid { padding: 34px 0 28px; }
  .community-path { min-height: auto; }
  .community-proof div { min-height: auto; }
  .shot-modal { padding: 10px; }
  .shot-modal__dialog {
    width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
  }
  .shot-modal__info { padding: 22px 18px 18px; }
  .shot-modal__nav {
    width: 40px;
    height: 48px;
  }
  .shot-modal__controls { flex-wrap: wrap; }
}

/* August 2026 public build audit refresh */
.build-hero {
  background:
    radial-gradient(circle at 78% 16%, rgba(255, 212, 0, .15), transparent 26%),
    linear-gradient(112deg, rgba(3, 3, 3, .99) 0%, rgba(3, 3, 3, .92) 42%, rgba(3, 3, 3, .72) 100%),
    url("../images/build-2026-07-29/fscompany-day-close-current-2026-07-29.jpg") center / cover no-repeat;
}
.build-chip {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  border: 1px solid rgba(181, 230, 106, .42);
  border-radius: 999px;
  background: rgba(11, 20, 10, .76);
  color: #dfffb2;
  padding: 7px 12px;
  font: 800 11px "JetBrains Mono", Consolas, monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 0 24px rgba(181, 230, 106, .08);
}
.build-chip__dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px rgba(181, 230, 106, .82);
}
.build-chip--audit {
  border-color: rgba(255, 212, 0, .48);
  background: rgba(26, 19, 4, .78);
  color: #ffe494;
}
.build-chip--audit .build-chip__dot {
  background: var(--gold);
  box-shadow: 0 0 12px rgba(255, 212, 0, .76);
}
.release-strip {
  border-bottom: 1px solid rgba(255, 212, 0, .25);
  background: linear-gradient(90deg, #0b0904, #171205 50%, #0b0904);
}
.release-strip--audit {
  background: linear-gradient(90deg, #07090b, #151006 48%, #07090b);
}
.release-strip--audit .release-strip__inner > div:nth-child(3) {
  border-color: rgba(255, 97, 97, .34);
  background: linear-gradient(180deg, rgba(255, 97, 97, .08), transparent);
}
.release-strip--audit .release-strip__inner > div:nth-child(3) span {
  color: rgba(255, 97, 97, .72);
}
.release-strip__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.release-strip__inner > div {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 0 10px;
  min-height: 88px;
  align-content: center;
  border-left: 1px solid rgba(255, 212, 0, .18);
  padding: 14px 18px;
}
.release-strip__inner > div:last-child { border-right: 1px solid rgba(255, 212, 0, .18); }
.release-strip__inner span {
  grid-row: 1 / 3;
  align-self: center;
  color: rgba(255, 212, 0, .5);
  font: 800 12px "JetBrains Mono", Consolas, monospace;
}
.release-strip__inner strong { color: var(--text); font-size: 14px; text-transform: uppercase; }
.release-strip__inner em { color: var(--muted); font-size: 12px; font-style: normal; }
.release-highlights {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}
.release-card {
  grid-column: span 4;
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .3);
  background:
    linear-gradient(180deg, rgba(255, 212, 0, .035), transparent 70px),
    linear-gradient(180deg, rgba(24, 21, 11, .97), rgba(7, 7, 6, .99));
  box-shadow: 0 24px 68px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.release-card--wide { grid-column: span 8; }
.release-card--portrait { grid-column: span 4; }
.release-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-bottom: 1px solid rgba(255, 212, 0, .2);
}
.release-card--wide img { aspect-ratio: 16 / 7.7; }
.release-card > div { padding: 18px; }
.release-card h3 { font-size: clamp(20px, 2.4vw, 28px); }
.release-card p { color: var(--muted); margin-bottom: 0; }
.actions-centered { justify-content: center; margin-top: 28px; }
.continuity-grid { margin-top: 18px; }
.final-cta .visual-panel img { aspect-ratio: 16 / 10; object-fit: cover; }

.feature-page-hero {
  border-bottom: 1px solid rgba(255, 212, 0, .26);
  background:
    radial-gradient(circle at 22% 16%, rgba(255, 212, 0, .12), transparent 30%),
    linear-gradient(180deg, rgba(5, 5, 4, .98), rgba(10, 9, 6, .98));
}
.feature-page-hero__grid {
  min-height: min(760px, calc(100vh - 66px));
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(480px, 1.18fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  padding: clamp(48px, 7vw, 84px) 0;
}
.feature-page-hero h1 {
  max-width: 720px;
  font-size: clamp(40px, 5vw, 66px);
  text-shadow: 0 8px 34px rgba(0, 0, 0, .82);
}
.feature-page-hero__media {
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .44);
  background: #050504;
  box-shadow: 0 32px 100px rgba(0, 0, 0, .54), 0 0 48px rgba(255, 212, 0, .08);
}
.feature-page-hero__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.feature-page-hero__media figcaption {
  display: grid;
  gap: 5px;
  border-top: 1px solid var(--line-soft);
  background: linear-gradient(180deg, rgba(24, 21, 11, .98), rgba(9, 8, 6, .98));
  padding: 16px 18px;
}
.feature-page-hero__media figcaption span { color: var(--muted); }
.feature-index {
  position: sticky;
  top: 66px;
  z-index: 30;
  border-bottom: 1px solid rgba(255, 212, 0, .24);
  background: rgba(5, 5, 4, .95);
  backdrop-filter: blur(16px);
}
.feature-index__inner {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.feature-index a {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: center;
  min-height: 58px;
  border-left: 1px solid rgba(255, 212, 0, .15);
  padding: 8px 14px;
}
.feature-index a:last-child { border-right: 1px solid rgba(255, 212, 0, .15); }
.feature-index a:hover { background: rgba(255, 212, 0, .08); color: var(--gold); }
.feature-index span { color: rgba(255, 212, 0, .52); font: 800 10px "JetBrains Mono", Consolas, monospace; }
.feature-index strong { font-size: 12px; text-transform: uppercase; }
.feature-chapter { scroll-margin-top: 124px; }
.chapter-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .75fr);
  gap: 36px;
  align-items: end;
  margin-bottom: 28px;
}
.chapter-intro h2 { max-width: 820px; margin-bottom: 0; }
.chapter-intro > p { color: var(--muted); margin-bottom: 0; }
.feature-spotlight {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .4);
  background: linear-gradient(180deg, rgba(24, 21, 11, .97), rgba(7, 7, 6, .99));
  box-shadow: 0 28px 78px rgba(0, 0, 0, .4);
}
.feature-spotlight figure { min-height: 460px; }
.feature-spotlight img { width: 100%; height: 100%; object-fit: cover; }
.feature-spotlight > div { display: grid; align-content: center; padding: clamp(24px, 4vw, 46px); }
.feature-spotlight h3 { font-size: clamp(26px, 3vw, 38px); }
.feature-spotlight p { color: var(--muted); }
.feature-grid--spaced { margin-top: 18px; }
.feature-gallery-wide { margin-top: 18px; }
.market-scenes { display: grid; gap: 22px; }
.market-scenes article {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, .36);
  background: linear-gradient(180deg, rgba(24, 21, 11, .97), rgba(7, 7, 6, .99));
  box-shadow: 0 28px 78px rgba(0, 0, 0, .4);
}
.market-scenes article:nth-child(even) img { order: 2; }
.market-scenes img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.market-scenes article > div { display: grid; align-content: center; padding: clamp(24px, 4vw, 46px); }
.market-scenes h3 { font-size: clamp(26px, 3vw, 38px); }
.market-scenes p { color: var(--muted); margin-bottom: 0; }

@media (max-width: 1020px) {
  .release-strip__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .release-card,
  .release-card--wide,
  .release-card--portrait { grid-column: span 6; }
  .feature-page-hero__grid,
  .chapter-intro,
  .feature-spotlight,
  .market-scenes article { grid-template-columns: 1fr; }
  .feature-page-hero__grid { min-height: auto; }
  .feature-page-hero__media { max-width: 820px; }
  .feature-index { position: static; }
  .feature-index__inner { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; }
  .market-scenes article:nth-child(even) img { order: 0; }
  .feature-spotlight figure,
  .market-scenes img { min-height: 0; aspect-ratio: 16 / 10; }
}

@media (max-width: 720px) {
  .build-hero {
    background:
      linear-gradient(180deg, rgba(3, 3, 3, .93), rgba(3, 3, 3, .99)),
      url("../images/build-2026-07-29/fscompany-day-close-current-2026-07-29.jpg") center / cover no-repeat;
  }
  .release-strip__inner { grid-template-columns: 1fr 1fr; }
  .release-strip__inner > div { min-height: 76px; padding: 10px; }
  .release-highlights { grid-template-columns: 1fr; }
  .release-card,
  .release-card--wide,
  .release-card--portrait { grid-column: 1; }
  .release-card--wide img { aspect-ratio: 16 / 10; }
  .feature-page-hero__grid { gap: 22px; padding: 24px 0 38px; }
  .feature-page-hero__media { order: -1; }
  .feature-page-hero h1 { font-size: 36px; }
  .feature-index__inner { width: max-content; min-width: 100%; }
  .feature-index { overflow-x: auto; }
  .feature-index a { min-width: 154px; }
  .chapter-intro { gap: 14px; }
  .feature-spotlight > div,
  .market-scenes article > div { padding: 22px 18px; }
  .feature-spotlight h3,
  .market-scenes h3 { font-size: 26px; }
}

/* September 2026: keep brand and language controls intact at intermediate widths. */
.topbar .brand, .topbar .lang { flex: 0 0 auto; white-space: nowrap; }
.topbar .brand img { flex: 0 0 auto; }
.topbar .brand span, .topbar .lang button, .topbar .nav a { white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.topbar .lang button { min-width: 40px; min-height: 40px; flex: 0 0 auto; }
.topbar .nav a { flex: 0 0 auto; }
@media (max-width: 1240px) {
  .topbar-inner { flex-wrap: wrap; gap: 8px 16px; padding: 8px 0; }
  .topbar .brand { max-width: none; }
  .topbar .lang { margin-left: auto; }
  .topbar .nav { order: 3; flex: 0 0 100%; width: 100%; max-width: 100%; margin: 0; flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding-bottom: 4px; scrollbar-width: thin; scrollbar-color: #8c7938 transparent; }
  .topbar .nav::-webkit-scrollbar { display: block; height: 4px; }
  .topbar .nav::-webkit-scrollbar-thumb { background: #8c7938; border-radius: 4px; }
  .topbar .nav a { font-size: 13px; min-height: 40px; padding: 9px 12px; }
  .topbar .account-widget { order: 4; max-width: 100%; }
}
@media (max-width: 600px) { .topbar { position: relative; } }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #ffe494; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Visitor introduction and application guidance. */
.visitor-hero .game-hero-grid { min-height: auto; padding: 56px 0; gap: 36px; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
.visitor-hero { min-height: auto; }
.visitor-hero h1 { font-size: clamp(34px, 4vw, 54px); line-height: 1.08; }
.visitor-hero .lead { font-size: 18px; line-height: 1.65; }
.visitor-hero .hero-screen-main img { aspect-ratio: 16 / 10; object-fit: contain; background: #030609; }
.visitor-note { color: var(--muted); font-size: 13px; margin: 20px 0 0; }
#first-flight, #application, #faq, #screenshots, #new-features { scroll-margin-top: 130px; }
.first-flight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.first-flight-card { position: relative; min-width: 0; }
.first-flight-card .screenshot-card { display: block; height: 100%; }
.first-flight-card .screenshot-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: #020508; }
.first-flight-card .screenshot-card > span { display: block; padding: 22px; }
.first-flight-card .screenshot-card strong { display: block; font-size: 20px; margin-bottom: 10px; }
.first-flight-card .screenshot-card em { display: block; font-size: 15px; line-height: 1.65; font-style: normal; color: var(--muted); }
.first-flight-card__step { position: absolute; top: 12px; left: 12px; pointer-events: none; border: 1px solid #8c7938; background: #0a0c10; color: #ffe494; padding: 4px 10px; font: 700 13px 'JetBrains Mono', monospace; }
.visitor-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.visitor-choices article { border-top: 2px solid #8c7938; padding-top: 22px; }
.visitor-choices h3 { font-size: 23px; }
.visitor-choices p { color: var(--muted); }
.gallery-more { margin-top: 26px; border-top: 1px solid var(--line-soft); }
.gallery-more summary { padding: 22px 4px; color: #ffe494; font-weight: 700; cursor: pointer; }
.creator-intro { display: grid; grid-template-columns: minmax(0, .55fr) minmax(0, 1fr); gap: 46px; align-items: center; }
.creator-intro > img { width: 100%; max-height: 360px; object-fit: cover; object-position: center 35%; border: 1px solid var(--line-soft); }
.creator-intro h2 { font-size: clamp(28px, 3vw, 40px); }
.creator-intro p { color: var(--muted); }
.visitor-beta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 30px; align-items: center; }
.visitor-beta .actions { margin: 0; }
.beta-intro h1 { max-width: 850px; font-size: clamp(34px, 4vw, 54px); }
.beta-access-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 40px; }
.beta-access-steps > div { border-top: 1px solid #8c7938; padding-top: 20px; }
.beta-access-steps > div > strong { color: #ffe494; font: 700 13px 'JetBrains Mono', monospace; }
.beta-access-steps h2 { font-size: 21px; margin: 12px 0; }
.beta-access-steps p { color: var(--muted); font-size: 15px; }
.visitor-faq { max-width: 900px; margin-top: 30px; }
.visitor-faq details { border-bottom: 1px solid #514627; padding: 0 4px; }
.visitor-faq summary { padding: 22px 0; cursor: pointer; font-size: 18px; font-weight: 650; }
.visitor-faq details[open] summary { color: #ffe494; }
.visitor-faq p { max-width: 760px; padding: 0 0 22px; margin: 0; color: var(--muted); }
.roadmap-date-note { margin-top: 24px; padding: 18px 22px; border-left: 3px solid #8c7938; background: #11100b; color: var(--muted); }
.roadmap-date-note p { margin: 0; font-size: 14px; }
@media (max-width: 1020px) {
  .visitor-hero .game-hero-grid { grid-template-columns: 1fr; padding: 32px 0; gap: 28px; }
  .visitor-hero .hero-showcase { width: 100%; max-width: 760px; order: 0; }
  .visitor-hero .hero-screen-main img { aspect-ratio: 16 / 9; }
  .first-flight-grid { grid-template-columns: 1fr; }
  .first-flight-card .screenshot-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); align-items: center; }
  .first-flight-card .screenshot-card img { height: auto; }
  .creator-intro { gap: 28px; }
  .visitor-beta { grid-template-columns: 1fr; }
  .feature-index { position: static; }
}
@media (max-width: 720px) {
  .visitor-hero h1 { font-size: clamp(32px, 8.5vw, 42px); }
  .visitor-hero .lead { font-size: 17px; }
  .first-flight-card .screenshot-card { display: block; }
  .visitor-choices, .beta-access-steps, .creator-intro { grid-template-columns: 1fr; }
  .creator-intro > img { max-height: 280px; }
  .first-flight-card .screenshot-card > span { padding: 20px; }
  .beta-access-steps { gap: 20px; margin-top: 28px; }
  .beta-access-steps h2 { margin: 8px 0; }
  .visitor-faq summary { font-size: 17px; }
  #first-flight, #application, #faq, #screenshots, #new-features { scroll-margin-top: 20px; }
}

@media (min-width: 1021px) and (max-width: 1240px) { .feature-index { position: static; } }