:root {
  --color-midnight-black: #080a10;
  --color-obsidian: #101521;
  --color-smoked-glass: rgba(16, 21, 33, 0.84);
  --color-titanium-silver: #c7d0db;
  --color-frost-white: #f3f7fa;
  --color-electric-violet: #9b5cff;
  --color-neon-cyan: #27d9e8;
  --color-acid-green: #b7f34a;
  --color-steel-muted: #8996a6;
  --color-signal-red: #ff6378;

  --color-page: var(--color-midnight-black);
  --color-surface: var(--color-obsidian);
  --color-surface-glass: var(--color-smoked-glass);
  --color-text: var(--color-titanium-silver);
  --color-text-strong: var(--color-frost-white);
  --color-text-muted: var(--color-steel-muted);
  --color-border: rgba(199, 208, 219, 0.24);
  --color-border-strong: rgba(199, 208, 219, 0.42);
  --color-border-active: rgba(39, 217, 232, 0.72);
  --color-link: var(--color-neon-cyan);
  --color-focus: var(--color-neon-cyan);
  --color-success: var(--color-acid-green);
  --color-error: var(--color-signal-red);

  --font-body: "Inter", "IBM Plex Sans", system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;
  --font-display: "Barlow Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;

  --text-display: clamp(2.75rem, 6vw, 4rem);
  --text-hero: clamp(2.25rem, 4.5vw, 3rem);
  --text-section: clamp(1.875rem, 3vw, 2rem);
  --text-card-title: clamp(1.375rem, 2vw, 1.5rem);
  --text-body-large: 1.1875rem;
  --text-body: 1.0625rem;
  --text-meta: 0.75rem;
  --text-data: 0.6875rem;

  --line-display: 0.94;
  --line-hero: 1;
  --line-heading: 1.05;
  --line-card: 1.08;
  --line-body: 1.62;
  --line-body-mobile: 1.58;
  --line-meta: 1.3;
  --line-data: 1.2;

  --tracking-body: 0.01em;
  --tracking-label: 0.08em;
  --tracking-data: 0.1em;
  --tracking-display: -0.025em;
  --tracking-hero: -0.02em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --container-max: 82.5rem;
  --container-gutter: 1.25rem;
  --reading-max: 47.5rem;
  --rail-max: 20rem;

  --radius-none: 0;
  --radius-data: 0.25rem;
  --radius-control: 0.375rem;
  --radius-overlay: 0.625rem;
  --radius-round: 999px;

  --shadow-panel: 0 14px 40px rgba(0, 0, 0, 0.38);
  --shadow-active: 0 0 18px rgba(39, 217, 232, 0.16);
  --shadow-violet: 0 0 14px rgba(155, 92, 255, 0.18);
  --surface-highlight: inset 0 1px 0 rgba(243, 247, 250, 0.08);

  --transition-fast: 180ms ease-out;
  --transition-panel: 320ms ease-in-out;
}

@media (min-width: 48rem) {
  :root {
    --container-gutter: 1.5rem;
  }
}

@media (min-width: 70rem) {
  :root {
    --container-gutter: 2rem;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 20rem;
  background: var(--color-page);
  color-scheme: dark;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body {
  min-width: 20rem;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background-color: var(--color-page);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: var(--line-body-mobile);
  letter-spacing: var(--tracking-body);
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main,
header,
footer,
section,
article,
aside,
nav,
figure,
form,
fieldset {
  min-width: 0;
}

img,
picture,
svg,
canvas,
video,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}

img,
video {
  height: auto;
}

svg {
  fill: currentcolor;
}

iframe {
  width: 100%;
  border: 0;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="submit"],
[type="reset"] {
  cursor: pointer;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: rgba(8, 10, 16, 0.68);
  color: var(--color-text-strong);
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}

textarea {
  min-height: 8rem;
  resize: vertical;
}

select {
  appearance: auto;
}

input::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
  opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
  width: 1rem;
  min-height: 1rem;
  padding: 0;
  accent-color: var(--color-neon-cyan);
}

input[type="file"] {
  min-height: 0;
  padding: var(--space-2);
}

fieldset {
  margin: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
}

legend {
  padding: 0 var(--space-2);
  color: var(--color-text-strong);
}

label {
  display: inline-block;
  margin-block-end: var(--space-2);
  color: var(--color-titanium-silver);
  font-size: var(--text-meta);
  font-weight: 600;
  line-height: var(--line-meta);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  padding: 0.625rem 1rem;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
  background: var(--color-obsidian);
  color: var(--color-text-strong);
  font-size: var(--text-meta);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast),
    color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
}

button:hover,
.button:hover {
  border-color: var(--color-border-active);
  color: var(--color-neon-cyan);
}

button:active,
.button:active {
  transform: translateY(1px);
}

a {
  color: inherit;
  text-decoration-color: rgba(39, 217, 232, 0.56);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
  transition:
    color var(--transition-fast),
    text-decoration-color var(--transition-fast);
}

a:hover {
  color: var(--color-neon-cyan);
  text-decoration-color: currentcolor;
}

a[href^="mailto:"],
a[href^="tel:"] {
  overflow-wrap: anywhere;
}

:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
  box-shadow: var(--shadow-active);
}

::selection {
  background: rgba(39, 217, 232, 0.28);
  color: var(--color-frost-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0 var(--space-4);
  color: var(--color-text-strong);
  font-family: var(--font-display);
  font-weight: 600;
  text-wrap: balance;
}

h1 {
  font-size: var(--text-hero);
  line-height: var(--line-hero);
  letter-spacing: var(--tracking-hero);
}

h2 {
  font-size: var(--text-section);
  line-height: var(--line-heading);
  letter-spacing: -0.015em;
}

h3 {
  font-size: var(--text-card-title);
  line-height: var(--line-card);
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.15;
}

h5 {
  font-size: 1.0625rem;
  line-height: 1.2;
}

h6 {
  font-size: 0.9375rem;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

p {
  margin-block: 0 var(--space-4);
}

small {
  font-size: 0.8125em;
}

strong,
b {
  color: var(--color-text-strong);
  font-weight: 600;
}

em,
i {
  font-style: italic;
}

mark {
  padding-inline: 0.15em;
  background: rgba(183, 243, 74, 0.22);
  color: var(--color-frost-white);
}

hr {
  height: 1px;
  margin-block: var(--space-6);
  border: 0;
  background: var(--color-border);
}

ul,
ol {
  margin-block: 0 var(--space-4);
  padding-inline-start: 1.25rem;
}

li::marker {
  color: var(--color-neon-cyan);
}

blockquote {
  margin: 0 0 var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-inline-start: 2px solid var(--color-neon-cyan);
  background: rgba(16, 21, 33, 0.58);
  color: var(--color-text-strong);
}

blockquote p:last-child {
  margin-block-end: 0;
}

figure {
  margin: 0 0 var(--space-5);
}

figcaption {
  margin-block-start: var(--space-3);
  color: var(--color-text-muted);
  font-size: var(--text-meta);
  line-height: var(--line-meta);
  letter-spacing: 0.03em;
}

pre,
code,
kbd,
samp {
  font-family: "IBM Plex Mono", "SFMono-Regular", consolas, "Liberation Mono", monospace;
}

code,
kbd,
samp {
  padding: 0.1em 0.3em;
  border: 1px solid rgba(199, 208, 219, 0.18);
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.78);
  color: var(--color-frost-white);
  font-size: 0.9em;
}

pre {
  margin: 0 0 var(--space-5);
  overflow-x: auto;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: var(--color-obsidian);
  color: var(--color-titanium-silver);
}

pre code {
  padding: 0;
  border: 0;
  background: transparent;
}

table {
  width: 100%;
  margin-block: 0 var(--space-5);
  border-collapse: collapse;
  border: 1px solid var(--color-border);
  background: rgba(16, 21, 33, 0.48);
  font-variant-numeric: tabular-nums;
}

caption {
  margin-block-end: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--text-meta);
  text-align: left;
}

th,
td {
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  text-align: left;
  vertical-align: top;
}

th {
  color: var(--color-text-strong);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
  text-transform: uppercase;
}

details {
  margin-block: 0 var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.52);
}

summary {
  padding: var(--space-3) var(--space-4);
  color: var(--color-text-strong);
  cursor: pointer;
  font-weight: 600;
}

details > :not(summary) {
  margin-inline: var(--space-4);
}

details > :last-child {
  margin-block-end: var(--space-4);
}

.container {
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  margin-inline: auto;
}

.container--reading {
  width: min(100% - (var(--container-gutter) * 2), var(--reading-max));
  margin-inline: auto;
}

.container--rail {
  width: min(100%, var(--rail-max));
}

.stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.stack > * {
  min-width: 0;
}

.stack > * + * {
  margin-block-start: var(--stack-space, var(--space-4));
}

.stack--compact {
  --stack-space: var(--space-3);
}

.stack--relaxed {
  --stack-space: var(--space-5);
}

.stack--section {
  --stack-space: var(--space-7);
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cluster-gap, var(--space-3));
  min-width: 0;
}

.cluster > * {
  min-width: 0;
}

.cluster--compact {
  --cluster-gap: var(--space-2);
}

.cluster--spacious {
  --cluster-gap: var(--space-4);
}

.panel {
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  box-shadow: var(--surface-highlight);
}

.panel--glass {
  background: var(--color-surface-glass);
  box-shadow: var(--surface-highlight), var(--shadow-panel);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.panel--holographic {
  background:
    linear-gradient(135deg, rgba(155, 92, 255, 0.1), rgba(39, 217, 232, 0.06)),
    var(--color-surface-glass);
  box-shadow: var(--surface-highlight), var(--shadow-panel);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.panel > :last-child,
.panel > :last-child > :last-child {
  margin-block-end: 0;
}

.content-list {
  margin: 0 0 var(--space-4);
  padding-inline-start: 1.25rem;
}



.meta,
.data-label {
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
}

.meta {
  font-size: var(--text-meta);
  font-weight: 500;
  line-height: var(--line-meta);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.data-label {
  font-size: var(--text-data);
  font-weight: 600;
  line-height: var(--line-data);
  letter-spacing: var(--tracking-data);
  text-transform: uppercase;
}

.status-positive {
  color: var(--color-success);
}

.status-error {
  color: var(--color-error);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (min-width: 48rem) {
  body {
    font-size: var(--text-body);
    line-height: var(--line-body);
  }

  .panel {
    padding: var(--space-6);
  }
}

@media (max-width: 47.9375rem) {
  h1 {
    font-size: clamp(2.25rem, 10vw, 2.75rem);
  }

  .container--rail {
    width: 100%;
  }

  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    scroll-behavior: auto;
    transition-duration: 0.01ms;
  }
}


:root {
  --site-header-space: 5.5rem;
}

.site-header {
  position: sticky;
  z-index: 70;
  top: 0;
  min-height: var(--site-header-space);
  padding: var(--space-3) 0;
  pointer-events: none;
}

.site-header__bar {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4rem;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-overlay);
  background: var(--color-surface-glass);
  box-shadow: var(--surface-highlight), 0 10px 28px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: auto;
  transition: min-height var(--transition-panel), border-color var(--transition-panel), backdrop-filter var(--transition-panel), box-shadow var(--transition-panel);
}

.site-header.is-scrolled .site-header__bar {
  min-height: 3.5rem;
  border-bottom-color: var(--color-border-active);
  box-shadow: var(--surface-highlight), var(--shadow-active), 0 10px 28px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.site-header__brand {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  color: var(--color-frost-white);
  text-decoration: none;
}

.site-header__logo-frame {
  display: grid;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid rgba(39, 217, 232, 0.62);
  border-radius: var(--radius-data);
  background: rgba(8, 10, 16, 0.62);
  box-shadow: inset 0 0 12px rgba(155, 92, 255, 0.16), 0 0 12px rgba(39, 217, 232, 0.1);
}

.site-header__logo {
  width: 2.1rem;
  height: 2.1rem;
  object-fit: contain;
}

.site-header__brand-copy {
  display: grid;
  min-width: 0;
  gap: 0.05rem;
}

.site-header__brand-name {
  overflow: hidden;
  color: var(--color-frost-white);
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header__brand-subtitle {
  overflow: hidden;
  color: var(--color-steel-muted);
  font-size: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.11em;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-header__toggle {
  display: inline-grid;
  flex: 0 0 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  margin-left: auto;
  padding: 0;
  border-color: var(--color-border-strong);
  background: rgba(8, 10, 16, 0.5);
  z-index: 72;
}

.site-header__toggle-lines,
.site-header__toggle-lines::before,
.site-header__toggle-lines::after {
  display: block;
  width: 1.15rem;
  height: 1px;
  background: currentcolor;
  content: "";
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.site-header__toggle-lines {
  position: relative;
}

.site-header__toggle-lines::before,
.site-header__toggle-lines::after {
  position: absolute;
  left: 0;
}

.site-header__toggle-lines::before { transform: translateY(-0.38rem); }
.site-header__toggle-lines::after { transform: translateY(0.38rem); }

.site-header.is-menu-open .site-header__toggle-lines { background: transparent; }
.site-header.is-menu-open .site-header__toggle-lines::before { transform: rotate(45deg); }
.site-header.is-menu-open .site-header__toggle-lines::after { transform: rotate(-45deg); }

.site-header__nav {
  position: fixed;
  z-index: 71;
  inset: 0;
  display: grid;
  align-content: start;
  gap: var(--space-5);
  overflow-y: auto;
  padding: calc(5.75rem + env(safe-area-inset-top)) var(--container-gutter) calc(2rem + env(safe-area-inset-bottom));
  background:
    linear-gradient(180deg, rgba(8, 10, 16, 0.96), rgba(16, 21, 33, 0.98)),
    radial-gradient(circle at 82% 15%, rgba(155, 92, 255, 0.22), transparent 19rem);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-1rem);
  transition: opacity var(--transition-panel), transform var(--transition-panel);
}

.site-header__nav::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 48%, rgba(39, 217, 232, 0.08) 49%, transparent 50%) 0 0 / 10rem 10rem;
  content: "";
  opacity: 0.45;
  pointer-events: none;
}

.site-header__nav.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  height:100vh;
}

.site-header__nav-inner {
  position: relative;
  display: grid;
  width: min(100%, 42rem);
  gap: var(--space-5);
  margin-inline: auto;
}

.site-header__nav-brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-border);
}

.site-header__nav-brand img {
  width: 3.25rem;
  height: 3.25rem;
  object-fit: contain;
}

.site-header__nav-brand strong {
  display: block;
  font-family: var(--font-display);
  font-size: 1.5rem;
  letter-spacing: 0.08em;
}

.site-header__nav-brand span {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-steel-muted);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
  text-transform: uppercase;
}

.site-header__nav-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 1px;
  list-style: none;
  background: var(--color-border);
}

.site-header__nav-list li,
.site-header__nav-list li + li {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.site-header__nav-list a {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  align-items: center;
  min-height: 4.25rem;
  gap: var(--space-2);
  padding: var(--space-3);
  background: rgba(8, 10, 16, 0.9);
  color: var(--color-frost-white);
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.site-header__nav-list a::before {
  color: var(--color-neon-cyan);
  content: attr(data-nav-number);
  font-family: var(--font-body);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
}

.site-header__nav-list a:hover,
.site-header__nav-list a[aria-current="page"] {
  background: rgba(155, 92, 255, 0.13);
  color: var(--color-neon-cyan);
  box-shadow: inset 0 -2px 0 var(--color-neon-cyan), inset 0 0 18px rgba(155, 92, 255, 0.12);
}

.site-header__nav-actions {
  display: grid;
  gap: var(--space-2);
}

.site-header__search {
  position: relative;
}

.site-header__search input {
  padding-left: 2.75rem;
  background: rgba(8, 10, 16, 0.72);
}

.site-header__search::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 1rem;
  width: 0.65rem;
  height: 0.65rem;
  border: 1px solid var(--color-neon-cyan);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translateY(-60%);
}

.site-header__quick-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.site-header__quick-links a,
.site-header__meta-link {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
  color: var(--color-titanium-silver);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.site-header__quick-links a:hover,
.site-header__meta-link:hover {
  border-color: var(--color-border-active);
  color: var(--color-neon-cyan);
}

.site-header__meta-link {
  gap: var(--space-2);
  color: var(--color-success);
}

.site-header__meta-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-success);
  box-shadow: 0 0 10px rgba(183, 243, 74, 0.5);
}

.site-nav-open {
  overflow: hidden;
}

@media (min-width: 70rem) {
  .site-header {
    --site-header-space: 5.75rem;
  }

  .site-header__bar {
    gap: var(--space-4);
    padding-inline: var(--space-4);
  }

  .site-header__brand {
    flex: 0 0 auto;
  }

  .site-header__toggle,
  .site-header__nav-brand {
    display: none;
  }

  .site-header__nav {
    position: static;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    overflow: visible;
    padding: 0;
    background: transparent;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition: none;
  }

  .site-header__nav::before { display: none; }

  .site-header__nav-inner {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: auto;
    gap: var(--space-3);
    margin: 0;
  }

  .site-header__nav-list {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 0;
    min-width: 0;
    padding: 0;
    background: transparent;
  }

  .site-header__nav-list li {
    display: flex;
    align-items: center;
  }

  .site-header__nav-list a {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.5rem 0.55rem;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--color-titanium-silver);
    font-family: var(--font-body);
    font-size: 0.68rem;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .site-header__nav-list a::before { display: none; }

  .site-header__nav-list a:hover,
  .site-header__nav-list a[aria-current="page"] {
    background: transparent;
    box-shadow: inset 0 -10px 16px -15px var(--color-electric-violet);
    color: var(--color-frost-white);
  }

  .site-header__nav-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--space-2);
  }

  .site-header__search {
    width: clamp(9rem, 14vw, 13.5rem);
  }

  .site-header__quick-links { display: none; }

  .site-header__meta-link {
    min-height: 2.5rem;
    padding-inline: 0.6rem;
    white-space: nowrap;
  }
}

@media (min-width: 82rem) {
  .site-header__nav-list a {
    padding-inline: 0.7rem;
    font-size: 0.72rem;
  }

  .site-header__search {
    width: 15rem;
  }
}

@media (max-width: 25rem) {
  .site-header__brand-subtitle { display: none; }
  .site-header__brand-name { font-size: 1rem; }
}


.site-footer {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  background:
    radial-gradient(circle at 80% 8%, rgba(155, 92, 255, 0.2), transparent 27rem),
    radial-gradient(circle at 13% 70%, rgba(39, 217, 232, 0.1), transparent 25rem),
    linear-gradient(180deg, #101521 0%, #080a10 82%);
  color: var(--color-text);
}

.site-footer::before {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(243, 247, 250, 0.32) 1px, transparent 1.5px);
  background-size: 10rem 10rem;
  content: "";
  opacity: 0.12;
  pointer-events: none;
}

.site-footer__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(4rem, 9vw, 8rem) 2rem;
}

.site-footer__statement {
  display: grid;
  gap: var(--space-4);
  margin-bottom: clamp(3rem, 6vw, 5rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-overlay);
  background: linear-gradient(135deg, rgba(155, 92, 255, 0.11), rgba(39, 217, 232, 0.06)), var(--color-surface-glass);
  box-shadow: var(--surface-highlight), var(--shadow-panel);
  backdrop-filter: blur(16px);
}

.site-footer__eyebrow,
.site-footer__group-title,
.site-footer__feed-label,
.site-footer__legal-title {
  margin: 0;
  color: var(--color-neon-cyan);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
  text-transform: uppercase;
}

.site-footer__statement h2 {
  margin: 0;
  font-size: clamp(2.1rem, 5vw, 3.5rem);
  line-height: 0.98;
}

.site-footer__statement-copy {
  max-width: 42rem;
  margin: 0;
  color: var(--color-titanium-silver);
}

.site-footer__grid {
  display: grid;
  gap: var(--space-7);
}

.site-footer__brand {
  display: grid;
  gap: var(--space-4);
}

.site-footer__brand-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  width: fit-content;
  color: var(--color-frost-white);
  font-family: var(--font-display);
  font-size: 1.45rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-decoration: none;
}

.site-footer__brand-mark {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.site-footer__brand-copy,
.site-footer__disclaimer {
  max-width: 34rem;
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.58;
}

.site-footer__nav-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5) var(--space-4);
}

.site-footer__group {
  display: grid;
  align-content: start;
  gap: var(--space-3);
}

.site-footer__links,
.site-footer__feed {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__links li,
.site-footer__feed li {
  margin: 0;
  padding: 0;
}

.site-footer__links a,
.site-footer__feed a,
.site-footer__legal a {
  color: var(--color-titanium-silver);
  font-size: 0.875rem;
  text-decoration: none;
}

.site-footer__links a:hover,
.site-footer__feed a:hover,
.site-footer__legal a:hover {
  color: var(--color-neon-cyan);
}

.site-footer__utility {
  display: grid;
  gap: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
}

.site-footer__feed-wrap,
.site-footer__newsletter {
  display: grid;
  gap: var(--space-3);
}

.site-footer__feed a {
  display: block;
  padding-left: var(--space-3);
  border-left: 1px solid rgba(39, 217, 232, 0.45);
}

.site-footer__newsletter {
  padding: var(--space-5);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-control);
  background: linear-gradient(135deg, rgba(155, 92, 255, 0.12), rgba(39, 217, 232, 0.06));
  box-shadow: var(--surface-highlight);
}

.site-footer__newsletter h3 {
  margin: 0;
}

.site-footer__newsletter p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.875rem;
}

.site-footer__form {
  display: grid;
  gap: var(--space-2);
}

.site-footer__form input {
  min-width: 0;
}

.site-footer__form button {
  border-color: var(--color-neon-cyan);
  background: var(--color-neon-cyan);
  color: var(--color-midnight-black);
}

.site-footer__form button:hover {
  background: var(--color-frost-white);
  color: var(--color-midnight-black);
}

.site-footer__bottom {
  display: grid;
  gap: var(--space-4);
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.site-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
}

.site-footer__copyright {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-meta);
}

.site-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.site-footer__social {
  display: inline-grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-data);
  color: var(--color-neon-cyan);
  font-size: var(--text-data);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
}

.site-footer__social:hover {
  border-color: var(--color-neon-cyan);
  box-shadow: var(--shadow-active);
}

.site-footer__energy-line {
  position: relative;
  z-index: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--color-neon-cyan), var(--color-electric-violet), var(--color-neon-cyan));
  background-size: 200% 100%;
  animation: footer-energy 7s ease-in-out infinite;
}

.site-consent {
  position: fixed;
  z-index: 80;
  right: max(var(--container-gutter), 1rem);
  bottom: max(var(--container-gutter), 1rem);
  width: min(100% - (var(--container-gutter) * 2), 31rem);
  padding: var(--space-5);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-overlay);
  background: var(--color-surface-glass);
  box-shadow: var(--surface-highlight), var(--shadow-panel);
  backdrop-filter: blur(18px);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.site-consent[hidden] {
  display: none;
}

.site-consent.is-visible {
  animation: consent-in var(--transition-panel) both;
}

.site-consent.is-hiding,
.site-consent.is-hidden {
  opacity: 0;
  transform: translateY(1rem);
}

.site-consent__title {
  margin: 0 0 var(--space-2);
  font-size: 1.5rem;
}

.site-consent__copy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  line-height: 1.55;
}

.site-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.site-consent__accept {
  border-color: var(--color-neon-cyan);
  background: var(--color-neon-cyan);
  color: var(--color-midnight-black) !important;
}

.site-consent__reject {
  background: transparent;
}

@keyframes footer-energy {
  50% { background-position: 100% 0; }
}

@keyframes consent-in {
  from { opacity: 0; transform: translateY(1rem); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 48rem) {
  .site-footer__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  }

  .site-footer__utility {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
  }

  .site-footer__bottom {
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .site-footer__socials {
    justify-self: end;
  }
}

@media (min-width: 70rem) {
  .site-footer__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.35fr);
  }

  .site-footer__nav-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer__energy-line {
    animation: none;
  }
}


.aszf-page {
  position: relative;
  overflow: clip;
  background: var(--color-midnight-black);
}

.aszf-page a {
  color: var(--color-neon-cyan);
}

.aszf-hero {
  position: relative;
  isolation: isolate;
  padding: var(--space-8) 0 var(--space-7);
  border-bottom: 1px solid var(--color-border);
  background:
    radial-gradient(circle at 82% 34%, rgba(155, 92, 255, 0.14), transparent 26rem),
    radial-gradient(circle at 67% 76%, rgba(39, 217, 232, 0.08), transparent 22rem),
    var(--color-midnight-black);
}

.aszf-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(199, 208, 219, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199, 208, 219, 0.05) 1px, transparent 1px);
  background-size: 3rem 3rem;
  content: "";
  mask-image: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.2) 78%, transparent 100%);
}

.aszf-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
}

.aszf-hero__grid > * {
  min-width: 0;
  width: 100%;
}

.aszf-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 47.5rem;
}

.aszf-hero__copy > * {
  min-width: 0;
  margin: 0;
}

.aszf-kicker {
  color: var(--color-acid-green);
}

.aszf-hero h1 {
  font-size: clamp(2.25rem, 5vw, 3.75rem);
}

.aszf-hero__lead {
  max-width: 46rem;
  color: var(--color-titanium-silver);
  font-size: var(--text-body-large);
  line-height: 1.58;
}

.aszf-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  width: 100%;
  max-width: 32.5rem;
  color: var(--color-steel-muted);
  font-size: var(--text-meta);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  line-height: 1.45;
  text-transform: uppercase;
}

.aszf-hero__meta span {
  min-width: 0;
}

.aszf-hero__meta b {
  margin-right: var(--space-1);
  color: var(--color-titanium-silver);
  font-weight: 600;
}

.aszf-overview-link {
  min-height: 2.75rem;
  padding: 0.625rem 0;
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.aszf-overview-link span {
  display: inline-block;
  margin-left: var(--space-2);
}

.aszf-hero__status {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--space-3);
  width: min(100%, 20rem);
  min-height: 9.5rem;
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.5);
  box-shadow: var(--surface-highlight);
}

.aszf-hero__status > * {
  min-width: 0;
  margin: 0;
}

.aszf-hero__status > p:last-child {
  color: var(--color-titanium-silver);
  font-size: var(--text-meta);
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-transform: uppercase;
}

.aszf-hero__status span {
  color: var(--color-acid-green);
}

.aszf-hero__domain {
  color: var(--color-frost-white);
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.aszf-document {
  padding: var(--space-7) 0 var(--space-9);
}

.aszf-document__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  align-items: start;
}

.aszf-document__layout > * {
  min-width: 0;
  width: 100%;
}

.aszf-toc {
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-surface-glass);
  box-shadow: var(--surface-highlight);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.aszf-toc > .data-label {
  margin: 0 0 var(--space-2);
}

.aszf-toc__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 2.75rem;
  padding: var(--space-2) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-frost-white);
  font-family: var(--font-display);
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  text-align: left;
}

.aszf-toc__toggle-mark {
  color: var(--color-neon-cyan);
  font-family: var(--font-body);
  font-size: 1.25rem;
  line-height: 1;
}

.aszf-toc__nav {
  display: none;
  padding-top: var(--space-2);
}

.aszf-toc.is-open .aszf-toc__nav {
  display: block;
}

.aszf-toc.is-open .aszf-toc__toggle-mark {
  transform: rotate(45deg);
}

.aszf-toc__nav ol {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aszf-toc__nav li {
  width: 100%;
  min-width: 0;
  border-top: 1px solid rgba(199, 208, 219, 0.14);
}

.aszf-toc__nav a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-2);
  width: 100%;
  min-height: 2.75rem;
  padding: var(--space-3) 0;
  border-left: 2px solid transparent;
  color: var(--color-titanium-silver);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-decoration: none;
}

.aszf-toc__nav a span {
  min-width: 0;
  color: var(--color-steel-muted);
  font-variant-numeric: tabular-nums;
}

