:root {
  --bg: #07090d;
  --bg-soft: #0b0f15;
  --panel: #0e141d;
  --panel-2: #111923;
  --line: rgba(255,255,255,.10);
  --line-strong: rgba(255,255,255,.16);
  --text: #f4f7fb;
  --muted: #98a3b3;
  --muted-2: #677284;
  --accent: #71f6d3;
  --accent-2: #92a8ff;
  --accent-soft: rgba(113,246,211,.10);
  --success: #7df7bb;
  --shadow: 0 30px 80px rgba(0,0,0,.45);
  --radius: 22px;
  --radius-sm: 14px;
  --shell: 1180px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--bg);
}

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 72% 14%, rgba(83, 111, 255, .10), transparent 28rem),
    radial-gradient(circle at 18% 20%, rgba(113, 246, 211, .06), transparent 25rem),
    var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { max-width: 100%; display: block; }

::selection {
  background: var(--accent);
  color: #03100d;
}

.page-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  z-index: 50;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.shell {
  width: min(calc(100% - 40px), var(--shell));
  margin: 0 auto;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}

.site-header.scrolled {
  background: rgba(7,9,13,.78);
  border-color: var(--line);
  backdrop-filter: blur(18px);
}

.nav-shell {
  height: 78px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 30px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
}

.brand-mark {
  position: relative;
  width: 24px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.20);
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.01));
  transform: skewY(-6deg);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.brand-mark::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(113,246,211,.40);
}

.brand-mark span {
  width: 2px;
  height: 12px;
  background: var(--accent);
  box-shadow: 0 0 18px rgba(113,246,211,.7);
}

.brand-name {
  font-weight: 700;
  letter-spacing: -.03em;
  font-size: 18px;
}

.desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  color: #aab4c2;
  font-size: 14px;
}

.desktop-nav a,
.nav-login {
  transition: color .2s ease;
}

.desktop-nav a:hover,
.nav-login:hover {
  color: #fff;
}

.nav-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
}

.nav-login {
  color: #b9c3d0;
  font-size: 14px;
  font-weight: 600;
}

.button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #07120f;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.01em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  box-shadow: 0 10px 34px rgba(113,246,211,.12);
}

.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 42px rgba(113,246,211,.20);
}

.button-small {
  min-height: 38px;
  padding: 0 15px;
  border-radius: 9px;
  font-size: 13px;
}

.button-secondary {
  border-color: var(--line-strong);
  background: rgba(255,255,255,.03);
  color: var(--text);
  box-shadow: none;
}

.button-secondary:hover {
  background: rgba(255,255,255,.06);
  box-shadow: none;
}

.menu-button {
  display: none;
  border: 0;
  background: transparent;
  width: 44px;
  height: 44px;
  padding: 11px;
  justify-self: end;
}

.menu-button span {
  display: block;
  height: 1px;
  background: #fff;
  margin: 6px 0;
  transition: transform .2s ease, opacity .2s ease;
}

.mobile-nav { display: none; }

.hero {
  position: relative;
  padding: 148px 0 0;
  min-height: 760px;
}

.hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
}

.hero-grid {
  min-height: 520px;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 70px;
  align-items: center;
}

.eyebrow,
.section-kicker,
.tiny-label {
  font-family: "Space Mono", ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: .13em;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #a8b4c3;
  font-size: 11px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.025);
  border-radius: 999px;
  padding: 9px 12px;
}

.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 14px rgba(113,246,211,.9);
}

.hero h1 {
  margin: 26px 0 22px;
  font-size: clamp(58px, 6.9vw, 96px);
  line-height: .93;
  letter-spacing: -.07em;
  font-weight: 800;
  max-width: 780px;
}

.headline-muted,
.section-heading h2 span,
.panel-copy h2 span,
.region-copy h2 span,
.compact-heading h2 span {
  color: #596577;
}

.hero-lede {
  max-width: 620px;
  color: #aeb8c6;
  font-size: 18px;
  line-height: 1.72;
  margin: 0;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 34px;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #d8dfe8;
  font-weight: 650;
  font-size: 14px;
}

.text-link span {
  color: var(--accent);
  transition: transform .2s ease;
}

.text-link:hover span {
  transform: translate(2px, 2px);
}

.hero-facts {
  display: flex;
  gap: 38px;
  margin-top: 56px;
}

.hero-facts > div {
  display: grid;
  gap: 5px;
}

.fact-value {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 15px;
  color: #edf4f7;
  font-weight: 700;
}

.fact-label {
  color: var(--muted-2);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.hero-stage {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
}

.stage-glow {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(71, 93, 255, .22);
  filter: blur(90px);
  opacity: .55;
}

.monolith-object {
  position: absolute;
  top: 12px;
  right: 22px;
  width: 250px;
  height: 470px;
  clip-path: polygon(17% 0, 87% 8%, 100% 91%, 8% 100%, 0 15%);
  background:
    linear-gradient(130deg, rgba(255,255,255,.06), transparent 35%),
    linear-gradient(170deg, #1a2331 0%, #0a0e15 62%, #141b24 100%);
  border: 1px solid rgba(255,255,255,.12);
  opacity: .86;
  transform: rotate(4deg);
  box-shadow: 0 45px 100px rgba(0,0,0,.50), inset 0 0 80px rgba(113,246,211,.03);
}

.monolith-edge {
  position: absolute;
  left: 13%;
  top: 4%;
  bottom: 3%;
  width: 1px;
  background: linear-gradient(transparent, rgba(113,246,211,.45), transparent);
}

.monolith-line {
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(146,168,255,.7), transparent);
  filter: drop-shadow(0 0 4px rgba(146,168,255,.55));
}

.line-a { width: 62%; top: 31%; left: 16%; }
.line-b { width: 44%; top: 55%; left: 33%; }
.line-c { width: 52%; top: 71%; left: 20%; }

.server-card {
  position: relative;
  z-index: 2;
  width: min(100%, 420px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(11,16,24,.82);
  backdrop-filter: blur(18px);
  padding: 24px;
  box-shadow: var(--shadow);
  transform: translate(-48px, 58px);
}

.server-card-top,
.panel-screen-head,
.region-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.tiny-label {
  display: block;
  font-size: 9px;
  color: #6f7c8d;
  margin-bottom: 8px;
}

.server-card h2 {
  font-size: 22px;
  margin: 0;
  letter-spacing: -.04em;
}

.online-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  font-size: 10px;
  color: #b7c1cd;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 9px;
}

.online-pill span,
.footer-status i,
.service-row i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--success);
  box-shadow: 0 0 10px rgba(125,247,187,.65);
}

.server-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 22px 0;
}

.server-meta > div,
.panel-stat-grid > div,
.region-specs > div {
  border-top: 1px solid var(--line);
  padding-top: 12px;
  display: grid;
  gap: 5px;
}

.server-meta span,
.panel-stat-grid span,
.region-specs span,
.network-card span {
  color: #6f7b8d;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.server-meta strong,
.panel-stat-grid strong,
.region-specs strong,
.network-card strong {
  font-size: 13px;
}

.usage-block {
  margin-top: 16px;
}

.usage-row {
  display: flex;
  justify-content: space-between;
  color: #8d99aa;
  font-size: 11px;
  margin-bottom: 8px;
}

.meter {
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.07);
}

.meter i {
  display: block;
  height: 100%;
  width: var(--value);
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  border-radius: inherit;
}

.console {
  margin-top: 22px;
  background: #070a0f;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 14px;
  font-family: "Space Mono", ui-monospace, monospace;
}

.console-title {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: #657185;
  text-transform: uppercase;
  letter-spacing: .10em;
  margin-bottom: 12px;
}

.console-live { color: #76d9c1; }

.console p,
.large-console p {
  color: #9aa6b5;
  font-size: 10px;
  line-height: 1.75;
  margin: 0;
}

.console p span,
.large-console p span {
  color: #525d6c;
  margin-right: 8px;
}

.console-cursor { color: var(--accent) !important; }

.proof-row {
  min-height: 116px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  color: #6f7a8b;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 10px;
  font-weight: 700;
}

.proof-row span {
  position: relative;
  padding-left: 18px;
}

.proof-row span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border: 1px solid rgba(113,246,211,.65);
  transform: translateY(-50%) rotate(45deg);
}

