/*
 * Premium restraint pass.
 * Keep the functional preview system, remove the cyber-dashboard treatment.
 */
:root {
  --o4-premium-bg: #090a0d;
  --o4-premium-bg-2: #0d0f13;
  --o4-premium-surface: #13151a;
  --o4-premium-surface-2: #181b21;
  --o4-premium-line: rgba(232, 235, 238, 0.11);
  --o4-premium-line-strong: rgba(232, 235, 238, 0.18);
  --o4-premium-text: #eef0f2;
  --o4-premium-muted: #a7adb5;
  --o4-premium-accent: #c8b88d;
  --o4-premium-accent-strong: #e1d1a5;
}

html {
  background-color: var(--o4-premium-bg);
}

body {
  color: var(--o4-premium-text);
  background:
    linear-gradient(180deg, #0b0c10 0%, #090a0d 46%, #07080b 100%);
  background-color: var(--o4-premium-bg);
}

body::before {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-head h2,
.section-title h1,
.section-title h2,
.card h1,
.card h2,
.card h3,
.section-kicker,
.panel-label,
.card-meta,
.feature-card-meta,
.button,
.header-nav-link,
.section-link,
.hero-console-status,
.hero-console-links a,
.tool-proof-label,
.tool-proof-vendor,
.tool-proof-verified {
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

.section-kicker,
.panel-label,
.card-meta,
.feature-card-meta {
  color: var(--o4-premium-muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.site-header {
  border-bottom: 1px solid var(--o4-premium-line);
  background: rgba(9, 10, 13, 0.92);
  box-shadow: none;
}

.site-header-inner,
.site-header.is-condensed .site-header-inner {
  min-height: 76px;
}

.site-brand-logo {
  height: 30px;
}

.header-nav-link {
  min-height: 38px;
  padding-inline: 10px;
  border-radius: 7px;
  color: rgba(238, 240, 242, 0.72);
  font-size: 0.82rem;
  font-weight: 650;
}

.header-nav-link:hover,
.header-nav-link:focus-visible,
.header-nav-link.is-active {
  color: var(--o4-premium-text);
  border: 0;
  background: rgba(255, 255, 255, 0.055);
}

.header-search input {
  min-height: 40px;
  border-radius: 8px;
  background: #0f1116;
}

.button {
  min-height: 42px;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: 0;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.button:hover {
  transform: translateY(-1px);
}

.button-primary {
  color: #111216;
  border-color: var(--o4-premium-accent);
  background: linear-gradient(180deg, var(--o4-premium-accent-strong), var(--o4-premium-accent));
  box-shadow: none;
}

.button-primary:hover {
  color: #090a0d;
  background: #ead9aa;
  box-shadow: none;
}

.button-secondary,
.button-ghost,
.header-submit-cta {
  color: var(--o4-premium-text);
  border-color: var(--o4-premium-line-strong);
  background: rgba(255, 255, 255, 0.035);
}

.button-secondary:hover,
.button-ghost:hover {
  border-color: rgba(232, 235, 238, 0.32);
  background: rgba(255, 255, 255, 0.065);
}

.card,
.card-light,
.feature-card-primary,
.featured-tool-card.is-emphasis,
.collection-card.is-emphasis,
.collection-spotlight,
.contribute-card-home,
.directory-filters,
.archive-proof-card,
.directory-tool-card,
.featured-tool-card,
.collection-card,
.article-card {
  border-color: var(--o4-premium-line);
  border-radius: 8px;
  background: var(--o4-premium-surface);
  box-shadow: none;
}

.feature-card::before,
.tool-card::before,
.collection-card::before,
.article-card::before,
.collection-tool-card::before,
.collection-pick-card::before,
.hero-home::before,
.hero-home::after,
.hero-grid-overlay,
.hero-console::before,
.hero-console::after,
.hero-signal-map,
.hero-console-brand,
.tool-proof-surface::before,
.tool-proof-surface::after,
.tool-hero-dossier::after,
.home-command-shell::before,
.home-command-shell::after,
.command-radar,
.command-radar-sweep {
  display: none !important;
  animation: none !important;
}

.o4-card-icon,
.hero-note-icon,
.method-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  color: rgba(238, 240, 242, 0.86);
  border-color: var(--o4-premium-line);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
}

.o4-card-icon .o4-ui-icon,
.hero-note-icon .o4-ui-icon,
.method-icon .o4-ui-icon {
  width: 17px;
  height: 17px;
}

.header-nav-link:hover .header-nav-icon,
.header-nav-link.is-active .header-nav-icon,
.button:hover .button-icon,
.quick-chip:hover .quick-chip-icon,
.tool-jump-nav a:hover .jump-nav-icon,
.directory-pathway-card:hover .o4-card-icon,
.feature-card:hover .o4-card-icon,
.tool-dossier-panel:hover .o4-card-icon,
.card:focus-within .o4-card-icon {
  color: currentColor;
  transform: none;
}

.badge,
.badge-soft {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(238, 240, 242, 0.78);
  border-color: var(--o4-premium-line);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.72rem;
}