.aszf-toc__nav a[aria-current="true"] {
  padding-left: var(--space-3);
  border-left-color: var(--color-neon-cyan);
  color: var(--color-frost-white);
  box-shadow: inset 8px 0 12px -14px var(--color-electric-violet);
}

.aszf-toc__nav a[aria-current="true"] span {
  color: var(--color-neon-cyan);
}

.aszf-content {
  width: 100%;
  max-width: 47.5rem;
}

.aszf-section {
  scroll-margin-top: 7rem;
}

.aszf-section + .aszf-section {
  margin-top: var(--space-8);
}

.aszf-section__heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.aszf-section__heading > * {
  min-width: 0;
  margin: 0;
}

.aszf-section__heading .data-label {
  color: var(--color-neon-cyan);
}

.aszf-section h3 {
  margin-top: var(--space-5);
}

.aszf-section h3 + p {
  max-width: 46rem;
}

.aszf-section p {
  max-width: 46rem;
}

.aszf-callout,
.aszf-note,
.aszf-liability {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  margin: var(--space-5) 0;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-left-width: 3px;
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.78);
}

.aszf-callout > *,
.aszf-note > *,
.aszf-liability > * {
  min-width: 0;
  margin: 0;
}

.aszf-callout--cyan {
  border-left-color: var(--color-neon-cyan);
}

.aszf-callout--independence {
  border-left-color: var(--color-neon-cyan);
  background: linear-gradient(90deg, rgba(39, 217, 232, 0.08), rgba(16, 21, 33, 0.82));
}

.aszf-callout--neutral {
  border-left-color: var(--color-titanium-silver);
}

.aszf-callout p,
.aszf-note p,
.aszf-liability p {
  max-width: none;
}

.aszf-rule-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  margin: var(--space-4) 0 var(--space-5);
  padding: var(--space-4) var(--space-4) var(--space-4) 2rem;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.aszf-rule-list li {
  min-width: 0;
  padding-left: var(--space-1);
}

.aszf-inline-label {
  margin: var(--space-5) 0 var(--space-2);
  color: var(--color-acid-green);
}

.aszf-note {
  max-width: 45rem;
  border-left-color: var(--color-titanium-silver);
}

.aszf-context-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  margin: var(--space-5) 0;
}

.aszf-context-grid > div {
  min-width: 0;
  width: 100%;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.52);
}

.aszf-context-grid p {
  max-width: none;
}

.aszf-context-grid p:last-child {
  margin-bottom: 0;
}

.aszf-liability {
  max-width: 45rem;
  border-left-color: var(--color-titanium-silver);
}

.aszf-steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  margin: var(--space-5) 0;
  padding: 0;
  list-style: none;
}

.aszf-steps li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  column-gap: var(--space-3);
  row-gap: var(--space-2);
  width: 100%;
  min-width: 0;
  padding: var(--space-4);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid rgba(199, 208, 219, 0.12);
}

.aszf-steps li > * {
  min-width: 0;
}

.aszf-steps li > span {
  grid-column: 1;
  grid-row: 1 / span 2;
  color: var(--color-neon-cyan);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
}

.aszf-steps strong {
  grid-column: 2;
  color: var(--color-frost-white);
}

.aszf-steps p {
  grid-column: 2;
  max-width: none;
  margin: 0;
  color: var(--color-steel-muted);
  font-size: 0.9375rem;
  line-height: 1.5;
}

.aszf-closing {
  width: 100%;
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-neon-cyan);
}

.aszf-closing p {
  margin-bottom: 0;
}

.aszf-back-top {
  width: 100%;
  margin-top: var(--space-5);
  border-color: var(--color-border-strong);
}

.aszf-end {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  width: 100%;
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
}

.aszf-end > * {
  min-width: 0;
  margin: 0;
}

.aszf-end > p:not(.aszf-end__status) {
  max-width: 42.5rem;
}

.aszf-end__status {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-top-color: var(--color-neon-cyan);
  color: var(--color-steel-muted);
  font-size: var(--text-meta);
  line-height: 1.5;
}

.aszf-end__status span {
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.35rem;
  border-radius: 50%;
  background: var(--color-acid-green);
}

.aszf-floating-top {
  position: fixed;
  z-index: 5;
  right: var(--space-4);
  bottom: var(--space-4);
  display: inline-flex;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.75rem);
}

.aszf-floating-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

@media (min-width: 48rem) {
  .aszf-hero {
    padding: var(--space-9) 0 var(--space-8);
  }

  .aszf-document {
    padding-top: var(--space-8);
  }

  .aszf-toc {
    padding: var(--space-5);
  }

  .aszf-section + .aszf-section {
    margin-top: var(--space-9);
  }
}

@media (min-width: 61.25rem) {
  .aszf-hero__grid {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    column-gap: var(--space-7);
    align-items: end;
  }

  .aszf-hero__status {
    justify-self: end;
  }
}

@media (min-width: 70rem) {
  .aszf-document__layout {
    grid-template-columns: minmax(17.5rem, 20rem) minmax(0, 47.5rem);
    column-gap: clamp(3rem, 7vw, 8rem);
    justify-content: start;
  }

  .aszf-toc {
    position: sticky;
    top: 7rem;
    width: min(100%, 20rem);
  }

  .aszf-toc__toggle {
    pointer-events: none;
  }

  .aszf-toc__toggle-mark {
    display: none;
  }

  .aszf-toc__nav {
    display: block;
  }

  .aszf-back-top {
    display: none;
  }
}

@media (min-width: 60rem) {
  .aszf-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aszf-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .aszf-steps li {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: var(--space-3);
    padding: var(--space-4) 0;
  }

  .aszf-steps li > span,
  .aszf-steps strong,
  .aszf-steps p {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 47.9375rem) {
  .aszf-hero {
    padding-top: var(--space-7);
  }

  .aszf-hero h1 {
    font-size: 2.25rem;
    line-height: 1.02;
  }

  .aszf-hero__lead {
    font-size: 1.0625rem;
    line-height: 1.58;
  }

  .aszf-hero__status {
    width: 100%;
    min-height: 0;
    padding: var(--space-4);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: transparent;
  }

  .aszf-document {
    padding-top: var(--space-6);
  }

  .aszf-section h2,
  .aszf-end h2 {
    font-size: 1.75rem;
    line-height: 1.08;
  }

  .aszf-callout,
  .aszf-note,
  .aszf-liability {
    padding: var(--space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aszf-floating-top,
  .aszf-toc__toggle-mark {
    transition: none;
  }
}


.privacy-page {
  position: relative;
  overflow: clip;
  background:
    linear-gradient(180deg, rgba(39, 217, 232, 0.025), transparent 14rem),
    var(--color-midnight-black);
}

.privacy-page::before {
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--color-neon-cyan) 24%, var(--color-electric-violet) 76%, transparent);
}

.privacy-page > section {
  position: relative;
  z-index: 1;
}

.privacy-page__hero {
  padding-block: var(--space-8) var(--space-7);
  border-block-end: 1px solid var(--color-border);
}

.privacy-page__hero-grid,
.privacy-page__section-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

.privacy-page__hero-grid > *,
.privacy-page__section-grid > * {
  min-width: 0;
  width: 100%;
}

.privacy-page__hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 43.75rem;
}

.privacy-page__hero-copy > * { margin: 0; }

.privacy-page__eyebrow,
.privacy-page__section-label {
  color: var(--color-neon-cyan);
}

.privacy-page__hero-copy h1 {
  max-width: 42rem;
  font-size: clamp(2.25rem, 7vw, 4rem);
}

.privacy-page__document-meta {
  display: grid;
  grid-template-columns: 1fr;
  width: min(100%, 43.75rem);
  border-block: 1px solid var(--color-border);
}

.privacy-page__document-meta > span,
.privacy-page__change-panel span {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--space-3) 0;
  gap: var(--space-1);
  font-variant-numeric: tabular-nums;
}

.privacy-page__document-meta > span + span {
  border-block-start: 1px solid var(--color-border);
}

.privacy-page__document-meta b,
.privacy-page__change-panel b {
  color: var(--color-steel-muted);
  font-size: var(--text-data);
  letter-spacing: var(--tracking-data);
  text-transform: uppercase;
}

.privacy-page__document-meta em,
.privacy-page__change-panel em {
  color: var(--color-titanium-silver);
  font-size: var(--text-meta);
  font-style: normal;
  line-height: var(--line-meta);
}

.privacy-page__hero-lead {
  max-width: 43.75rem;
  color: var(--color-titanium-silver);
  font-size: 1rem;
  line-height: var(--line-body-mobile);
}

.privacy-page__hero-lead a,
.privacy-page__legal-copy a,
.privacy-page__cookies-copy a,
.privacy-page__changes-copy a {
  color: var(--color-neon-cyan);
}

.privacy-page__independence {
  width: min(100%, 43.75rem);
  padding: var(--space-4) var(--space-5);
  border-inline-start: 2px solid var(--color-electric-violet);
  background: rgba(16, 21, 33, 0.72);
}

.privacy-page__independence p { margin: 0; }

.privacy-page__jump-link,
.privacy-page__back-link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  gap: var(--space-2);
  color: var(--color-neon-cyan);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.privacy-page__jump-link span,
.privacy-page__back-link span { font-size: 1.2em; }

.privacy-page__hero-rail,
.privacy-page__section-rail { display: none; }

.privacy-page__section { padding-block: var(--space-8); }

.privacy-page__reading { margin-inline: auto; }

.privacy-page__reading > h2,
.privacy-page__legal-copy > h2 { max-width: 43.75rem; }

.privacy-page__section-label { margin-block: 0 var(--space-3); }

.privacy-page__overview { padding-block-start: var(--space-7); }

.privacy-page__overview-copy {
  max-width: 37.5rem;
  color: var(--color-steel-muted);
}

.privacy-page__toc {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  margin: var(--space-5) 0 0;
  padding: 0;
  border: 1px solid var(--color-border);
  list-style: none;
}

.privacy-page__toc > li {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  min-width: 0;
  border-block-end: 1px solid var(--color-border);
}

.privacy-page__toc > li:last-child { border-block-end: 0; }

.privacy-page__toc span {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: var(--space-3);
  border-inline-end: 1px solid var(--color-border);
  color: var(--color-steel-muted);
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-variant-numeric: tabular-nums;
}

.privacy-page__toc a {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 2.75rem;
  padding: var(--space-3) var(--space-4);
  color: var(--color-titanium-silver);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.privacy-page__toc a:hover,
.privacy-page__toc a[aria-current="true"] {
  box-shadow: inset 2px 0 0 var(--color-neon-cyan);
  color: var(--color-neon-cyan);
}

.privacy-page__legal-copy {
  max-width: 47.5rem;
}

.privacy-page__legal-copy > h3,
.privacy-page__retention > h3,
.privacy-page__external > h3 {
  margin-block-start: var(--space-6);
}

.privacy-page__inline-label {
  color: var(--color-steel-muted);
}

.privacy-page__data-panels {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  margin-block: var(--space-5);
}

.privacy-page__data-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-inline-start: 2px solid var(--color-neon-cyan);
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.56);
}

.privacy-page__data-panel > * { min-width: 0; margin: 0; }
.privacy-page__data-panel h4 { margin-block: var(--space-1) 0; }

.privacy-page__conditional {
  width: max-content;
  max-width: 100%;
  padding: var(--space-1) var(--space-2);
  border: 1px solid rgba(183, 243, 74, 0.42);
  border-radius: var(--radius-data);
  color: var(--color-acid-green);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
  line-height: var(--line-data);
  text-transform: uppercase;
}

.privacy-page__purpose-matrix {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  margin-block: var(--space-5);
  border-block-start: 1px solid var(--color-border);
}

.privacy-page__purpose-matrix > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-4) 0;
  border-block-end: 1px solid var(--color-border);
}

.privacy-page__purpose-matrix strong { min-width: 0; }
.privacy-page__purpose-matrix p { min-width: 0; margin: 0; color: var(--color-steel-muted); }

.privacy-page__retention { max-width: 47.5rem; }

.privacy-page__principles {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-block: var(--space-5);
  padding-inline-start: 1.5rem;
}

.privacy-page__principles li { min-width: 0; padding-inline-start: var(--space-1); }

.privacy-page__security-panel,
.privacy-page__request-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  margin-block: var(--space-5);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: var(--color-obsidian);
}

.privacy-page__security-panel > *,
.privacy-page__request-panel > * { margin: 0; min-width: 0; }
.privacy-page__security-panel p:last-child { max-width: 40.625rem; }

.privacy-page__review-note {
  padding: var(--space-3) var(--space-4);
  border-inline-start: 2px solid var(--color-electric-violet);
  background: rgba(155, 92, 255, 0.06);
  color: var(--color-steel-muted);
}

.privacy-page__review-note span { color: var(--color-titanium-silver); }

.privacy-page__cookies-copy { max-width: 43.75rem; }

.privacy-page__cookie-link-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  margin-block: var(--space-5) 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border-strong);
  border-inline-start: 2px solid var(--color-neon-cyan);
  border-radius: var(--radius-control);
  background: var(--color-surface-glass);
  box-shadow: var(--surface-highlight);
}

.privacy-page__cookie-link-panel p { margin: 0; color: var(--color-steel-muted); }
.privacy-page__cookie-link-panel a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  gap: var(--space-2);
  color: var(--color-neon-cyan);
  font-weight: 600;
}

.privacy-page__rights-intro { max-width: 43.75rem; }

.privacy-page__rights-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-block: var(--space-5);
  border-block-start: 1px solid var(--color-border);
}

.privacy-page__rights-list > section {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-block: var(--space-5);
  border-block-end: 1px solid var(--color-border);
}

.privacy-page__rights-list > section > * { min-width: 0; }

.privacy-page__rights-list > section > span {
  color: var(--color-neon-cyan);
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-variant-numeric: tabular-nums;
}

.privacy-page__rights-list p { margin: 0; }
.privacy-page__rights-list h3 { margin-block: var(--space-1) var(--space-2); font-size: clamp(1.3125rem, 5.5vw, 1.5rem); }

.privacy-page__remedies { margin-block-end: 0; }

.privacy-page__external-copy { max-width: 43.75rem; }

.privacy-page__external-marker {
  width: 100%;
  margin-block: var(--space-5);
  padding: var(--space-3) var(--space-4);
  border-block-start: 2px solid var(--color-neon-cyan);
  background: rgba(39, 217, 232, 0.04);
}

.privacy-page__external-marker span { color: var(--color-titanium-silver); }

.privacy-page__editorial-note {
  width: 100%;
  padding: var(--space-4) var(--space-5);
  border-inline-start: 2px solid var(--color-electric-violet);
  background: rgba(16, 21, 33, 0.58);
}

.privacy-page__editorial-note p { max-width: 43.75rem; margin: 0; }

.privacy-page__closing {
  padding-block-end: var(--space-8);
}

.privacy-page__closing::after {
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--color-neon-cyan), var(--color-electric-violet), transparent);
}

.privacy-page__changes-copy { max-width: 43.75rem; }

.privacy-page__change-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  margin-block: var(--space-5);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.62);
}

.privacy-page__change-panel > p { margin: 0; color: var(--color-neon-cyan); }
.privacy-page__change-panel > div { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
.privacy-page__change-panel span + span { border-block-start: 1px solid var(--color-border); }

.privacy-page__closing-copy { max-width: 41.25rem; color: var(--color-titanium-silver); }
.privacy-page__closing-copy p { margin-block-end: 0; }

@media (min-width: 48rem) {
  .privacy-page__hero { padding-block: var(--space-9) var(--space-8); }
  .privacy-page__hero-copy { gap: var(--space-5); }
  .privacy-page__document-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .privacy-page__document-meta > span { padding: var(--space-3) var(--space-4); }
  .privacy-page__document-meta > span:first-child { padding-inline-start: 0; }
  .privacy-page__document-meta > span + span { border-block-start: 0; border-inline-start: 1px solid var(--color-border); }
  .privacy-page__hero-lead { font-size: var(--text-body); }
  .privacy-page__section { padding-block: var(--space-9); }
  .privacy-page__toc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .privacy-page__toc > li:nth-child(odd) { border-inline-end: 1px solid var(--color-border); }
  .privacy-page__toc > li:nth-last-child(-n + 2) { border-block-end: 0; }
  .privacy-page__data-panel { grid-template-columns: minmax(0, 1fr) max-content; padding: var(--space-5); }
  .privacy-page__data-panel > p { grid-column: 1 / -1; }
  .privacy-page__purpose-matrix > div { grid-template-columns: minmax(12rem, 0.84fr) minmax(0, 1.4fr); gap: var(--space-5); }
  .privacy-page__security-panel,
  .privacy-page__request-panel,
  .privacy-page__cookie-link-panel,
  .privacy-page__change-panel { padding: var(--space-5); }
  .privacy-page__rights-list > section { grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-4); }
  .privacy-page__change-panel > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .privacy-page__change-panel span { padding: var(--space-3) var(--space-4); }
  .privacy-page__change-panel span:first-child { padding-inline-start: 0; }
  .privacy-page__change-panel span + span { border-block-start: 0; border-inline-start: 1px solid var(--color-border); }
}

@media (min-width: 60rem) {
  .privacy-page__hero-grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-7); }
  .privacy-page__hero-rail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    padding-inline-start: var(--space-6);
    border-inline-start: 1px solid var(--color-border);
    color: rgba(137, 150, 166, 0.66);
    font-family: "IBM Plex Mono", monospace;
    font-size: var(--text-data);
    letter-spacing: var(--tracking-data);
  }
  .privacy-page__hero-rail i { display: block; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(39, 217, 232, 0.5), transparent); }
}

@media (min-width: 70rem) {
  .privacy-page__section-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); gap: var(--space-8); }
  .privacy-page__section-rail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--space-4);
    width: min(100%, 15rem);
    min-width: 0;
    padding: var(--space-4) 0 0 var(--space-5);
    border-inline-start: 1px solid var(--color-border);
    color: var(--color-steel-muted);
  }
  .privacy-page__section-rail i { display: block; width: 100%; height: 1px; background: var(--color-border); }
  .privacy-page__rights-rail { justify-content: center; }
}

@media (max-width: 47.9375rem) {
  .privacy-page__hero { padding-block: var(--space-7) var(--space-6); }
  .privacy-page__section { padding-block: var(--space-7); }
  .privacy-page__hero-copy { gap: var(--space-4); }
  .privacy-page__hero-copy h1 { font-size: clamp(2.25rem, 10vw, 2.75rem); }
  .privacy-page__hero-lead { max-width: 100%; }
  .privacy-page__toc a { font-size: 1rem; }
  .privacy-page__legal-copy > h3,
  .privacy-page__retention > h3,
  .privacy-page__external > h3 { margin-block-start: var(--space-5); }
  .privacy-page__data-panel { padding: var(--space-4); }
  .privacy-page__review-note { padding: var(--space-3); }
  .privacy-page__external-marker { padding: var(--space-3); }
  .privacy-page__closing { padding-block-end: var(--space-7); }
}

@media (prefers-reduced-motion: no-preference) {
  .privacy-page__toc a:hover { text-decoration: underline; text-decoration-color: var(--color-neon-cyan); text-underline-offset: 0.22em; }
}


.cookie-policy-page {
  background: var(--color-page);
  padding-block-end: var(--space-9);
}

.cookie-policy-page__hero {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border-block-end: 1px solid var(--color-border);
  background:
    linear-gradient(90deg, rgba(8, 10, 16, 0.92), rgba(8, 10, 16, 0.72)),
    var(--color-page);
}

.cookie-policy-page__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  min-width: 0;
  min-height: 19rem;
}

.cookie-policy-page__hero-grid > * { min-width: 0; }

.cookie-policy-page__hero-copy {
  align-self: center;
  width: min(100%, 45rem);
  padding-block: var(--space-8);
}

.cookie-policy-page__hero-copy > :last-child { margin-block-end: 0; }
.cookie-policy-page__eyebrow { margin-block-end: var(--space-3); }
.cookie-policy-page__hero-copy h1 { font-size: var(--text-display); }
.cookie-policy-page__lead { max-width: 42rem; color: var(--color-frost-white); font-size: var(--text-body-large); line-height: 1.58; }
.cookie-policy-page__intro { max-width: 43rem; color: var(--color-text); }

.cookie-policy-page__hero-gridfield {
  position: relative;
  min-height: 100%;
  opacity: 0.5;
  background-image:
    linear-gradient(rgba(199, 208, 219, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199, 208, 219, 0.12) 1px, transparent 1px),
    linear-gradient(135deg, transparent 42%, rgba(39, 217, 232, 0.26) 42.2%, transparent 42.5%);
  background-size: 3rem 3rem, 3rem 3rem, 100% 100%;
}

.cookie-policy-page__hero-gridfield::after {
  position: absolute;
  inset: 18% 12%;
  border: 1px solid rgba(155, 92, 255, 0.28);
  content: "";
}

.cookie-policy-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: var(--space-8);
  align-items: start;
  padding-block-start: var(--space-8);
}

.cookie-policy-page__layout > * { min-width: 0; }
.cookie-policy-page__document { grid-column: 1; min-width: 0; width: min(100%, 47.5rem); }
.cookie-policy-page__rail { grid-column: 2; min-width: 0; }
.cookie-policy-page__rail-inner { position: sticky; top: var(--space-6); width: min(100%, 16.25rem); display: flex; flex-direction: column; gap: var(--space-4); }
.cookie-policy-page__rail-inner > * { min-width: 0; width: 100%; }

.cookie-policy-page__toc,
.cookie-policy-page__settings { padding: var(--space-5); }

.cookie-policy-page__toc > :last-child,
.cookie-policy-page__settings > :last-child { margin-block-end: 0; }

.cookie-policy-page__toc h2,
.cookie-policy-page__settings h2 { margin-block-end: var(--space-3); font-size: 1.625rem; }
.cookie-policy-page__toc-intro,
.cookie-policy-page__settings p { color: var(--color-text-muted); font-size: 0.875rem; line-height: 1.5; }

.cookie-policy-page__toc-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

.cookie-policy-page__toc-list li { min-width: 0; width: 100%; }
.cookie-policy-page__toc-list a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
  min-width: 0;
  min-height: 2.75rem;
  padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3);
  border-inline-start: 1px solid transparent;
  color: var(--color-titanium-silver);
  font-size: 0.8125rem;
  line-height: 1.25;
  text-decoration: none;
}

.cookie-policy-page__toc-list a span { color: var(--color-steel-muted); font-family: "IBM Plex Mono", monospace; font-size: 0.6875rem; }
.cookie-policy-page__toc-list a:hover,
.cookie-policy-page__toc-list a:focus-visible { border-inline-start-color: var(--color-neon-cyan); color: var(--color-neon-cyan); text-decoration: underline; }
.cookie-policy-page__toc-list a.is-active { border-inline-start-color: var(--color-neon-cyan); background: linear-gradient(90deg, rgba(155, 92, 255, 0.14), transparent); box-shadow: inset 8px 0 14px -14px var(--color-electric-violet); color: var(--color-frost-white); }

.cookie-policy-page__settings { display: flex; flex-direction: column; gap: var(--space-3); }
.cookie-policy-page__settings > * { min-width: 0; margin: 0; }
.cookie-policy-page__settings-button { width: 100%; min-height: 2.75rem; border-color: var(--color-border-active); background: rgba(39, 217, 232, 0.1); color: var(--color-frost-white); }
.cookie-policy-page__settings-button:hover { background: var(--color-neon-cyan); color: var(--color-midnight-black); }
.cookie-policy-page__settings-status { color: var(--color-text-muted); font-size: 0.75rem; }

.cookie-policy-page__section { min-width: 0; scroll-margin-top: var(--space-8); }
.cookie-policy-page__section + .cookie-policy-page__section { margin-block-start: var(--space-9); }
.cookie-policy-page__section-heading { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); align-items: start; min-width: 0; margin-block-end: var(--space-6); padding-block-start: var(--space-3); border-block-start: 1px solid var(--color-border); }
.cookie-policy-page__section-heading > * { min-width: 0; }
.cookie-policy-page__section-heading > span { color: var(--color-neon-cyan); padding-block-start: 0.2rem; }
.cookie-policy-page__section-heading p { margin-block-end: var(--space-2); }
.cookie-policy-page__section-heading h2 { margin-block-end: 0; }

.cookie-policy-page__reading-copy { width: min(100%, 45rem); min-width: 0; }
.cookie-policy-page__reading-copy h3 { margin-block-start: 0; }

.cookie-policy-page__definitions { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; width: 100%; margin-block: var(--space-5); }
.cookie-policy-page__definition { display: grid; grid-template-columns: 9.375rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding-block: var(--space-4); border-block: 1px solid rgba(199, 208, 219, 0.15); }
.cookie-policy-page__definition > * { min-width: 0; margin: 0; }
.cookie-policy-page__definition > p:last-child { color: var(--color-titanium-silver); }

.cookie-policy-page__table-wrap { position: relative; width: 100%; overflow-x: auto; margin-block-start: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-data); }
.cookie-policy-page__table-wrap:focus-visible { outline: 2px solid var(--color-neon-cyan); outline-offset: 3px; box-shadow: var(--shadow-active); }
.cookie-policy-page__table-wrap table { min-width: 44rem; margin: 0; border: 0; }
.cookie-policy-page__table-wrap th:first-child { width: 27%; }
.cookie-policy-page__table-wrap th:nth-child(2) { width: 42%; }
.cookie-policy-page__table-wrap th:nth-child(3) { width: 31%; }
.cookie-policy-page__status { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-frost-white); font-size: var(--text-data); letter-spacing: var(--tracking-data); }
.cookie-policy-page__status span { width: 0.5rem; height: 0.5rem; flex: 0 0 0.5rem; border-radius: var(--radius-round); background: var(--color-neon-cyan); }
.cookie-policy-page__status--necessary span { background: var(--color-acid-green); }
.cookie-policy-page__mobile-label { display: block; margin-block-start: var(--space-2); color: var(--color-text-muted); font-size: 0.8125rem; line-height: 1.35; }
.cookie-policy-page__scroll-note { display: none; color: var(--color-text-muted); font-size: var(--text-meta); }

.cookie-policy-page__purposes { display: flex; flex-direction: column; gap: var(--space-5); width: 100%; min-width: 0; }
.cookie-policy-page__purpose { display: grid; grid-template-columns: 9.375rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding-block-end: var(--space-5); border-block-end: 1px solid rgba(199, 208, 219, 0.16); }
.cookie-policy-page__purpose > * { min-width: 0; }
.cookie-policy-page__purpose > p { margin: 0; padding-block-start: 0.25rem; }
.cookie-policy-page__purpose h3 { margin-block-start: 0; }
.cookie-policy-page__purpose div > :last-child { margin-block-end: 0; }

.cookie-policy-page__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin: var(--space-5) 0; padding: 0; list-style: none; min-width: 0; }
.cookie-policy-page__steps li { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); background: rgba(16, 21, 33, 0.42); }
.cookie-policy-page__steps li > span { display: block; margin-block-end: var(--space-4); color: var(--color-neon-cyan); font-family: var(--font-display); font-size: 1.75rem; line-height: 1; }
.cookie-policy-page__steps h3 { margin-block-end: var(--space-2); font-size: 1.375rem; }
.cookie-policy-page__steps p { margin: 0; color: var(--color-text-muted); font-size: 0.875rem; line-height: 1.5; }

