.category-page--premium {
  --domain-panel: rgba(8, 12, 17, .78);
  --domain-line: color-mix(in srgb, var(--category-accent) 44%, rgba(255,255,255,.12));
  background:
    radial-gradient(circle at 16% 10%, var(--category-accent-soft), transparent 28rem),
    radial-gradient(circle at 84% 28%, rgba(145, 190, 255, .08), transparent 25rem),
    #050609;
}

.category-page--premium .category-hero {
  position: relative;
  overflow: hidden;
}

.category-page--premium .category-hero::after {
  position: absolute;
  inset: auto 0 0;
  height: 38%;
  background: linear-gradient(180deg, transparent, rgba(5, 6, 9, .92));
  content: "";
  pointer-events: none;
}

.category-page--premium .category-hero__grid,
.category-page--premium .category-hero__copy,
.category-page--premium .category-hero__sigil {
  position: relative;
  z-index: 1;
}

.domain-console {
  position: relative;
  margin-top: clamp(-4rem, -5vw, -2rem);
  padding-bottom: clamp(4rem, 8vw, 7rem);
  z-index: 2;
}

.domain-console__panel {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(1rem, 3vw, 2rem);
  padding: clamp(1rem, 2.8vw, 1.65rem);
  border: 1px solid var(--domain-line);
  border-radius: 1.6rem;
  background:
    linear-gradient(140deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
    var(--domain-panel);
  box-shadow: 0 1.6rem 5rem rgba(0, 0, 0, .35), inset 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(18px);
}

.domain-console__brief {
  display: grid;
  align-content: space-between;
  min-height: 23rem;
  padding: clamp(1.1rem, 2.6vw, 1.7rem);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 85% 5%, var(--category-accent-soft), transparent 48%),
    linear-gradient(160deg, rgba(2, 5, 8, .92), rgba(10, 15, 22, .72));
}

.domain-console__brief span,
.domain-console__module span,
.domain-console__lane span {
  color: var(--category-accent);
  font-family: MatrixScreen, ui-monospace, monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.domain-console__brief h2 {
  max-width: 10ch;
  margin: .7rem 0 1rem;
  color: #f6f8fb;
  font-size: clamp(2.45rem, 4.5vw, 5rem);
  line-height: .9;
  letter-spacing: -.055em;
}

.domain-console__brief p {
  max-width: 42rem;
  margin: 0;
  color: rgba(239,243,248,.68);
  line-height: 1.6;
}

.domain-console__signal {
  display: flex;
  gap: .65rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.domain-console__signal i {
  display: inline-flex;
  min-height: 2.4rem;
  padding: .65rem .78rem;
  align-items: center;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  color: rgba(239,243,248,.78);
  font: normal 700 .65rem/1 MatrixScreen, ui-monospace, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.domain-console__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.domain-console__module,
.domain-console__lane {
  position: relative;
  display: grid;
  min-height: 13.5rem;
  padding: 1rem;
  align-content: space-between;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 1.05rem;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.014)),
    rgba(3, 5, 8, .52);
}

.domain-console__module::before,
.domain-console__lane::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 44%, rgba(255,255,255,.08) 50%, transparent 56%),
    radial-gradient(circle at 75% 12%, var(--category-accent-soft), transparent 36%);
  content: "";
  opacity: .78;
  pointer-events: none;
}

.domain-console__module > *,
.domain-console__lane > * {
  position: relative;
  z-index: 1;
}

.domain-console__module strong,
.domain-console__lane strong {
  display: block;
  margin-top: .65rem;
  color: #f4f7fb;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
  line-height: 1.05;
}

.domain-console__module p,
.domain-console__lane p {
  margin: 1rem 0 0;
  color: rgba(239,243,248,.66);
  font-size: .92rem;
  line-height: 1.55;
}

.domain-console__lane {
  min-height: 8.5rem;
  grid-column: span 3;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 1rem;
  align-items: center;
}

.domain-console__lane p { margin: 0; }

.category-page--premium .category-brand,
.category-page--premium .category-private-entry,
.category-page--premium .category-rail a {
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.category-page--premium .category-brand:hover,
.category-page--premium .category-brand:focus-visible,
.category-page--premium .category-private-entry:hover,
.category-page--premium .category-private-entry:focus-visible,
.category-page--premium .category-rail a:hover,
.category-page--premium .category-rail a:focus-visible {
  border-color: var(--domain-line);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.24);
  transform: translateY(-3px);
}

@media (max-width: 980px) {
  .domain-console { margin-top: -2.25rem; }
  .domain-console__panel { grid-template-columns: 1fr; }
  .domain-console__brief { min-height: 0; }
  .domain-console__lane { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .domain-console {
    padding-inline: max(1rem, env(safe-area-inset-left));
  }
  .domain-console__grid { grid-template-columns: 1fr; }
  .domain-console__lane { grid-column: auto; }
  .domain-console__brief h2 { font-size: clamp(2.25rem, 11vw, 3.2rem); }
}

@media (prefers-reduced-motion: reduce) {
  .category-page--premium .category-brand,
  .category-page--premium .category-private-entry,
  .category-page--premium .category-rail a {
    transition: none;
  }
}
