main.rulett-estek-page {
  overflow: clip;
  background: var(--color-void-black);
}

.rulett-estek-page .rulett-hero {
  position: relative;
  display: grid;
  min-height: 680px;
  isolation: isolate;
  align-items: end;
  padding-block: var(--space-8);
}

.rulett-estek-page .rulett-hero__media,
.rulett-estek-page .rulett-hero__overlay {
  position: absolute;
  z-index: -1;
  inset: 0;
}

.rulett-estek-page .rulett-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.rulett-estek-page .rulett-hero__overlay {
  background:
    radial-gradient(circle at 78% 70%, rgba(108, 244, 255, 0.13), transparent 28%),
    radial-gradient(circle at 86% 35%, rgba(255, 79, 163, 0.10), transparent 20%),
    linear-gradient(90deg, rgba(8, 7, 13, 0.76) 0%, rgba(8, 7, 13, 0.38) 46%, rgba(8, 7, 13, 0.74) 100%),
    linear-gradient(0deg, rgba(8, 7, 13, 0.94) 0%, rgba(8, 7, 13, 0.12) 70%);
}

.rulett-estek-page .rulett-hero__container {
  width: min(100% - (var(--gutter) * 2), var(--container-max));
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.rulett-estek-page .rulett-hero__panel {
  grid-column: 8 / span 5;
  min-width: 0;
  padding: var(--space-6);
}

.rulett-estek-page .rulett-hero__panel-inner {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.rulett-estek-page .rulett-hero__panel-inner > * { margin: 0; }
.rulett-estek-page .rulett-hero__eyebrow { color: var(--color-electric-cyan); }

.rulett-estek-page .rulett-hero h1 {
  max-width: 21ch;
  font-size: var(--text-hero);
  line-height: var(--leading-hero);
}

.rulett-estek-page .rulett-hero__lead { max-width: 44ch; }

.rulett-estek-page .rulett-hero__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.rulett-estek-page .rulett-hero__actions > * { min-width: 0; }

.rulett-estek-page .rulett-hero__rail {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
}

.rulett-estek-page .rulett-hero__micro { color: var(--color-text-muted); }
.rulett-estek-page .rulett-hero__status-offline { color: var(--color-electric-cyan); }

.rulett-estek-page .rulett-section { position: relative; }

.rulett-estek-page .rulett-section--grid::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: 0.07;
  background-image: linear-gradient(var(--color-line-violet) 1px, transparent 1px), linear-gradient(90deg, var(--color-line-violet) 1px, transparent 1px);
  background-size: 32px 32px;
  content: "";
}

.rulett-estek-page .rulett-section > .container { position: relative; z-index: 1; }

.rulett-estek-page .rulett-section-head {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: var(--space-7);
}

.rulett-estek-page .rulett-section-head > * { margin: 0; }
.rulett-estek-page .rulett-section-head--values { width: min(100%, 56ch); }
.rulett-estek-page .rulett-section-head--choices { width: min(100%, 48ch); }
.rulett-estek-page .rulett-section-head--formats { width: min(100%, 50ch); }
.rulett-estek-page .rulett-section-head--faq { width: min(100%, 46ch); }

.rulett-estek-page .rulett-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.rulett-estek-page .rulett-values > article { min-width: 0; width: 100%; }
.rulett-estek-page .rulett-value-card { padding: var(--space-5); }
.rulett-estek-page .rulett-value-card--offset { margin-top: var(--space-6); }
.rulett-estek-page .rulett-value-card--pink { border-top-color: var(--color-signal-pink); }
.rulett-estek-page .rulett-value-card--green { border-top-color: var(--color-signal-green); }

.rulett-estek-page .rulett-card-stack {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.rulett-estek-page .rulett-card-stack > * { margin: 0; }
.rulett-estek-page .rulett-card-stack h3 { max-width: 22ch; }
.rulett-estek-page .rulett-card-stack p { max-width: 42ch; }
.rulett-estek-page .rulett-card-number { color: var(--color-electric-cyan); }
.rulett-estek-page .rulett-card-number--pink { color: var(--color-signal-pink); }
.rulett-estek-page .rulett-card-number--green { color: var(--color-signal-green); }

.rulett-estek-page .rulett-value-card:hover,
.rulett-estek-page .rulett-choice-card:hover,
.rulett-estek-page .rulett-format-card:hover,
.rulett-estek-page .rulett-faq-card:hover {
  border-color: var(--color-electric-cyan);
  background-color: rgba(40, 26, 68, 0.92);
  box-shadow: var(--shadow-glow);
}

.rulett-estek-page .rulett-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.rulett-estek-page .rulett-choices > article { width: 100%; min-width: 0; }
.rulett-estek-page .rulett-choice-card { min-height: 100%; padding: var(--space-5); }
.rulett-estek-page .rulett-choice-card--featured { margin-top: calc(var(--space-5) * -1); min-height: calc(100% + var(--space-5)); border-color: var(--color-electric-cyan); }

.rulett-estek-page .rulett-choice-card .rulett-card-stack { justify-content: flex-start; }
.rulett-estek-page .rulett-choice-card .button,
.rulett-estek-page .rulett-choice-card .button-secondary { margin-top: auto; }

.rulett-estek-page .rulett-reveal-meta {
  min-height: 1.5em;
  color: var(--color-text-muted);
  opacity: 0;
  transition: opacity var(--transition-fast);
}

.rulett-estek-page .rulett-choice-card:hover .rulett-reveal-meta,
.rulett-estek-page .rulett-choice-card:focus-within .rulett-reveal-meta,
.rulett-estek-page .rulett-format-card:hover .rulett-reveal-meta,
.rulett-estek-page .rulett-format-card:focus-within .rulett-reveal-meta { opacity: 1; }

.rulett-estek-page .rulett-clarity { background: var(--color-deep-violet); }

.rulett-estek-page .rulett-clarity__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-8);
  align-items: start;
}