.cookie-policy-page__decision-panel,
.cookie-policy-page__closing { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-5); align-items: center; min-width: 0; margin-block-start: var(--space-5); }
.cookie-policy-page__decision-panel > *,
.cookie-policy-page__closing > * { min-width: 0; }
.cookie-policy-page__decision-panel h3,
.cookie-policy-page__closing h3 { margin-block-end: var(--space-2); }
.cookie-policy-page__decision-panel p:last-child,
.cookie-policy-page__closing p:last-child { margin-block-end: 0; }
.cookie-policy-page__decision-panel button,
.cookie-policy-page__closing button { min-width: 13.5rem; border-color: var(--color-border-active); background: rgba(39, 217, 232, 0.1); }
.cookie-policy-page__decision-panel button:hover,
.cookie-policy-page__closing button:hover { background: var(--color-neon-cyan); color: var(--color-midnight-black); }

.cookie-policy-page__retention { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); width: 100%; min-width: 0; margin-block: var(--space-5); }
.cookie-policy-page__retention > div { min-width: 0; padding: var(--space-4); border-block: 1px solid var(--color-border); }
.cookie-policy-page__retention p { margin: 0; }
.cookie-policy-page__retention p + p { margin-block-start: var(--space-3); }

.cookie-policy-page__browser-list { display: flex; flex-direction: column; gap: var(--space-3); margin: var(--space-5) 0; padding: 0; list-style: none; }
.cookie-policy-page__browser-list li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); align-items: start; min-width: 0; }
.cookie-policy-page__browser-list span { color: var(--color-neon-cyan); font-family: "IBM Plex Mono", monospace; font-size: var(--text-meta); padding-block-start: 0.25rem; }
.cookie-policy-page__browser-list p { margin: 0; }
.cookie-policy-page__note { width: 100%; margin-block-start: var(--space-5); }
.cookie-policy-page__note > :last-child { margin-block-end: 0; }

.cookie-policy-page__independence { width: 100%; margin-block-start: var(--space-5); }
.cookie-policy-page__independence > :last-child { margin-block-end: 0; }
.cookie-policy-page__independence h3 { margin-block-end: var(--space-3); }
.cookie-policy-page__section--final { margin-block-start: var(--space-10) !important; }

.cookie-policy-page__related { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); width: 100%; min-width: 0; margin-block: var(--space-5); }
.cookie-policy-page__related a { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; min-height: 8.5rem; padding: var(--space-4); border: 1px solid var(--color-border); background: rgba(16, 21, 33, 0.42); text-decoration: none; }
.cookie-policy-page__related a > * { min-width: 0; }
.cookie-policy-page__related strong { font-family: var(--font-display); font-size: 1.375rem; line-height: 1.08; }
.cookie-policy-page__related a > span:last-child { color: var(--color-text-muted); font-size: 0.875rem; line-height: 1.45; }
.cookie-policy-page__related a:hover { border-color: var(--color-border-active); box-shadow: inset 0 -2px 0 var(--color-neon-cyan); }

@media (max-width: 69.9375rem) {
  .cookie-policy-page__layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-7); }
  .cookie-policy-page__rail { grid-column: 1; grid-row: 1; }
  .cookie-policy-page__document { grid-column: 1; grid-row: 2; width: min(100%, 47.5rem); }
  .cookie-policy-page__rail-inner { position: static; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); }
  .cookie-policy-page__toc,
  .cookie-policy-page__settings { height: 100%; }
  .cookie-policy-page__toc-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-1); }
  .cookie-policy-page__toc-list li { min-width: 0; }
}

@media (max-width: 59.9375rem) {
  .cookie-policy-page__hero-grid { grid-template-columns: minmax(0, 1fr); }
  .cookie-policy-page__hero-gridfield { opacity: 0.18; }
  .cookie-policy-page__purpose { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .cookie-policy-page__purpose > p { padding-block-start: 0; }
  .cookie-policy-page__steps { grid-template-columns: minmax(0, 1fr); }
  .cookie-policy-page__steps li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); }
  .cookie-policy-page__steps li > span { margin: 0; }
}

@media (max-width: 47.9375rem) {
  .cookie-policy-page { padding-block-end: var(--space-8); }
  .cookie-policy-page__hero-copy { padding-block: var(--space-7); }
  .cookie-policy-page__hero-copy h1 { font-size: clamp(2.25rem, 10vw, 2.75rem); }
  .cookie-policy-page__lead { font-size: 1.0625rem; line-height: 1.58; }
  .cookie-policy-page__hero-gridfield { display: none; }
  .cookie-policy-page__layout { padding-block-start: var(--space-6); gap: var(--space-7); }
  .cookie-policy-page__rail-inner { grid-template-columns: minmax(0, 1fr); }
  .cookie-policy-page__toc-list { grid-template-columns: minmax(0, 1fr); }
  .cookie-policy-page__toc-list a { min-height: 2.75rem; }
  .cookie-policy-page__document { width: 100%; }
  .cookie-policy-page__section + .cookie-policy-page__section { margin-block-start: var(--space-8); }
  .cookie-policy-page__section-heading { grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-2); margin-block-end: var(--space-5); }
  .cookie-policy-page__section-heading h2 { font-size: clamp(1.75rem, 8vw, 2rem); }
  .cookie-policy-page__reading-copy { width: 100%; }
  .cookie-policy-page__definition { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .cookie-policy-page__table-wrap { overflow: visible; border: 0; border-radius: 0; }
  .cookie-policy-page__table-wrap table { display: table; min-width: 0; overflow: visible; white-space: normal; border: 0; background: transparent; }
  .cookie-policy-page__table-wrap caption,
  .cookie-policy-page__table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .cookie-policy-page__table-wrap tbody,
  .cookie-policy-page__table-wrap tr,
  .cookie-policy-page__table-wrap td { display: block; width: 100%; }
  .cookie-policy-page__table-wrap tr { padding: var(--space-4) 0; border-block-end: 1px solid var(--color-border); }
  .cookie-policy-page__table-wrap td { padding: 0; border: 0; white-space: normal; }
  .cookie-policy-page__table-wrap td + td { margin-block-start: var(--space-3); }
  .cookie-policy-page__table-wrap td:nth-child(2)::before { display: block; margin-block-end: var(--space-1); color: var(--color-text-muted); content: "CÉL"; font-size: var(--text-data); font-weight: 600; letter-spacing: var(--tracking-data); }
  .cookie-policy-page__table-wrap td:nth-child(3)::before { display: block; margin-block-end: var(--space-1); color: var(--color-text-muted); content: "AMIT EZ JELENTHET"; font-size: var(--text-data); font-weight: 600; letter-spacing: var(--tracking-data); }
  .cookie-policy-page__scroll-note { display: none; }
  .cookie-policy-page__steps li { grid-template-columns: 2.5rem minmax(0, 1fr); }
  .cookie-policy-page__decision-panel,
  .cookie-policy-page__closing { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .cookie-policy-page__decision-panel button,
  .cookie-policy-page__closing button { width: 100%; min-width: 0; }
  .cookie-policy-page__retention { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .cookie-policy-page__related { grid-template-columns: minmax(0, 1fr); }
  .cookie-policy-page__related a { min-height: 0; }
  .cookie-policy-page__section--final { margin-block-start: var(--space-9) !important; }
}

@media (max-width: 20rem) {
  .cookie-policy-page__steps li { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-policy-page__toc-list a { transition: none; }
}


.kapcsolat-page {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(circle at 88% 4%, rgba(155, 92, 255, 0.09), transparent 24rem),
    var(--color-midnight-black);
}

.kapcsolat-page::before {
  position: absolute;
  inset: 0 0 auto;
  height: 42rem;
  content: "";
  pointer-events: none;
  background-image:
    linear-gradient(rgba(199, 208, 219, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199, 208, 219, 0.045) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(to bottom, black, transparent 86%);
}

.kapcsolat-page > section {
  position: relative;
}

.kapcsolat-hero {
  padding-block: var(--space-9) var(--space-8);
}

.kapcsolat-hero::after {
  position: absolute;
  top: 2.2rem;
  right: 0;
  left: 50%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--color-neon-cyan), transparent);
  opacity: 0.7;
}

.kapcsolat-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
  align-items: start;
}

.kapcsolat-hero__copy,
.kapcsolat-hero__rail,
.kapcsolat-guidance__list,
.kapcsolat-guidance__annotation,
.kapcsolat-scope__copy,
.kapcsolat-scope__panel,
.kapcsolat-form,
.kapcsolat-checklist,
.kapcsolat-preflight__panel {
  min-width: 0;
}

.kapcsolat-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 38.75rem;
  gap: var(--space-5);
}

.kapcsolat-hero__copy > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-hero__eyebrow {
  color: var(--color-neon-cyan);
}

.kapcsolat-hero__copy h1 {
  font-size: var(--text-display);
  line-height: var(--line-display);
}

.kapcsolat-hero__lead {
  max-width: 38rem;
  color: var(--color-titanium-silver);
  font-size: var(--text-body-large);
  line-height: 1.58;
}

.kapcsolat-hero__cta {
  border-color: var(--color-border-active);
  background: rgba(16, 21, 33, 0.82);
}

.kapcsolat-hero__cta:hover {
  box-shadow: inset 0 -2px 0 var(--color-neon-cyan), var(--shadow-active);
}

.kapcsolat-hero__rail {
  justify-self: end;
  display: flex;
  flex-direction: column;
  width: min(100%, 20rem);
  gap: var(--space-3);
  border-color: var(--color-border-strong);
}

.kapcsolat-hero__rail > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-hero__rail h2 {
  font-size: 1.75rem;
}

.kapcsolat-hero__rail p:last-child {
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.kapcsolat-section {
  padding-block: var(--space-8);
}

.kapcsolat-types {
  padding-top: var(--space-7);
}

.kapcsolat-types__intro,
.kapcsolat-form-section__intro,
.kapcsolat-preflight__intro,
.kapcsolat-faq__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kapcsolat-types__intro > *,
.kapcsolat-form-section__intro > *,
.kapcsolat-preflight__intro > *,
.kapcsolat-faq__intro > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-types__intro {
  width: 100%;
  max-width: 40.625rem;
  margin-bottom: var(--space-6);
}

.kapcsolat-types__intro > p:last-child {
  max-width: 39rem;
}

.kapcsolat-types__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  width: 100%;
  padding: 0;
  border: 0;
}

.kapcsolat-types__grid > * {
  min-width: 0;
}

.kapcsolat-type-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  min-height: 13.5rem;
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: linear-gradient(140deg, rgba(16, 21, 33, 0.95), rgba(8, 10, 16, 0.88));
  color: var(--color-text);
  cursor: pointer;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.kapcsolat-type-card::after {
  position: absolute;
  right: var(--space-5);
  bottom: 0;
  left: var(--space-5);
  height: 2px;
  content: "";
  background: transparent;
}

.kapcsolat-type-card:hover {
  border-color: var(--color-border-strong);
}

.kapcsolat-type-card input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.kapcsolat-type-card__number {
  color: var(--color-neon-cyan);
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.kapcsolat-type-card__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
}

.kapcsolat-type-card__title {
  color: var(--color-text-strong);
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: var(--line-card);
}

.kapcsolat-type-card__text {
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.kapcsolat-type-card__state {
  position: absolute;
  right: var(--space-5);
  top: var(--space-5);
  color: var(--color-acid-green);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
  opacity: 0;
  text-transform: uppercase;
}

.kapcsolat-type-card.is-selected {
  border-color: var(--color-border-active);
  background:
    linear-gradient(135deg, rgba(155, 92, 255, 0.12), rgba(39, 217, 232, 0.06)),
    var(--color-obsidian);
  box-shadow: inset 0 0 22px rgba(155, 92, 255, 0.12), var(--shadow-active);
}

.kapcsolat-type-card.is-selected::after {
  background: var(--color-neon-cyan);
}

.kapcsolat-type-card.is-selected .kapcsolat-type-card__state {
  opacity: 1;
}

.kapcsolat-type-card:focus-within {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}

.kapcsolat-guidance__grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: var(--space-7);
  align-items: start;
}

.kapcsolat-guidance__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 45rem;
  gap: var(--space-5);
}

.kapcsolat-guidance__list > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-guidance__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kapcsolat-guidance__intro > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-guidance__intro > p:last-child {
  max-width: 42rem;
}

.kapcsolat-advice {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.kapcsolat-advice > * {
  min-width: 0;
}

.kapcsolat-advice__number {
  color: var(--color-neon-cyan);
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
}

.kapcsolat-advice h3,
.kapcsolat-advice p {
  margin: 0;
}

.kapcsolat-advice h3 {
  margin-bottom: var(--space-2);
}

.kapcsolat-advice p {
  max-width: 42rem;
  color: var(--color-text-muted);
}

.kapcsolat-guidance__annotation {
  justify-self: end;
  display: flex;
  flex-direction: column;
  width: min(100%, 17.5rem);
  gap: var(--space-4);
  padding: var(--space-5);
  border-inline-start: 1px solid var(--color-border-strong);
  color: var(--color-steel-muted);
  font-family: var(--font-display);
  font-size: 1.25rem;
  line-height: 1.25;
}

.kapcsolat-guidance__annotation > * {
  min-width: 0;
}

.kapcsolat-scope > .container > h2,
.kapcsolat-scope > .container > .data-label {
  margin-block: 0;
}

.kapcsolat-scope > .container > h2 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-6);
}

.kapcsolat-scope__grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: var(--space-7);
  align-items: start;
}

.kapcsolat-scope__copy {
  width: 100%;
  max-width: 45rem;
  padding-inline-start: var(--space-5);
  border-inline-start: 2px solid var(--color-titanium-silver);
}

.kapcsolat-scope__copy h3 {
  margin-bottom: var(--space-3);
}

.kapcsolat-scope__copy p {
  max-width: 42rem;
  margin-bottom: 0;
}

.kapcsolat-scope__panel {
  justify-self: end;
  display: flex;
  flex-direction: column;
  width: min(100%, 20rem);
  gap: var(--space-3);
  border-inline-start-color: var(--color-neon-cyan);
}

.kapcsolat-scope__panel > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-scope__panel p:last-child {
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.kapcsolat-form-section__intro {
  width: 100%;
  max-width: 43.75rem;
  margin-bottom: var(--space-6);
}

.kapcsolat-form-section__intro > p:last-child {
  max-width: 41rem;
}

.kapcsolat-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-7);
  align-items: start;
}

.kapcsolat-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 47.5rem;
  gap: var(--space-6);
  border-color: var(--color-border-strong);
}

.kapcsolat-form__fields {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--space-5);
}

.kapcsolat-form__fields > * {
  min-width: 0;
}

.kapcsolat-form__identity {
  display: grid;
  grid-template-columns: repeat(2, minmax(15rem, 1fr));
  gap: var(--space-4);
  width: 100%;
}

.kapcsolat-form__identity > * {
  min-width: 0;
}

.kapcsolat-field {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--space-2);
}

.kapcsolat-field > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-field label {
  margin: 0;
}

.kapcsolat-field textarea {
  min-height: 10rem;
}

.kapcsolat-field__help,
.kapcsolat-consent p {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}

.kapcsolat-field__error {
  min-height: 0;
  color: var(--color-signal-red);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.42;
}

.kapcsolat-field [aria-invalid="true"] {
  border-color: var(--color-signal-red);
}

.kapcsolat-consent {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  width: 100%;
}

.kapcsolat-consent > * {
  min-width: 0;
}

.kapcsolat-consent input {
  margin-top: 0.25rem;
}

.kapcsolat-consent label,
.kapcsolat-consent p {
  margin: 0;
}

.kapcsolat-consent label {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.48;
  text-transform: none;
}

.kapcsolat-consent a {
  color: var(--color-neon-cyan);
}

.kapcsolat-form__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
}

.kapcsolat-form__actions > * {
  min-width: 0;
}

.kapcsolat-form__submit {
  min-height: 3rem;
  border-color: var(--color-border-active);
}

.kapcsolat-form__status {
  display: none;
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  font-size: 0.875rem;
  line-height: 1.45;
}

.kapcsolat-form__status.is-error,
.kapcsolat-form__status.is-loading,
.kapcsolat-form__status.is-success {
  display: block;
}

.kapcsolat-form__status.is-error {
  border-color: rgba(255, 99, 120, 0.72);
  background: rgba(255, 99, 120, 0.09);
  color: var(--color-signal-red);
}

.kapcsolat-form__status.is-loading {
  border-color: var(--color-border-strong);
  background: rgba(16, 21, 33, 0.75);
  color: var(--color-titanium-silver);
}

.kapcsolat-form__status.is-success {
  border-color: var(--color-acid-green);
  background: var(--color-acid-green);
  color: var(--color-midnight-black);
}

.kapcsolat-checklist {
  justify-self: end;
  display: flex;
  flex-direction: column;
  width: min(100%, 20rem);
  gap: var(--space-4);
}

.kapcsolat-checklist > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-checklist h3 {
  font-size: 1.5rem;
}

.kapcsolat-checklist__lead {
  color: var(--color-text-muted);
  font-size: 0.875rem;
  line-height: 1.5;
}

.kapcsolat-checklist__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.kapcsolat-checklist__items li {
  position: relative;
  min-width: 0;
  padding-inline-start: var(--space-4);
  color: var(--color-titanium-silver);
  font-size: 0.875rem;
  line-height: 1.48;
}

.kapcsolat-checklist__items li::before {
  position: absolute;
  top: 0.48rem;
  left: 0;
  width: 0.45rem;
  height: 0.45rem;
  content: "";
  border: 1px solid var(--color-neon-cyan);
  background: rgba(39, 217, 232, 0.16);
}

.kapcsolat-preflight__intro {
  width: 100%;
  max-width: 42rem;
  margin-bottom: var(--space-6);
}

.kapcsolat-preflight__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  width: 100%;
}

.kapcsolat-preflight__grid > * {
  min-width: 0;
}

.kapcsolat-preflight__panel {
  display: flex;
  flex-direction: column;
  min-height: 18rem;
  gap: var(--space-3);
}

.kapcsolat-preflight__panel > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-preflight__panel p:not(.data-label) {
  max-width: 32rem;
  color: var(--color-text-muted);
}

.kapcsolat-preflight__panel .content-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: auto;
  padding-inline-start: 1.25rem;
}

.kapcsolat-preflight__panel .content-list li {
  min-width: 0;
}

.kapcsolat-preflight__notice {
  width: 100%;
  margin-top: var(--space-5);
  padding: var(--space-5) 0 0;
  border-top: 1px solid var(--color-border-strong);
}

.kapcsolat-preflight__notice > div {
  width: 100%;
  max-width: 47.5rem;
}

.kapcsolat-preflight__notice h3 {
  margin-bottom: var(--space-2);
}

.kapcsolat-preflight__notice p {
  margin-bottom: 0;
  color: var(--color-text-muted);
}

.kapcsolat-preflight__notice a {
  color: var(--color-neon-cyan);
}

.kapcsolat-faq__intro {
  width: 100%;
  max-width: 42.5rem;
  margin-bottom: var(--space-6);
}

.kapcsolat-faq__intro > p:last-child {
  max-width: 40rem;
}

.kapcsolat-faq__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 53.75rem;
  gap: var(--space-3);
}

.kapcsolat-faq__list > * {
  min-width: 0;
}

.kapcsolat-faq__item {
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: rgba(16, 21, 33, 0.4);
}

.kapcsolat-faq__item h3 {
  margin: 0;
}

.kapcsolat-faq__item button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  min-width: 0;
  min-height: 3.5rem;
  padding: var(--space-4) var(--space-5);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-text-strong);
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-align: left;
}

.kapcsolat-faq__item button span {
  color: var(--color-neon-cyan);
  font-family: var(--font-body);
  font-size: 1.5rem;
  line-height: 1;
  transition: transform var(--transition-fast);
}

.kapcsolat-faq__item button[aria-expanded="true"] {
  border-inline-start: 2px solid var(--color-neon-cyan);
  box-shadow: inset 0 0 18px rgba(155, 92, 255, 0.08);
}

.kapcsolat-faq__item button[aria-expanded="true"] span {
  transform: rotate(45deg);
}

.kapcsolat-faq__answer {
  overflow: hidden;
  padding: 0 var(--space-5) var(--space-5);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.kapcsolat-faq__answer p {
  width: 100%;
  max-width: 43.75rem;
  margin: 0;
  color: var(--color-titanium-silver);
}

.kapcsolat-close {
  margin-top: var(--space-8);
  padding-block: var(--space-8);
  background:
    linear-gradient(90deg, var(--color-neon-cyan), var(--color-electric-violet)) top / 100% 1px no-repeat,
    radial-gradient(circle at 80% 30%, rgba(155, 92, 255, 0.12), transparent 26rem),
    var(--color-obsidian);
}

.kapcsolat-close__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 42.5rem;
  margin-inline: auto;
  gap: var(--space-4);
}

.kapcsolat-close__content > * {
  min-width: 0;
  margin: 0;
}

.kapcsolat-close__content p:not(.data-label) {
  max-width: 40rem;
}

.kapcsolat-close__cta {
  margin-top: var(--space-2);
  border-color: var(--color-border-active);
}

@media (max-width: 69.9375rem) {
  .kapcsolat-hero__grid,
  .kapcsolat-form-layout {
    grid-template-columns: minmax(0, 4fr) minmax(0, 2fr);
    gap: var(--space-5);
  }

  .kapcsolat-guidance__grid,
  .kapcsolat-scope__grid {
    grid-template-columns: minmax(0, 4fr) minmax(0, 2fr);
    gap: var(--space-5);
  }

  .kapcsolat-types__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kapcsolat-types__grid > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .kapcsolat-type-card {
    min-height: 12rem;
  }

  .kapcsolat-form__identity {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 53rem) {
  .kapcsolat-hero,
  .kapcsolat-section {
    padding-block: var(--space-7);
  }

  .kapcsolat-hero__grid,
  .kapcsolat-guidance__grid,
  .kapcsolat-scope__grid,
  .kapcsolat-form-layout {
    grid-template-columns: 1fr;
  }

  .kapcsolat-hero__copy,
  .kapcsolat-guidance__list,
  .kapcsolat-scope__copy,
  .kapcsolat-form,
  .kapcsolat-checklist {
    max-width: none;
  }

  .kapcsolat-hero__rail,
  .kapcsolat-guidance__annotation,
  .kapcsolat-scope__panel,
  .kapcsolat-checklist {
    justify-self: stretch;
    width: 100%;
  }

  .kapcsolat-guidance__annotation {
    flex-direction: row;
    align-items: baseline;
    padding: var(--space-4);
    border-inline-start: 0;
    border-top: 1px solid var(--color-border-strong);
    font-size: 1rem;
  }

  .kapcsolat-scope__panel {
    max-width: none;
  }

  .kapcsolat-form__identity {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 47.9375rem) {
  .kapcsolat-page::before {
    height: 28rem;
    background-size: 5rem 5rem;
    opacity: 0.56;
  }

  .kapcsolat-hero {
    padding-top: var(--space-8);
  }

  .kapcsolat-hero__grid,
  .kapcsolat-guidance__grid,
  .kapcsolat-scope__grid,
  .kapcsolat-form-layout {
    gap: var(--space-5);
  }

  .kapcsolat-hero__copy {
    gap: var(--space-4);
  }

  .kapcsolat-hero__copy h1 {
    font-size: clamp(2.25rem, 10vw, 2.75rem);
  }

  .kapcsolat-hero__lead {
    font-size: 1.0625rem;
    line-height: var(--line-body-mobile);
  }

  .kapcsolat-hero__cta,
  .kapcsolat-form__submit,
  .kapcsolat-close__cta {
    width: 100%;
    min-height: 3rem;
  }

  .kapcsolat-types__grid,
  .kapcsolat-preflight__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .kapcsolat-types__grid > :nth-child(3) {
    grid-column: auto;
  }

  .kapcsolat-type-card {
    min-height: 6.75rem;
    padding: var(--space-5);
  }

  .kapcsolat-type-card__state {
    right: var(--space-4);
    top: var(--space-4);
  }

  .kapcsolat-guidance__list {
    gap: var(--space-4);
  }

  .kapcsolat-advice {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: var(--space-3);
    padding-top: var(--space-4);
  }

  .kapcsolat-guidance__annotation {
    display: none;
  }

  .kapcsolat-scope__copy {
    padding-inline-start: var(--space-4);
  }

  .kapcsolat-form {
    gap: var(--space-5);
    padding: var(--space-5);
  }

  .kapcsolat-field textarea {
    min-height: 10rem;
  }

  .kapcsolat-preflight__panel {
    min-height: 0;
  }

  .kapcsolat-preflight__panel .content-list {
    margin-top: 0;
  }

  .kapcsolat-faq__item button {
    min-height: 3.25rem;
    padding: var(--space-4);
    font-size: 1.0625rem;
  }

  .kapcsolat-faq__answer {
    padding: 0 var(--space-4) var(--space-4);
  }

  .kapcsolat-close {
    margin-top: var(--space-7);
    padding-block: var(--space-7);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kapcsolat-page::before,
  .kapcsolat-hero::after {
    display: none;
  }

  .kapcsolat-faq__item button span,
  .kapcsolat-faq__answer,
  .kapcsolat-type-card {
    transition: none;
  }
}


.build-page {
  background: var(--color-midnight-black);
  overflow: clip;
}

.build-page .build-section {
  position: relative;
  padding-block: var(--space-8);
}

.build-page .data-label {
  margin: 0;
}

.build-hero {
  position: relative;
  isolation: isolate;
  min-height: 43rem;
  display: grid;
  align-items: end;
  padding-block: var(--space-9) var(--space-8);
  overflow: hidden;
}

.build-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 10, 16, .96) 0%, rgba(8, 10, 16, .84) 43%, rgba(8, 10, 16, .4) 72%, rgba(8, 10, 16, .72) 100%);
  content: "";
}

.build-hero__image,
.build-three-paths__image,
.build-scenarios__image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.build-hero__image { object-position: 68% center; }

.build-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
  align-items: end;
}

.build-hero__grid > * { min-width: 0; }

.build-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 43.125rem;
  gap: var(--space-4);
}

.build-hero__copy h1,
.build-hero__copy p,
.build-hero__rail p,
.build-section-intro h2,
.build-section-intro p,
.build-archetypes__intro h2,
.build-archetypes__intro p,
.build-assessment__notes h2,
.build-assessment__notes h3,
.build-assessment__notes p,
.build-patch__copy h2,
.build-patch__copy p,
.build-next-card h2,
.build-next-card p { margin: 0; }

.build-hero__copy h1 {
  font-size: var(--text-display);
  line-height: var(--line-display);
}

.build-hero__lead {
  max-width: 42rem;
  color: var(--color-frost-white);
  font-size: var(--text-body-large);
  line-height: 1.58;
}

.build-hero__support {
  max-width: 38rem;
  color: var(--color-titanium-silver);
}

.build-button--primary {
  border-color: var(--color-neon-cyan);
  background: var(--color-neon-cyan);
  color: var(--color-midnight-black);
}

.build-button--primary:hover { box-shadow: var(--shadow-active); color: var(--color-midnight-black); }

.build-hero__rail {
  justify-self: end;
  width: min(100%, 20rem);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.build-coordinate-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.build-coordinate-list li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
}

.build-coordinate-list span,
.build-card-number,
.build-scenario-trigger > span,
.build-routine-number {
  color: var(--color-neon-cyan);
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1;
}

.build-coordinate-list p { color: var(--color-titanium-silver); font-size: .875rem; line-height: 1.45; }
.build-meta-link { display: inline-flex; gap: var(--space-2); align-items: center; font-size: var(--text-meta); font-weight: 600; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.build-meta-dot { width: .55rem; height: .55rem; border-radius: var(--radius-round); background: var(--color-acid-green); box-shadow: 0 0 10px rgba(183, 243, 74, .42); }
.build-rail-note { color: var(--color-steel-muted); font-size: .8125rem; line-height: 1.45; }

.build-routes__grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: var(--space-6);
  align-items: end;
}
.build-routes__grid > * { min-width: 0; }
.build-routes__intro { width: 100%; max-width: 32.5rem; }
.build-routes__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.build-routes__links > * { min-width: 0; }
.build-route-link { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-1) var(--space-2); min-height: 5rem; padding: var(--space-3); border-bottom: 1px solid var(--color-border); text-decoration: none; }
.build-route-link span { grid-row: span 2; color: var(--color-neon-cyan); font-family: var(--font-display); font-size: 1.25rem; }
.build-route-link strong { color: var(--color-frost-white); font-size: .9375rem; }
.build-route-link small { color: var(--color-steel-muted); line-height: 1.35; }
.build-route-link:hover { border-color: var(--color-neon-cyan); }