.section {
  position: relative;
  padding: 130px 0;
}

.section + .section {
  border-top: 1px solid rgba(255,255,255,.06);
}

.section-heading {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 80px;
  align-items: end;
  margin-bottom: 56px;
}

.section-kicker {
  display: block;
  color: var(--accent);
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 18px;
}

.section-heading h2,
.panel-copy h2,
.region-copy h2,
.compact-heading h2,
.faq-intro h2,
.cta-card h2 {
  margin: 0;
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.section-heading > p,
.panel-copy > p,
.region-copy > p,
.faq-intro > p,
.cta-card p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.72;
  margin: 0;
}

.games-section {
  background: linear-gradient(180deg, rgba(255,255,255,.012), transparent 45%);
}

.game-grid {
  display: grid;
  grid-template-columns: 1.16fr .92fr .92fr;
  gap: 16px;
}

.game-card {
  min-height: 390px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.025), transparent 65%),
    var(--bg-soft);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.game-card:hover {
  transform: translateY(-5px);
  border-color: rgba(113,246,211,.35);
  background:
    linear-gradient(145deg, rgba(113,246,211,.05), transparent 60%),
    #0c1118;
}

.game-card-featured {
  background:
    radial-gradient(circle at 75% 22%, rgba(113,246,211,.11), transparent 15rem),
    linear-gradient(145deg, rgba(255,255,255,.025), transparent 65%),
    var(--bg-soft);
}

.game-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.game-index,
.standard-number {
  font-family: "Space Mono", ui-monospace, monospace;
  color: #657184;
  font-size: 11px;
}

.game-tag {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #8793a3;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 9px;
}

.game-card-body {
  margin-top: auto;
  margin-bottom: 48px;
}

.game-card h3 {
  font-size: clamp(32px, 3.4vw, 46px);
  letter-spacing: -.05em;
  margin: 0 0 15px;
}

.game-card p {
  margin: 0;
  max-width: 36ch;
  color: #8f9bab;
  line-height: 1.65;
  font-size: 14px;
}

.game-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding-top: 17px;
  font-size: 13px;
  font-weight: 700;
}

.arrow {
  color: var(--accent);
  font-size: 17px;
  transition: transform .2s ease;
}

.game-card:hover .arrow { transform: translate(3px, -3px); }

.all-games-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  padding: 0 4px;
  color: #687486;
  font-size: 13px;
}

.panel-section {
  overflow: hidden;
}

.panel-grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 88px;
  align-items: center;
}

.panel-copy > p {
  margin: 24px 0 40px;
}

.numbered-list {
  border-top: 1px solid var(--line);
  margin-bottom: 34px;
}

.numbered-item {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.numbered-item > span {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 10px;
  color: #657184;
  padding-top: 3px;
}

.numbered-item strong {
  font-size: 14px;
}

.numbered-item p {
  color: #7f8a9a;
  font-size: 13px;
  line-height: 1.6;
  margin: 7px 0 0;
}

.panel-window {
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  background: #0a0e14;
  box-shadow: var(--shadow);
  overflow: hidden;
  transform: perspective(1200px) rotateY(-2deg);
}

.window-bar {
  height: 58px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  background: rgba(255,255,255,.015);
}

.window-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: .09em;
  color: #8793a4;
}

.brand-mark-small {
  width: 16px;
  height: 22px;
}

.brand-mark-small::before { inset: 3px; }
.brand-mark-small span { height: 8px; }

.window-state {
  font-family: "Space Mono", ui-monospace, monospace;
  color: #69cfb5;
  font-size: 9px;
  letter-spacing: .08em;
}

.window-body {
  min-height: 480px;
  display: grid;
  grid-template-columns: 150px 1fr;
}

.panel-sidebar {
  border-right: 1px solid var(--line);
  padding: 22px 13px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #090d13;
}

.sidebar-label {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 8px;
  letter-spacing: .14em;
  color: #4f5a69;
  margin: 0 9px 8px;
}

.sidebar-label-spaced { margin-top: 18px; }

.side-item {
  text-align: left;
  border: 0;
  background: transparent;
  padding: 9px 10px;
  border-radius: 7px;
  color: #778394;
  font-size: 11px;
  cursor: pointer;
}

.side-item:hover,
.side-item.active {
  color: #e9eef4;
  background: rgba(255,255,255,.045);
}

.side-item.active {
  box-shadow: inset 2px 0 0 var(--accent);
}

.panel-content {
  position: relative;
  min-width: 0;
}

.panel-screen {
  display: none;
  padding: 30px;
}

.panel-screen.active { display: block; }

.panel-screen h3 {
  margin: 2px 0 0;
  font-size: 24px;
  letter-spacing: -.04em;
}

.panel-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 34px;
}

.panel-stat-grid strong {
  font-size: 20px;
  letter-spacing: -.04em;
}

.activity-chart {
  height: 170px;
  display: flex;
  align-items: end;
  gap: 7px;
  border-bottom: 1px solid var(--line);
  margin-top: 32px;
  padding: 22px 0 0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 100% 42px;
}

.activity-chart span {
  flex: 1;
  max-width: 18px;
  height: var(--h);
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, rgba(113,246,211,.85), rgba(113,246,211,.10));
  opacity: .78;
}

.service-row {
  display: flex;
  gap: 22px;
  margin-top: 24px;
  color: #778395;
  font-size: 10px;
}

.service-row span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.large-console {
  margin-top: 24px;
  min-height: 310px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #06090d;
  padding: 18px;
  font-family: "Space Mono", ui-monospace, monospace;
}

.large-console p {
  font-size: 11px;
  line-height: 2;
}

.file-list,
.backup-list,
.schedule-list {
  margin-top: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}

.file-list > div {
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
  border-bottom: 1px solid var(--line);
  font-size: 11px;
  color: #bbc4d0;
}

.file-list > div:last-child { border-bottom: 0; }

.file-list small,
.backup-list small,
.schedule-list span {
  color: #647081;
}

.backup-list > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 14px;
  padding: 16px;
  border-bottom: 1px solid var(--line);
  font-size: 11px;
}

.backup-list > div:last-child { border-bottom: 0; }
.backup-list small { grid-column: 1 / -1; }
.backup-list strong { color: #a9b4c2; font-weight: 500; }

.network-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  margin-top: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 18px;
}

.schedule-list > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 16px;
  border-bottom: 1px solid var(--line);
  font-size: 11px;
}

.schedule-list > div:last-child { border-bottom: 0; }

.region-section {
  background:
    radial-gradient(circle at 78% 50%, rgba(146,168,255,.09), transparent 24rem);
}

.region-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 100px;
}

.region-copy > p {
  max-width: 560px;
  margin-top: 24px;
}

.region-card {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: rgba(12,17,24,.76);
  padding: 26px;
  overflow: hidden;
}

.region-name {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 46px 0 34px;
}

.region-code {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(113,246,211,.30);
  background: rgba(113,246,211,.05);
  font-family: "Space Mono", ui-monospace, monospace;
  color: var(--accent);
  font-size: 21px;
  font-weight: 700;
}

.region-name > div {
  display: grid;
  gap: 8px;
}

.region-name strong {
  font-size: 30px;
  letter-spacing: -.04em;
}

.region-name span:not(.region-code) {
  color: #7b8797;
  font-size: 12px;
}

.region-lines {
  height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 -26px;
  opacity: .6;
  transform: skewY(-2deg);
}

.region-lines span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(113,246,211,.42), rgba(146,168,255,.36), transparent);
}

.region-specs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 36px;
}

.standard-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.compact-heading {
  display: block;
  margin-bottom: 50px;
}

.standard-grid article {
  min-height: 280px;
  padding: 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.012);
}

.standard-number {
  display: block;
  margin-bottom: 70px;
}

.standard-grid h3 {
  font-size: 18px;
  letter-spacing: -.03em;
  margin: 0 0 12px;
}