.rulett-estek-page .rulett-clarity__copy,
.rulett-estek-page .rulett-clarity__rail {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.rulett-estek-page .rulett-clarity__copy > *,
.rulett-estek-page .rulett-clarity__rail > * { margin: 0; }
.rulett-estek-page .rulett-clarity__copy h2 { max-width: 25ch; }
.rulett-estek-page .rulett-clarity__copy .lead { max-width: 46ch; }

.rulett-estek-page .rulett-clarity__rail {
  border-left: 2px solid var(--color-electric-cyan);
  padding-left: var(--space-5);
}

.rulett-estek-page .rulett-check-list {
  display: grid;
  width: 100%;
  gap: var(--space-3);
}

.rulett-estek-page .rulett-check-list > li {
  position: relative;
  min-width: 0;
  padding-left: var(--space-5);
  color: var(--color-text-secondary);
}

.rulett-estek-page .rulett-check-list > li::before {
  position: absolute;
  top: 0.53em;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-signal-green);
  box-shadow: 0 0 8px rgba(185, 255, 114, 0.56);
  content: "";
}

.rulett-estek-page .rulett-host__layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-8);
  align-items: start;
}

.rulett-estek-page .rulett-host__figure { position: relative; width: 100%; min-width: 0; margin: 0; }
.rulett-estek-page .rulett-host__figure img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }

.rulett-estek-page .rulett-host__caption {
  position: absolute;
  right: var(--space-4);
  bottom: var(--space-4);
  width: min(100% - var(--space-8), 30ch);
  margin: 0;
  border: var(--border-subtle);
  background: rgba(23, 16, 43, 0.90);
  padding: var(--space-3);
  color: var(--color-text-secondary);
}

.rulett-estek-page .rulett-host__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.rulett-estek-page .rulett-host__content > * { margin: 0; }
.rulett-estek-page .rulett-host__content h2 { max-width: 28ch; }
.rulett-estek-page .rulett-host__intro { max-width: 48ch; }

.rulett-estek-page .rulett-steps {
  display: grid;
  width: 100%;
  gap: var(--space-5);
  margin-top: var(--space-3);
}