.build-three-paths { isolation: isolate; overflow: hidden; }
.build-three-paths::before,
.build-scenarios::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(8,10,16,.9), rgba(8,10,16,.96)); content: ""; }
.build-three-paths__image { opacity: .19; object-position: center; }
.build-three-paths__content { position: relative; }
.build-section-intro { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); width: 100%; }
.build-section-intro--center { max-width: 43.75rem; margin-inline: auto; align-items: center; text-align: center; }
.build-section-intro--center p:last-child { max-width: 42rem; }
.build-decision-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-7); }
.build-decision-cards > * { min-width: 0; }
.build-decision-card,
.build-archetype-card { border: 1px solid var(--color-border); border-radius: var(--radius-control); background: var(--color-obsidian); box-shadow: var(--surface-highlight); transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }
.build-decision-card:hover,
.build-decision-card:focus-within,
.build-archetype-card:hover,
.build-archetype-card:focus-within { border-color: var(--color-border-active); box-shadow: var(--surface-highlight), var(--shadow-active); }
.build-card-trigger { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) 1rem; align-items: center; width: 100%; min-height: 5.5rem; padding: var(--space-4); border: 0; border-radius: var(--radius-control); background: transparent; text-align: left; }
.build-card-trigger > span:last-child { color: var(--color-neon-cyan); font-size: 1.25rem; }
.build-card-trigger__title { color: var(--color-frost-white); font-family: var(--font-display); font-size: 1.5rem; line-height: 1.08; }
.build-card-body { display: grid; grid-template-rows: 0fr; padding-inline: var(--space-4); transition: grid-template-rows var(--transition-panel), padding-bottom var(--transition-panel); }
.build-card-body > * { min-height: 0; overflow: hidden; margin: 0; }
.is-open .build-card-body { grid-template-rows: 1fr; padding-bottom: var(--space-4); }
.build-card-body p { color: var(--color-titanium-silver); font-size: .9375rem; line-height: 1.55; }

.build-archetypes__intro { max-width: 42.5rem; }
.build-archetype-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.build-archetype-grid > * { min-width: 0; }
.build-archetype-card .build-card-trigger__title { font-size: 1.3rem; }
.build-question { margin-top: var(--space-3) !important; padding-top: var(--space-3); border-top: 1px solid var(--color-border); color: var(--color-acid-green) !important; font-size: .8125rem !important; }

.build-assessment__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: start; }
.build-assessment__grid > * { min-width: 0; }
.build-assessment__notes { display: flex; flex-direction: column; align-items: flex-start; max-width: 45rem; gap: var(--space-5); }
.build-assessment__notes article { display: flex; flex-direction: column; gap: var(--space-2); }
.build-assessment__notes article p { max-width: 44rem; }
.build-matrix { position: sticky; top: var(--space-6); width: 100%; max-width: 26.875rem; justify-self: end; display: flex; flex-direction: column; gap: var(--space-3); }
.build-matrix-row { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.build-matrix-row > span { color: var(--color-neon-cyan); font-family: var(--font-display); }
.build-matrix-row > div { min-width: 0; }
.build-matrix-row strong { display: block; margin-bottom: var(--space-1); font-size: .875rem; }
.build-matrix-row p { margin: 0; color: var(--color-steel-muted); font-size: .8125rem; line-height: 1.42; }
.build-matrix-row em { grid-column: 2; color: var(--color-acid-green); font-size: var(--text-data); font-style: normal; letter-spacing: var(--tracking-data); text-transform: uppercase; }

.build-runes__intro { max-width: 43.75rem; }
.build-runes__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); margin-top: var(--space-6); align-items: stretch; }
.build-runes__grid > * { min-width: 0; }
.build-rune-questions { width: 100%; max-width: 32.5rem; }
.build-rune-questions h3 { margin-bottom: var(--space-2); }
.build-rune-questions > p { margin-bottom: var(--space-4); }
.build-rune-questions ol { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.build-rune-questions li { display: grid; grid-template-columns: minmax(0, 1fr); border-bottom: 1px solid var(--color-border); }
.build-rune-questions button { justify-content: flex-start; width: 100%; min-height: 3.25rem; padding-inline: 0; border: 0; border-radius: 0; background: transparent; color: var(--color-frost-white); text-align: left; }
.build-rune-questions button::before { margin-right: var(--space-3); color: var(--color-neon-cyan); content: counter(list-item, decimal-leading-zero); font-family: var(--font-display); }
.build-rune-questions span { display: none; padding: 0 0 var(--space-3) 2rem; color: var(--color-steel-muted); font-size: .875rem; }
.build-rune-questions li.is-open span { display: block; }
.build-coherence { align-self: stretch; width: 100%; max-width: 33.75rem; justify-self: end; display: flex; flex-direction: column; gap: var(--space-4); }
.build-coherence div { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); align-items: start; }
.build-coherence span { color: var(--color-electric-violet); font-family: var(--font-display); font-size: 1.25rem; }
.build-coherence p { margin: 0; color: var(--color-frost-white); }

.build-patch__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-7); align-items: start; }
.build-patch__grid > * { min-width: 0; }
.build-patch__copy { display: flex; flex-direction: column; align-items: flex-start; max-width: 46.25rem; gap: var(--space-4); }
.build-freshness { width: 100%; max-width: 26.875rem; justify-self: end; display: flex; flex-direction: column; gap: var(--space-4); }
.build-checklist { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.build-checklist li { min-width: 0; }
.build-checklist label { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: var(--space-3); align-items: start; margin: 0; color: var(--color-titanium-silver); font-size: .8125rem; font-weight: 400; letter-spacing: 0; line-height: 1.45; text-transform: none; }
.build-checklist input { margin-top: .15rem; }
.build-checklist b { display: inline-block; width: 1.5rem; color: var(--color-acid-green); font-family: var(--font-display); font-size: 1rem; }

.build-scenarios { isolation: isolate; overflow: hidden; }
.build-scenarios__image { opacity: .2; object-position: center; }
.build-scenarios__content { position: relative; }
.build-scenarios__intro { max-width: 42.5rem; }
.build-scenario-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.build-scenario-grid > * { min-width: 0; }
.build-scenario-card { min-height: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-control); background: rgba(16, 21, 33, .9); box-shadow: var(--surface-highlight); }
.build-scenario-trigger { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-2); align-items: center; width: 100%; min-height: 4.5rem; padding: var(--space-4); border: 0; background: transparent; text-align: left; }
.build-scenario-trigger strong { color: var(--color-frost-white); font-family: var(--font-display); font-size: 1.4rem; line-height: 1.08; }
.build-scenario-body { display: none; padding: 0 var(--space-4) var(--space-4); }
.build-scenario-card.is-active { border-color: var(--color-border-active); box-shadow: var(--surface-highlight), var(--shadow-active); }
.build-scenario-card.is-active .build-scenario-body { display: flex; flex-direction: column; gap: var(--space-4); }
.build-scenario-body p { margin: 0; font-size: .9375rem; line-height: 1.55; }
.build-next-question { padding: var(--space-3); border-left: 2px solid var(--color-neon-cyan); background: rgba(8,10,16,.4); color: var(--color-frost-white); font-size: .8125rem !important; }

.build-routine__intro { max-width: 42.5rem; }
.build-routine-panel { display: flex; flex-direction: column; gap: var(--space-3); width: 100%; margin-top: var(--space-6); padding: var(--space-5); border: 1px solid var(--color-border); background: rgba(16, 21, 33, .5); }
.build-routine-head { display: flex; justify-content: space-between; gap: var(--space-4); align-items: center; }
.build-reset { min-height: 2.25rem; padding-block: var(--space-2); }
.build-routine-panel ol { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.build-routine-panel li { border-top: 1px solid var(--color-border); }
.build-routine-panel label { display: grid; grid-template-columns: 1rem 2.5rem minmax(0, 6fr) minmax(0, 3fr); gap: var(--space-3); align-items: center; min-height: 4.5rem; margin: 0; color: var(--color-titanium-silver); font-weight: 400; letter-spacing: 0; text-transform: none; }
.build-routine-panel input { width: 1rem; }
.build-routine-question { color: var(--color-frost-white); font-weight: 600; }
.build-routine-panel small { color: var(--color-steel-muted); line-height: 1.4; }

.build-next__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.build-next__grid > * { min-width: 0; }
.build-next-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 100%; padding: var(--space-6); gap: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-control); }
.build-next-card--solid { background: var(--color-obsidian); box-shadow: var(--surface-highlight); }
.build-next-card--holo { background: linear-gradient(135deg, rgba(155,92,255,.13), rgba(39,217,232,.08)), var(--color-obsidian); box-shadow: var(--surface-highlight); }
.build-next-card h2 { font-size: clamp(1.8rem, 3vw, 2.25rem); }
.build-next-card p { max-width: 28.75rem; }
.build-next-links { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: auto; }
.build-next-links a { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 2.75rem; color: var(--color-frost-white); font-size: var(--text-meta); font-weight: 600; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.build-next-links a:hover { color: var(--color-neon-cyan); }

@media (max-width: 69.9375rem) {
  .build-hero__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 2fr); }
  .build-archetype-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .build-assessment__grid { gap: var(--space-6); }
}

@media (max-width: 61.1875rem) {
  .build-routes__grid { grid-template-columns: 1fr; }
  .build-routes__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .build-decision-cards,
  .build-scenario-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .build-decision-cards > :last-child,
  .build-scenario-grid > :last-child { grid-column: 1 / -1; }
  .build-assessment__grid,
  .build-patch__grid { grid-template-columns: 1fr; }
  .build-matrix,
  .build-freshness { position: static; justify-self: start; max-width: 47.5rem; }
}

@media (max-width: 56.25rem) {
  .build-hero { min-height: auto; padding-top: var(--space-8); }
  .build-hero__grid { grid-template-columns: 1fr; gap: var(--space-5); }
  .build-hero__rail { justify-self: start; width: min(100%, 33.75rem); }
  .build-runes__grid { grid-template-columns: 1fr; gap: var(--space-5); }
  .build-coherence { justify-self: start; }
  .build-routine-panel label { grid-template-columns: 1rem 2.25rem minmax(0, 1fr); align-items: start; padding-block: var(--space-3); }
  .build-routine-panel small { grid-column: 3; }
}

@media (max-width: 42.5rem) {
  .build-page .build-section { padding-block: var(--space-7); }
  .build-hero { min-height: 38rem; padding-block: var(--space-7); }
  .build-hero::before { background: linear-gradient(180deg, rgba(8,10,16,.88), rgba(8,10,16,.93) 62%, rgba(8,10,16,.98)); }
  .build-hero__image { object-position: 58% center; }
  .build-hero__copy h1 { font-size: clamp(2.25rem, 10vw, 2.75rem); }
  .build-hero__lead { font-size: 1.0625rem; }
  .build-routes__links,
  .build-decision-cards,
  .build-archetype-grid,
  .build-scenario-grid,
  .build-next__grid { grid-template-columns: 1fr; }
  .build-decision-cards > :last-child,
  .build-scenario-grid > :last-child { grid-column: auto; }
  .build-route-link { min-height: 3.75rem; }
  .build-section-intro--center { margin-inline: 0; align-items: flex-start; text-align: left; }
  .build-three-paths__image { inset: 0 0 auto; height: 7.5rem; opacity: .15; }
  .build-three-paths::before { background: linear-gradient(180deg, rgba(8,10,16,.72), rgba(8,10,16,.98) 10rem); }
  .build-three-paths__content { padding-top: var(--space-5); }
  .build-card-trigger__title { font-size: 1.35rem; }
  .build-assessment__notes { gap: var(--space-4); }
  .build-scenarios__image { inset: 0 0 auto; height: 8.75rem; object-position: center; opacity: .18; }
  .build-scenarios::before { background: linear-gradient(180deg, rgba(8,10,16,.65), rgba(8,10,16,.98) 11rem); }
  .build-scenarios__content { padding-top: var(--space-5); }
  .build-routine-panel { padding: var(--space-4); }
  .build-routine-head { align-items: flex-start; flex-direction: column; }
  .build-routine-panel label { grid-template-columns: 1rem 2rem minmax(0, 1fr); gap: var(--space-2); min-height: 3.5rem; }
  .build-next-card { padding: var(--space-5); }
  .build-next-links { flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .build-page *, .build-page *::before, .build-page *::after { transition: none !important; }
}


.ct-page{background:var(--color-midnight-black);overflow:hidden}.ct-page *{min-width:0}.ct-page a:focus-visible,.ct-page button:focus-visible,.ct-page [tabindex]:focus-visible{outline:2px solid var(--color-neon-cyan);outline-offset:3px;box-shadow:var(--shadow-active)}.ct-section{padding-block:var(--space-8)}.ct-section h2,.ct-section h3{margin:0}.ct-section p:last-child{margin-block-end:0}.ct-hero{position:relative;isolation:isolate;min-height:43rem;display:flex;align-items:center;padding-block:var(--space-9);background:var(--color-midnight-black)}.ct-hero__image,.ct-hero__shade{position:absolute;inset:0;width:100%;height:100%}.ct-hero__image{object-fit:cover;object-position:72% center;z-index:-2;transform:translateY(var(--ct-parallax,0)) scale(1.03)}.ct-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(8,10,16,.96) 0%,rgba(8,10,16,.78) 43%,rgba(8,10,16,.24) 76%,rgba(8,10,16,.55) 100%),linear-gradient(0deg,var(--color-midnight-black),transparent 35%)}.ct-hero__container{width:min(100% - (var(--container-gutter)*2),var(--container-max))}.ct-hero__layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,2fr) minmax(0,3fr);align-items:start}.ct-hero__copy{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);max-width:38.75rem}.ct-hero__copy>*{margin:0}.ct-kicker{color:var(--color-neon-cyan)}.ct-hero h1{font-size:var(--text-display);max-width:11ch}.ct-hero__lead{font-size:var(--text-body-large);line-height:1.58;max-width:36rem}.ct-hero__lead span{color:var(--color-neon-cyan)}.ct-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);width:100%}.ct-button--primary{border-color:var(--color-neon-cyan);background:var(--color-neon-cyan);color:var(--color-midnight-black)}.ct-button--primary:hover{background:var(--color-frost-white);border-color:var(--color-frost-white);color:var(--color-midnight-black)}.ct-button--secondary{background:rgba(8,10,16,.42)}.ct-hero__rail{grid-column:3;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-smoked-glass);box-shadow:var(--surface-highlight),var(--shadow-panel);backdrop-filter:blur(12px)}.ct-hero__rail>p{margin:0 0 var(--space-2)}.ct-axis{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);transition:border-color var(--transition-fast),color var(--transition-fast)}.ct-axis:hover,.ct-axis:focus-visible{border-color:var(--color-neon-cyan)}.ct-axis b{color:var(--color-neon-cyan);font-family:var(--font-display);font-size:1.5rem}.ct-axis strong,.ct-axis span{display:block}.ct-axis strong{font-size:var(--text-meta);letter-spacing:var(--tracking-label);text-transform:uppercase}.ct-axis span{margin-top:var(--space-1);color:var(--color-steel-muted);font-size:.8rem;line-height:1.35}.ct-framework__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-7);align-items:start}.ct-framework__intro{width:100%;max-width:23.75rem}.ct-framework__intro p:first-child{color:var(--color-neon-cyan)}.ct-framework__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.ct-step-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-obsidian);box-shadow:var(--surface-highlight);transition:border-color var(--transition-fast),transform var(--transition-fast)}.ct-step-card>*{margin:0}.ct-step-card:hover{border-top-color:var(--color-neon-cyan);border-color:var(--color-border-active);transform:translateY(-3px)}.ct-step-card p:last-child{font-size:.96rem;line-height:1.55}.ct-map-language{background:linear-gradient(180deg,transparent,rgba(16,21,33,.35),transparent)}.ct-map-language__head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);justify-content:space-between;gap:var(--space-7);align-items:end}.ct-map-language__head>div{max-width:38.75rem}.ct-coordinate-note{justify-self:end;margin:0;color:var(--color-titanium-silver);font-size:var(--text-meta);font-weight:600;letter-spacing:var(--tracking-label);text-align:right}.ct-coordinate-note span{display:block;margin-bottom:var(--space-2);color:var(--color-neon-cyan);font-size:var(--text-data)}.ct-map-language__matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.ct-map-language__matrix article{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.ct-map-language__matrix article>*{margin:0}.ct-map-language__matrix h3{margin-top:var(--space-3)}.ct-map-language__matrix p:last-child{margin-top:var(--space-3)}.ct-objective__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-7);align-items:center}.ct-objective__figure{width:100%;margin:0}.ct-objective__figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--color-border);filter:saturate(.8) contrast(1.04)}.ct-objective__figure[data-route="disadvantage"] img{filter:saturate(.55) brightness(.82)}.ct-objective__figure[data-route="crossmap"] img{filter:hue-rotate(12deg) saturate(.92)}.ct-objective__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:31.25rem}.ct-objective__copy>*{margin:0}.ct-questions{display:flex;flex-direction:column;gap:var(--space-2);padding-left:1.25rem}.ct-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);width:100%}.ct-tabs button{min-height:3rem;padding:var(--space-2);font-size:var(--text-data);text-align:left}.ct-tabs button[aria-selected="true"]{border-color:var(--color-neon-cyan);background:rgba(39,217,232,.1);color:var(--color-neon-cyan);box-shadow:var(--shadow-active)}.ct-route-panel{width:100%;padding:var(--space-4);border-left:2px solid var(--color-neon-cyan);background:rgba(16,21,33,.58)}.ct-route-panel>*{margin:0}.ct-route-panel p{margin-top:var(--space-2);font-size:.95rem}.ct-field-rule{width:100%;max-width:22.5rem;padding:var(--space-4);border:1px solid var(--color-border-active);border-radius:var(--radius-data);background:rgba(16,21,33,.68)}.ct-field-rule>*{margin:0}.ct-field-rule p:last-child{margin-top:var(--space-2);font-size:.9rem;line-height:1.5}.ct-teamfight__head{max-width:42.5rem;margin-inline:auto;text-align:center}.ct-teamfight__head p:last-child{font-size:var(--text-body-large)}.ct-teamfight__head span{color:var(--color-neon-cyan)}.ct-focus-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7);position:relative}.ct-focus-ladder::before{content:"";position:absolute;top:1.25rem;left:7%;right:7%;height:1px;background:var(--color-border)}.ct-focus-ladder article{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--color-border);background:var(--color-obsidian)}.ct-focus-ladder article>*{margin:0}.ct-focus-ladder article:hover{border-top-color:var(--color-neon-cyan)}.ct-focus-ladder .data-label{position:relative;color:var(--color-neon-cyan);z-index:1}.ct-focus-ladder small{color:var(--color-steel-muted);font-size:.7rem;letter-spacing:.05em}.ct-retreat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);width:min(100%,55rem);margin:var(--space-6) auto 0;padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-smoked-glass)}.ct-retreat div>*{margin:0}.ct-retreat div p:last-child{margin-top:var(--space-2)}.ct-composition__top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-7);align-items:center}.ct-composition__copy{width:100%;max-width:31.875rem}.ct-composition__figure{width:100%;margin:0}.ct-composition__figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--color-border)}.ct-role-cards{display:grid;grid-template-columns:repeat(5,minmax(11.25rem,1fr));gap:var(--space-3);margin-top:var(--space-7);overflow-x:auto;padding-bottom:var(--space-2)}.ct-role-cards article{display:flex;flex-direction:column;gap:var(--space-3);min-width:11.25rem;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-obsidian);transition:border-color var(--transition-fast),transform var(--transition-fast)}.ct-role-cards article>*{margin:0}.ct-role-cards article:hover,.ct-role-cards article:focus-visible{border-color:var(--color-neon-cyan);transform:translateY(-3px)}.ct-role-cards strong{margin-top:auto;font-size:.8rem;line-height:1.35;color:var(--color-titanium-silver)}.ct-plan-panel{width:min(100%,68rem);margin:var(--space-6) auto 0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-control);background:linear-gradient(135deg,rgba(155,92,255,.12),rgba(39,217,232,.06)),var(--color-obsidian)}.ct-plan-panel>*{margin:0}.ct-plan-panel p:last-child{margin-top:var(--space-2)}.ct-context{background:rgba(16,21,33,.28)}.ct-context__head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);justify-content:space-between;gap:var(--space-7);align-items:end}.ct-context__head>div{max-width:35rem}.ct-stamp{justify-self:end;margin:0;padding:var(--space-4);border:1px solid var(--color-border);color:var(--color-neon-cyan);font-size:var(--text-data);font-weight:600;letter-spacing:var(--tracking-data);line-height:1.5;text-align:right}.ct-path-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-7)}.ct-path-cards article{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-obsidian);transition:border-color var(--transition-fast),transform var(--transition-fast)}.ct-path-cards article>*{margin:0}.ct-path-cards article:hover{border-color:var(--color-border-active);transform:translateY(-3px)}.ct-path-cards a{display:inline-flex;align-items:center;min-height:2.75rem;margin-top:auto;color:var(--color-neon-cyan);font-size:var(--text-meta);font-weight:600;letter-spacing:.04em}.ct-historical-note{max-width:46rem;margin-top:var(--space-5);color:var(--color-steel-muted);font-size:.92rem}.ct-checker__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-7);align-items:start}.ct-checker__top>div:first-child{max-width:45rem}.ct-situation-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ct-situation-buttons button{justify-content:flex-start;min-height:3.25rem;text-align:left}.ct-situation-buttons button[aria-checked="true"]{border-color:var(--color-neon-cyan);background:rgba(39,217,232,.1);color:var(--color-neon-cyan)}.ct-checklist{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border-active);border-radius:var(--radius-control);background:linear-gradient(135deg,rgba(155,92,255,.08),rgba(39,217,232,.05)),var(--color-smoked-glass)}.ct-checklist>p{margin:0 0 var(--space-4);color:var(--color-neon-cyan)}#ct-checklist-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}#ct-checklist-items>div{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:var(--space-2);border-left:1px solid var(--color-border);padding-left:var(--space-3)}#ct-checklist-items b{color:var(--color-neon-cyan);font-family:var(--font-display);font-size:1.35rem}#ct-checklist-items p{margin:0;font-size:.92rem;line-height:1.48}.ct-checker__note{max-width:44rem;margin-top:var(--space-5);padding-left:var(--space-4);border-left:2px solid var(--color-neon-cyan);color:var(--color-steel-muted);font-size:.92rem}.ct-review__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,1fr) minmax(0,3fr);align-items:start}.ct-review__content{grid-column:1;width:100%;max-width:47.5rem}.ct-review__content>p:not(.ct-review__motto){max-width:42.5rem}.ct-review__motto{color:var(--color-neon-cyan);font-family:var(--font-display);font-size:1.7rem;line-height:1.1}.ct-accordions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.ct-accordions details{margin:0}.ct-accordions summary{min-height:3.25rem;display:flex;align-items:center;gap:var(--space-3)}.ct-accordions summary span{color:var(--color-neon-cyan);font-family:var(--font-display);font-size:1.35rem}.ct-accordions details p{margin:0 var(--space-4) var(--space-4)}.ct-review__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:22.5rem;margin-top:var(--space-6)}.ct-review__cta>*{margin:0}.ct-review__rail{grid-column:3;display:flex;flex-direction:column;gap:var(--space-3);padding-left:var(--space-5);border-left:1px solid var(--color-border)}.ct-review__rail span{color:var(--color-neon-cyan);font-family:var(--font-display);font-size:1.5rem}.ct-review__rail b{margin-bottom:var(--space-3);font-size:var(--text-meta);letter-spacing:var(--tracking-label);text-transform:uppercase}
@media (max-width:69.9375rem){.ct-section{padding-block:var(--space-7)}.ct-hero{min-height:auto;padding-block:var(--space-8)}.ct-hero__layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.ct-hero__copy{grid-column:1;max-width:none}.ct-hero__rail{grid-column:2}.ct-framework__grid{grid-template-columns:1fr;gap:var(--space-5)}.ct-framework__intro{max-width:38.75rem}.ct-map-language__head{grid-template-columns:1fr;gap:var(--space-4)}.ct-coordinate-note{justify-self:start;text-align:left}.ct-objective__grid{grid-template-columns:1fr;gap:var(--space-6)}.ct-objective__copy{max-width:38rem;order:-1}.ct-focus-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-focus-ladder article:first-child{grid-column:1 / -1}.ct-composition__top{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.ct-role-cards{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.ct-role-cards article{min-width:0}.ct-context__head{grid-template-columns:1fr;gap:var(--space-4)}.ct-stamp{justify-self:start;text-align:left}.ct-path-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-path-cards article:last-child{grid-column:1 / 2}.ct-checker__top{grid-template-columns:1fr;gap:var(--space-5)}#ct-checklist-items{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-review__grid{grid-template-columns:1fr}.ct-review__content{grid-column:1}.ct-review__rail{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(6,max-content);align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:0 0 var(--space-4);border-left:0;border-bottom:1px solid var(--color-border)}}
@media (max-width:47.9375rem){.ct-section{padding-block:var(--space-7)}.ct-hero{display:block;min-height:0;padding-top:10rem;padding-bottom:var(--space-7)}.ct-hero__image{height:42vh;min-height:20rem;object-position:68% center}.ct-hero__shade{height:46vh;background:linear-gradient(90deg,rgba(8,10,16,.9),rgba(8,10,16,.52)),linear-gradient(0deg,var(--color-midnight-black) 4%,rgba(8,10,16,.15) 80%)}.ct-hero__layout{grid-template-columns:1fr;gap:var(--space-5)}.ct-hero__copy{grid-column:1;gap:var(--space-4);max-width:100%}.ct-hero h1{font-size:2.25rem;max-width:12ch}.ct-hero__lead{max-width:38ch;font-size:1rem;line-height:1.58}.ct-hero__actions{flex-direction:column}.ct-hero__actions .button{width:100%}.ct-hero__rail{grid-column:1;max-width:24.375rem;padding:var(--space-4)}.ct-framework__cards,.ct-map-language__matrix,.ct-focus-ladder,.ct-retreat,.ct-composition__top,.ct-path-cards,.ct-checker__top{grid-template-columns:1fr}.ct-step-card{padding:var(--space-5)}.ct-map-language__matrix{gap:var(--space-4);margin-top:var(--space-5)}.ct-objective__grid{gap:var(--space-5)}.ct-objective__copy{gap:var(--space-3)}.ct-tabs{grid-template-columns:1fr}.ct-tabs button{min-height:2.75rem}.ct-objective__figure{order:2}.ct-teamfight__head{margin:0;text-align:left}.ct-focus-ladder{margin-top:var(--space-5);gap:0}.ct-focus-ladder::before{top:0;bottom:0;left:.75rem;right:auto;width:1px;height:auto}.ct-focus-ladder article,.ct-focus-ladder article:first-child{grid-column:1;padding-left:var(--space-6);border-top:0;border-left:1px solid var(--color-border);background:transparent}.ct-focus-ladder .data-label{margin-left:calc(var(--space-6) * -1)}.ct-retreat{padding:var(--space-4)}.ct-composition__copy{max-width:none}.ct-composition__figure{order:2}.ct-role-cards{grid-template-columns:1fr;margin-top:var(--space-5)}.ct-role-cards article{padding:var(--space-5)}.ct-plan-panel{padding:var(--space-4)}.ct-context__head{gap:var(--space-3)}.ct-path-cards{margin-top:var(--space-5)}.ct-path-cards article:last-child{grid-column:1}.ct-path-cards article{padding:var(--space-5)}.ct-situation-buttons{grid-template-columns:1fr}.ct-situation-buttons button{min-height:2.75rem}.ct-checklist{padding:var(--space-4)}#ct-checklist-items{grid-template-columns:1fr;gap:var(--space-3)}#ct-checklist-items>div{padding-left:var(--space-3)}.ct-review__rail{display:none}.ct-review__content{max-width:none}.ct-accordions summary{min-height:3.25rem;padding:var(--space-3)}.ct-review__cta{max-width:none}.ct-review__cta .button{width:100%}}
@media (prefers-reduced-motion:reduce){.ct-hero__image{transform:none}.ct-step-card:hover,.ct-path-cards article:hover,.ct-role-cards article:hover{transform:none}}


.home-page { background: var(--color-midnight-black); overflow: clip; }
.home-section { padding-block: var(--space-9); }
.home-eyebrow { margin: 0; color: var(--color-neon-cyan); }
.home-reveal { opacity: 0; transform: translateY(16px); transition: opacity var(--transition-panel), transform var(--transition-panel); }
.home-reveal.is-visible { opacity: 1; transform: translateY(0); }

.home-hero { position: relative; min-height: 680px; display: flex; align-items: stretch; isolation: isolate; overflow: hidden; }
.home-hero__image { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(8,10,16,.92) 0%, rgba(8,10,16,.82) 38%, rgba(8,10,16,.32) 72%, rgba(8,10,16,.68) 100%), url('/src/media/rift-ejszakai-taktikai-mezoter.webp') center center / cover no-repeat; transform: translate(var(--hero-x, 0), var(--hero-y, 0)) scale(1.025); transition: transform 320ms ease-in-out; }
.home-hero::after { content: ''; position: absolute; z-index: -1; inset: auto 0 0; height: 40%; background: linear-gradient(transparent, var(--color-midnight-black)); pointer-events: none; }
.home-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr); gap: var(--space-6); align-items: end; padding-block: var(--space-9) var(--space-8); }
.home-hero__copy { min-width: 0; width: min(100%, 620px); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-hero__copy > * { min-width: 0; margin: 0; }
.home-hero h1 { font-size: var(--text-display); max-width: 620px; }
.home-hero__lead { width: min(100%, 560px); color: var(--color-titanium-silver); font-size: var(--text-body-large); line-height: 1.58; }
.home-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); min-width: 0; width: 100%; }
.home-button--primary { border-color: var(--color-neon-cyan); background: var(--color-neon-cyan); color: var(--color-midnight-black); }
.home-button--primary:hover { background: #71eaf1; color: var(--color-midnight-black); box-shadow: var(--shadow-active); }
.home-button--secondary { background: rgba(8,10,16,.48); }
.home-button--secondary:hover { background: var(--color-obsidian); }
.home-hero__microcopy { color: var(--color-steel-muted); font-size: var(--text-meta); letter-spacing: .04em; }
.home-tactical-panel { justify-self: end; align-self: end; width: min(100%, 400px); min-width: 0; padding: var(--space-5); }
.home-tactical-panel__label { margin: 0 0 var(--space-3); }
.home-tactical-panel__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; min-width: 0; background: var(--color-border); border: 1px solid var(--color-border); }
.home-tactical-cell { min-width: 0; min-height: 122px; display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-3); padding: var(--space-3); background: rgba(8,10,16,.7); transition: background-color var(--transition-fast), border-color var(--transition-fast); }
.home-tactical-cell:hover { background: rgba(39,217,232,.08); }
.home-tactical-cell strong { color: var(--color-frost-white); font-family: var(--font-display); font-size: 1.65rem; letter-spacing: .04em; }
.home-tactical-cell span { color: var(--color-steel-muted); font-size: .76rem; line-height: 1.42; }
.home-hero__labels { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.home-map-label { position: absolute; color: rgba(39,217,232,.64); font-size: var(--text-data); font-weight: 600; letter-spacing: var(--tracking-data); text-shadow: 0 0 12px rgba(39,217,232,.18); animation: home-label-breathe 10s ease-in-out infinite alternate; }
.home-map-label--top { top: 19%; right: 22%; }.home-map-label--mid { top: 47%; right: 45%; }.home-map-label--bot { bottom: 24%; right: 16%; }.home-map-label--jungle { top: 31%; right: 10%; }.home-map-label--objective { bottom: 14%; right: 38%; }
@keyframes home-label-breathe { from { opacity: .35; transform: translateY(0); } to { opacity: .84; transform: translateY(-4px); } }

.home-principles__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-6); }
.home-principles__copy { width: min(100%, 760px); min-width: 0; }
.home-principles__lead { width: min(100%, 740px); color: var(--color-frost-white); font-size: var(--text-body-large); }
.home-principle-list { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
.home-principle { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--space-4); min-width: 0; }
.home-principle__number { color: var(--color-electric-violet); font-family: var(--font-display); font-size: 2rem; line-height: 1; }
.home-principle h3 { margin: 0 0 var(--space-2); }.home-principle p { width: min(100%, 680px); margin: 0; }
.home-principle h3 a { text-decoration: none; }.home-principle h3 a:hover::after { content: ' ↗'; color: var(--color-neon-cyan); }
.home-annotation-rail { align-self: stretch; min-width: 0; display: flex; flex-direction: column; justify-content: space-around; align-items: end; padding-right: var(--space-4); border-left: 1px solid var(--color-border); color: var(--color-steel-muted); font-size: var(--text-data); letter-spacing: var(--tracking-data); }

