@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Rajdhani:wght@600;700&display=swap");

:root {
  --navy: #010713;
  --navy-2: #02101c;
  --gold: #49dff5;
  --gold-bright: #7eebf7;
  --gold-dim: #1c8ea0;
  --cream: #e7f4fb;
  --muted: #8aa4b6;
  --ink: #010713;
  --font-d: "Rajdhani", "Exo 2", sans-serif;
  --font-s: "Exo 2", system-ui, sans-serif;
}

html, body { background: #010713 !important; color: #e7f4fb; color-scheme: dark; }
body {
  background-image:
    radial-gradient(900px 420px at 80% -10%, rgba(12, 90, 120, 0.28), transparent 60%),
    linear-gradient(rgba(73, 223, 245, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73, 223, 245, 0.045) 1px, transparent 1px) !important;
  background-size: auto, 46px 46px, 46px 46px !important;
  font-family: "Exo 2", system-ui, sans-serif;
}

.mx { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.mx i {
  position: absolute; top: -120%; width: 18px; color: #0c6e82;
  font-family: "JetBrains Mono", monospace; font-size: 13px; line-height: 1.15;
  white-space: pre; font-style: normal; animation: mxfall linear infinite; opacity: 0.55;
}
@keyframes mxfall { to { transform: translateY(220vh); } }
.mx-scan {
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
  background: repeating-linear-gradient(to bottom, transparent 0 3px, rgba(0,0,0,.18) 3px 4px);
  opacity: 0.22;
}
.hero, .section, footer { position: relative; z-index: 2; }
.nav { z-index: 40; }
.seats { z-index: 30; }
.modal { z-index: 60; }
@media (max-width: 860px) {
  .mx i {
    color: #5ee7fb;
    opacity: 0.7;
    font-size: 15px;
    text-shadow: 0 0 8px rgba(94, 231, 251, 0.45);
  }
  .section > .wrap,
  footer > .foot,
  .card,
  .cab-mod,
  .person,
  .lesson,
  .gold-point,
  .week-rail,
  .prog .slot,
  .site-board,
  .site-board .term,
  .hero-plate,
  .rich-head {
    background: rgba(2, 16, 28, 0.76) !important;
    background-image: none !important;
  }
}

a { color: #7eebf7; }
::selection { background: #1c8ea0; color: #fff; }
.cursor-glow {
  background: radial-gradient(circle, rgba(73, 223, 245, 0.45) 0%, rgba(73, 223, 245, 0.12) 18%, transparent 68%) !important;
}

.nav {
  border-bottom: 1px solid rgba(28, 142, 160, 0.55);
  background: rgba(1, 7, 19, 0.92);
}
.logo, h1, h2, h3, h4, .cab-title, .price, .stat b, .cab-n, .gold-title, .gold-sub, .num, .big-n {
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 700;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  animation: none !important;
  filter: none !important;
  color: #f4fbfe !important;
}
.logo span, h1 em, .hero-plate h1.split em, .gold-sub, .price, .stat b, .cab-n, .num, .big-n,
.who-rows .n, .pain-hits .n, .cab-lessons span:first-child, .day-fig figcaption {
  color: #49dff5 !important;
  -webkit-text-fill-color: #49dff5 !important;
}
.nav-links a, .mobile-nav a, .kicker, .cab-act, .rozwin, .seats-meta, figcaption, .pill, .menu-btn, .cab-meta {
  font-family: "JetBrains Mono", monospace !important;
}
.nav-links a { color: #8aa4b6; font-size: 11px; letter-spacing: 0.14em; text-shadow: none; }
.nav-links a.active, .nav-links a:hover { color: #7eebf7; }
.kicker, .hero-plate .kicker { color: #49dff5 !important; text-shadow: none; letter-spacing: 0.12em; }

.btn, .seats-cta, .stripe-gold, button.btn, .cab-act, .rozwin {
  min-height: 36px;
  height: auto;
  padding: 8px 14px;
  border-radius: 8px !important;
  border: 1px solid rgba(90, 200, 214, 0.9) !important;
  background: rgba(1, 10, 20, 0.78) !important;
  color: #d9f7fb !important;
  box-shadow: 0 0 12px rgba(20, 160, 180, 0.18) !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.btn::after, .stripe-gold::after { display: none !important; }
.btn:hover, .seats:hover .seats-cta, .cab-mod summary:hover .cab-act, .cab-mod[open] .cab-act,
.lesson:hover .rozwin, .lesson[open] .rozwin {
  background: rgba(1, 16, 28, 0.92) !important;
  border-color: #7eebf7 !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(73, 223, 245, 0.35) !important;
}

.hero.bright { min-height: 0 !important; padding: 18px 0 0; align-items: stretch; }
.hero img.bg, .band img.bg, .hud-slide { display: none !important; }
.hero .veil, .hero.bright .veil, .band .veil { background: transparent !important; }
.hero-in { padding: 0 24px !important; max-width: 1280px; }
.hero-plate, .rich-head {
  width: 100%;
  max-width: none;
  background: rgba(2, 16, 28, 0.88) !important;
  border: 1px solid rgba(28, 142, 160, 0.75) !important;
  border-radius: 0 18px 0 18px !important;
  box-shadow: 0 0 28px rgba(20, 140, 170, 0.16) !important;
  animation: none !important;
}
.hero-plate h1, .hero-plate h1.split, h1 { color: #f4fbfe !important; text-shadow: none !important; }
.hero-plate p, .hero-plate .lead, .lead, .muted, .seats-line, .list, .list li, .cream .list li {
  color: #d5e2ea !important;
  text-shadow: none !important;
}
h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.05; }

.section { padding: 8px 0 !important; }
.section, .navy2, .gold-wash, .cream, footer,
body:not(.home) .section, body:not(.home) .section:not(.cream) {
  background: transparent !important;
  background-image: none !important;
  color: #e7f4fb;
}
.section > .wrap, footer > .foot {
  border: 1px solid rgba(30, 150, 168, 0.75);
  border-radius: 0 18px 0 18px;
  padding: 22px 20px 20px;
  margin: 12px auto;
  background:
    radial-gradient(700px 240px at 100% 0%, rgba(12, 90, 120, 0.22), transparent 55%),
    rgba(2, 12, 22, 0.88);
  box-shadow: 0 0 28px rgba(20, 140, 170, 0.12);
}
footer > .foot { max-width: 1280px; }
footer { border-top: 1px solid rgba(28, 142, 160, 0.35); }

.card, .cab-mod, .claim-card, .proof-card, .proof-story, .stat, .sheet, .two-states > div,
.path-best, .mod, .agenda-day, .person, .gold-point, .lesson, .arc-3 figure, .day-fig,
body:not(.home) .card, body:not(.home) .cab-mod, body:not(.home) .lesson {
  animation: none !important;
  border: 1px solid rgba(28, 142, 160, 0.65) !important;
  border-radius: 0 14px 0 14px !important;
  background: rgba(1, 12, 22, 0.72) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #e7f4fb;
}
.gold-point, .lesson, .arc-3 figure, .day-fig { padding: 14px 16px; }
.day-board {
  border: 0 !important; background: transparent !important; box-shadow: none !important;
  padding: 8px 0 0 !important; margin: 18px 0;
}
.day-head { text-align: left; }
.pair { gap: 12px; border-top: 0; }
.arc-3, .grid-3 { gap: 12px; }
.cab-mod summary:hover, .cab-mod[open] { background: rgba(73, 223, 245, 0.05) !important; }
.cab-lessons li, .pair, .who-rows li, .pain-hits li, details, .block {
  border-color: rgba(28, 142, 160, 0.28) !important;
}
.pill {
  color: #d9f7fb !important;
  border: 1px solid rgba(28, 142, 160, 0.7) !important;
  background: rgba(1, 12, 22, 0.55);
  border-radius: 8px;
}
.pill:before { background: #49dff5; box-shadow: none; }
.day-board .pill.shine b {
  background: none !important; color: #7eebf7 !important;
  -webkit-text-fill-color: #7eebf7 !important; animation: none !important;
}
.ent-stack { display: grid; gap: 24px; grid-template-columns: 1fr; }
.card, .cab-mod, .lesson, .gold-point, .week-rail, .person, .sheet, .stat,
.claim-card, .proof-card, .proof-story, .step-card, .day-board, .site-board .term,
.prog .slot, .card.poster-only {
  transition: border-color .2s ease, box-shadow .2s ease;
}
.card:hover, .cab-mod:hover, .lesson:hover, .gold-point:hover, .week-rail:hover, .person:hover,
.sheet:hover, .stat:hover, .claim-card:hover, .proof-card:hover, .proof-story:hover,
.step-card:hover, .day-board:hover, .site-board .term:hover, .prog .slot:hover, .card.poster-only:hover {
  border-color: #7eebf7 !important;
  box-shadow: 0 0 22px rgba(73, 223, 245, .5) !important;
}
.card img.poster {
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #04101c;
}
.card.poster-only img.poster { margin: 0 !important; }
.arc-3 img, .day-fig img, .week-rail img, .card img, .card .media, .sheet img, .section figure img {
  width: 100% !important;
  height: 148px !important;
  margin: 0 0 10px !important;
  border-radius: 0 12px 0 12px !important;
  object-fit: cover;
  border: 1px solid rgba(28, 142, 160, 0.4) !important;
  box-shadow: none !important;
}
.lesson { margin: 10px 0; }
.week-split { margin: 18px 0; gap: 16px; }
.week-rail {
  border: 1px solid rgba(28, 142, 160, 0.65);
  border-radius: 0 14px 0 14px;
  padding: 8px;
  background: rgba(1, 12, 22, 0.62);
}
.week-rail img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 220px !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center top !important;
  margin: 0 auto 10px !important;
}
.person img { height: 100% !important; min-height: 180px; max-height: none !important; margin: 0 !important; }
.prog {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 22px;
  align-items: stretch;
}
.prog .slot {
  border: 1px solid rgba(28, 142, 160, 0.7);
  border-radius: 0 14px 0 14px;
  background: rgba(1, 8, 16, 0.55);
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.prog .slot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 860px) {
  .prog { grid-template-columns: 1fr; }
  .prog .slot { min-height: 0; }
}
@media (min-width: 721px) {
  .people {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: stretch;
  }
  .people .person {
    margin-top: 0;
    min-height: 340px;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch;
  }
  .people .person img {
    width: 100% !important;
    height: 100% !important;
    min-height: 340px !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center center;
    align-self: stretch;
  }
  .people .person > div { padding: 16px 16px 18px !important; display: flex; flex-direction: column; justify-content: center; }
}
.people .person h2 { font-size: 26px; line-height: 1.05; margin: 2px 0 8px; }
.people .person .kicker { font-size: 11px; }
.people .person .muted { font-size: 14px; line-height: 1.4; margin: 0 0 8px; }
.people .person .site { color: #49dff5; text-decoration: none; }
.people .person .site:hover { color: #7eebf7; }
.news-post { margin-top: 0; }
.news-post + .card { margin-top: 18px; }
.news-shot { display: block; margin: -24px -24px 20px; border-radius: 18px 18px 0 0; overflow: hidden; background: #12081f; }
.news-shot img { display: block; width: 100%; height: auto; object-fit: contain; }
@media (max-width: 860px) {
  .news-post .news-shot img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 3.6 / 1 !important;
    object-fit: fill !important;
    object-position: center !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
}
@media (min-width: 861px) {
  .card .news-shot img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
}
.news-post h2 a { color: #f4fbfe; text-decoration: none; }
.news-post h2 a:hover { color: #7eebf7; }
@media (max-width: 720px) {
  .people .person img {
    width: 70% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center center;
    margin: 16px auto 0 !important;
    display: block;
  }
}
.list li:before { background: #49dff5; }
a.seats {
  width: auto; display: flex; align-items: center; gap: 10px;
  padding: 6px 6px 6px 14px; border-radius: 8px !important;
  border: 1px solid rgba(90, 200, 214, 0.85) !important;
  background: rgba(1, 10, 20, 0.92) !important;
}
.sheet input {
  background: #010713; color: #e7f4fb;
  border: 1px solid rgba(28, 142, 160, 0.65); border-radius: 8px;
}
.mobile-nav { background: #02101c; border-top-color: rgba(28, 142, 160, 0.4); }
.mobile-nav a { color: #e7f4fb; border-bottom-color: rgba(28, 142, 160, 0.25); }
.menu-btn { border-radius: 8px; border-color: rgba(90, 200, 214, 0.8); color: #d9f7fb; }

@media (max-width: 800px) {
  .seats { left: 10px; right: 10px; bottom: 10px; width: auto; border-radius: 8px !important; }
  h1, h2, .hero-plate h1, .gold-title { color: #f4fbfe !important; -webkit-text-fill-color: #f4fbfe !important; }
  .hero-plate h1.split em { color: #49dff5 !important; -webkit-text-fill-color: #49dff5 !important; }
}

/* Ramka nagłówka jak na landingu. Treść strony zostaje w środku. */
.site-board {
  position: relative;
  z-index: 3;
  width: min(1280px, calc(100% - 28px));
  margin: 16px auto 10px;
  padding: 16px 16px 22px;
  border: 1px solid rgba(30, 150, 168, 0.75);
  border-radius: 0 18px 0 18px;
  background:
    radial-gradient(800px 380px at 80% 0%, rgba(12, 90, 120, 0.28), transparent 60%),
    linear-gradient(rgba(73, 223, 245, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73, 223, 245, 0.05) 1px, transparent 1px),
    rgba(2, 12, 22, 0.88);
  background-size: auto, 46px 46px, 46px 46px, auto;
  box-shadow: 0 0 32px rgba(20, 140, 170, 0.16), inset 0 0 60px rgba(0, 40, 60, 0.25);
}
.site-board .top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 4px 12px;
  border-bottom: 1px solid rgba(28, 142, 160, 0.45);
  flex-wrap: nowrap;
  container-type: inline-size;
}
.site-board .logo { display: inline-flex; align-items: center; gap: 8px; font-size: 22px; letter-spacing: 0.02em; text-decoration: none; color: #f4fbfe !important; line-height: 1; flex: 0 0 auto; }
.site-board .mark {
  width: 20px; height: 38px; display: block; flex: 0 0 auto;
  border: 0; border-radius: 0; box-shadow: none;
  background: url("../img/rabbit.png") center / contain no-repeat;
}
.site-board .menu {
  display: flex; flex: 1 1 auto; min-width: 0; justify-content: flex-end; flex-wrap: nowrap;
  gap: clamp(4px, 1cqi, 14px); margin-left: 0;
  font-family: "JetBrains Mono", monospace; font-size: clamp(8px, 1.45cqi, 13px); letter-spacing: 0.04em;
}
.site-board .menu a { color: #8aa4b6; text-decoration: none; white-space: nowrap; }
.site-board .top > .cyber { flex: 0 0 auto; }
.site-board .menu a.active, .site-board .menu a:hover { color: #7eebf7; }
.site-board .cyber {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 8px !important;
  border: 1px solid rgba(90, 200, 214, 0.9) !important;
  background: rgba(1, 10, 20, 0.78) !important;
  color: #d9f7fb !important;
  box-shadow: 0 0 12px rgba(20, 160, 180, 0.2) !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
}
.site-board .cyber:hover { border-color: #7eebf7 !important; color: #fff !important; }
.site-board .board-split {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 22px;
  align-items: stretch;
  padding-top: 18px;
}
.site-board:has(.shot-zoom) .board-split {
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
.site-board:has(.shot-zoom) .board-copy { grid-column: 1; grid-row: 1; text-align: center; }
.site-board:has(.shot-zoom) .pay {
  grid-column: 1;
  grid-row: 2;
  margin-top: 8px;
  justify-content: center;
}
.site-board:has(.shot-zoom) .term {
  grid-column: 1;
  grid-row: 3;
  height: auto;
  text-align: center;
}
.site-board .term.split-term {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 12px 36px;
  text-align: left;
  align-items: start;
}
.site-board .term.split-term .term-links {
  justify-self: end;
  width: 100%;
  border-left: 1px solid rgba(28, 142, 160, 0.45);
  padding-left: 28px;
}
.site-board .term.split-term .shot { grid-column: 1 / -1; height: 240px; flex: none; width: 100%; }
@media (max-width: 860px) {
  .site-board .term.split-term { grid-template-columns: 1fr; }
  .site-board .term.split-term .term-links {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(28, 142, 160, 0.45);
    padding-top: 12px;
  }
}
@media (min-width: 900px) {
  .site-board .board-copy .shot-zoom { width: 75%; margin-left: auto; margin-right: auto; }
  .site-board .kicker { font-size: 15px; }
  .site-board .term .bar { font-size: 15px; }
  .site-board .term a { font-size: 15px; }
  .site-board .pay .btn { min-height: 54px; padding: 12px 26px; font-size: 1.15rem; }
}
.site-board:has(.shot-zoom) .pay .seats-line { flex-basis: 100%; text-align: center; }
.shot-zoom {
  display: block;
  width: 100%;
  margin: 16px 0 4px;
  padding: 0;
  border: 1px solid rgba(28, 142, 160, 0.7);
  border-radius: 0 14px 0 14px;
  background: #04101c;
  cursor: zoom-in;
  overflow: hidden;
}
.shot-zoom img { display: block; width: 100%; height: auto; }
.shot-zoom:hover, .shot-zoom:focus-visible {
  border-color: #7eebf7;
  box-shadow: 0 0 24px rgba(73, 223, 245, 0.55);
}
.shot-zoom:hover img { filter: brightness(1.12); }
.term-copy {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(28, 142, 160, 0.35);
}
.term-copy .lead { margin: 0; font-size: 18px; line-height: 1.35; }
.term-copy .term-head {
  margin: 0 0 4px;
  font-family: Rajdhani, sans-serif !important;
  font-weight: 700;
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.05;
  color: #f4fbfe;
  text-align: left;
}
.term-copy .list { margin: 10px 0; }
.term-copy .list.left { text-align: left; width: 100%; }
.term-copy .list.left li { justify-content: flex-start; text-align: left; }
.term-copy .list li { font-size: 16px; margin: 6px 0; }
.term-copy .muted { margin: 10px 0 4px; font-size: 16px; line-height: 1.55; }
.zoom {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 18px;
  background: rgba(1, 7, 19, 0);
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease, background .4s ease;
}
.zoom.is-open {
  opacity: 1;
  visibility: visible;
  background: rgba(1, 7, 19, 0.9);
}
.zoom[hidden] { display: none !important; }
img.can-zoom { cursor: zoom-in; }
img.can-zoom:hover { filter: brightness(1.12); box-shadow: 0 0 22px rgba(73, 223, 245, .55); }
.zoom img {
  max-width: min(1100px, 94vw);
  max-height: 88vh;
  object-fit: contain;
  border: 1px solid rgba(73, 223, 245, 0.7);
  box-shadow: 0 0 36px rgba(73, 223, 245, 0.4);
  transform: scale(0.92);
  opacity: 0;
  transition: transform .4s ease, opacity .4s ease;
}
.zoom.is-open img { transform: scale(1); opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .zoom, .zoom img { transition: none; }
}
.zoom-x {
  position: absolute;
  top: 14px;
  right: 14px;
  border: 1px solid rgba(90, 200, 214, 0.9);
  background: rgba(1, 10, 20, 0.9);
  color: #d9f7fb;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-family: "JetBrains Mono", monospace;
}
.site-board .term {
  display: flex;
  flex-direction: column;
}
.site-board .board-copy { padding: 0; }
.site-board .term {
  border: 1px solid rgba(28, 142, 160, 0.7);
  border-radius: 0 14px 0 14px;
  padding: 12px 14px 8px;
  background: rgba(1, 8, 16, 0.72);
}
.site-board .term .bar {
  display: flex;
  justify-content: space-between;
  color: #49dff5;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  margin-bottom: 8px;
}
.site-board .term a {
  display: block;
  margin: 8px 0;
  color: #79f0d0 !important;
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  text-decoration: none;
}
.site-board .term a:hover { color: #fff !important; }
.site-board .term img.shot {
  display: block;
  width: 100%;
  flex: 1 1 auto;
  height: 180px;
  min-height: 180px;
  margin: 10px 0 6px;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 0 12px 0 12px;
  border: 1px solid rgba(28, 142, 160, 0.55);
}
.site-board .term img.shot.full {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: contain;
  object-position: center;
  background: #04101c;
}
.site-board .term img.shot.fit {
  flex: 1 1 0;
  height: 0;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: center 42%;
}
.site-board .term img.shot.piotr { object-position: 32% 12%; }
@media (max-width: 860px) {
  .site-board .term img.shot.fit {
    flex: none;
    height: 150px;
    min-height: 0;
    object-fit: cover;
    object-position: center 40%;
  }
  .site-board .term img.shot.piotr {
    height: 240px;
    object-fit: cover;
    object-position: 32% 12%;
  }
}
@media (max-width: 860px) {
  .site-board .board-split { grid-template-columns: 1fr; }
  .site-board:has(.shot-zoom) .board-copy,
  .site-board:has(.shot-zoom) .term,
  .site-board:has(.shot-zoom) .pay { grid-column: 1; grid-row: auto; }
  .site-board:has(.shot-zoom) .pay { order: 2; }
  .site-board:has(.shot-zoom) .term { order: 3; height: auto; }
  .site-board .term img.shot {
    flex: none;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center;
  }
}
.news-top { align-items: center; grid-template-columns: 1fr; }
.news-top .gold-sub {
  margin: 8px 0 0 !important;
  font-size: clamp(18px, 2.2vw, 26px) !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}
@media (max-width: 860px) {
  .news-top .gold-sub { white-space: normal; }
}
.site-board .hero-plate, .site-board .rich-head {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: 46rem;
}
.site-board h1 {
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: clamp(34px, 4.4vw, 56px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0.01em;
  color: #f4fbfe !important;
}
.site-board h1 span,
.site-board h1 em,
.site-board .gold-sub {
  display: block;
  margin-top: 4px;
  color: #49dff5 !important;
  -webkit-text-fill-color: #49dff5 !important;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-shadow: 0 0 18px rgba(73, 223, 245, 0.28);
}
.site-board .lead,
.site-board .muted,
.site-board .list,
.site-board .seats-line {
  font-family: "Exo 2", system-ui, sans-serif !important;
  font-style: normal !important;
}
@media (max-width: 860px) {
  .site-board .top { flex-wrap: wrap; }
  .site-board .logo { order: 1; }
  .site-board .menu { order: 2; margin: 8px 0 0; width: 100%; flex-wrap: wrap; justify-content: flex-start; font-size: 11px; gap: 10px 14px; }
  .site-board .top > .cyber { order: 3; margin: 10px 0 0; margin-left: 0; }
}