.standard-grid p {
  margin: 0;
  color: #798596;
  font-size: 13px;
  line-height: 1.65;
}

.faq-grid {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 90px;
}

.faq-intro h2 {
  font-size: 48px;
  margin-bottom: 20px;
}

.faq-intro > p {
  font-size: 14px;
  margin-bottom: 28px;
}

.faq-list {
  border-top: 1px solid var(--line);
}

.faq-list details {
  border-bottom: 1px solid var(--line);
  padding: 22px 0;
}

.faq-list summary {
  cursor: pointer;
  list-style: none;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -.02em;
  position: relative;
  padding-right: 36px;
}

.faq-list summary::-webkit-details-marker { display: none; }

.faq-list summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: -2px;
  color: #748093;
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 18px;
  font-weight: 400;
}

.faq-list details[open] summary::after { content: "–"; }

.faq-list details p {
  margin: 14px 0 0;
  max-width: 68ch;
  color: #7e8a9a;
  font-size: 13px;
  line-height: 1.7;
}

.cta-section {
  padding: 50px 0 120px;
}

.cta-card {
  min-height: 300px;
  border: 1px solid rgba(113,246,211,.20);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 22%, rgba(113,246,211,.10), transparent 24rem),
    linear-gradient(135deg, rgba(255,255,255,.025), transparent 55%),
    #0b1017;
  padding: 44px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
}

.cta-card h2 {
  font-size: 56px;
  margin-bottom: 16px;
}

.cta-card p {
  max-width: 550px;
  font-size: 14px;
}

.cta-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.site-footer {
  border-top: 1px solid var(--line);
  padding: 70px 0 26px;
  background: #06080b;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}

.footer-brand p {
  color: #626e7e;
  font-size: 13px;
  margin: 20px 0 0;
}

.footer-links {
  display: flex;
  justify-content: flex-end;
  gap: 100px;
}

.footer-links > div {
  display: grid;
  gap: 11px;
  min-width: 110px;
}

.footer-links > div > span {
  color: #5e6978;
  text-transform: uppercase;
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: .10em;
  margin-bottom: 4px;
}

.footer-links a {
  color: #929eae;
  font-size: 12px;
}

.footer-links a:hover { color: #fff; }

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid var(--line);
  margin-top: 54px;
  padding-top: 24px;
  color: #555f6d;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.footer-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 1020px) {
  .desktop-nav { display: none; }
  .nav-shell { grid-template-columns: 1fr auto auto; }
  .menu-button { display: block; }
  .nav-actions .nav-login { display: none; }

  .mobile-nav {
    position: absolute;
    top: 78px;
    left: 20px;
    right: 20px;
    display: none;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(10,14,20,.97);
    backdrop-filter: blur(18px);
    box-shadow: var(--shadow);
  }

  .mobile-nav.open {
    display: grid;
    gap: 2px;
  }

  .mobile-nav a {
    padding: 12px 13px;
    border-radius: 9px;
    color: #b6c0cd;
    font-size: 13px;
  }

  .mobile-nav a:hover {
    background: rgba(255,255,255,.04);
    color: #fff;
  }

  .hero-grid,
  .panel-grid,
  .region-grid {
    grid-template-columns: 1fr;
  }

  .hero-grid { gap: 40px; }
  .hero-stage { min-height: 470px; }
  .server-card { transform: translate(-20px, 38px); }
  .monolith-object { right: 13%; }

  .section-heading,
  .faq-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .section-heading > p { max-width: 650px; }

  .game-grid {
    grid-template-columns: 1fr 1fr;
  }

  .game-card-featured {
    grid-column: 1 / -1;
  }

  .panel-grid { gap: 60px; }
  .panel-copy { max-width: 680px; }

  .region-grid { gap: 48px; }
  .region-copy { max-width: 700px; }

  .standard-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cta-card {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  .shell { width: min(calc(100% - 28px), var(--shell)); }
  .nav-shell { height: 68px; }
  .mobile-nav { top: 68px; left: 14px; right: 14px; }
  .nav-actions .button-small { display: none; }

  .hero {
    padding-top: 120px;
  }

  .hero h1 {
    font-size: clamp(52px, 15vw, 72px);
  }

  .hero-lede { font-size: 16px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .hero-actions .button { width: 100%; }
  .hero-facts { flex-wrap: wrap; gap: 26px 34px; margin-top: 42px; }

  .hero-stage {
    min-height: 430px;
  }

  .monolith-object {
    width: 210px;
    height: 390px;
    right: 0;
  }

  .server-card {
    width: calc(100% - 24px);
    transform: translate(-8px, 38px);
    padding: 18px;
  }

  .proof-row {
    min-height: 132px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 26px 0;
  }

  .section { padding: 92px 0; }

  .section-heading h2,
  .panel-copy h2,
  .region-copy h2,
  .compact-heading h2 {
    font-size: 44px;
  }

  .game-grid { grid-template-columns: 1fr; }
  .game-card-featured { grid-column: auto; }
  .game-card { min-height: 330px; }

  .all-games-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .panel-window {
    transform: none;
    border-radius: 14px;
  }

  .window-body {
    grid-template-columns: 1fr;
  }

  .panel-sidebar {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 10px;
  }

  .sidebar-label { display: none; }
  .side-item { white-space: nowrap; }
  .side-item.active {
    box-shadow: inset 0 -2px 0 var(--accent);
  }

  .panel-screen { padding: 22px 18px; }
  .panel-stat-grid { grid-template-columns: 1fr; }
  .activity-chart { height: 130px; }

  .region-card { padding: 20px; }
  .region-lines { margin: 0 -20px; }
  .region-specs { grid-template-columns: 1fr; }

  .standard-grid { grid-template-columns: 1fr; }
  .standard-grid article { min-height: 220px; }
  .standard-number { margin-bottom: 45px; }

  .faq-intro h2 { font-size: 42px; }

  .cta-section { padding-bottom: 80px; }
  .cta-card { padding: 28px; min-height: 340px; }
  .cta-card h2 { font-size: 46px; }
  .cta-actions { width: 100%; flex-direction: column; }
  .cta-actions .button { width: 100%; }

  .footer-grid { grid-template-columns: 1fr; gap: 44px; }
  .footer-links { justify-content: flex-start; gap: 52px; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}



/* === SECONDARY PAGES === */

.inner-page {
  background:
    radial-gradient(circle at 78% 8%, rgba(94, 112, 255, .09), transparent 26rem),
    radial-gradient(circle at 14% 28%, rgba(113, 246, 211, .045), transparent 24rem),
    var(--bg);
}

.inner-footer { margin-top: 0; }

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #596576;
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .09em;
  margin-bottom: 46px;
}

.breadcrumbs a:hover { color: #eaf0f6; }
.breadcrumbs strong { color: #8b97a7; font-weight: 500; }

.product-hero,
.catalog-hero,
.faq-hero {
  position: relative;
  padding: 140px 0 90px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.product-hero-grid {
  min-height: 520px;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 90px;
  align-items: center;
}

.product-hero-copy h1,
.catalog-hero h1,
.faq-hero h1 {
  margin: 24px 0 24px;
  font-size: clamp(54px, 6.4vw, 88px);
  line-height: .96;
  letter-spacing: -.065em;
}

.catalog-hero h1 span,
.faq-hero h1 span {
  color: #5e697a;
}

.product-hero-copy > p {
  max-width: 650px;
  margin: 0;
  color: #a2adbb;
  font-size: 17px;
  line-height: 1.72;
}

.product-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 48px;
}

.product-facts span {
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #758193;
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.product-visual {
  position: relative;
  border: 1px solid var(--line-strong);
  border-radius: 24px;
  padding: 25px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), transparent 55%),
    rgba(11,16,24,.82);
  min-height: 430px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.profile-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  position: relative;
  z-index: 2;
}

.profile-top strong {
  font-size: 22px;
  letter-spacing: -.04em;
}

.profile-monolith {
  position: relative;
  height: 235px;
  display: grid;
  place-items: center;
  margin: 10px 0 2px;
}

.profile-monolith::before {
  content: "";
  position: absolute;
  width: 210px;
  height: 160px;
  border-radius: 50%;
  background: rgba(81, 101, 255, .16);
  filter: blur(58px);
}

.profile-slab {
  position: relative;
  z-index: 2;
  width: 108px;
  height: 205px;
  clip-path: polygon(18% 0, 86% 7%, 100% 91%, 10% 100%, 0 16%);
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), transparent 22%),
    linear-gradient(165deg, #1a2430, #090d13 64%, #131b25);
  box-shadow: 0 30px 70px rgba(0,0,0,.52);
  transform: rotate(4deg);
  overflow: hidden;
}

.profile-slab i {
  position: absolute;
  left: 15%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(113,246,211,.65), transparent);
}

.profile-slab i:nth-child(1) { top: 24%; }
.profile-slab i:nth-child(2) { top: 42%; width: 54%; left: 28%; }
.profile-slab i:nth-child(3) { top: 62%; }
.profile-slab i:nth-child(4) { top: 78%; width: 44%; left: 35%; }

.profile-scan {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(146,168,255,.7), transparent);
  box-shadow: 0 0 24px rgba(146,168,255,.45);
}

.profile-tagline {
  position: relative;
  z-index: 2;
  margin: 0 0 18px;
  color: #8995a6;
  text-align: center;
  font-size: 12px;
}

.profile-spec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  position: relative;
  z-index: 2;
}