.home-routes__lead { width: min(100%, 640px); }
.home-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; margin-top: var(--space-6); }
.home-route-card { min-width: 0; min-height: 420px; display: grid; grid-template-rows: minmax(190px, 1.05fr) minmax(0, .95fr); overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-control); background: var(--color-obsidian); color: var(--color-text); text-decoration: none; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }
.home-route-card:hover { border-color: var(--color-border-active); box-shadow: var(--shadow-active); }
.home-route-card__media { position: relative; min-width: 0; overflow: hidden; background: #0d1823; }.home-route-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-fast); }.home-route-card:hover img { transform: scale(1.02); }.home-route-card__media .data-label { position: absolute; left: var(--space-4); bottom: var(--space-3); margin: 0; color: var(--color-frost-white); }
.home-route-card__content { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }.home-route-card__content > * { min-width: 0; margin: 0; }.home-route-card__content p { line-height: 1.52; }.home-route-card__link { margin-top: auto; color: var(--color-neon-cyan); font-size: var(--text-meta); font-weight: 600; letter-spacing: .04em; }.home-route-card__link b { display: inline-block; transition: transform var(--transition-fast); }.home-route-card:hover .home-route-card__link b { transform: translateX(8px); }
.home-build-visual { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: var(--space-3); padding: var(--space-5); background: linear-gradient(135deg, rgba(155,92,255,.18), rgba(39,217,232,.07)), #0d1521; }.home-build-visual > i { min-width: 0; height: 58%; border: 1px solid rgba(199,208,219,.36); background: linear-gradient(180deg, rgba(39,217,232,.2), transparent); transform: skewY(-10deg); }.home-build-visual > i:nth-of-type(2) { height: 75%; border-color: rgba(155,92,255,.7); }.home-build-visual > i:nth-of-type(3) { height: 42%; }.home-build-chart { position: absolute; inset: auto var(--space-4) var(--space-3); display: flex; gap: 4px; align-items: end; height: 48px; }.home-build-chart b { width: 15px; border-top: 2px solid var(--color-neon-cyan); transform: rotate(-24deg); }.home-build-chart b:nth-child(2) { transform: rotate(20deg); }.home-build-chart b:nth-child(3) { transform: rotate(-34deg); }.home-build-chart b:nth-child(4) { transform: rotate(17deg); }

.home-decisions { position: relative; background: radial-gradient(circle at 75% 30%, rgba(155,92,255,.12), transparent 34%), linear-gradient(rgba(39,217,232,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(39,217,232,.045) 1px, transparent 1px), #090c14; background-size: auto, 44px 44px, 44px 44px, auto; }
.home-decisions__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: start; }.home-decisions__intro { width: min(100%, 560px); min-width: 0; }.home-decisions__intro p { margin-bottom: var(--space-5); }.home-text-link { color: var(--color-neon-cyan); font-weight: 600; text-underline-offset: .22em; }.home-decision-list { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }.home-decision { min-width: 0; border: 1px solid var(--color-border); border-radius: var(--radius-control); background: rgba(16,21,33,.82); overflow: hidden; }.home-decision.is-active { border-color: var(--color-border-active); box-shadow: var(--shadow-active); }.home-decision__toggle { width: 100%; min-width: 0; min-height: 64px; display: grid; grid-template-columns: 60px minmax(0, 1fr) 28px; align-items: center; gap: var(--space-3); padding: var(--space-4); border: 0; border-radius: 0; background: transparent; text-align: left; }.home-decision__toggle span { color: var(--color-electric-violet); font-family: var(--font-display); font-size: 1.6rem; }.home-decision__toggle strong { min-width: 0; font-family: var(--font-display); font-size: 1.45rem; }.home-decision__toggle i { color: var(--color-neon-cyan); font-size: 1.5rem; font-style: normal; text-align: center; }.home-decision.is-active .home-decision__toggle i { transform: rotate(45deg); }.home-decision__body { display: none; width: min(100%, 650px); min-width: 0; padding: 0 var(--space-5) var(--space-5); }.home-decision.is-active .home-decision__body { display: block; animation: home-panel-open var(--transition-panel); }.home-decision__body p:last-child, .home-decision__body ul:last-child { margin-bottom: 0; }
@keyframes home-panel-open { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.home-beginners__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: start; }.home-beginners__intro { width: min(100%, 470px); min-width: 0; }.home-beginners__intro p:last-child { font-size: var(--text-body-large); }.home-step-list { min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); }.home-step { min-width: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: var(--space-3); padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-border); }.home-step > span { color: var(--color-neon-cyan); font-family: var(--font-display); font-size: 1.85rem; line-height: 1; }.home-step h3 { margin: 0 0 var(--space-2); }.home-step p { width: min(100%, 580px); margin: 0; }.home-step-list__cta { align-self: flex-start; }

.home-feed__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-6); align-items: start; }.home-feed__content { grid-column: 1; grid-row: 1; min-width: 0; }.home-feed__lead { width: min(100%, 680px); }.home-meta-panel { grid-column: 2; grid-row: 1; min-width: 0; width: min(100%, 320px); justify-self: end; display: flex; flex-direction: column; gap: var(--space-3); }.home-meta-panel > * { margin: 0; }.home-meta-panel h3 { font-size: 1.5rem; }.home-meta-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--color-acid-green); animation: home-meta-pulse 2.4s ease-in-out infinite alternate; }.home-feed-list { min-width: 0; display: flex; flex-direction: column; border-top: 1px solid var(--color-border); }.home-feed-item { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 32px; gap: var(--space-4); padding-block: var(--space-5); border-bottom: 1px solid var(--color-border); text-decoration: none; }.home-feed-item div { min-width: 0; width: min(100%, 680px); }.home-feed-item p { margin: 0 0 var(--space-2); }.home-feed-item h3 { margin: 0 0 var(--space-2); }.home-feed-item > span { align-self: center; color: var(--color-neon-cyan); font-size: 1.4rem; transition: transform var(--transition-fast); }.home-feed-item:hover > span { transform: translateX(6px); }
@keyframes home-meta-pulse { from { opacity: .5; } to { opacity: 1; } }

.home-questions__lead { width: min(100%, 600px); }.home-question-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; margin-top: var(--space-6); }.home-question-card { min-width: 0; min-height: 180px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-control); background: var(--color-obsidian); text-decoration: none; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }.home-question-card > * { min-width: 0; margin: 0; }.home-question-card:hover { border-color: var(--color-border-active); box-shadow: var(--shadow-active); }.home-question-card::before { content: ''; width: 0; height: 1px; background: var(--color-neon-cyan); transition: width var(--transition-fast); }.home-question-card:hover::before { width: 48px; }.home-question-card span { margin-top: auto; color: var(--color-neon-cyan); font-size: var(--text-meta); font-weight: 600; }

.home-missions__lead { width: min(100%, 620px); }.home-mission-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; margin-top: var(--space-6); }.home-mission-card { min-width: 0; min-height: 350px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-control); background: linear-gradient(145deg, rgba(155,92,255,.08), transparent 42%), var(--color-obsidian); text-decoration: none; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }.home-mission-card > * { min-width: 0; margin: 0; }.home-mission-card:hover { border-color: var(--color-border-active); box-shadow: var(--shadow-violet); }.home-coordinate { color: var(--color-steel-muted); font-size: var(--text-data); letter-spacing: var(--tracking-data); }.home-mission-card__link { margin-top: auto; color: var(--color-neon-cyan); font-size: var(--text-meta); font-weight: 600; }

.home-closing__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-6); align-items: center; }.home-closing__panel { min-width: 0; width: min(100%, 860px); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); animation: home-holo-shift 10s ease-in-out infinite alternate; }.home-closing__panel > * { min-width: 0; margin: 0; }.home-closing__panel p { width: min(100%, 700px); font-size: var(--text-body-large); }.home-closing__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); min-width: 0; }.home-closing__field { min-width: 0; color: rgba(39,217,232,.42); font-family: monospace; font-size: var(--text-data); line-height: 2.1; letter-spacing: var(--tracking-data); }.home-note { padding: var(--space-7) 0 var(--space-9); }.home-note__content { width: min(100%, 760px); min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border); }.home-note__content p { margin: 0; color: var(--color-titanium-silver); font-size: .94rem; line-height: 1.58; }
@keyframes home-holo-shift { from { border-color: rgba(199,208,219,.24); } to { border-color: rgba(39,217,232,.48); } }

@media (max-width: 69.9375rem) {
  .home-hero { min-height: 620px; }.home-hero__grid { grid-template-columns: minmax(0, 1fr); align-items: end; }.home-hero__copy { width: min(100%, 620px); }.home-tactical-panel { justify-self: start; width: min(100%, 520px); }.home-principles__grid { grid-template-columns: minmax(0, 1fr); }.home-annotation-rail { display: none; }.home-route-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }.home-route-card--heroes, .home-route-card--strategy { grid-column: span 3; }.home-route-card--builds { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(220px, 1fr); }.home-decisions__grid, .home-beginners__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }.home-decision-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }.home-decision:nth-child(5) { grid-column: 1 / -1; }.home-feed__grid { grid-template-columns: minmax(0, 1fr); }.home-meta-panel { grid-column: 1; grid-row: 1; justify-self: stretch; width: 100%; }.home-feed__content { grid-column: 1; grid-row: 2; }.home-mission-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }.home-mission-card:nth-child(1), .home-mission-card:nth-child(2) { grid-column: span 3; }.home-mission-card:nth-child(3) { grid-column: 1 / -1; }.home-closing__grid { grid-template-columns: minmax(0, 1fr); }.home-closing__field { display: none; }
}

@media (max-width: 56.1875rem) {
  .home-section { padding-block: var(--space-8); }.home-decisions__grid, .home-beginners__grid { grid-template-columns: minmax(0, 1fr); }.home-decision-list { grid-template-columns: minmax(0, 1fr); }.home-decision:nth-child(5) { grid-column: auto; }.home-question-grid { grid-template-columns: minmax(0, 1fr); }.home-route-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--space-3); margin-right: calc(var(--container-gutter) * -1); padding-right: var(--container-gutter); }.home-route-card { flex: 0 0 min(86vw, 390px); scroll-snap-align: start; }.home-route-card--builds { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(210px, 1fr) minmax(0, 1fr); }.home-route-card__media { min-height: 210px; }
}

@media (max-width: 47.9375rem) {
  .home-hero { min-height: 0; display: block; padding-top: min(42vh, 340px); }.home-hero__image { height: min(42vh, 340px); bottom: auto; background-image: linear-gradient(180deg, rgba(8,10,16,.18), rgba(8,10,16,.82)), url('/src/media/rift-ejszakai-taktikai-mezoter.webp'); background-position: center bottom; transform: none; }.home-hero::after { height: 35%; }.home-hero__grid { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-6); padding-block: var(--space-6) var(--space-7); }.home-hero__copy { width: 100%; gap: var(--space-4); }.home-hero h1 { font-size: 2.25rem; }.home-hero__lead { width: 100%; font-size: 1rem; line-height: var(--line-body-mobile); }.home-hero__actions { flex-direction: column; align-items: stretch; }.home-hero__actions .button { width: 100%; }.home-tactical-panel { align-self: stretch; width: 100%; padding: var(--space-4); }.home-tactical-cell { min-height: 110px; }.home-map-label--top, .home-map-label--bot { display: none; }.home-map-label--mid { top: 15%; right: 42%; }.home-map-label--jungle { top: 31%; right: 11%; }.home-map-label--objective { bottom: 12%; right: 28%; }.home-principle { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }.home-principle__number { font-size: 1.7rem; }.home-routes__lead, .home-principles__lead, .home-feed__lead, .home-questions__lead, .home-missions__lead { width: 100%; }.home-decision__body { width: 100%; padding-inline: var(--space-4); }.home-decision__toggle { grid-template-columns: 48px minmax(0, 1fr) 24px; padding: var(--space-3); }.home-step { grid-template-columns: 42px minmax(0, 1fr); }.home-step-list__cta { align-self: stretch; width: 100%; }.home-feed-item { grid-template-columns: minmax(0, 1fr) 24px; }.home-mission-grid { grid-template-columns: minmax(0, 1fr); }.home-mission-card:nth-child(1), .home-mission-card:nth-child(2), .home-mission-card:nth-child(3) { grid-column: auto; min-height: 280px; }.home-closing__panel { padding: var(--space-5); }.home-closing__actions { flex-direction: column; align-items: stretch; width: 100%; }.home-closing__actions .button { width: 100%; }.home-closing__panel p { width: 100%; font-size: 1.125rem; }.home-note { padding-block: var(--space-6) var(--space-8); }
}

@media (prefers-reduced-motion: reduce) { .home-reveal { opacity: 1; transform: none; transition: none; }.home-map-label, .home-meta-dot, .home-closing__panel { animation: none; }.home-hero__image { transform: none; }.home-decision.is-active .home-decision__body { animation: none; } }


.team-page { background: var(--color-midnight-black); overflow: hidden; }
.team-page .team-section { position: relative; padding-block: clamp(3rem, 7vw, 6rem); }
.team-page .team-section::before { content: ""; position: absolute; inset: 0 var(--container-gutter) auto; height: 1px; background: linear-gradient(90deg, transparent, var(--color-border), transparent); }
.team-page .team-kicker, .team-page .data-label { display: block; }
.team-hero { position: relative; min-height: 48rem; display: grid; align-items: center; overflow: hidden; border-bottom: 1px solid var(--color-border); }
.team-hero__backdrop { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,10,16,.94) 0%, rgba(8,10,16,.82) 40%, rgba(8,10,16,.42) 100%); z-index: 1; }
.team-hero__image { position: absolute; inset: 0; margin: 0; z-index: 0; }
.team-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.team-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 3rem; align-items: start; }
.team-hero__content { width: 100%; max-width: 42.5rem; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); }
.team-hero__content > * { min-width: 0; margin: 0; }
.team-hero h1 { font-size: var(--text-display); }
.team-hero__lead { max-width: 42.5rem; padding-left: var(--space-4); border-left: 1px solid var(--color-neon-cyan); color: var(--color-frost-white); font-size: var(--text-body-large); line-height: 1.58; }
.team-hero__coordinates { display: flex; flex-wrap: wrap; gap: .5rem 1rem; color: var(--color-titanium-silver); font-size: var(--text-data); font-weight: 600; letter-spacing: var(--tracking-data); }
.team-hero__coordinates span { min-width: 0; }
.team-hero__rail { width: min(100%, 22.5rem); min-width: 0; justify-self: end; display: flex; flex-direction: column; gap: var(--space-4); }
.team-hero__rail > * { margin: 0; min-width: 0; }
.team-hero__rail h2 { font-size: 1.75rem; }
.team-hero__rail p { color: var(--color-titanium-silver); font-size: .96rem; line-height: 1.58; }
.team-functions__layout { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 3rem; align-items: start; }
.team-functions__intro { width: 100%; max-width: 32.5rem; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.team-functions__intro > * { margin: 0; }
.team-role-grid { min-width: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4); }
.team-role-card { grid-column: span 2; min-width: 0; min-height: 100%; padding: var(--space-5); border: 1px solid var(--color-border); border-bottom: 2px solid var(--color-border); border-radius: var(--radius-control); background: rgba(16,21,33,.68); display: flex; flex-direction: column; gap: var(--space-3); transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast); }
.team-role-card > * { margin: 0; min-width: 0; }
.team-role-card--wide { grid-column: span 3; }
.team-role-card:hover, .team-role-card:focus-within { border-bottom-color: var(--color-neon-cyan); box-shadow: var(--shadow-active); transform: translateY(-2px); }
.team-role-card__number { color: var(--color-neon-cyan); font-family: var(--font-display); font-size: 2rem; line-height: 1; }
.team-role-card h3 { font-size: 1.5rem; }
.team-role-card p { color: var(--color-titanium-silver); font-size: .94rem; line-height: 1.58; }
.team-role-card__prompt { margin-top: auto; color: var(--color-steel-muted); font-size: var(--text-data); font-weight: 600; letter-spacing: var(--tracking-data); }
.team-role-card__prompt--green { color: var(--color-acid-green); }
.team-win__grid, .team-fight__grid, .team-review__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.team-win__copy, .team-fight__copy, .team-review__content { min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.team-win__copy > *, .team-fight__copy > *, .team-review__content > * { margin: 0; min-width: 0; }
.team-win__copy > p { max-width: 32.5rem; }
.team-win__panel { max-width: 31.25rem; min-width: 0; padding: var(--space-5); border-left: 2px solid var(--color-neon-cyan); background: rgba(16,21,33,.56); display: flex; flex-direction: column; gap: var(--space-3); }
.team-win__panel > * { margin: 0; }
.team-win__panel h3 { font-size: 1.45rem; }
.team-win__visual { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.team-win__visual figure { margin: 0; width: 100%; border: 1px solid var(--color-border); background: var(--color-obsidian); }
.team-win__visual img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.team-win__controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
.team-win__control { width: 100%; min-width: 0; padding-inline: .6rem; font-size: .65rem; }
.team-win__control.is-active { border-color: var(--color-neon-cyan); background: rgba(39,217,232,.1); color: var(--color-neon-cyan); box-shadow: var(--shadow-active); }
.team-diagnostic__intro { width: 100%; max-width: 35rem; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-6); }
.team-diagnostic__intro > * { margin: 0; }
.team-diagnostic__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-5); align-items: start; }
.team-checklist { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.team-check { min-width: 0; min-height: 8.5rem; margin: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-data); background: rgba(16,21,33,.54); display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: var(--space-3); align-items: start; cursor: pointer; }
.team-check input { width: 1.125rem; min-height: 1.125rem; margin-top: .15rem; }
.team-check span { min-width: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.team-check b { font-size: .95rem; line-height: 1.35; }
.team-check small { color: var(--color-steel-muted); font-size: .83rem; line-height: 1.45; }
.team-diagnostic__result { width: 100%; max-width: 20rem; min-width: 0; justify-self: end; display: flex; flex-direction: column; gap: var(--space-3); position: sticky; top: 2rem; }
.team-diagnostic__result > * { margin: 0; min-width: 0; }
.team-diagnostic__result h3 { color: var(--color-acid-green); }
.team-diagnostic__list { margin: 0; padding-left: 1.1rem; color: var(--color-titanium-silver); font-size: .85rem; }
.team-reset { align-self: flex-start; }
.team-patterns__intro { width: 100%; max-width: 38.75rem; display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-6); }
.team-patterns__intro > * { margin: 0; }
.team-patterns__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); align-items: stretch; }
.team-pattern { position: relative; min-width: 0; padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-control); background: var(--color-obsidian); display: flex; flex-direction: column; gap: var(--space-4); }
.team-pattern > * { margin: 0; min-width: 0; }
.team-pattern h3 { padding-right: 5.5rem; font-size: 1.5rem; }
.team-pattern__status { position: absolute; top: var(--space-5); right: var(--space-5); color: var(--color-acid-green); font-size: var(--text-data); font-weight: 600; letter-spacing: var(--tracking-data); }
.team-pattern p { color: var(--color-titanium-silver); font-size: .93rem; line-height: 1.58; }
.team-pattern__diagram { min-width: 0; height: 4.5rem; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); display: flex; align-items: center; gap: .5rem; }
.team-pattern__diagram i { display: block; background: var(--color-neon-cyan); }
.team-pattern__diagram--line i { width: 22%; height: .2rem; }.team-pattern__diagram--line i:nth-child(2) { width: 40%; background: var(--color-electric-violet); }.team-pattern__diagram--window i { width: 1rem; height: 1rem; border-radius: 50%; }.team-pattern__diagram--window i:nth-child(2) { width: 3.5rem; height: 2px; }.team-pattern__diagram--zones i { width: 44%; height: 2.25rem; border: 1px solid var(--color-neon-cyan); background: transparent; }.team-pattern__diagram--zones i:last-child { border-color: var(--color-electric-violet); }
.team-patterns__note { width: 100%; max-width: 47.5rem; margin-top: var(--space-5); padding: var(--space-4) var(--space-5); border-left: 2px solid var(--color-neon-cyan); background: rgba(16,21,33,.48); }
.team-fight__lead { max-width: 31.25rem; padding-left: var(--space-4); border-left: 1px solid var(--color-neon-cyan); color: var(--color-frost-white); font-size: var(--text-body-large); line-height: 1.58; }
.team-fight__steps { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-5); max-width: 31.25rem; }
.team-fight__steps li { min-width: 0; padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-border); }
.team-fight__steps h3 { margin-bottom: var(--space-2); font-size: 1.4rem; }.team-fight__steps p { margin: 0; }
.team-fight__visual { width: 100%; min-width: 0; margin: 0; position: sticky; top: 2rem; }.team-fight__visual img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border: 1px solid var(--color-border); }
.team-comms__intro { display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-6); }.team-comms__intro > * { margin: 0; }
.team-comms__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.team-comms__module { min-width: 0; padding: var(--space-5); border-left: 1px solid var(--color-border); display: flex; flex-direction: column; gap: var(--space-4); }.team-comms__module > * { margin: 0; }.team-comms__module h3 { font-size: 1.5rem; }.team-comms__module p { color: var(--color-titanium-silver); font-size: .94rem; line-height: 1.58; }
.team-callouts { display: flex; flex-direction: column; gap: var(--space-2); }.team-callouts button { justify-content: flex-start; width: 100%; min-width: 0; min-height: 2.75rem; padding: .625rem .75rem; border-color: rgba(199,208,219,.18); border-radius: 0; background: rgba(16,21,33,.5); color: var(--color-titanium-silver); font-family: "IBM Plex Mono", monospace; font-size: .76rem; text-align: left; text-transform: none; letter-spacing: 0; white-space: normal; }.team-callouts button:hover { color: var(--color-neon-cyan); }
.team-observations { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; }.team-observations div { min-width: 0; padding: var(--space-3); border: 1px solid rgba(199,208,219,.16); }.team-observations dt { color: var(--color-steel-muted); font-size: var(--text-data); font-weight: 600; letter-spacing: var(--tracking-data); text-transform: uppercase; }.team-observations dd { margin: var(--space-1) 0 var(--space-3); font-size: .84rem; }.team-observations dd:last-child { margin-bottom: 0; }.team-copy-feedback { min-height: 1.3em; margin: var(--space-3) 0 0; color: var(--color-acid-green); font-size: var(--text-meta); }
.team-review__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }.team-review__lead { max-width: 45rem; }.team-accordion { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); max-width: 45rem; }.team-accordion__item { min-width: 0; border: 1px solid var(--color-border); background: rgba(16,21,33,.5); }.team-accordion__trigger { width: 100%; min-width: 0; min-height: 3.25rem; padding: var(--space-4); border: 0; border-radius: 0; background: transparent; display: flex; justify-content: space-between; text-align: left; font-size: .98rem; letter-spacing: .01em; }.team-accordion__trigger span { color: var(--color-neon-cyan); font-size: 1.35rem; }.team-accordion__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--transition-panel); }.team-accordion__panel p { min-height: 0; overflow: hidden; margin: 0; padding: 0 var(--space-4); }.team-accordion__item.is-open .team-accordion__panel { grid-template-rows: 1fr; }.team-accordion__item.is-open .team-accordion__panel p { padding-bottom: var(--space-4); }.team-review__links { width: 100%; max-width: 20rem; min-width: 0; justify-self: end; display: flex; flex-direction: column; gap: var(--space-3); }.team-review__links > * { margin: 0; }.team-review__links h3 { font-size: 1.45rem; }.team-review__links p { color: var(--color-steel-muted); font-size: .9rem; line-height: 1.55; }.team-review__links a { min-width: 0; padding-top: var(--space-3); border-top: 1px solid var(--color-border); display: flex; justify-content: space-between; gap: var(--space-2); color: var(--color-titanium-silver); font-size: .88rem; text-decoration: none; }.team-review__links a span { color: var(--color-neon-cyan); }
.team-cta { padding-bottom: clamp(4rem, 8vw, 8rem) !important; }.team-cta__panel { width: min(100%, 68.75rem); min-width: 0; margin-inline: auto; display: flex; flex-direction: column; gap: var(--space-5); }.team-cta__copy { width: 100%; max-width: 38.75rem; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }.team-cta__copy > * { margin: 0; }.team-cta__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }.team-cta__actions > * { min-width: 0; }.team-cta__primary { border-color: var(--color-neon-cyan); background: var(--color-neon-cyan); color: var(--color-midnight-black); }.team-cta__primary:hover { background: #7beaf1; color: var(--color-midnight-black); }
@media (max-width: 69.9375rem) { .team-hero { min-height: 42rem; }.team-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }.team-functions__layout { grid-template-columns: 1fr; gap: var(--space-6); }.team-functions__intro { max-width: 32.5rem; }.team-role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.team-role-card, .team-role-card--wide { grid-column: span 1; }.team-role-card:last-child { grid-column: 1 / -1; }.team-diagnostic__grid, .team-review__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.team-diagnostic__result, .team-review__links { justify-self: stretch; max-width: none; position: static; }.team-patterns__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.team-pattern:last-child { grid-column: 1 / -1; }.team-comms__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.team-comms__module:last-child { grid-column: 1 / -1; } }
@media (max-width: 56.1875rem) { .team-win__grid, .team-fight__grid { grid-template-columns: 1fr; gap: var(--space-5); }.team-win__copy, .team-fight__copy { order: 1; }.team-win__visual { order: 2; }.team-fight__visual { order: 0; position: static; }.team-fight__copy { order: 1; }.team-win__copy > p, .team-win__panel, .team-fight__lead, .team-fight__steps { max-width: none; }.team-diagnostic__result { position: static; }.team-review__grid { grid-template-columns: 1fr; }.team-review__links { justify-self: start; }.team-patterns__grid { grid-template-columns: 1fr; }.team-pattern:last-child { grid-column: auto; } }
@media (max-width: 47.9375rem) { .team-page .team-section { padding-block: 3rem; }.team-hero { min-height: auto; display: flex; flex-direction: column; padding-top: 3rem; }.team-hero__backdrop { background: linear-gradient(180deg, var(--color-midnight-black) 0%, rgba(8,10,16,.95) 62%, rgba(8,10,16,.48) 100%); }.team-hero__grid { width: min(100% - (var(--container-gutter) * 2), var(--container-max)); margin-inline: auto; grid-template-columns: 1fr; gap: var(--space-5); }.team-hero__content { max-width: none; gap: var(--space-4); }.team-hero h1 { font-size: clamp(2.25rem, 10vw, 2.75rem); }.team-hero__lead { max-width: none; font-size: 1rem; }.team-hero__rail { width: 100%; justify-self: stretch; }.team-hero__image { position: relative; inset: auto; width: 100%; height: min(42vh, 25rem); margin-top: var(--space-5); }.team-hero__image img { object-position: center; }.team-functions__layout { gap: var(--space-5); }.team-role-grid, .team-checklist, .team-diagnostic__grid, .team-comms__grid { grid-template-columns: 1fr; }.team-role-card, .team-role-card--wide, .team-role-card:last-child, .team-comms__module:last-child { grid-column: auto; }.team-role-card { min-height: 0; }.team-win__controls { grid-template-columns: 1fr; }.team-win__control { min-height: 2.75rem; justify-content: flex-start; }.team-check { min-height: 0; }.team-pattern { padding: var(--space-5); }.team-comms__module { padding: var(--space-5) 0; border-left: 0; border-top: 1px solid var(--color-border); }.team-review__links { width: 100%; max-width: none; }.team-cta__panel { padding: var(--space-5); }.team-cta__actions { flex-direction: column; }.team-cta__actions .button { width: 100%; min-height: 3rem; }.team-diagnostic__intro, .team-patterns__intro { margin-bottom: var(--space-5); } }
@media (prefers-reduced-motion: reduce) { .team-role-card, .team-accordion__panel { transition: none; }.team-role-card:hover, .team-role-card:focus-within { transform: none; } }