.rulett-estek-page .rulett-step {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  border-left: 1px solid var(--color-line-violet);
  padding-left: var(--space-4);
}

.rulett-estek-page .rulett-step__number { color: var(--color-electric-cyan); font-size: 1.75rem; line-height: 1; }
.rulett-estek-page .rulett-step__copy { min-width: 0; }
.rulett-estek-page .rulett-step__copy h3 { margin-bottom: var(--space-2); }
.rulett-estek-page .rulett-step__copy p { max-width: 54ch; margin-bottom: 0; }

.rulett-estek-page .rulett-formats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.rulett-estek-page .rulett-formats > article { width: 100%; min-width: 0; }
.rulett-estek-page .rulett-format-card { height: 100%; padding: var(--space-5); border-top: 2px solid var(--color-electric-cyan); }
.rulett-estek-page .rulett-format-card--poker { border-top-color: var(--color-line-violet); }
.rulett-estek-page .rulett-format-card--blackjack { border-top-color: var(--color-signal-pink); }
.rulett-estek-page .rulett-format-card a { min-height: 44px; margin-top: auto; display: inline-flex; align-items: center; }

.rulett-estek-page .rulett-table-story__layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-5);
  align-items: end;
}

.rulett-estek-page .rulett-table-story__panel {
  z-index: 1;
  min-width: 0;
  margin-right: calc(var(--space-8) * -1);
  padding: var(--space-6);
}