.profile-spec-grid > div {
  border-top: 1px solid var(--line);
  padding-top: 12px;
  display: grid;
  gap: 4px;
}

.profile-spec-grid span {
  color: #626e7f;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.profile-spec-grid strong {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 12px;
}

.workload-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.workload-feature {
  min-height: 260px;
  padding: 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.01);
}

.workload-feature .standard-number {
  display: block;
  margin-bottom: 72px;
}

.workload-feature h3 {
  margin: 0 0 10px;
  font-size: 18px;
  letter-spacing: -.03em;
}

.workload-feature p {
  margin: 0;
  color: #7e8999;
  font-size: 13px;
  line-height: 1.68;
}

.deploy-section {
  background: rgba(255,255,255,.008);
}

.deploy-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 92px;
  align-items: start;
}

.deploy-copy h2,
.product-faq-grid h2,
.stack-copy h2,
.faq-aside h2 {
  margin: 0;
  font-size: clamp(40px, 4.5vw, 62px);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.deploy-copy h2 span,
.stack-copy h2 span {
  color: #5e697a;
}

.deploy-copy > p,
.product-faq-grid > div:first-child > p,
.stack-copy > p,
.faq-aside > p {
  color: #7e8a9a;
  font-size: 14px;
  line-height: 1.72;
  margin: 24px 0 0;
}

.deploy-steps {
  border-top: 1px solid var(--line);
}

.deploy-step {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  padding: 23px 0;
  border-bottom: 1px solid var(--line);
}

.deploy-step > span {
  color: #647183;
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 10px;
  padding-top: 3px;
}

.deploy-step strong {
  font-size: 15px;
  letter-spacing: -.02em;
}

.deploy-step p {
  color: #7b8797;
  margin: 7px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.product-faq-grid {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 90px;
}

.product-faq-grid > div:first-child > p {
  max-width: 40ch;
  margin-bottom: 24px;
}

.compact-related {
  display: block;
  margin-bottom: 34px;
}

.compact-related h2 { font-size: 44px; }

.related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.related-card {
  position: relative;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #0a0e14;
  transition: border-color .2s ease, transform .2s ease;
}

.related-card:hover {
  border-color: rgba(113,246,211,.30);
  transform: translateY(-3px);
}

.related-card > span {
  color: #5f6b7c;
  font-family: "Space Mono", ui-monospace, monospace;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: .09em;
}

.related-card strong {
  margin-top: auto;
  font-size: 22px;
  letter-spacing: -.04em;
}

.related-card small {
  color: #748091;
  font-size: 11px;
  margin-top: 7px;
}

.related-card i,
.stack-card i {
  position: absolute;
  top: 18px;
  right: 18px;
  color: var(--accent);
  font-style: normal;
}

/* Games catalog */

.catalog-hero-grid,
.faq-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 90px;
  align-items: end;
}

.catalog-hero-grid > p,
.faq-hero-grid > p {
  margin: 0 0 18px;
  color: #8f9bab;
  font-size: 15px;
  line-height: 1.75;
}

.catalog-tools {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: stretch;
  gap: 12px;
  margin-top: 54px;
}

.game-search,
.faq-search {
  display: block;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.018);
  padding: 13px 15px;
}

.game-search .tiny-label,
.faq-search .tiny-label {
  margin-bottom: 7px;
}

.game-search input,
.faq-search input {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  color: #eef2f7;
  background: transparent;
  font-size: 15px;
}

.game-search input::placeholder,
.faq-search input::placeholder { color: #505c6c; }

.catalog-count {
  min-width: 130px;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px 16px;
  display: grid;
  align-content: center;
  gap: 5px;
}

.catalog-count strong {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 15px;
}

.catalog-count span {
  color: #626e7e;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.catalog-section { padding-top: 70px; }

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.catalog-card {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.022), transparent 58%),
    #0a0e14;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.catalog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(113,246,211,.30);
  background:
    radial-gradient(circle at 82% 16%, rgba(113,246,211,.055), transparent 15rem),
    #0b1017;
}

.catalog-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.catalog-body {
  margin-top: auto;
  padding-top: 90px;
}

.catalog-body h2 {
  margin: 0 0 13px;
  font-size: 38px;
  letter-spacing: -.05em;
}

.catalog-body p {
  max-width: 55ch;
  margin: 0;
  color: #7f8a9a;
  font-size: 13px;
  line-height: 1.65;
}

.catalog-meta {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  border-top: 1px solid var(--line);
  margin-top: 26px;
  padding-top: 16px;
  color: #687586;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.catalog-meta i {
  color: var(--accent);
  font-style: normal;
  font-size: 17px;
}

.no-results {
  border: 1px dashed var(--line-strong);
  border-radius: 14px;
  padding: 26px;
  color: #758193;
  text-align: center;
}

.minecraft-stack-section {
  background: rgba(255,255,255,.008);
}

.stack-grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 90px;
}

.stack-copy > p { max-width: 48ch; }

.stack-card-grid {
  display: grid;
  gap: 12px;
}

.stack-card {
  position: relative;
  min-height: 132px;
  display: grid;
  align-content: center;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
  background: #0a0e14;
  transition: border-color .2s ease, transform .2s ease;
}

.stack-card:hover {
  border-color: rgba(146,168,255,.35);
  transform: translateX(3px);
}

.stack-card strong {
  font-size: 20px;
  letter-spacing: -.03em;
}

.stack-card p {
  margin: 7px 0 0;
  color: #6c7889;
  font-size: 11px;
}

/* FAQ library */

.faq-hero { padding-bottom: 46px; }

.faq-search {
  max-width: 720px;
  margin-top: 46px;
}

.faq-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.faq-filter {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: #758193;
  padding: 9px 12px;
  font-size: 10px;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.faq-filter:hover,
.faq-filter.active {
  border-color: rgba(113,246,211,.30);
  color: #dbe3ec;
  background: rgba(113,246,211,.05);
}

.faq-library-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 90px;
  align-items: start;
}

.faq-aside {
  position: sticky;
  top: 110px;
}

.faq-aside h2 { font-size: 38px; }
.faq-aside > p { margin-bottom: 24px; }

.faq-group {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 34px;
  padding: 0 0 60px;
}

.faq-group + .faq-group {
  border-top: 1px solid rgba(255,255,255,.06);
  padding-top: 60px;
}

.faq-group-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 20px;
  color: #aab5c3;
  font-family: "Space Mono", ui-monospace, monospace;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: .09em;
}