.beginner-page{background:var(--color-midnight-black);overflow:hidden}.beginner-page section{position:relative}.beginner-page a{color:var(--color-neon-cyan)}.beginner-page p:last-child{margin-block-end:0}.beginner-hero{min-height:620px;display:grid;align-items:stretch;border-bottom:1px solid var(--color-border);isolation:isolate}.beginner-hero__image,.beginner-hero__shade{position:absolute;inset:0;width:100%;height:100%}.beginner-hero__image{object-fit:cover;object-position:center right;z-index:-2}.beginner-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(8,10,16,.96) 0%,rgba(8,10,16,.79) 45%,rgba(8,10,16,.2) 100%)}.beginner-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:var(--space-6);align-items:center;padding-block:var(--space-9);min-width:0}.beginner-hero__copy{width:min(100%,700px);min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.beginner-hero__copy>*{min-width:0;margin:0}.beginner-eyebrow{color:var(--color-acid-green)}.beginner-hero h1{font-size:var(--text-display);max-width:680px}.beginner-hero__copy p:not(.meta){font-size:var(--text-body-large);line-height:1.58}.beginner-hero__action{margin-top:var(--space-2)}.beginner-route{justify-self:end;width:min(100%,360px);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.beginner-route>*{margin:0;min-width:0}.beginner-route ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:column}.beginner-route li{min-width:0;border-top:1px solid rgba(199,208,219,.18)}.beginner-route a{min-height:44px;display:flex;align-items:center;gap:var(--space-3);color:var(--color-titanium-silver);text-decoration:none;font-size:.78rem}.beginner-route a span{color:var(--color-steel-muted);font-family:var(--font-display);font-size:1.1rem}.beginner-route a:hover,.beginner-route a.is-active{color:var(--color-neon-cyan);box-shadow:inset 0 -2px 0 var(--color-neon-cyan),inset 0 -10px 18px rgba(155,92,255,.08)}.beginner-module{padding-block:var(--space-9);border-bottom:1px solid rgba(199,208,219,.13)}.beginner-module::before{content:"COORD / LEARN";position:absolute;top:var(--space-5);left:max(var(--container-gutter),calc((100% - var(--container-max))/2));color:rgba(137,150,166,.5);font-size:var(--text-data);letter-spacing:var(--tracking-data)}.beginner-module__number{margin:0;color:transparent;-webkit-text-stroke:1px rgba(199,208,219,.38);font-family:var(--font-display);font-size:clamp(4.25rem,7vw,6rem);font-weight:600;line-height:.8}.beginner-module h2{margin:0}.beginner-module__intro,.beginner-map__copy,.beginner-farm__copy,.beginner-awareness__copy,.beginner-objectives__copy,.beginner-teamfight__copy,.beginner-closing__copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.beginner-module__intro>*,.beginner-map__copy>*,.beginner-farm__copy>*,.beginner-awareness__copy>*,.beginner-objectives__copy>*,.beginner-teamfight__copy>*,.beginner-closing__copy>*{min-width:0;margin:0}.beginner-champion__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-6);align-items:start}.beginner-module__intro{width:min(100%,360px)}.beginner-champion__visual{grid-column:2;grid-row:1;width:100%;min-width:0;position:relative;border:1px solid var(--color-border);overflow:hidden}.beginner-champion__visual img,.beginner-teamfight__visual img{width:100%;max-width:100%;height:auto;transform:translate(var(--parallax-x,0),var(--parallax-y,0));transition:transform var(--transition-panel)}.beginner-archetypes{position:absolute;inset:auto var(--space-4) var(--space-4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.beginner-archetypes span{min-width:0;padding:var(--space-2);border:1px solid rgba(199,208,219,.3);background:rgba(8,10,16,.74);color:var(--color-titanium-silver);font-size:var(--text-data);letter-spacing:var(--tracking-data);text-align:center}.beginner-checklist{grid-column:2;display:flex;flex-direction:column;gap:var(--space-3);width:min(100%,560px);min-width:0}.beginner-checklist>*{margin:0;min-width:0}.beginner-checklist ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:0;list-style:none}.beginner-checklist li{min-width:0;display:flex;gap:var(--space-2)}.beginner-checklist li::before{content:"—";color:var(--color-neon-cyan)}.beginner-build-link{grid-column:2;justify-self:end;width:min(100%,320px);display:flex;flex-direction:column;gap:var(--space-3)}.beginner-build-link>*{margin:0;min-width:0}.beginner-map__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(540px,7fr);gap:var(--space-6);align-items:start}.beginner-map__copy{width:min(100%,540px)}.beginner-map__diagram{width:100%;min-width:0;position:relative;border:1px solid var(--color-border);line-height:0}.beginner-map__diagram img{width:100%;height:auto}.beginner-map__hotspots{position:absolute;inset:0;pointer-events:none}.beginner-map__hotspots button{position:absolute;pointer-events:auto;background:rgba(8,10,16,.82);border-color:var(--color-border-active);color:var(--color-neon-cyan);min-width:44px}.beginner-map__hotspots button:nth-child(1){top:18%;left:15%}.beginner-map__hotspots button:nth-child(2){top:48%;left:42%}.beginner-map__hotspots button:nth-child(3){right:11%;bottom:16%}.beginner-map__explainer{position:absolute;z-index:2;right:var(--space-4);bottom:var(--space-4);width:min(88%,340px);line-height:var(--line-body);display:flex;gap:var(--space-3);align-items:flex-start}.beginner-map__explainer p{margin:0}.beginner-map__close{min-width:44px;padding:0;font-size:1.4rem}.beginner-lane-codes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);min-width:0}.beginner-lane-codes article{min-width:0;padding:var(--space-4);border-top:1px solid var(--color-border);background:rgba(16,21,33,.45)}.beginner-lane-codes article>*{margin:0}.beginner-lane-codes article p+p{margin-top:var(--space-2)}.beginner-lane-codes__jungle{grid-column:1/-1}.beginner-rotation{grid-column:1/-1;width:min(100%,660px);display:flex;flex-direction:column;gap:var(--space-3)}.beginner-rotation>*{margin:0}.beginner-rotation ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);padding:0;list-style:none}.beginner-rotation li{min-width:0;padding-left:var(--space-4);border-left:2px solid var(--color-neon-cyan)}.beginner-farm__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:var(--space-6);align-items:start}.beginner-farm__copy{width:min(100%,700px)}.beginner-safe-farm{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.beginner-safe-farm>*{margin:0}.beginner-safe-farm div{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-3);border-left:2px solid transparent}.beginner-safe-farm div:focus{border-left-color:var(--color-neon-cyan)}.beginner-practice{grid-column:1;width:min(100%,760px);display:flex;flex-direction:column;gap:var(--space-3)}.beginner-practice>*{margin:0}.beginner-awareness__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(280px,4fr);gap:var(--space-6);align-items:start}.beginner-awareness__copy{width:min(100%,740px)}.beginner-technical-quote{padding-left:var(--space-4);border-left:2px solid var(--color-neon-cyan);color:var(--color-frost-white)}.beginner-intel-rail{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.beginner-intel-rail>*{margin:0}.beginner-intel-rail div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.beginner-intel-rail span{color:var(--color-acid-green);font-size:var(--text-data);font-weight:600;letter-spacing:var(--tracking-data)}.beginner-intel-rail p{margin:0}.beginner-timeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;border-top:1px solid var(--color-border)}.beginner-timeline div{min-width:0;padding:var(--space-4);border-right:1px solid var(--color-border)}.beginner-timeline div:last-child{border-right:0}.beginner-timeline span{font-family:var(--font-display);font-size:2rem;color:var(--color-steel-muted)}.beginner-timeline p{margin:var(--space-2) 0 0}.beginner-timeline div:hover,.beginner-timeline div:focus-within{box-shadow:inset 0 2px 0 var(--color-neon-cyan)}.beginner-objectives__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:var(--space-6);align-items:start}.beginner-objectives__copy{width:min(100%,700px)}.beginner-objective-number{min-width:0;min-height:260px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(155,92,255,.11),rgba(39,217,232,.05));color:transparent;-webkit-text-stroke:1px rgba(199,208,219,.35);font-family:var(--font-display);font-size:clamp(6rem,12vw,10rem);line-height:1}.beginner-protocol{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--space-4)}.beginner-protocol>*{margin:0}.beginner-protocol ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;border-top:1px solid var(--color-border)}.beginner-protocol li{min-width:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-right:1px solid var(--color-border)}.beginner-protocol li:last-child{border-right:0}.beginner-protocol li:hover,.beginner-protocol li:focus-within{box-shadow:inset 0 2px 0 var(--color-neon-cyan)}.beginner-risk{grid-column:2;justify-self:end;width:min(100%,360px);display:flex;flex-direction:column;gap:var(--space-3);border-color:rgba(155,92,255,.5)}.beginner-risk>*{margin:0}.beginner-teamfight__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(420px,5fr);gap:var(--space-6);align-items:start}.beginner-teamfight__copy{width:min(100%,720px)}.beginner-teamfight__visual{min-width:0;margin:0;border:1px solid var(--color-border);overflow:hidden}.beginner-teamfight__visual figcaption{margin:0;padding:var(--space-3);background:var(--color-obsidian)}.beginner-comms{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.beginner-comms div{min-width:0;min-height:96px;padding:var(--space-4);border-top:1px solid var(--color-border);background:rgba(16,21,33,.5)}.beginner-comms span{display:inline-block;width:8px;height:8px;margin-bottom:var(--space-2);border-radius:50%;background:var(--color-acid-green)}.beginner-comms h3,.beginner-comms p{margin:0}.beginner-comms p{margin-top:var(--space-2)}.beginner-closing__grid{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);min-width:0}.beginner-closing__copy{width:min(100%,760px);align-items:center;text-align:center}.beginner-closing__copy p:last-child{text-align:left}.beginner-closing-flow{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.beginner-closing-flow>*{margin:0}.beginner-closing-flow h3{text-align:left}.beginner-closing-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none}.beginner-closing-flow li{position:relative;min-width:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-left:0}.beginner-closing-flow li:first-child{border-left:1px solid var(--color-border)}.beginner-closing-flow span{color:var(--color-neon-cyan);font-family:var(--font-display);font-size:2rem}.beginner-closing-flow p{margin:0}.beginner-closing-rule{width:min(100%,620px);margin:0;border-bottom:2px solid var(--color-neon-cyan);text-align:left}.beginner-review{padding-block:var(--space-9);border-bottom:1px solid rgba(199,208,219,.13)}.beginner-review .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.beginner-review__intro{width:min(100%,680px);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.beginner-review__intro>*{margin:0}.beginner-review__intro p:last-child{text-align:left}.beginner-review__list{width:min(100%,820px);display:flex;flex-direction:column;gap:var(--space-3)}.beginner-review__list details{margin:0;border-radius:var(--radius-control)}.beginner-review__list summary{min-height:52px}.beginner-review__list details[open]{border-color:var(--color-border-active);box-shadow:var(--shadow-active)}.beginner-next{padding-block:var(--space-9)}.beginner-next__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-6);align-items:start}.beginner-next__intro{width:min(100%,360px);display:flex;flex-direction:column;gap:var(--space-4)}.beginner-next__intro>*{margin:0}.beginner-next__cards{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:var(--space-4);min-width:0}.beginner-next-card{min-width:0;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-obsidian);color:var(--color-titanium-silver);text-decoration:none;box-shadow:var(--surface-highlight);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.beginner-next-card>*{margin:0;min-width:0}.beginner-next-card span{color:var(--color-steel-muted);font-family:var(--font-display);font-size:2rem}.beginner-next-card b{margin-top:auto;color:var(--color-neon-cyan);font-size:var(--text-meta);letter-spacing:.04em}.beginner-next-card:hover{border-color:var(--color-border-active);box-shadow:inset 0 -2px 0 var(--color-neon-cyan),var(--shadow-violet);transform:translateY(-2px)}
@media (max-width:69.9375rem){.beginner-hero{min-height:0}.beginner-hero__grid{grid-template-columns:1fr;padding-block:var(--space-8)}.beginner-route{justify-self:start;width:100%;max-width:none}.beginner-route ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-4)}.beginner-champion__grid{grid-template-columns:1fr}.beginner-module__intro,.beginner-champion__visual,.beginner-checklist,.beginner-build-link{grid-column:1;grid-row:auto;justify-self:start}.beginner-module__intro{width:min(100%,640px)}.beginner-champion__visual{max-width:820px}.beginner-build-link{justify-self:start}.beginner-map__grid{grid-template-columns:1fr}.beginner-map__copy,.beginner-map__diagram{grid-column:1;width:100%}.beginner-farm__grid,.beginner-awareness__grid,.beginner-objectives__grid,.beginner-teamfight__grid{grid-template-columns:1fr}.beginner-farm__copy,.beginner-safe-farm,.beginner-practice,.beginner-awareness__copy,.beginner-intel-rail,.beginner-objectives__copy,.beginner-objective-number,.beginner-protocol,.beginner-risk,.beginner-teamfight__copy,.beginner-teamfight__visual,.beginner-comms{grid-column:1;justify-self:start}.beginner-safe-farm{width:min(100%,520px)}.beginner-intel-rail{width:100%;max-width:none}.beginner-objective-number{order:-1;width:100%;min-height:180px}.beginner-risk{justify-self:end}.beginner-teamfight__visual{width:100%;max-width:820px}.beginner-next__grid{grid-template-columns:1fr}.beginner-next__intro{width:min(100%,560px)}.beginner-next__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:61.1875rem){.beginner-protocol ol,.beginner-closing-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-protocol li:nth-child(2){border-right:0}.beginner-protocol li:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.beginner-closing-flow li:nth-child(2){border-right:1px solid var(--color-border)}.beginner-closing-flow li:nth-child(3){border-left:1px solid var(--color-border)}.beginner-teamfight__grid{grid-template-columns:1fr}.beginner-teamfight__visual{order:-1}.beginner-comms{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-comms div:last-child{grid-column:1/-1}}
@media (max-width:47.9375rem){.beginner-hero{min-height:0;padding-top:0}.beginner-hero__image{height:42vh;min-height:320px;object-position:center}.beginner-hero__shade{background:linear-gradient(180deg,rgba(8,10,16,.18) 0%,rgba(8,10,16,.86) 72%,var(--color-midnight-black) 100%)}.beginner-hero__grid{padding-top:31vh;padding-bottom:var(--space-7);gap:var(--space-5)}.beginner-hero__copy{gap:var(--space-3)}.beginner-hero h1{font-size:clamp(2.25rem,10vw,2.75rem)}.beginner-hero__copy p:not(.meta){font-size:1rem;line-height:var(--line-body-mobile)}.beginner-route{padding:var(--space-4)}.beginner-route ol{grid-template-columns:1fr}.beginner-module,.beginner-review,.beginner-next{padding-block:var(--space-8)}.beginner-module::before{top:var(--space-3)}.beginner-module__number{font-size:3.25rem}.beginner-module h2,.beginner-review h2,.beginner-next h2{font-size:clamp(1.875rem,8vw,2rem)}.beginner-champion__grid,.beginner-map__grid,.beginner-farm__grid,.beginner-awareness__grid,.beginner-objectives__grid,.beginner-teamfight__grid,.beginner-next__grid{gap:var(--space-5)}.beginner-archetypes{position:static;grid-template-columns:1fr;background:var(--color-obsidian);padding:var(--space-3)}.beginner-checklist{width:100%}.beginner-checklist ol{grid-template-columns:1fr}.beginner-build-link{width:100%}.beginner-map__hotspots button{font-size:.68rem;padding-inline:var(--space-2)}.beginner-map__hotspots button:nth-child(1){top:10%;left:4%}.beginner-map__hotspots button:nth-child(2){top:42%;left:31%}.beginner-map__hotspots button:nth-child(3){right:3%;bottom:8%}.beginner-lane-codes{grid-template-columns:1fr}.beginner-lane-codes__jungle{grid-column:1}.beginner-rotation ol,.beginner-timeline,.beginner-comms,.beginner-next__cards{grid-template-columns:1fr}.beginner-rotation li{min-height:44px}.beginner-timeline{border-left:1px solid var(--color-border);border-top:0}.beginner-timeline div{border-right:0;border-bottom:1px solid var(--color-border)}.beginner-intel-rail div{min-height:44px}.beginner-objective-number{min-height:126px;font-size:6rem}.beginner-protocol ol,.beginner-closing-flow ol{grid-template-columns:1fr}.beginner-protocol li,.beginner-protocol li:nth-child(2){border-right:0;border-bottom:1px solid var(--color-border)}.beginner-protocol li:last-child{border-bottom:0}.beginner-risk{width:100%;justify-self:start}.beginner-teamfight__visual img{aspect-ratio:4/5;object-fit:cover;object-position:center}.beginner-comms div:last-child{grid-column:1}.beginner-closing__copy{align-items:center}.beginner-closing-flow li,.beginner-closing-flow li:first-child,.beginner-closing-flow li:nth-child(2),.beginner-closing-flow li:nth-child(3){border-left:2px solid var(--color-neon-cyan);border-right:1px solid var(--color-border);border-bottom:0}.beginner-closing-flow li:last-child{border-bottom:1px solid var(--color-border)}.beginner-review__intro{align-items:flex-start;text-align:left}.beginner-review__intro h2{text-align:left}.beginner-next-card{min-height:96px;padding:var(--space-4)}}
@media (prefers-reduced-motion:reduce){.beginner-parallax img{transform:none!important}.beginner-next-card:hover{transform:none}}


[data-map-page] {
  background: var(--color-midnight-black);
  overflow: clip;
}

[data-map-page] .map-page__section {
  padding-block: var(--space-8);
}

[data-map-page] .map-page__eyebrow,
[data-map-page] .map-page__technical,
[data-map-page] .map-page__card-kicker,
[data-map-page] .map-page__band-label {
  color: var(--color-neon-cyan);
  font-family: var(--font-display);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
  line-height: var(--line-data);
  text-transform: uppercase;
}

[data-map-page] .map-page__section-heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}

[data-map-page] .map-page__section-heading > * {
  min-width: 0;
}

[data-map-page] .map-page__section-heading h2,
[data-map-page] .map-page__section-heading p {
  margin: 0;
}

[data-map-page] .map-page__section-heading--map,
[data-map-page] .map-page__section-heading--roles,
[data-map-page] .map-page__section-heading--vision,
[data-map-page] .map-page__section-heading--objectives,
[data-map-page] .map-page__section-heading--fight {
  max-width: 47.5rem;
}

[data-map-page] .map-page__section-heading--map p { max-width: 40rem; }
[data-map-page] .map-page__section-heading--roles p { max-width: 43.75rem; }
[data-map-page] .map-page__section-heading--vision p { max-width: 47.5rem; }
[data-map-page] .map-page__section-heading--objectives p { max-width: 47.5rem; }
[data-map-page] .map-page__section-heading--fight p { max-width: 43.75rem; }

[data-map-page] .map-page__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 35rem;
  isolation: isolate;
}

[data-map-page] .map-page__hero-media,
[data-map-page] .map-page__hero-overlay,
[data-map-page] .map-page__hero-content {
  grid-area: 1 / 1;
  min-width: 0;
}

[data-map-page] .map-page__hero-media {
  z-index: -2;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

[data-map-page] .map-page__hero-media img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 45% center;
  transition: transform var(--transition-panel);
}

[data-map-page] .map-page__hero-overlay {
  z-index: -1;
  background: linear-gradient(90deg, rgba(8, 10, 16, 0.84) 0%, rgba(8, 10, 16, 0.64) 47%, rgba(8, 10, 16, 0.25) 100%), linear-gradient(0deg, rgba(8, 10, 16, 0.94), rgba(8, 10, 16, 0.05) 65%);
}

[data-map-page] .map-page__hero-content {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
  align-items: center;
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  margin-inline: auto;
  padding-block: var(--space-8);
}

[data-map-page] .map-page__hero-copy,
[data-map-page] .map-page__hero-rail {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

[data-map-page] .map-page__hero-copy {
  width: min(100%, 42.5rem);
  gap: var(--space-5);
  align-self: center;
}

[data-map-page] .map-page__hero-copy > *,
[data-map-page] .map-page__hero-rail > * { margin: 0; }

[data-map-page] .map-page__hero-copy h1 {
  font-size: var(--text-display);
  line-height: var(--line-display);
  letter-spacing: var(--tracking-display);
}

[data-map-page] .map-page__hero-intro {
  width: min(100%, 36rem);
  color: var(--color-frost-white);
  font-size: var(--text-body-large);
  line-height: 1.58;
}

[data-map-page] .map-page__hero-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  width: min(100%, 42.5rem);
}

[data-map-page] .map-page__hero-links > * {
  min-width: 0;
  width: 100%;
}

[data-map-page] .map-page__hero-links .button {
  position: relative;
  min-height: 2.75rem;
  padding-inline: var(--space-3);
}

[data-map-page] .map-page__hero-links .button::after {
  position: absolute;
  right: var(--space-3);
  bottom: 0.25rem;
  left: var(--space-3);
  height: 1px;
  background: var(--color-neon-cyan);
  content: "";
  opacity: 0;
  transform: scaleX(0.25);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

[data-map-page] .map-page__hero-links .button:hover::after,
[data-map-page] .map-page__hero-links .button:focus-visible::after { opacity: 1; transform: scaleX(1); }

[data-map-page] .map-page__hero-rail {
  align-self: end;
  justify-self: end;
  width: min(100%, 20rem);
  gap: var(--space-3);
  padding: var(--space-4);
  border-inline-start: 1px solid var(--color-border-strong);
  background: rgba(16, 21, 33, 0.66);
  box-shadow: var(--surface-highlight);
}

[data-map-page] .map-page__hero-rail p { color: var(--color-text-muted); }

[data-map-page] .map-page__orientation-layout {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: var(--space-6);
  align-items: start;
}

[data-map-page] .map-page__orientation-main,
[data-map-page] .map-page__zone-panel { min-width: 0; width: 100%; }

[data-map-page] .map-page__orientation-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

[data-map-page] .map-page__diagram {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-data);
  aspect-ratio: 4 / 3;
  background-color: var(--color-obsidian);
}

[data-map-page] .map-page__diagram img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-map-page] .map-page__diagram-point {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border-color: var(--color-border-active);
  border-radius: 50%;
  background: rgba(8, 10, 16, 0.88);
  color: var(--color-neon-cyan);
  font-size: var(--text-data);
}