.rulett-estek-page .rulett-table-story__panel-inner {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.rulett-estek-page .rulett-table-story__panel-inner > * { margin: 0; }
.rulett-estek-page .rulett-table-story__panel h2 { max-width: 24ch; }
.rulett-estek-page .rulett-table-story__panel p { max-width: 50ch; }

.rulett-estek-page .rulett-table-story__media { min-width: 0; width: 100%; }
.rulett-estek-page .rulett-table-story__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

.rulett-estek-page .rulett-mood-line {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
  color: var(--color-electric-cyan);
}

.rulett-estek-page .rulett-mood-line span { min-width: 0; }
.rulett-estek-page .rulett-mood-line span + span { border-left: 1px solid var(--color-electric-cyan); padding-left: var(--space-3); }

.rulett-estek-page .rulett-faq { background: var(--color-deep-violet); }

.rulett-estek-page .rulett-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.rulett-estek-page .rulett-faq-grid > article { width: 100%; min-width: 0; }
.rulett-estek-page .rulett-faq-card { min-height: 100%; padding: var(--space-5); }
.rulett-estek-page .rulett-faq-card--accent { border-left: 2px solid var(--color-electric-cyan); }
.rulett-estek-page .rulett-faq-card--deep { background: rgba(14, 9, 27, 0.86); }
.rulett-estek-page .rulett-faq-card p { max-width: 52ch; }
.rulett-estek-page .rulett-faq-card .button-group { margin-top: auto; }

.rulett-estek-page .rulett-program-strip { background: var(--color-deep-violet); }

.rulett-estek-page .rulett-program-strip__frame {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: var(--space-7);
  border: var(--border-subtle);
  border-top-color: var(--color-electric-cyan);
  padding: var(--space-7);
  background-image: linear-gradient(90deg, rgba(108, 244, 255, 0.04) 1px, transparent 1px), linear-gradient(rgba(108, 244, 255, 0.04) 1px, transparent 1px);
  background-size: 32px 32px;
}

.rulett-estek-page .rulett-program-strip__copy,
.rulett-estek-page .rulett-program-strip__actions {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.rulett-estek-page .rulett-program-strip__copy > *,
.rulett-estek-page .rulett-program-strip__actions > * { margin: 0; }
.rulett-estek-page .rulett-program-strip__copy h2 { max-width: 28ch; }
.rulett-estek-page .rulett-program-strip__copy p { max-width: 48ch; }
.rulett-estek-page .rulett-program-strip__actions { justify-content: end; }
.rulett-estek-page .rulett-program-strip__actions .button { width: 100%; }

.rulett-estek-page .rulett-category-list {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.rulett-estek-page .rulett-category-list > li {
  min-width: 0;
  border-left: 1px solid var(--color-electric-cyan);
  padding-left: var(--space-3);
  color: var(--color-text-secondary);
}

.rulett-estek-page .rulett-closing { padding-top: var(--space-7); }
.rulett-estek-page .rulett-closing__panel { width: min(100%, 720px); margin-inline: auto; padding: var(--space-5); }
.rulett-estek-page .rulett-closing__inner { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.rulett-estek-page .rulett-closing__inner > * { margin: 0; }
.rulett-estek-page .rulett-closing__inner p { max-width: 58ch; }

.rulett-estek-page a,
.rulett-estek-page p,
.rulett-estek-page h1,
.rulett-estek-page h2,
.rulett-estek-page h3,
.rulett-estek-page li { overflow-wrap: anywhere; }

@media (max-width: 62rem) {
  .rulett-estek-page .rulett-hero__panel { grid-column: 7 / span 6; }
  .rulett-estek-page .rulett-host__layout,
  .rulett-estek-page .rulett-clarity__layout { gap: var(--space-6); }
}

@media (max-width: 56.25rem) {
  .rulett-estek-page .rulett-values,
  .rulett-estek-page .rulett-choices,
  .rulett-estek-page .rulett-formats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rulett-estek-page .rulett-value-card--offset,
  .rulett-estek-page .rulett-choice-card--featured { margin-top: 0; min-height: 100%; }
  .rulett-estek-page .rulett-host__layout,
  .rulett-estek-page .rulett-table-story__layout { grid-template-columns: minmax(0, 1fr); }
  .rulett-estek-page .rulett-host__figure { max-width: 620px; }
  .rulett-estek-page .rulett-table-story__panel { order: 2; margin-right: 0; }
  .rulett-estek-page .rulett-table-story__media { order: 1; }
  .rulett-estek-page .rulett-table-story__panel { margin-inline: var(--space-4); }
}

@media (max-width: 50rem) {
  .rulett-estek-page .rulett-clarity__layout,
  .rulett-estek-page .rulett-program-strip__frame { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .rulett-estek-page .rulett-program-strip__actions { width: 100%; }
}

@media (max-width: 43.75rem) {
  .rulett-estek-page .rulett-hero { min-height: 640px; align-items: end; padding-block: var(--space-4); }
  .rulett-estek-page .rulett-hero__media { bottom: 42%; }
  .rulett-estek-page .rulett-hero__overlay { background: linear-gradient(180deg, rgba(8, 7, 13, 0.24) 0%, rgba(8, 7, 13, 0.7) 52%, var(--color-void-black) 100%); }
  .rulett-estek-page .rulett-hero__container { display: block; }
  .rulett-estek-page .rulett-hero__panel { width: 100%; padding: var(--space-5); }
  .rulett-estek-page .rulett-hero h1 { max-width: 20ch; }
  .rulett-estek-page .rulett-hero__actions { flex-direction: column; }
  .rulett-estek-page .rulett-hero__actions > * { width: 100%; }
  .rulett-estek-page .rulett-section--grid::before { background-size: 24px 24px; }
  .rulett-estek-page .rulett-section-head { margin-bottom: var(--space-6); }
  .rulett-estek-page .rulett-values,
  .rulett-estek-page .rulett-choices,
  .rulett-estek-page .rulett-formats,
  .rulett-estek-page .rulett-faq-grid { grid-template-columns: minmax(0, 1fr); }
  .rulett-estek-page .rulett-card-stack p,
  .rulett-estek-page .rulett-faq-card p { max-width: none; }
  .rulett-estek-page .rulett-step { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding-left: var(--space-3); }
  .rulett-estek-page .rulett-table-story__panel { margin-inline: 0; padding: var(--space-5); }
  .rulett-estek-page .rulett-program-strip__frame { padding: var(--space-5); }
  .rulett-estek-page .rulett-closing__panel { padding: var(--space-4); }
}

@media (prefers-reduced-motion: reduce) {
  .rulett-estek-page .rulett-reveal-meta { transition: none; }
}