.faq-group-title small { color: #4e5968; }

.faq-entry[hidden],
.faq-group[hidden] { display: none; }

@media (max-width: 1020px) {
  .product-hero-grid,
  .catalog-hero-grid,
  .faq-hero-grid,
  .deploy-grid,
  .product-faq-grid,
  .stack-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .product-visual {
    max-width: 640px;
  }

  .workload-grid { grid-template-columns: repeat(2, 1fr); }
  .related-grid { grid-template-columns: 1fr; }
  .faq-library-grid { grid-template-columns: 1fr; gap: 42px; }
  .faq-aside { position: static; max-width: 680px; }
}

@media (max-width: 700px) {
  .product-hero,
  .catalog-hero,
  .faq-hero { padding: 112px 0 64px; }

  .breadcrumbs { margin-bottom: 30px; }

  .product-hero-copy h1,
  .catalog-hero h1,
  .faq-hero h1 {
    font-size: 50px;
  }

  .product-facts { margin-top: 34px; }
  .product-visual { min-height: 390px; padding: 20px; }
  .profile-spec-grid { grid-template-columns: 1fr; }
  .profile-monolith { height: 200px; }
  .profile-slab { height: 175px; width: 92px; }

  .workload-grid { grid-template-columns: 1fr; }
  .workload-feature { min-height: 220px; }
  .workload-feature .standard-number { margin-bottom: 46px; }

  .catalog-tools { grid-template-columns: 1fr 1fr; }
  .game-search { grid-column: 1 / -1; }
  .catalog-count { min-width: 0; }

  .catalog-grid { grid-template-columns: 1fr; }
  .catalog-card { min-height: 315px; }
  .catalog-body { padding-top: 62px; }

  .faq-filter-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
  }

  .faq-filter { white-space: nowrap; }

  .faq-group {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .faq-group-title {
    padding: 0 0 8px;
  }
}


/* Monolith production hardware callouts */
.hardware-region-specs { grid-template-columns: 1.35fr .9fr .75fr .85fr; }
.hardware-disclaimer {
  margin: 16px 0 0;
  color: #596577;
  font-size: 10px;
  line-height: 1.55;
}
.hardware-ribbon {
  margin-top: 108px;
  margin-bottom: -88px;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.025);
  color: #778397;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.hardware-ribbon strong { color: var(--text); font-size: 12px; }
.hardware-ribbon span:last-child { margin-left: auto; color: #91a0b4; }
.profile-spec-grid--hardware { grid-template-columns: repeat(4, 1fr); }
.hardware-callout-section { padding: 0 0 20px; }
.hardware-callout {
  min-height: 112px;
  border: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(113,246,211,.065), transparent 34%),
    rgba(255,255,255,.018);
  display: grid;
  grid-template-columns: 150px 1fr auto;
  align-items: center;
  gap: 28px;
  padding: 22px 28px;
}
.hardware-callout > div strong { display:block; font-size: 19px; letter-spacing: -.03em; }
.hardware-callout > div p { margin: 6px 0 0; color: #8390a2; font-size: 12px; line-height: 1.55; }
.hardware-speed {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -.06em;
  color: var(--accent);
  white-space: nowrap;
}
.hardware-speed small { margin-left: 5px; font-size: 11px; letter-spacing: .08em; color: #7d899a; text-transform: uppercase; }
@media (max-width: 900px) {
  .hardware-region-specs { grid-template-columns: 1fr 1fr; }
  .profile-spec-grid--hardware { grid-template-columns: 1fr 1fr; }
  .hardware-callout { grid-template-columns: 1fr auto; }
  .hardware-callout > .tiny-label { grid-column: 1 / -1; }
  .hardware-ribbon { margin-top: 92px; margin-bottom: -72px; flex-wrap: wrap; padding-block: 12px; }
  .hardware-ribbon span:last-child { margin-left: 0; width: 100%; }
}
@media (max-width: 600px) {
  .hardware-callout { grid-template-columns: 1fr; }
  .hardware-speed { font-size: 30px; }
  .hardware-region-specs, .profile-spec-grid--hardware { grid-template-columns: 1fr; }
}

.hardware-ribbon--catalog{margin:22px 0 0;width:100%;}

/* Trust, hardware transparency and Unturned knowledge base */
.trust-section{padding-top:0}.trust-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(18,41,54,.96),rgba(17,24,39,.98));box-shadow:0 28px 80px rgba(0,0,0,.22)}.trust-card h2{max-width:760px;margin:10px 0;font-size:clamp(28px,4vw,48px);letter-spacing:-.045em}.trust-card p{max-width:700px;margin:0;color:var(--muted);line-height:1.7}.trust-card .button{flex:none}.guide-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:120px 0 88px}.guide-hero{padding:50px 0 44px;border-bottom:1px solid var(--line)}.guide-hero h1{max-width:920px;margin:14px 0 18px;font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.065em}.guide-hero>p{max-width:790px;color:var(--muted);font-size:18px;line-height:1.75}.guide-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.guide-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#92a0b2;font:11px "Space Mono",monospace;text-transform:uppercase}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;padding-top:44px}.guide-content{min-width:0;color:#bac4d1;font-size:16px;line-height:1.85}.guide-content h2{margin:48px 0 12px;color:var(--text);font-size:clamp(27px,3vw,39px);letter-spacing:-.04em}.guide-content h3{margin:30px 0 8px;color:var(--text)}.guide-content a{color:var(--accent)}.guide-content pre{overflow:auto;padding:20px;border:1px solid rgba(74,224,207,.25);border-radius:12px;background:#05090e;color:#d7fff8;line-height:1.6}.guide-note{margin:22px 0;padding:17px 19px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:rgba(39,224,207,.07)}.guide-toc{position:sticky;top:96px;height:max-content;padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(12,18,27,.92)}.guide-toc strong{display:block;margin-bottom:10px;color:var(--text)}.guide-toc a{display:block;padding:7px 0;color:#8f9bad;text-decoration:none;font-size:13px}.guide-toc a:hover{color:var(--accent)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.guide-card{display:flex;min-height:220px;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(20,31,46,.96),rgba(10,16,25,.98));text-decoration:none;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-4px);border-color:rgba(74,224,207,.4)}.guide-card h2{margin:14px 0 10px;color:var(--text);font-size:24px;letter-spacing:-.035em}.guide-card p{margin:0;color:var(--muted);line-height:1.6}.guide-card b{margin-top:auto;padding-top:20px;color:var(--accent)}.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:50px;padding:28px;border:1px solid rgba(74,224,207,.25);border-radius:16px;background:rgba(26,53,64,.55)}.hardware-table{width:100%;margin:20px 0;border-collapse:collapse}.hardware-table th,.hardware-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.hardware-table th{width:38%;color:#8996a8;font-weight:500}.hardware-table td{color:var(--text);font-weight:700}@media(max-width:760px){.trust-card,.guide-cta{align-items:flex-start;flex-direction:column}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;order:-1}.guide-cards{grid-template-columns:1fr}}