[data-map-page] .map-page__diagram-point.is-active,
[data-map-page] .map-page__diagram-point:hover { box-shadow: var(--shadow-active); }
[data-map-page] .map-page__diagram-point--top { top: 20%; left: 26%; }
[data-map-page] .map-page__diagram-point--mid { top: 47%; left: 50%; }
[data-map-page] .map-page__diagram-point--bottom { top: 73%; left: 72%; }
[data-map-page] .map-page__diagram-point--river { top: 55%; left: 31%; }

[data-map-page] .map-page__zone-controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-2);
}

[data-map-page] .map-page__zone-controls > * { min-width: 0; width: 100%; }
[data-map-page] .map-page__zone-controls button { min-height: 2.75rem; padding-inline: var(--space-2); }

[data-map-page] .map-page__zone-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: min(100%, 20rem);
  justify-self: end;
  margin-top: 8.5rem;
}

[data-map-page] .map-page__zone-panel > * { min-width: 0; margin: 0; }
[data-map-page] .map-page__zone-panel h3 { font-size: clamp(1.5rem, 2vw, 1.875rem); }

[data-map-page] .map-page__minimap-note {
  width: min(100%, 38.75rem);
  margin: var(--space-6) 0 0;
  padding: var(--space-5);
  border-inline-start: 2px solid var(--color-neon-cyan);
  background: rgba(16, 21, 33, 0.58);
}

[data-map-page] .map-page__minimap-note h3 { margin-block-end: var(--space-3); }
[data-map-page] .map-page__minimap-note p { margin-block-end: var(--space-3); }
[data-map-page] .map-page__minimap-note ol { margin: 0; }

[data-map-page] .map-page__roles-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

[data-map-page] .map-page__roles-grid > * { min-width: 0; width: 100%; }

[data-map-page] .map-page__role-card,
[data-map-page] .map-page__fight-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-obsidian);
}

[data-map-page] .map-page__role-card > *,
[data-map-page] .map-page__fight-panel > * { min-width: 0; margin: 0; }
[data-map-page] .map-page__role-card::after,
[data-map-page] .map-page__fight-panel::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  content: "";
  transition: border-color var(--transition-fast);
}

[data-map-page] .map-page__role-card:hover::after,
[data-map-page] .map-page__fight-panel:hover::after { border-color: var(--color-neon-cyan); }
[data-map-page] .map-page__role-card p { width: min(100%, 32rem); }
[data-map-page] .map-page__role-link { margin-top: auto !important; color: var(--color-text-muted); font-size: var(--text-meta); letter-spacing: var(--tracking-label); text-transform: uppercase; }

[data-map-page] .map-page__wave-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-7);
  align-items: start;
}

[data-map-page] .map-page__wave-copy,
[data-map-page] .map-page__wave-media { min-width: 0; width: 100%; }

[data-map-page] .map-page__wave-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: min(100%, 43.75rem);
}

[data-map-page] .map-page__wave-copy > * { min-width: 0; margin: 0; }
[data-map-page] .map-page__wave-copy > p { width: min(100%, 38.75rem); color: var(--color-frost-white); font-size: var(--text-body-large); }

[data-map-page] .map-page__wave-media { overflow: hidden; border: 1px solid var(--color-border); aspect-ratio: 3 / 2; }
[data-map-page] .map-page__wave-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

[data-map-page] .map-page__wave-details {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: min(100%, 41.25rem);
}

[data-map-page] .map-page__wave-details > * { min-width: 0; }

[data-map-page] .map-page__wave-state {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-3);
  padding: var(--space-4) 0;
  border-top: 1px solid var(--color-border);
}

[data-map-page] .map-page__wave-state > * { min-width: 0; margin: 0; }
[data-map-page] .map-page__wave-state-number { color: var(--color-neon-cyan); font-family: var(--font-display); font-size: 1.75rem; line-height: 1; }
[data-map-page] .map-page__wave-state h3 { margin-block-end: var(--space-2); }

[data-map-page] .map-page__checklist {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: min(100%, 41.25rem);
  margin-top: var(--space-2);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-data);
  background: rgba(16, 21, 33, 0.56);
}

[data-map-page] .map-page__checklist > * { min-width: 0; margin: 0; }
[data-map-page] .map-page__checklist h3 { font-size: 1.375rem; }
[data-map-page] .map-page__check-row {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: center;
  min-height: 2.75rem;
  color: var(--color-titanium-silver);
  cursor: pointer;
}

[data-map-page] .map-page__check-row input { min-height: 1rem; }
[data-map-page] .map-page__check-row.is-checked { color: var(--color-success); }

[data-map-page] .map-page__vision-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-6);
}

[data-map-page] .map-page__vision-cards > * { min-width: 0; width: 100%; }

[data-map-page] .map-page__decision-card {
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-obsidian);
}

[data-map-page] .map-page__decision-button {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: center;
  width: 100%;
  min-height: 3.25rem;
  padding: var(--space-4);
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--color-frost-white);
  text-align: left;
}

[data-map-page] .map-page__decision-number { color: var(--color-neon-cyan); font-family: var(--font-display); font-size: 1.75rem; line-height: 1; }
[data-map-page] .map-page__decision-title { min-width: 0; font-family: var(--font-display); font-size: 1.35rem; font-weight: 600; line-height: 1; }
[data-map-page] .map-page__decision-content { padding: 0 var(--space-4) var(--space-4); }
[data-map-page] .map-page__decision-content p { margin: 0; }

[data-map-page] .map-page__rotation-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr);
  gap: var(--space-7);
  align-items: start;
}

[data-map-page] .map-page__rotation-copy,
[data-map-page] .map-page__flow { min-width: 0; width: 100%; }

[data-map-page] .map-page__rotation-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: min(100%, 45rem);
}

[data-map-page] .map-page__rotation-copy > * { min-width: 0; margin: 0; }
[data-map-page] .map-page__rotation-copy > p { width: min(100%, 45rem); }

[data-map-page] .map-page__rotation-step {
  padding: var(--space-4) 0;
  border-top: 1px solid var(--color-border);
  transition: border-color var(--transition-panel), background-color var(--transition-panel);
}

[data-map-page] .map-page__rotation-step.is-highlighted { border-color: var(--color-neon-cyan); background: rgba(39, 217, 232, 0.04); }
[data-map-page] .map-page__rotation-step > * { margin: 0; }
[data-map-page] .map-page__rotation-step h3 { margin-block-end: var(--space-2); }

[data-map-page] .map-page__flow {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  background-image: linear-gradient(rgba(199, 208, 219, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(199, 208, 219, 0.06) 1px, transparent 1px);
  background-size: 20px 20px;
}

[data-map-page] .map-page__flow > * { min-width: 0; }
[data-map-page] .map-page__flow button { justify-content: flex-start; width: 100%; min-height: 3.25rem; text-align: left; }
[data-map-page] .map-page__flow button[aria-pressed="true"] { border-color: var(--color-border-active); color: var(--color-neon-cyan); box-shadow: var(--shadow-active); }

[data-map-page] .map-page__objectives-intro { margin-bottom: var(--space-6); }
[data-map-page] .map-page__preparation-mark { color: var(--color-success); }

[data-map-page] .map-page__objective-bands {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-border);
}

[data-map-page] .map-page__objective-band {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  gap: var(--space-5);
  align-items: start;
  padding: var(--space-5) 0;
  border-bottom: 1px solid var(--color-border);
}

[data-map-page] .map-page__objective-band > * { min-width: 0; margin: 0; }
[data-map-page] .map-page__objective-band h3 { margin-block-end: var(--space-2); }
[data-map-page] .map-page__objective-band:hover { border-bottom-color: var(--color-neon-cyan); }
[data-map-page] .map-page__objective-state { color: var(--color-text-muted); font-size: var(--text-meta); font-weight: 600; letter-spacing: var(--tracking-label); text-align: right; text-transform: uppercase; }

[data-map-page] .map-page__fight-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
  gap: var(--space-4);
  margin-top: var(--space-6);
}

[data-map-page] .map-page__fight-grid > * { min-width: 0; width: 100%; }
[data-map-page] .map-page__fight-panel h3 { margin-block-end: 0; }
[data-map-page] .map-page__fight-panel p { width: 100%; }

[data-map-page] .map-page__mistakes {
  width: min(100%, 53.75rem);
  margin-left: 0;
}

[data-map-page] .map-page__mistake-list {
  display: flex;
  flex-direction: column;
  margin-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

[data-map-page] .map-page__mistake-row {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: var(--space-5);
  padding: var(--space-5) 0;
  border-bottom: 1px solid var(--color-border);
}

[data-map-page] .map-page__mistake-row > * { min-width: 0; }
[data-map-page] .map-page__mistake-label,
[data-map-page] .map-page__mistake-copy { margin: 0; }
[data-map-page] .map-page__mistake-label h3 { margin-block: var(--space-2) 0; }
[data-map-page] .map-page__mistake-copy { display: flex; flex-direction: column; gap: var(--space-3); }
[data-map-page] .map-page__mistake-copy > * { margin: 0; }
[data-map-page] .map-page__mistake-copy strong { color: var(--color-neon-cyan); }

[data-map-page] .map-page__cta { padding-block: var(--space-8) var(--space-9); }
[data-map-page] .map-page__cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
  padding: var(--space-6);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-overlay);
  background: linear-gradient(135deg, rgba(155, 92, 255, 0.1), rgba(39, 217, 232, 0.06)), var(--color-surface-glass);
  box-shadow: var(--surface-highlight), var(--shadow-panel);
}

[data-map-page] .map-page__cta-copy,
[data-map-page] .map-page__cta-actions,
[data-map-page] .map-page__cta-note { min-width: 0; }

[data-map-page] .map-page__cta-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: min(100%, 42.5rem);
}

[data-map-page] .map-page__cta-copy > * { margin: 0; }
[data-map-page] .map-page__cta-copy p { width: min(100%, 38.75rem); }

[data-map-page] .map-page__cta-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  align-content: start;
  justify-items: stretch;
}

[data-map-page] .map-page__cta-actions > * { min-width: 0; width: 100%; }
[data-map-page] .map-page__cta-actions .button { min-height: 3rem; }
[data-map-page] .map-page__cta-note { grid-column: 1 / -1; margin: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: 0.875rem; }

@media (max-width: 67.4375rem) {
  [data-map-page] .map-page__hero { min-height: 35rem; }
  [data-map-page] .map-page__hero-content { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
  [data-map-page] .map-page__hero-links { grid-template-columns: minmax(0, 1fr); width: min(100%, 24rem); }
  [data-map-page] .map-page__vision-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-map-page] .map-page__fight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-map-page] .map-page__fight-panel:last-child { grid-column: 1 / -1; }
}

@media (max-width: 63.6875rem) {
  [data-map-page] .map-page__wave-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
}

@media (max-width: 61.1875rem) {
  [data-map-page] .map-page__orientation-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-map-page] .map-page__zone-panel { margin-top: 7rem; }
}

@media (max-width: 58.6875rem) {
  [data-map-page] .map-page__rotation-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
  [data-map-page] .map-page__objective-band { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  [data-map-page] .map-page__objective-state { grid-column: 2; text-align: left; }
  [data-map-page] .map-page__cta-panel { grid-template-columns: minmax(0, 1fr); }
  [data-map-page] .map-page__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 47.9375rem) {
  [data-map-page] .map-page__section { padding-block: var(--space-7); }
  [data-map-page] .map-page__section-heading h2 { font-size: clamp(2rem, 9vw, 2.35rem); }

  [data-map-page] .map-page__hero { min-height: 37rem; }
  [data-map-page] .map-page__hero-media { height: 42%; align-self: start; }
  [data-map-page] .map-page__hero-media img { object-position: center; }
  [data-map-page] .map-page__hero-overlay { background: linear-gradient(180deg, rgba(8, 10, 16, 0.12) 0%, rgba(8, 10, 16, 0.56) 38%, rgba(8, 10, 16, 0.98) 68%); }
  [data-map-page] .map-page__hero-content { grid-template-columns: minmax(0, 1fr); align-content: end; gap: var(--space-4); padding-block: var(--space-6); }
  [data-map-page] .map-page__hero-copy { width: min(100%, 24.5rem); gap: var(--space-4); }
  [data-map-page] .map-page__hero-copy h1 { font-size: clamp(2.25rem, 10vw, 2.75rem); line-height: 1.02; }
  [data-map-page] .map-page__hero-intro { width: min(100%, 24rem); font-size: 1.0625rem; line-height: var(--line-body-mobile); }
  [data-map-page] .map-page__hero-links { width: 100%; }
  [data-map-page] .map-page__hero-links .button { min-height: 2.75rem; }
  [data-map-page] .map-page__hero-rail { justify-self: start; align-self: end; width: 100%; padding: var(--space-3) 0 0; border-top: 1px solid var(--color-border); border-inline-start: 0; background: transparent; }

  [data-map-page] .map-page__orientation-layout,
  [data-map-page] .map-page__wave-layout,
  [data-map-page] .map-page__rotation-layout,
  [data-map-page] .map-page__cta-panel { grid-template-columns: minmax(0, 1fr); }

  [data-map-page] .map-page__orientation-main { gap: var(--space-4); }
  [data-map-page] .map-page__diagram { order: 1; }
  [data-map-page] .map-page__zone-controls { order: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-map-page] .map-page__zone-panel { order: 3; width: 100%; margin-top: 0; padding: var(--space-5); }
  [data-map-page] .map-page__minimap-note { width: 100%; padding: var(--space-5); }

  [data-map-page] .map-page__roles-grid,
  [data-map-page] .map-page__vision-cards,
  [data-map-page] .map-page__fight-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }

  [data-map-page] .map-page__role-card { min-height: 9.75rem; padding: var(--space-5); }
  [data-map-page] .map-page__wave-layout { gap: var(--space-5); }
  [data-map-page] .map-page__wave-media { order: -1; }
  [data-map-page] .map-page__wave-copy { width: 100%; }
  [data-map-page] .map-page__wave-copy > p { width: 100%; font-size: 1rem; }
  [data-map-page] .map-page__wave-details,
  [data-map-page] .map-page__checklist { width: 100%; }
  [data-map-page] .map-page__check-row { min-height: 2.75rem; }

  [data-map-page] .map-page__decision-card { overflow: hidden; }
  [data-map-page] .map-page__decision-button { min-height: 3.25rem; }
  [data-map-page] .map-page__decision-content { padding-inline: var(--space-4); }

  [data-map-page] .map-page__rotation-layout { gap: var(--space-5); }
  [data-map-page] .map-page__flow { order: -1; padding: var(--space-5); }
  [data-map-page] .map-page__rotation-copy { width: 100%; }

  [data-map-page] .map-page__objective-band { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding-block: var(--space-5); }
  [data-map-page] .map-page__objective-state { grid-column: auto; text-align: left; }
  [data-map-page] .map-page__fight-panel:last-child { grid-column: auto; }
  [data-map-page] .map-page__fight-panel { padding: var(--space-5); }

  [data-map-page] .map-page__mistakes { width: 100%; }
  [data-map-page] .map-page__mistake-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); margin-bottom: var(--space-3); border: 1px solid var(--color-border); background: rgba(16, 21, 33, 0.56); }
  [data-map-page] .map-page__mistake-list { border-top: 0; }

  [data-map-page] .map-page__cta { padding-block: var(--space-7); }
  [data-map-page] .map-page__cta-panel { gap: var(--space-5); padding: var(--space-5); }
  [data-map-page] .map-page__cta-actions { grid-template-columns: minmax(0, 1fr); }
  [data-map-page] .map-page__cta-actions .button { min-height: 3rem; }
}

@media (prefers-reduced-motion: reduce) {
  [data-map-page] .map-page__hero-media img { transform: none !important; }
}


.hosok-page{background:var(--color-midnight-black);overflow:hidden}.hosok-page section{position:relative}.hosok-page h2{margin:0}.hosok-page .data-label{margin:0;color:var(--color-neon-cyan)}.hosok-hero{min-height:42rem;padding:var(--space-10) 0 var(--space-9);display:flex;align-items:end;isolation:isolate}.hosok-hero__image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,10,16,.96) 0%,rgba(8,10,16,.78) 45%,rgba(8,10,16,.36) 100%),url('/src/media/hosok-taktikai-csapatkep.webp') center/cover}.hosok-hero::after{content:'';position:absolute;inset:auto 0 0;height:34%;z-index:-1;background:linear-gradient(transparent,var(--color-midnight-black))}.hosok-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(17.5rem,5fr);gap:var(--space-7);align-items:end}.hosok-hero__copy,.hosok-hero__rail{min-width:0}.hosok-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.hosok-hero__copy h1{font-size:var(--text-display);max-width:42rem;margin:0}.hosok-hero__lead{max-width:37.5rem;margin:0;color:var(--color-frost-white);font-size:var(--text-body-large);line-height:1.58}.hosok-hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hosok-hero__actions>*{min-width:0}.hosok-button--cyan{background:var(--color-neon-cyan);border-color:var(--color-neon-cyan);color:var(--color-midnight-black)}.hosok-button--cyan:hover{background:var(--color-frost-white);color:var(--color-midnight-black)}.hosok-hero__meta{margin:0}.hosok-hero__rail{display:flex;flex-direction:column;gap:var(--space-4);max-width:26.25rem;justify-self:end}.hosok-hero__rail h2{font-size:clamp(1.8rem,2.6vw,2.35rem)}.hosok-hero__rail p{margin:0}.hosok-status{color:var(--color-acid-green);font-size:var(--text-data);font-weight:600;letter-spacing:var(--tracking-data)}.hosok-status span{display:inline-block;width:.5rem;height:.5rem;margin-right:.35rem;border-radius:50%;background:var(--color-acid-green)}
.hosok-explorer,.hosok-catalog,.hosok-roles,.hosok-learning,.hosok-coordinates,.hosok-abilities,.hosok-team,.hosok-first,.hosok-next{padding:var(--space-9) 0}.hosok-explorer__top{display:grid;grid-template-columns:minmax(0,8fr) minmax(20rem,4fr);gap:var(--space-7);align-items:start}.hosok-explorer__intro,.hosok-search,.hosok-catalog__head,.hosok-learning__intro,.hosok-abilities__intro,.hosok-next__intro,.hosok-first__intro{min-width:0}.hosok-explorer__intro{max-width:42.5rem}.hosok-explorer__intro p:not(.data-label),.hosok-catalog__head>p:not(.data-label):not(.meta),.hosok-learning__intro>p:not(.data-label),.hosok-abilities__intro>p:not(.data-label),.hosok-next__intro>p:not(.data-label),.hosok-first__intro>p:not(.data-label){max-width:42.5rem}.hosok-search{position:relative;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-glass);box-shadow:var(--surface-highlight)}.hosok-search label{margin:0 0 var(--space-2)}.hosok-search__field{position:relative}.hosok-search__field input{padding-right:3rem}.hosok-search__field span{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-neon-cyan);font-size:1.5rem}.hosok-search__hint{margin:var(--space-2) 0 0;font-size:.78rem;color:var(--color-steel-muted)}.hosok-suggestions{position:absolute;left:0;right:0;top:calc(100% + .5rem);z-index:5;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-obsidian);box-shadow:var(--shadow-panel)}.hosok-suggestion-group{display:flex;flex-direction:column;gap:var(--space-2)}.hosok-suggestion-group+.hosok-suggestion-group{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.hosok-suggestion-group p{margin:0;color:var(--color-steel-muted);font-size:var(--text-data);font-weight:600;letter-spacing:var(--tracking-data);text-transform:uppercase}.hosok-suggestion-group a{min-height:2.75rem;padding:.55rem .65rem;color:var(--color-frost-white);text-decoration:none}.hosok-suggestions__empty{margin:0;color:var(--color-titanium-silver)}.hosok-filterbar{margin-top:var(--space-7);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,rgba(155,92,255,.05),transparent)}.hosok-filterbar__head,.hosok-filterbar__row{display:grid;grid-template-columns:minmax(14rem,3fr) minmax(0,9fr);gap:var(--space-5);align-items:start}.hosok-filterbar__head p,.hosok-filterbar__row p{margin:0}.hosok-filterbar__head>div,.hosok-filterbar__row>div{min-width:0}.hosok-filterbar__head>div>p:last-child,.hosok-filterbar__row>div>p:last-child{margin-top:var(--space-2);color:var(--color-steel-muted);font-size:.9rem}.hosok-filterbar__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.hosok-filterbar__buttons button{min-height:2.75rem;flex:1 1 10.5rem;justify-content:space-between;text-align:left}.hosok-filterbar__buttons button small{color:var(--color-steel-muted);font-size:.68rem}.hosok-filterbar__buttons button.is-active{border-color:var(--color-neon-cyan);box-shadow:inset 0 -2px var(--color-neon-cyan),inset 0 0 12px rgba(155,92,255,.18);color:var(--color-neon-cyan)}.hosok-filterbar__status{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;color:var(--color-steel-muted);font-size:var(--text-meta)}.hosok-clear{min-height:auto;padding:.3rem 0;border:0;background:transparent;color:var(--color-neon-cyan)}
.hosok-catalog{padding-top:var(--space-8)}.hosok-catalog__head{max-width:45rem}.hosok-catalog__head .meta{margin-bottom:0}.hosok-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.hosok-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-control);overflow:hidden;background:var(--color-obsidian);text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast)}.hosok-card:hover{transform:translateY(-3px);border-color:var(--color-border-active)}.hosok-card__art{position:relative;aspect-ratio:4/5;width:100%;overflow:hidden;background:linear-gradient(145deg,#182437,#080a10)}.hosok-card__art::before{content:'';position:absolute;inset:12% 21% 0;background:linear-gradient(135deg,rgba(39,217,232,.65),rgba(155,92,255,.12) 45%,rgba(8,10,16,.9));clip-path:polygon(52% 0,83% 23%,72% 58%,94% 100%,23% 92%,7% 52%,25% 19%)}.hosok-card__art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,10,16,.9))}.hosok-card__art span{position:absolute;z-index:1;top:var(--space-3);left:var(--space-3);color:var(--color-frost-white);font-size:var(--text-data);letter-spacing:var(--tracking-data)}.hosok-card__art--brann{background:linear-gradient(145deg,#202a25,#0a1011)}.hosok-card__art--cindra{background:linear-gradient(145deg,#271a3f,#090a12)}.hosok-card__art--darel{background:linear-gradient(145deg,#12303b,#080d14)}.hosok-card__art--eira{background:linear-gradient(145deg,#172f3d,#0c0f1b)}.hosok-card__art--fenn{background:linear-gradient(145deg,#33221f,#10100e)}.hosok-card__art--gala{background:linear-gradient(145deg,#192c4b,#080b14)}.hosok-card__art--hark{background:linear-gradient(145deg,#26332b,#08100d)}.hosok-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-4)}.hosok-card__body>*{margin:0}.hosok-card__body h3{font-size:1.75rem}.hosok-card__body>p:not(.meta){font-size:.92rem;line-height:1.55}.hosok-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hosok-tags span{padding:.2rem .38rem;border:1px solid rgba(39,217,232,.35);color:var(--color-titanium-silver);font-size:.65rem;letter-spacing:.04em}.hosok-card__link{margin-top:auto;color:var(--color-neon-cyan);font-size:var(--text-meta);font-weight:600}.hosok-empty{max-width:32.5rem;margin:var(--space-7) auto 0}.hosok-empty__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hosok-load{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-7)}.hosok-load p{margin:0}
.hosok-roles{border-top:1px solid var(--color-border)}.hosok-roles__layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-7);align-items:start}.hosok-roles__intro{position:relative;min-width:0;max-width:21.25rem}.hosok-roles__intro>img{width:100%;max-width:18.75rem;margin-top:var(--space-5);opacity:.8;aspect-ratio:3/4;object-fit:cover}.hosok-role-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-4);min-width:0}.hosok-role-card{grid-column:span 4;display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-5);border:1px solid var(--color-border);background:rgba(16,21,33,.62)}.hosok-role-card--wide{grid-column:span 8;background:linear-gradient(100deg,rgba(155,92,255,.08),rgba(16,21,33,.75))}.hosok-role-card>*{margin:0}.hosok-role-card a{margin-top:auto;color:var(--color-neon-cyan);font-size:var(--text-meta);font-weight:600}.hosok-learning{background:linear-gradient(180deg,transparent,rgba(16,21,33,.45),transparent)}.hosok-learning__intro{max-width:43.75rem}.hosok-learning__intro blockquote{margin-top:var(--space-5);margin-bottom:0}.hosok-learning__grid,.hosok-team__grid,.hosok-first__grid,.hosok-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.hosok-learning-card{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3);min-width:0;padding:var(--space-5);border-top:1px solid var(--color-border-active);background:var(--color-obsidian)}.hosok-learning-card>span,.hosok-first__grid>article>span{color:var(--color-acid-green);font:600 2.25rem/1 var(--font-display)}.hosok-learning-card div{min-width:0}.hosok-learning-card h3,.hosok-learning-card p{margin:0}.hosok-learning-card p:not(.data-label){margin-top:var(--space-3)}
.hosok-coordinates__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-7);align-items:start}.hosok-questions{min-width:0}.hosok-questions details{margin:var(--space-3) 0 0}.hosok-questions summary{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3);align-items:center}.hosok-questions summary b{color:var(--color-neon-cyan);font:600 1.75rem/1 var(--font-display)}.hosok-map{min-width:0;margin:0}.hosok-map img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--color-border)}.hosok-checklist{display:flex;flex-direction:column;gap:var(--space-3);max-width:47.5rem;margin:var(--space-7) auto 0}.hosok-checklist>*{margin:0}.hosok-checklist label{display:flex;gap:var(--space-2);align-items:center;margin:0;text-transform:none;letter-spacing:var(--tracking-body);font-size:.95rem}.hosok-checklist a{margin-top:var(--space-2);color:var(--color-neon-cyan);font-size:var(--text-meta);font-weight:600}.hosok-abilities__intro{max-width:45rem}.hosok-ability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}.hosok-ability-grid article{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(155,92,255,.07),rgba(16,21,33,.8))}.hosok-ability-grid article>span{color:var(--color-neon-cyan);font:600 2.5rem/1 var(--font-display)}.hosok-ability-grid article div{min-width:0}.hosok-ability-grid h3,.hosok-ability-grid p{margin:0}.hosok-ability-grid p:not(.data-label){margin-top:var(--space-3)}.hosok-team{padding-top:var(--space-10)}.hosok-team__intro{max-width:45rem;margin-inline:auto;text-align:center}.hosok-team__intro p:not(.data-label){margin-bottom:0}.hosok-team__grid article{min-width:0;padding:var(--space-5);border-bottom:1px solid var(--color-border);background:rgba(16,21,33,.44)}.hosok-team__grid article>*{margin:0}.hosok-team__grid article p:not(.data-label){margin-top:var(--space-3)}.hosok-team__cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:center;max-width:47.5rem;margin:var(--space-7) auto 0}.hosok-team__cta>div{min-width:0}.hosok-team__cta h3,.hosok-team__cta p{margin:0}.hosok-team__cta p:not(.data-label){margin-top:var(--space-2)}.hosok-first{background:rgba(16,21,33,.3)}.hosok-first__intro{max-width:42.5rem}.hosok-first__grid>article{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);min-width:0;padding:var(--space-5);border-left:1px solid var(--color-border-active)}.hosok-first__grid>article div{min-width:0}.hosok-first__grid h3,.hosok-first__grid p{margin:0}.hosok-first__grid p{margin-top:var(--space-3)}.hosok-first__cta{display:flex;justify-content:space-between;gap:var(--space-5);align-items:center;margin-top:var(--space-7);padding:var(--space-5);border:1px solid var(--color-border)}.hosok-first__cta p{max-width:42rem;margin:0}.hosok-next__intro{max-width:45rem}.hosok-next__grid a{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:17rem;padding:var(--space-5);border-top:1px solid var(--color-border);text-decoration:none;background:linear-gradient(180deg,rgba(16,21,33,.72),transparent)}.hosok-next__grid a>*{margin:0}.hosok-next__grid a>span{margin-top:auto;color:var(--color-neon-cyan);font-size:var(--text-meta);font-weight:600}.hosok-disclaimer{padding:var(--space-9) 0 var(--space-8)}.hosok-disclaimer__panel{max-width:47.5rem;margin-inline:auto}.hosok-disclaimer__panel p{margin:0}.hosok-disclaimer__panel p:last-child{max-width:38.75rem;margin-top:var(--space-3)}
@media(max-width:69.9375rem){.hosok-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.hosok-hero__rail{justify-self:stretch;max-width:none}.hosok-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hosok-roles__layout{grid-template-columns:1fr}.hosok-roles__intro{max-width:38.75rem}.hosok-roles__intro>img{max-width:18.75rem}.hosok-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosok-role-card,.hosok-role-card--wide{grid-column:auto}.hosok-role-card--wide{grid-column:span 2}.hosok-coordinates__grid{grid-template-columns:1fr}.hosok-map{max-width:47.5rem}.hosok-team__grid,.hosok-first__grid,.hosok-next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosok-team__grid article:last-child,.hosok-first__grid article:last-child,.hosok-next__grid a:last-child{grid-column:span 2}}
@media(max-width:59.9375rem){.hosok-explorer__top{grid-template-columns:1fr}.hosok-filterbar__head,.hosok-filterbar__row{grid-template-columns:1fr}.hosok-search{max-width:none}.hosok-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hosok-learning__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosok-learning-card:last-child{grid-column:span 2}.hosok-team__grid,.hosok-first__grid,.hosok-next__grid{grid-template-columns:1fr}.hosok-team__grid article:last-child,.hosok-first__grid article:last-child,.hosok-next__grid a:last-child{grid-column:auto}.hosok-next__grid a{min-height:auto}}
@media(max-width:47.9375rem){.hosok-hero{min-height:0;padding:var(--space-8) 0 var(--space-7);align-items:start}.hosok-hero__image{height:38vh;bottom:auto;background-position:68% center}.hosok-hero::after{top:18vh;bottom:auto;height:25vh;background:linear-gradient(transparent,var(--color-midnight-black))}.hosok-hero__grid{grid-template-columns:1fr;gap:var(--space-5);padding-top:18vh}.hosok-hero__copy{gap:var(--space-4)}.hosok-hero__copy h1{font-size:clamp(2.25rem,10vw,2.75rem)}.hosok-hero__lead{font-size:1.125rem;line-height:1.55}.hosok-hero__actions{width:100%;flex-direction:column}.hosok-hero__actions .button{width:100%}.hosok-explorer,.hosok-catalog,.hosok-roles,.hosok-learning,.hosok-coordinates,.hosok-abilities,.hosok-team,.hosok-first,.hosok-next{padding:var(--space-8) 0}.hosok-filterbar{padding:var(--space-4)}.hosok-filterbar__buttons button{flex-basis:calc(50% - var(--space-2));font-size:.68rem;padding-inline:.65rem}.hosok-filterbar__buttons button small{display:none}.hosok-filterbar__status{align-items:flex-start;flex-direction:column}.hosok-cards{grid-template-columns:1fr;gap:var(--space-4)}.hosok-card__body{padding:var(--space-5)}.hosok-role-grid,.hosok-learning__grid,.hosok-ability-grid{grid-template-columns:1fr}.hosok-role-card--wide,.hosok-learning-card:last-child{grid-column:auto}.hosok-role-card{padding:var(--space-5)}.hosok-roles__intro>img{width:100%;max-width:18.75rem;height:18.75rem;object-fit:cover}.hosok-learning-card{padding:var(--space-4)}.hosok-map img{width:100%}.hosok-checklist{margin-top:var(--space-5);padding:var(--space-5)}.hosok-ability-grid article{padding:var(--space-4);grid-template-columns:2.2rem minmax(0,1fr)}.hosok-team__intro{margin:0;text-align:left}.hosok-team__cta,.hosok-first__cta{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:stretch;padding:var(--space-5)}.hosok-team__cta .button,.hosok-first__cta .button{width:100%;min-height:3.5rem}.hosok-first__grid>article{padding:var(--space-4)}.hosok-disclaimer{padding:var(--space-8) 0 var(--space-7)}.hosok-disclaimer__panel{padding:var(--space-5)}}
@media(prefers-reduced-motion:reduce){.hosok-card{transition:none}.hosok-card:hover{transform:none}}