/* === Monolith full-flow repair === */
.brand-icon{width:24px;height:30px;display:block;object-fit:contain;filter:drop-shadow(0 0 10px rgba(130,150,190,.12))}.brand-name{font-size:.82rem;font-weight:800;letter-spacing:-.025em}.site-header .brand{gap:.65rem}
.server-card-top{display:grid;grid-template-columns:48px 1fr auto;column-gap:.85rem;align-items:center}.server-game-art{width:48px;height:48px;border-radius:10px;overflow:hidden;border:1px solid rgba(120,145,180,.24);background:#0a111c}.server-game-art img{width:100%;height:100%;object-fit:cover}.server-card-top>div:not(.server-game-art){min-width:0}.server-card-top .online-pill{justify-self:end}.server-card h2{font-size:1.45rem}
.game-card{overflow:hidden}.game-art{height:145px;margin:-2px -2px 1.25rem;overflow:hidden;border-bottom:1px solid var(--line);background:#0b121e}.game-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .45s ease,filter .45s ease}.game-card:hover .game-art img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}.game-card-featured .game-art{height:175px}
.catalog-card{overflow:hidden}.catalog-art{height:138px;margin:-1px -1px 1.15rem;border-bottom:1px solid var(--line);overflow:hidden;background:#0a111a}.catalog-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .4s ease}.catalog-card:hover .catalog-art img{transform:scale(1.035)}
.product-visual{overflow:hidden}.product-game-art{height:148px;margin:-1px -1px 1rem;overflow:hidden;border-bottom:1px solid var(--line)}.product-game-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.72)}
.actual-panel-window{margin:0;border:1px solid rgba(111,137,174,.26);border-radius:20px;overflow:hidden;background:#0a111c;box-shadow:0 35px 100px rgba(0,0,0,.32)}.actual-panel-bar{height:52px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(111,137,174,.17);background:#0d1623}.actual-panel-title{display:flex;align-items:center;gap:.7rem;color:#dce6f4;font-size:.72rem;font-weight:700}.actual-panel-title img{width:18px;height:24px}.actual-panel-live{font:700 .55rem/1 'Space Mono',monospace;letter-spacing:.12em;color:#63e2b1;border:1px solid rgba(99,226,177,.25);padding:.4rem .55rem;border-radius:999px}.actual-panel-shot{display:block;width:100%;aspect-ratio:1.89/1;object-fit:cover;object-position:center top;background:#263a56}.actual-panel-window figcaption{padding:.8rem 1rem;color:var(--muted);font-size:.68rem;border-top:1px solid rgba(111,137,174,.15)}
.auth-flow-page{min-height:100vh}.auth-flow-main{padding:138px 0 80px;min-height:calc(100vh - 1px);display:flex;align-items:center}.auth-flow-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.7fr);gap:clamp(2rem,6vw,7rem);align-items:center}.auth-story{position:relative;padding:2rem 0}.auth-logo-mark{width:52px;height:66px;margin:1.5rem 0}.auth-story h1{font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.07em;margin:0}.auth-story h1 span{color:#6f7d92}.auth-story>p{max-width:620px;color:var(--muted);font-size:1.05rem;line-height:1.7;margin:1.7rem 0}.auth-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line);margin-top:2.2rem}.auth-story-grid div{background:#090f18;padding:1rem}.auth-story-grid strong,.auth-story-grid span{display:block}.auth-story-grid strong{font-family:'Space Mono',monospace;color:#e9f1fb}.auth-story-grid span{margin-top:.3rem;color:var(--muted);font-size:.65rem}.flow-auth-card{border:1px solid rgba(112,139,178,.25);border-radius:20px;padding:clamp(1.4rem,3vw,2.4rem);background:linear-gradient(145deg,rgba(17,25,36,.96),rgba(9,15,24,.98));box-shadow:0 35px 90px rgba(0,0,0,.3)}.flow-auth-card h2{font-size:2.35rem;margin:.55rem 0}.flow-auth-card>p{color:var(--muted);line-height:1.6}.flow-auth-form{display:grid;gap:1rem;margin-top:1.5rem}.flow-auth-form label{display:grid;gap:.45rem}.flow-auth-form label span{font-size:.68rem;font-weight:700;color:#b8c5d7}.flow-auth-form input{width:100%;border:1px solid rgba(112,139,178,.25);border-radius:9px;background:#080e17;color:#fff;padding:.88rem .95rem;outline:none}.flow-auth-form input:focus{border-color:#54d8d2;box-shadow:0 0 0 3px rgba(84,216,210,.08)}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.auth-submit{width:100%;margin-top:.25rem}.auth-switch,.auth-security{font-size:.72rem!important}.auth-switch a,.auth-portals a{color:#5ee2dc}.auth-portals{display:flex;gap:1rem;margin-top:1rem;font-size:.68rem}.auth-error{display:none;margin-top:1rem;padding:.7rem .8rem;border:1px solid rgba(255,103,116,.3);border-radius:8px;background:rgba(255,103,116,.08);color:#ff9aa3;font-size:.72rem}.auth-error.is-visible{display:block}
@media(max-width:900px){.auth-flow-shell{grid-template-columns:1fr}.auth-story{padding-bottom:0}.auth-story h1{font-size:clamp(3rem,13vw,5rem)}.actual-panel-shot{aspect-ratio:1.45/1}.game-art,.game-card-featured .game-art{height:145px}}
@media(max-width:620px){.auth-two{grid-template-columns:1fr}.auth-story-grid{grid-template-columns:1fr}.auth-flow-main{padding-top:110px}.brand-name{font-size:.74rem}.actual-panel-window{border-radius:14px}.actual-panel-window figcaption{font-size:.6rem}}


/* === Monolith consistency + catalogue polish v2 === */
/* Homepage featured games: equal columns, equal visual treatment, uncropped artwork. */
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.game-card,.game-card-featured{min-height:430px;height:100%}
.game-card-featured{grid-column:auto}
.game-art,.game-card-featured .game-art{height:152px;margin:14px 0 22px;border:1px solid rgba(111,137,174,.16);border-radius:12px;background:#080d14}
.game-art img,.game-card-featured .game-art img{object-fit:contain;object-position:center;transform:none!important;padding:0}
.game-card-body{margin-top:auto;margin-bottom:34px}
.game-card h3{font-size:clamp(30px,2.6vw,40px)}

/* Games catalogue: 3 across on desktop, same-size cards, full artwork visible. */
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.catalog-card{height:100%;min-height:405px;padding:18px;border-radius:18px}
.catalog-art{height:150px;margin:14px 0 0;border:1px solid rgba(111,137,174,.16);border-radius:11px;background:#080d14}
.catalog-art img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:saturate(.95) contrast(1.02)}
.catalog-body{margin-top:0;padding-top:24px;flex:1}
.catalog-body h2{font-size:30px;line-height:1.02;margin-bottom:11px}
.catalog-body p{font-size:12px;line-height:1.62}
.catalog-meta{margin-top:auto;padding-top:14px;font-size:9px}

/* Restore interactive panel proportions. */
.panel-window{transform:none;min-width:0}
.window-body{min-height:470px}

@media(max-width:1120px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-card-featured{grid-column:auto}
}
@media(max-width:700px){
  .catalog-grid,.game-grid{grid-template-columns:1fr}
  .catalog-card,.game-card,.game-card-featured{min-height:0;height:auto}
  .catalog-art{height:150px}
  .game-art,.game-card-featured .game-art{height:145px}
}


/* MONOLITH SITE POLISH V3 */
html{background:#07090d}
html:not(.page-ready) body{opacity:0;transform:translateY(7px)}
html.page-ready body{opacity:1;transform:none;transition:opacity .28s ease,transform .32s cubic-bezier(.2,.7,.2,1)}
html.page-leaving body{opacity:0;transform:translateY(-5px);transition:opacity .14s ease,transform .14s ease}
@media (prefers-reduced-motion:reduce){
  html:not(.page-ready) body,html.page-ready body,html.page-leaving body{opacity:1;transform:none;transition:none}
}
@view-transition{navigation:auto}

.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.game-card,.game-card-featured{min-height:440px;height:100%;display:flex;flex-direction:column;overflow:hidden}
.game-art,.game-card-featured .game-art{
  width:100%;height:auto;aspect-ratio:2.14/1;margin:14px 0 22px;overflow:hidden;
  border:1px solid rgba(111,137,174,.16);border-radius:12px;background:#080d14
}
.game-art img,.game-card-featured .game-art img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  transform:none!important;padding:0;filter:saturate(.94) contrast(1.03)
}
.game-card:hover .game-art img{transform:scale(1.018)!important}
.game-card-body{margin-top:0;flex:1}.game-card-bottom{margin-top:auto}

.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.catalog-card{min-height:410px;height:100%;display:flex;flex-direction:column}
.catalog-art{
  width:100%;height:auto;aspect-ratio:2.14/1;margin:14px 0 0;overflow:hidden;
  border:1px solid rgba(111,137,174,.16);border-radius:11px;background:#080d14
}
.catalog-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;filter:saturate(.94) contrast(1.03)}
.catalog-card:hover .catalog-art img{transform:scale(1.018)!important}.catalog-body{flex:1}

.flow-user{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf3ff;font-size:.78rem;font-weight:700}
.flow-logout{appearance:none;border:0;background:transparent;color:#91a1b5;cursor:pointer;font:600 .74rem/1 Inter,sans-serif;padding:.65rem .2rem}
.flow-logout:hover{color:#5ee2dc}.flow-logout:disabled{opacity:.55;cursor:wait}
html.auth-success .flow-auth-card{box-shadow:0 0 0 1px rgba(94,226,220,.3),0 35px 90px rgba(0,0,0,.3)}

@media(max-width:1050px){.catalog-grid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.catalog-grid,.game-grid{grid-template-columns:1fr}.game-card,.game-card-featured,.catalog-card{min-height:0}}


/* MONOLITH COMMERCE V4 */
.flow-account-action,.flow-logout{border:1px solid rgba(129,151,181,.18);background:#0b1119;color:#dce9f8;border-radius:9px;padding:.64rem .82rem;font:700 .72rem/1 Inter,sans-serif;text-decoration:none;white-space:nowrap}
.flow-account-action:hover,.flow-logout:hover{border-color:rgba(94,226,220,.55);color:#63e6de;background:#0c171d}
.flow-account-button{cursor:pointer}.flow-user{padding:0 .35rem}
.flow-mobile-account{display:grid;gap:8px;padding:14px 0;border-top:1px solid rgba(130,150,180,.16)}
.flow-mobile-account strong{color:#fff}.flow-mobile-account a,.flow-mobile-account button{display:block;text-align:left;color:#cbd9e9;background:transparent;border:0;padding:8px 0;font:600 .9rem Inter,sans-serif}
.product-pricing-section{padding:78px 0 92px;border-top:1px solid rgba(120,145,180,.12);border-bottom:1px solid rgba(120,145,180,.12);background:linear-gradient(180deg,rgba(13,22,32,.72),rgba(7,9,13,.96))}
.product-pricing-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.product-pricing-head h2{font-size:clamp(2rem,4.2vw,4.3rem);line-height:.95;margin:.45rem 0 0}.product-pricing-head p{max-width:520px;color:#92a7c0;line-height:1.7}
.product-plan-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}.plan-cycle-tabs{display:flex;gap:6px;padding:5px;border:1px solid rgba(129,151,181,.16);border-radius:12px;background:#090e15}.plan-cycle-tabs button{border:0;background:transparent;color:#8799b0;border-radius:8px;padding:10px 14px;cursor:pointer;font:700 .76rem Inter,sans-serif}.plan-cycle-tabs button small{display:block;font-size:.55rem;color:#55ddcf;margin-top:3px}.plan-cycle-tabs button.is-active{background:#172433;color:#fff;box-shadow:inset 0 0 0 1px rgba(94,226,220,.2)}
.plan-currency{display:flex;align-items:center;gap:9px;color:#8094ad;font-size:.72rem;font-weight:700}.plan-currency select{background:#0a1018;color:#eaf3ff;border:1px solid rgba(129,151,181,.2);border-radius:9px;padding:9px 30px 9px 10px}
.commerce-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.commerce-plan{position:relative;display:flex;flex-direction:column;min-height:410px;padding:22px;border-radius:16px;background:linear-gradient(180deg,#0d141e,#090e15);border:1px solid rgba(128,151,180,.17);overflow:hidden}.commerce-plan.is-popular{border-color:rgba(94,226,220,.55);box-shadow:0 20px 60px rgba(35,220,205,.08)}.commerce-plan-top{display:flex;justify-content:space-between;min-height:24px}.plan-index{font:700 .66rem Space Mono,monospace;color:#617694}.plan-popular{font:700 .58rem Space Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:#62e6d9}.commerce-plan h3{font-size:2rem;margin:18px 0 4px}.plan-cpu{color:#8296ae;margin:0}.commerce-price{display:flex;align-items:end;gap:6px;margin:24px 0 5px}.commerce-price strong{font-size:2rem;color:#fff}.commerce-price span{color:#7e93ad;font-size:.72rem;padding-bottom:6px}.commerce-billing-note{min-height:34px;color:#6f839c;font-size:.69rem;line-height:1.45}.commerce-plan ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px;color:#a9bbcf;font-size:.74rem;line-height:1.4}.commerce-plan li:before{content:'✓';color:#55dfd2;margin-right:7px}.commerce-order{margin-top:auto;justify-content:space-between}
.plans-explorer{padding:74px 0 96px}.game-plan-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:28px}.game-plan-tabs button{display:flex;align-items:center;gap:10px;padding:10px;background:#090e14;border:1px solid rgba(129,151,181,.15);border-radius:12px;color:#bdcce0;cursor:pointer;text-align:left}.game-plan-tabs button.is-active{border-color:rgba(94,226,220,.55);background:#0c181e;color:#fff}.game-plan-tabs img{width:54px;height:32px;border-radius:6px;object-fit:cover}.plans-explorer-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 24px}.plans-explorer-head h2{font-size:clamp(2rem,3.5vw,3.5rem);margin:.35rem 0}.plans-explorer-head p{max-width:720px;color:#8da1ba;line-height:1.65}
@media(max-width:1150px){.commerce-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-plan-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.commerce-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-pricing-head,.plans-explorer-head{display:block}.product-plan-controls{align-items:flex-start;flex-direction:column}.game-plan-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.commerce-plan-grid,.game-plan-tabs{grid-template-columns:1fr}.plan-cycle-tabs{width:100%;overflow-x:auto}.plan-cycle-tabs button{flex:1}.commerce-plan{min-height:0}}
.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;padding-top:44px}.guide-article{min-width:0;color:#bac4d1;font-size:16px;line-height:1.85}.guide-article h2{margin:48px 0 12px;color:var(--text);font-size:clamp(27px,3vw,39px);letter-spacing:-.04em}.guide-article a{color:var(--accent)}.guide-article pre{overflow:auto;padding:20px;border:1px solid rgba(74,224,207,.25);border-radius:12px;background:#05090e;color:#d7fff8}.guide-callout{margin:22px 0;padding:17px 19px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:rgba(39,224,207,.07)}.trustpilot-box{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:24px;border:1px solid var(--line);border-radius:14px;background:rgba(14,23,35,.9)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid rgba(74,224,207,.35);border-radius:8px;background:var(--accent);color:#06100f!important;font-weight:800;text-decoration:none}.site-footer__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;gap:20px}.guide-shell+footer{padding:30px 0;border-top:1px solid var(--line)}@media(max-width:760px){.guide-grid{grid-template-columns:1fr}.trustpilot-box{align-items:flex-start;flex-direction:column}}





/* MONOLITH V8.9 LANGUAGE POLISH START */
.monolith-select{position:relative;z-index:260}
.monolith-select-menu{display:none;position:absolute;z-index:300}
.monolith-select.is-open .monolith-select-menu{display:grid;gap:3px}
.monolith-select-option{display:flex!important;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;cursor:pointer;text-align:left}
.nav-actions .site-language-picker{
  min-width:0!important;
  width:auto!important;
  flex:0 0 auto;
  margin:0 2px 0 0;
}
.site-language-picker .monolith-select-trigger{
  width:76px!important;
  min-width:76px!important;
  height:38px!important;
  padding:0 9px!important;
  gap:7px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#aab6c5!important;
  font-size:.76rem!important;
  letter-spacing:.025em;
}
.site-language-picker .monolith-select-trigger:hover,
.site-language-picker.is-open .monolith-select-trigger{
  color:#f1f6fb!important;
  border-color:rgba(128,151,180,.18)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.site-language-picker .monolith-select-trigger strong{
  display:block;
  min-width:21px;
  max-width:none!important;
  font-weight:760!important;
  text-align:center;
  overflow:visible!important;
}
.site-language-picker .select-leading{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  flex:0 0 16px;
  color:#67dfd5;
  font-size:0!important;
}
.site-language-picker .select-leading svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.site-language-picker .select-chevron{
  width:12px;
  height:12px;
  display:grid;
  place-items:center;
  flex:0 0 12px;
  color:#77889b;
  font-size:0!important;
}
.site-language-picker .select-chevron svg{
  width:12px;
  height:12px;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.site-language-picker .monolith-select-menu{
  left:auto!important;
  right:0!important;
  width:210px!important;
  min-width:210px!important;
  top:calc(100% + 9px)!important;
  padding:7px!important;
  border:1px solid rgba(125,148,177,.20)!important;
  border-radius:12px!important;
  background:rgba(8,13,20,.98)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(16px);
}
.site-language-picker .monolith-select-option{
  min-height:38px;
  padding:0 10px!important;
  border-radius:8px!important;
  color:#aebccc!important;
  font-size:.76rem!important;
  font-weight:620!important;
}
.site-language-picker .monolith-select-option:hover{
  background:rgba(255,255,255,.045)!important;
  color:#f2f6fa!important;
}
.site-language-picker .monolith-select-option.is-selected{
  background:rgba(94,226,220,.09)!important;
  color:#69e7dc!important;
}
@media(max-width:900px){
  .site-language-picker .monolith-select-trigger{
    width:68px!important;
    min-width:68px!important;
    padding:0 7px!important;
    gap:5px!important;
  }
}
/* MONOLITH V8.9 LANGUAGE POLISH END */

/* 2026-08-21 catalogue restoration */
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.catalog-card[hidden]{display:none!important}
.catalog-card{min-height:410px!important;height:410px!important}
.unturned-guide-promo{padding:34px 0 84px}
.unturned-guide-promo .shell{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:32px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(33,224,207,.07),rgba(105,91,255,.06))}
.guide-promo-copy{max-width:760px}.guide-promo-copy h2{margin:8px 0;font-size:clamp(1.8rem,3vw,3rem)}.guide-promo-copy p{margin:0;color:var(--muted);line-height:1.7}
@media(max-width:1150px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unturned-guide-promo .shell{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.catalog-grid{grid-template-columns:1fr!important}.catalog-card{height:auto!important;min-height:0!important}}


/* MONOLITH V13 REGION FIX START */
.region-grid{
  min-width:0;
}
.region-grid>*{
  min-width:0;
}
.region-card{
  min-width:0!important;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:none!important;
  gap:22px!important;
  align-items:start!important;
}
.region-card>*{
  min-width:0;
  max-width:100%;
  grid-column:1/-1!important;
}
.region-card-header{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 18px;
}
.region-name{
  min-width:0;
}
.region-name>div{
  min-width:0;
}
.region-name strong,
.region-name span{
  max-width:100%;
}
.region-lines{
  display:none!important;
}
.region-specs.hardware-region-specs{
  width:100%;
  max-width:100%;
  min-width:0;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start;
  gap:0 28px!important;
  box-sizing:border-box;
}
.region-specs.hardware-region-specs>div{
  min-width:0!important;
  width:auto!important;
  max-width:100%;
  padding:16px 0;
  box-sizing:border-box;
}
.region-specs.hardware-region-specs>div:nth-child(-n+2){
  border-top:1px solid rgba(120,149,186,.18);
}
.region-specs.hardware-region-specs>div:nth-child(n+3){
  border-top:1px solid rgba(120,149,186,.18);
}
.region-specs.hardware-region-specs span{
  display:block;
  margin-bottom:7px;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.region-specs.hardware-region-specs strong{
  display:block;
  width:100%;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.12;
  font-size:clamp(1rem,1.3vw,1.35rem);
}
.hardware-disclaimer{
  max-width:100%;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .region-specs.hardware-region-specs{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .region-specs.hardware-region-specs>div{
    border-top:1px solid rgba(120,149,186,.18)!important;
  }
}
/* MONOLITH V13 REGION FIX END */

/* Public plans catalogue sourced from live Billing products */
.plan-game-filter{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}.plan-game-filter label{display:grid;gap:8px;width:min(620px,100%)}.plan-game-filter label span{font:700 .66rem Space Mono,monospace;text-transform:uppercase;letter-spacing:.12em;color:#6fe7dd}.plan-game-filter input{width:100%;height:48px;padding:0 15px;border:1px solid rgba(129,151,181,.2);border-radius:11px;outline:0;background:#090e15;color:#f3f7fb;font:600 .9rem Inter,sans-serif}.plan-game-filter input:focus{border-color:rgba(94,226,220,.65);box-shadow:0 0 0 3px rgba(94,226,220,.08)}.plan-game-filter>strong{color:#7890aa;font:700 .72rem Space Mono,monospace;white-space:nowrap}.game-plan-tabs{max-height:310px;overflow:auto;padding-right:5px}.game-plan-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-plan h3{overflow-wrap:anywhere}
@media(max-width:560px){.plan-game-filter{align-items:stretch;flex-direction:column}.plan-game-filter>strong{align-self:flex-end}}
.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:34px 0 90px;padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(31,224,207,.07),rgba(93,92,255,.06))}.guide-cta h2{margin:7px 0;font-size:clamp(1.7rem,3vw,2.7rem)}.guide-cta p{margin:0;color:var(--muted)}
@media(max-width:700px){.guide-cta{align-items:flex-start;flex-direction:column}}

/* Plan calculator */
.calc-hero{padding-bottom:64px}
.calc-section{padding:0 0 96px;margin-top:-18px}
.calc-panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(14,20,29,.98),rgba(10,14,20,.94));box-shadow:var(--shadow)}
.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.calc-field{display:grid;gap:8px}
.calc-field label{font:700 .66rem "Space Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;color:#6fe7dd}
.calc-input{width:100%;height:52px;padding:0 15px;border:1px solid rgba(129,151,181,.2);border-radius:12px;outline:0;background:#090e15;color:#f3f7fb;font:600 .95rem Inter,sans-serif}
.calc-input:focus{border-color:rgba(94,226,220,.65);box-shadow:0 0 0 3px rgba(94,226,220,.08)}
.calc-select{width:100%}
.calc-select .monolith-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:52px;padding:0 15px;border:1px solid rgba(129,151,181,.2);border-radius:12px;background:#090e15;color:#f3f7fb;font:600 .95rem Inter,sans-serif;cursor:pointer}
.calc-select .monolith-select-trigger:hover,.calc-select.is-open .monolith-select-trigger{border-color:rgba(94,226,220,.65);box-shadow:0 0 0 3px rgba(94,226,220,.08)}
.calc-select .monolith-select-trigger strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calc-select .select-chevron{color:#7f93ab;font-size:1rem;line-height:1}
.calc-select .monolith-select-menu{left:0;right:0;top:calc(100% + 8px);padding:7px;border:1px solid rgba(125,148,177,.2);border-radius:12px;background:rgba(8,13,20,.98);box-shadow:0 18px 50px rgba(0,0,0,.48);backdrop-filter:blur(16px)}
.calc-select .monolith-select-option{min-height:42px;padding:0 12px;border-radius:8px;color:#aebccc;font:600 .9rem Inter,sans-serif}
.calc-select .monolith-select-option:hover{background:rgba(255,255,255,.045);color:#f2f6fa}
.calc-select .monolith-select-option.is-selected{background:rgba(94,226,220,.09);color:#69e7dc}
.calc-result{margin-top:22px;padding:22px;border:1px solid rgba(94,226,220,.28);border-radius:16px;background:linear-gradient(135deg,rgba(31,224,207,.08),rgba(93,92,255,.05))}
.calc-result-top{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start}
.calc-result-kicker{color:var(--muted);font-size:.9rem}
.calc-result-title{margin-top:4px;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:800;letter-spacing:-.03em}
.calc-price{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.03em}
.calc-price span{font-size:1rem;font-weight:600;color:var(--muted)}
.calc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.calc-chip{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;color:var(--muted);background:rgba(255,255,255,.02)}
.calc-copy{margin:12px 0 0;color:var(--muted);max-width:62ch;line-height:1.55}
.calc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.calc-trial{margin-top:18px;padding:14px 16px;border:1px dashed rgba(251,191,36,.35);border-radius:14px;background:rgba(251,191,36,.07);color:#fde68a;font-size:.92rem;line-height:1.45}
.calc-note{margin:16px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.desktop-nav a.is-active{color:var(--accent)}
@media(max-width:760px){.calc-grid{grid-template-columns:1fr}}
.guide-table{width:100%;border-collapse:collapse;margin:22px 0}
.guide-table th,.guide-table td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.guide-table th{color:var(--text);font-size:.85rem}
.guide-inline-tools{margin:0 0 18px;color:var(--muted)}
.guide-inline-tools a{color:var(--accent)}