main[data-terkepes-celok] {
  --tc-rule: rgba(199, 208, 219, 0.24);
  --tc-panel: rgba(16, 21, 33, 0.78);
  overflow: clip;
  background:
    radial-gradient(circle at 82% 8%, rgba(155, 92, 255, 0.08), transparent 26rem),
    var(--color-midnight-black);
}

[data-terkepes-celok] .tc-section {
  padding-block: var(--space-8);
}

[data-terkepes-celok] .tc-section > .container {
  min-width: 0;
}

[data-terkepes-celok] .tc-kicker,
[data-terkepes-celok] .tc-coordinate,
[data-terkepes-celok] .tc-phase-number,
[data-terkepes-celok] .tc-step-number {
  color: var(--color-neon-cyan);
  font-size: var(--text-data);
  font-weight: 600;
  letter-spacing: var(--tracking-data);
  line-height: var(--line-data);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

[data-terkepes-celok] .tc-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  align-items: end;
  margin-block-end: var(--space-6);
}

[data-terkepes-celok] .tc-section-head > * { min-width: 0; }
[data-terkepes-celok] .tc-section-head h2 { margin: 0; }
[data-terkepes-celok] .tc-section-head p { margin: 0; color: var(--color-text-muted); }

[data-terkepes-celok] .tc-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  padding-block: var(--space-7) var(--space-8);
}

[data-terkepes-celok] .tc-hero::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(8, 10, 16, 0.94) 0%, rgba(8, 10, 16, 0.76) 48%, rgba(8, 10, 16, 0.42) 100%);
  content: "";
}

[data-terkepes-celok] .tc-hero-visual {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}

[data-terkepes-celok] .tc-hero-visual img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 56% 50%;
  transition: transform var(--transition-panel);
}

[data-terkepes-celok] .tc-hero-copy,
[data-terkepes-celok] .tc-hero-rail { min-width: 0; }

[data-terkepes-celok] .tc-hero-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-self: end;
  z-index: 1;
}

[data-terkepes-celok] .tc-hero-copy > * { min-width: 0; margin: 0; }
[data-terkepes-celok] .tc-hero-copy h1 { max-width: 42rem; }
[data-terkepes-celok] .tc-hero-lead { max-width: 40rem; color: var(--color-titanium-silver); font-size: var(--text-body-large); line-height: 1.58; }
[data-terkepes-celok] .tc-hero-line { width: min(100%, 38rem); height: 1px; background: linear-gradient(90deg, var(--color-neon-cyan), transparent); }

[data-terkepes-celok] .tc-hero-rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  align-self: start;
}

[data-terkepes-celok] .tc-mission,
[data-terkepes-celok] .tc-quickscan {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--tc-rule);
  border-radius: var(--radius-control);
  background: var(--color-smoked-glass);
  box-shadow: var(--surface-highlight), var(--shadow-panel);
  backdrop-filter: blur(14px);
}

[data-terkepes-celok] .tc-mission > *,
[data-terkepes-celok] .tc-quickscan > * { min-width: 0; margin: 0; }
[data-terkepes-celok] .tc-mission p { color: var(--color-titanium-silver); font-size: 0.94rem; line-height: 1.55; }

[data-terkepes-celok] .tc-quickscan-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
}

[data-terkepes-celok] .tc-quickscan-grid > a {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-2);
  min-width: 0;
  min-height: 2.75rem;
  padding: var(--space-2);
  border-block-start: 1px solid rgba(199, 208, 219, 0.15);
  color: var(--color-titanium-silver);
  text-decoration: none;
}

[data-terkepes-celok] .tc-quickscan-grid > a span:last-child { font-size: 0.84rem; line-height: 1.42; }

[data-terkepes-celok] .tc-card-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
}

[data-terkepes-celok] .tc-objective-card,
[data-terkepes-celok] .tc-role-card,
[data-terkepes-celok] .tc-phase,
[data-terkepes-celok] .tc-call,
[data-terkepes-celok] .tc-route-panel,
[data-terkepes-celok] .tc-choice {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--tc-rule);
  border-radius: var(--radius-control);
  background: var(--color-obsidian);
  box-shadow: var(--surface-highlight);
}

[data-terkepes-celok] .tc-objective-card > *,
[data-terkepes-celok] .tc-role-card > *,
[data-terkepes-celok] .tc-phase > *,
[data-terkepes-celok] .tc-call > *,
[data-terkepes-celok] .tc-route-panel > *,
[data-terkepes-celok] .tc-choice > * { min-width: 0; margin: 0; }

[data-terkepes-celok] .tc-objective-card p,
[data-terkepes-celok] .tc-role-card p,
[data-terkepes-celok] .tc-phase p,
[data-terkepes-celok] .tc-route-panel p,
[data-terkepes-celok] .tc-choice p { color: var(--color-titanium-silver); }

[data-terkepes-celok] .tc-objective-card--violet { background: linear-gradient(135deg, rgba(155, 92, 255, 0.12), transparent 60%), var(--color-obsidian); }
[data-terkepes-celok] .tc-card-list { margin: 0; padding-inline-start: 1.1rem; color: var(--color-text-muted); font-size: 0.91rem; line-height: 1.5; }


[data-terkepes-celok] .tc-linking-note {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin-block-start: var(--space-5);
  padding: var(--space-4) 0 0 var(--space-4);
  border-inline-start: 2px solid var(--color-neon-cyan);
}
[data-terkepes-celok] .tc-linking-note p { margin: 0; max-width: 50rem; }

[data-terkepes-celok] .tc-map-layout,
[data-terkepes-celok] .tc-check-layout,
[data-terkepes-celok] .tc-roles-layout,
[data-terkepes-celok] .tc-vision-layout,
[data-terkepes-celok] .tc-comms-layout,
[data-terkepes-celok] .tc-cta-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }

[data-terkepes-celok] .tc-map-intro,
[data-terkepes-celok] .tc-check-main,
[data-terkepes-celok] .tc-role-intro,
[data-terkepes-celok] .tc-vision-copy,
[data-terkepes-celok] .tc-comms-intro,
[data-terkepes-celok] .tc-cta-copy { min-width: 0; }

[data-terkepes-celok] .tc-map-intro p,
[data-terkepes-celok] .tc-role-intro p,
[data-terkepes-celok] .tc-vision-copy p,
[data-terkepes-celok] .tc-comms-intro p { color: var(--color-titanium-silver); }

[data-terkepes-celok] .tc-map-stage {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tc-rule);
  border-radius: var(--radius-data);
  aspect-ratio: 4 / 3;
  background: var(--color-obsidian);
}

[data-terkepes-celok] .tc-map-stage img { width: 100%; height: 100%; object-fit: cover; }
[data-terkepes-celok] .tc-map-marker { position: absolute; width: 0.75rem; height: 0.75rem; border: 2px solid var(--color-neon-cyan); border-radius: 50%; background: var(--color-midnight-black); box-shadow: var(--shadow-active); }
[data-terkepes-celok] .tc-map-marker--one { left: 28%; top: 58%; }
[data-terkepes-celok] .tc-map-marker--two { left: 62%; top: 36%; }
[data-terkepes-celok] .tc-map-marker--three { left: 74%; top: 70%; }
[data-terkepes-celok] .tc-map-route { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: var(--color-electric-violet); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 7 8; opacity: 0.88; }
[data-terkepes-celok] .tc-map-route[data-route="enemy"] { stroke: var(--color-neon-cyan); }
[data-terkepes-celok] .tc-map-route[data-route="home"] { stroke: var(--color-acid-green); }

[data-terkepes-celok] .tc-map-tabs { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); margin-block: var(--space-4); }
[data-terkepes-celok] .tc-map-tabs > button { width: 100%; min-width: 0; }
[data-terkepes-celok] .tc-map-tabs > button[aria-selected="true"] { border-color: var(--color-border-active); background: rgba(39, 217, 232, 0.1); color: var(--color-neon-cyan); box-shadow: var(--shadow-active); }
[data-terkepes-celok] .tc-route-panel { min-height: 12rem; }
[data-terkepes-celok] .tc-route-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
[data-terkepes-celok] .tc-route-steps > div { min-width: 0; padding-inline-start: var(--space-3); border-inline-start: 1px solid var(--color-border-strong); }
[data-terkepes-celok] .tc-route-steps p { margin: var(--space-1) 0 0; font-size: 0.9rem; }

[data-terkepes-celok] .tc-check-main { display: flex; flex-direction: column; gap: var(--space-5); }
[data-terkepes-celok] .tc-check-main > * { min-width: 0; margin: 0; }
[data-terkepes-celok] .tc-check-lead { padding-inline-start: var(--space-4); border-inline-start: 2px solid var(--color-acid-green); }
[data-terkepes-celok] .tc-check-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
[data-terkepes-celok] .tc-check-row { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding: var(--space-4); border: 1px solid var(--tc-rule); border-radius: var(--radius-data); background: rgba(16, 21, 33, 0.65); }
[data-terkepes-celok] .tc-check-row input { width: 2.75rem; min-width: 2.75rem; min-height: 2.75rem; margin: 0; align-self: start; }
[data-terkepes-celok] .tc-check-row div { min-width: 0; }
[data-terkepes-celok] .tc-check-row h3,
[data-terkepes-celok] .tc-check-row p { margin: 0; }
[data-terkepes-celok] .tc-check-row p { margin-block-start: var(--space-1); color: var(--color-text-muted); font-size: 0.9rem; line-height: 1.5; }

[data-terkepes-celok] .tc-choice-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
[data-terkepes-celok] .tc-choice { border-inline-start: 2px solid var(--color-neon-cyan); }
[data-terkepes-celok] .tc-choice--wait { border-inline-start-color: var(--color-titanium-silver); }
[data-terkepes-celok] .tc-choice--swap { border-inline-start-color: var(--color-electric-violet); }

[data-terkepes-celok] .tc-role-matrix { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
[data-terkepes-celok] .tc-call-samples { display: flex; flex-wrap: wrap; gap: var(--space-2); }
[data-terkepes-celok] .tc-call-samples button { min-height: 2.5rem; padding: var(--space-2) var(--space-3); }
[data-terkepes-celok] .tc-protocol { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin-block-start: var(--space-4); padding: var(--space-5); border-block: 1px solid var(--color-border-active); background: linear-gradient(90deg, rgba(155, 92, 255, 0.12), rgba(39, 217, 232, 0.06)); }
[data-terkepes-celok] .tc-protocol > span { min-width: 0; color: var(--color-frost-white); font-family: var(--font-display); font-size: 1.4rem; font-weight: 600; }

[data-terkepes-celok] .tc-vision-figure { min-width: 0; margin: 0; }
[data-terkepes-celok] .tc-vision-frame { position: relative; overflow: hidden; border: 1px solid var(--tc-rule); border-radius: var(--radius-data); }
[data-terkepes-celok] .tc-vision-frame img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
[data-terkepes-celok] .tc-vision-dot { position: absolute; left: 44%; top: 60%; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--color-neon-cyan); box-shadow: 0 0 16px rgba(39, 217, 232, 0.85); }
[data-terkepes-celok] .tc-vision-figure figcaption { max-width: 42rem; }
[data-terkepes-celok] .tc-vision-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin-block-start: var(--space-5); }
[data-terkepes-celok] .tc-vision-step { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; }
[data-terkepes-celok] .tc-vision-step h3,
[data-terkepes-celok] .tc-vision-step p { margin: 0; }
[data-terkepes-celok] .tc-warning { margin-block-start: var(--space-5); padding: var(--space-4); border-inline-start: 2px solid var(--color-neon-cyan); background: rgba(16, 21, 33, 0.64); }
[data-terkepes-celok] .tc-warning p { margin: 0; }

[data-terkepes-celok] .tc-process-intro { max-width: 40.625rem; }
[data-terkepes-celok] .tc-process-intro p { margin: 0; color: var(--color-titanium-silver); }
[data-terkepes-celok] .tc-phase-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin-block-start: var(--space-5); }
[data-terkepes-celok] .tc-phase { border-block-start-color: var(--color-neon-cyan); }
[data-terkepes-celok] .tc-micro-list { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; margin: 0; list-style: none; }
[data-terkepes-celok] .tc-micro-list li { padding: var(--space-2); border: 1px solid rgba(199, 208, 219, 0.18); color: var(--color-text-muted); font-size: var(--text-data); letter-spacing: 0.04em; text-transform: uppercase; }
[data-terkepes-celok] .tc-compare { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
[data-terkepes-celok] .tc-compare > div { min-width: 0; padding: var(--space-3); border: 1px solid rgba(199, 208, 219, 0.18); }
[data-terkepes-celok] .tc-compare p { margin: var(--space-1) 0 0; font-size: 0.9rem; }
[data-terkepes-celok] .tc-process-close { margin: var(--space-5) 0 0; padding-block-start: var(--space-4); border-block-start: 1px solid transparent; border-image: linear-gradient(90deg, var(--color-electric-violet), var(--color-neon-cyan), transparent) 1; color: var(--color-frost-white); font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 600; line-height: 1.08; }

[data-terkepes-celok] .tc-call-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
[data-terkepes-celok] .tc-call { width: 100%; min-height: 5.5rem; text-align: left; align-items: flex-start; justify-content: center; cursor: pointer; }
[data-terkepes-celok] .tc-call strong { font-size: 1rem; }
[data-terkepes-celok] .tc-call span { color: var(--color-text-muted); font-size: 0.82rem; line-height: 1.42; }
[data-terkepes-celok] .tc-plan-b { display: flex; flex-direction: column; gap: var(--space-3); width: min(100%, 38.75rem); margin-block-start: var(--space-5); padding: var(--space-5); border: 1px solid var(--tc-rule); border-radius: var(--radius-control); background: var(--color-smoked-glass); }
[data-terkepes-celok] .tc-plan-b > * { min-width: 0; margin: 0; }

[data-terkepes-celok] .tc-reflection-copy { width: min(100%, 42.5rem); margin-inline: auto; }
[data-terkepes-celok] .tc-reflection-copy p { color: var(--color-titanium-silver); }
[data-terkepes-celok] .tc-review-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; margin-block: var(--space-6); border: 1px solid var(--tc-rule); background: var(--tc-rule); }
[data-terkepes-celok] .tc-review-row { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding: var(--space-4); background: var(--color-obsidian); }
[data-terkepes-celok] .tc-review-row > * { min-width: 0; }
[data-terkepes-celok] .tc-review-row h3,
[data-terkepes-celok] .tc-review-row p { margin: 0; }
[data-terkepes-celok] .tc-review-row p { margin-block-start: var(--space-1); color: var(--color-text-muted); }
[data-terkepes-celok] .tc-update-note { width: min(100%, 42.5rem); margin-inline: auto; padding: var(--space-4); border: 1px solid var(--color-border-strong); border-radius: var(--radius-data); }
[data-terkepes-celok] .tc-update-note p { margin: 0; color: var(--color-text-muted); }

[data-terkepes-celok] .tc-final { padding-block-end: var(--space-9); }
[data-terkepes-celok] .tc-final-panel { padding: var(--space-5); border: 1px solid var(--color-border-strong); border-radius: var(--radius-control); background: linear-gradient(135deg, rgba(155, 92, 255, 0.12), rgba(39, 217, 232, 0.07)), var(--color-obsidian); box-shadow: var(--surface-highlight), var(--shadow-panel); }
[data-terkepes-celok] .tc-cta-copy { display: flex; flex-direction: column; gap: var(--space-3); }
[data-terkepes-celok] .tc-cta-copy > * { min-width: 0; margin: 0; }
[data-terkepes-celok] .tc-cta-copy p { max-width: 38.75rem; color: var(--color-titanium-silver); }
[data-terkepes-celok] .tc-cta-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
[data-terkepes-celok] .tc-cta-links > a { display: flex; flex-direction: column; justify-content: center; gap: var(--space-1); min-width: 0; min-height: 4.5rem; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border-strong); border-radius: var(--radius-control); text-decoration: none; }
[data-terkepes-celok] .tc-cta-links > a strong { font-family: var(--font-display); font-size: 1.125rem; }
[data-terkepes-celok] .tc-cta-links > a span { color: var(--color-text-muted); font-size: 0.82rem; line-height: 1.35; }

[data-terkepes-celok] [data-reveal] { opacity: 0; transform: translateY(12px); transition: opacity var(--transition-panel), transform var(--transition-panel); }
[data-terkepes-celok] [data-reveal].is-revealed { opacity: 1; transform: translateY(0); }

@media (min-width: 24.375rem) {
  [data-terkepes-celok] .tc-quickscan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-map-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-protocol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 48rem) {
  [data-terkepes-celok] .tc-section { padding-block: var(--space-9); }
  [data-terkepes-celok] .tc-hero { min-height: 38rem; padding-block: var(--space-8); }
  [data-terkepes-celok] .tc-hero-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-card-grid > :nth-child(3) { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-map-layout { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-map-intro { grid-column: 1 / 5; }
  [data-terkepes-celok] .tc-map-interactive { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-check-layout { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-check-main { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-choice-stack { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-roles-layout { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-role-intro { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-role-matrix { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-role-matrix > :nth-child(3) { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-vision-layout { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-vision-copy { grid-column: 1 / 5; }
  [data-terkepes-celok] .tc-vision-figure { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-vision-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-vision-steps > :nth-child(3) { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-phase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-phase-grid > :nth-child(3) { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-comms-layout { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-comms-intro { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-call-grid { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-call-grid > :nth-child(4) { grid-column: 1 / 2; }
  [data-terkepes-celok] .tc-call-grid > :nth-child(5) { grid-column: 2 / 3; }
  [data-terkepes-celok] .tc-plan-b { grid-column: 1 / 5; }
  [data-terkepes-celok] .tc-review-row { grid-template-columns: 4rem minmax(0, 1fr); }
  [data-terkepes-celok] .tc-cta-layout { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-cta-copy { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-cta-links { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 70rem) {
  [data-terkepes-celok] .tc-section { padding-block: var(--space-9); }
  [data-terkepes-celok] .tc-hero { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-5); min-height: 41rem; }
  [data-terkepes-celok] .tc-hero-copy { grid-column: 1 / span 7; }
  [data-terkepes-celok] .tc-hero-rail { grid-column: 9 / span 4; grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 20rem; justify-self: end; }
  [data-terkepes-celok] .tc-section-head { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-section-head h2 { grid-column: 1 / span 5; }
  [data-terkepes-celok] .tc-section-head p { grid-column: 7 / span 4; max-width: 26.875rem; }
  [data-terkepes-celok] .tc-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-card-grid > :nth-child(3) { grid-column: auto; }
  [data-terkepes-celok] .tc-map-layout { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-map-intro { grid-column: 1 / span 4; max-width: 25rem; }
  [data-terkepes-celok] .tc-map-interactive { grid-column: 5 / -1; }
  [data-terkepes-celok] .tc-check-layout { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-check-main { grid-column: 1 / span 7; }
  [data-terkepes-celok] .tc-choice-stack { grid-column: 9 / span 4; grid-template-columns: minmax(0, 1fr); max-width: 24.375rem; justify-self: end; }
  [data-terkepes-celok] .tc-roles-layout { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-role-intro { grid-column: 1 / span 4; max-width: 25rem; }
  [data-terkepes-celok] .tc-role-matrix { grid-column: 5 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-role-matrix > :nth-child(3) { grid-column: 1 / -1; }
  [data-terkepes-celok] .tc-vision-layout { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-vision-figure { grid-column: 1 / span 7; grid-row: 1 / span 2; }
  [data-terkepes-celok] .tc-vision-copy { grid-column: 9 / span 4; max-width: 26.25rem; }
  [data-terkepes-celok] .tc-vision-steps { grid-column: 9 / span 4; grid-template-columns: minmax(0, 1fr); }
  [data-terkepes-celok] .tc-vision-steps > :nth-child(3) { grid-column: auto; }
  [data-terkepes-celok] .tc-warning { grid-column: 9 / span 4; }
  [data-terkepes-celok] .tc-phase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-phase-grid > :nth-child(3) { grid-column: auto; }
  [data-terkepes-celok] .tc-comms-layout { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-comms-intro { grid-column: 1 / span 5; max-width: 31.25rem; }
  [data-terkepes-celok] .tc-call-grid { grid-column: 6 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-call-grid > :nth-child(4) { grid-column: 1 / 2; }
  [data-terkepes-celok] .tc-call-grid > :nth-child(5) { grid-column: 2 / 3; }
  [data-terkepes-celok] .tc-plan-b { grid-column: 1 / span 6; }
  [data-terkepes-celok] .tc-review-row { grid-template-columns: 1fr 4fr 7fr; align-items: start; }
  [data-terkepes-celok] .tc-cta-layout { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  [data-terkepes-celok] .tc-cta-copy { grid-column: 1 / span 7; }
  [data-terkepes-celok] .tc-cta-links { grid-column: 8 / -1; grid-template-columns: minmax(0, 1fr); max-width: 26.25rem; justify-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  [data-terkepes-celok] [data-reveal] { opacity: 1; transform: none; }
  [data-terkepes-celok] .tc-hero-visual img { transform: none !important; }
  [data-terkepes-celok] .tc-map-route { stroke-dasharray: none; }
}


.thank-you-page {
  display: grid;
  min-height: min(42rem, calc(100vh - 12rem));
  place-items: center;
  padding-block: var(--space-8);
}

.thank-you-page__panel {
  position: relative;
  width: min(100%, 46rem);
  overflow: hidden;
  text-align: center;
}

.thank-you-page__panel::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--color-acid-green), var(--color-neon-cyan), var(--color-electric-violet));
  content: "";
}

.thank-you-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
}

.thank-you-page__content > * {
  margin: 0;
}

.thank-you-page__status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-success);
}

.thank-you-page__status::before {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: var(--radius-round);
  background: currentcolor;
  box-shadow: 0 0 12px rgba(183, 243, 74, 0.44);
  content: "";
}

.thank-you-page__title {
  max-width: 13ch;
  margin-inline: auto;
  font-size: var(--text-display);
  line-height: var(--line-display);
  letter-spacing: var(--tracking-display);
}

.thank-you-page__copy {
  max-width: 38rem;
  margin-inline: auto;
  color: var(--color-text);
  font-size: var(--text-body-large);
  line-height: var(--line-body);
  text-align: center;
}

.thank-you-page__next {
  max-width: 38rem;
  margin-inline: auto;
  color: var(--color-text-muted);
  font-size: var(--text-body);
  text-align: center;
}

.thank-you-page__actions {
  justify-content: center;
  width: 100%;
  margin-block-start: var(--space-2);
}

.thank-you-page__primary-action {
  border-color: var(--color-neon-cyan);
  background: var(--color-neon-cyan);
  color: var(--color-midnight-black);
}

.thank-you-page__primary-action:hover {
  border-color: var(--color-frost-white);
  background: var(--color-frost-white);
  color: var(--color-midnight-black);
  box-shadow: var(--shadow-active);
}

@media (max-width: 47.9375rem) {
  .thank-you-page {
    min-height: auto;
    padding-block: var(--space-7);
  }

  .thank-you-page__panel {
    padding: var(--space-6) var(--space-5);
  }

  .thank-you-page__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .thank-you-page__actions .button {
    width: 100%;
  }
}

@media (min-width: 48rem) {
  .thank-you-page {
    padding-block: var(--space-9);
  }
}