:root {
  --inner-bg: #050508;
  --inner-bg-soft: #0a0a10;
  --inner-panel: rgba(18, 18, 27, 0.88);
  --inner-panel-soft: rgba(255, 255, 255, 0.035);
  --inner-panel-strong: #111119;
  --inner-line: rgba(255, 255, 255, 0.1);
  --inner-line-strong: rgba(255, 255, 255, 0.18);
  --inner-text: #f7f7fb;
  --inner-muted: #aaaab8;
  --inner-dim: #7f7f8e;
  --inner-violet: #a795ff;
  --inner-blue: #75c8ff;
  --inner-cyan: #69efd5;
  --inner-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
}

body.steady-inner {
  margin: 0;
  min-width: 320px;
  color: var(--inner-text);
  background:
    radial-gradient(circle at 12% 0%, rgba(126, 95, 255, 0.14), transparent 30rem),
    radial-gradient(circle at 88% 12%, rgba(59, 174, 255, 0.09), transparent 31rem),
    linear-gradient(180deg, #050508 0%, #09090f 46%, #050508 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.steady-inner::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 82%);
}

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

.steady-inner a { color: var(--inner-blue); }
.steady-inner img, .steady-inner svg { max-width: 100%; }

.inner-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid var(--inner-line);
  background: rgba(5, 5, 8, 0.78);
  backdrop-filter: blur(20px) saturate(140%);
}

.inner-site-header__row {
  width: min(1180px, calc(100% - 32px));
  min-height: 68px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.inner-site-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--inner-text) !important;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: -.03em;
}

.inner-site-brand__mark {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #08080d;
  background: linear-gradient(145deg, #cec4ff, #947cff 52%, #74c9ff);
  box-shadow: 0 0 28px rgba(143, 119, 255, .32);
  font-size: .78rem;
  font-weight: 900;
}

.inner-site-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.inner-site-nav a {
  padding: 9px 11px;
  border-radius: 10px;
  color: var(--inner-muted);
  text-decoration: none;
  font-size: .9rem;
  font-weight: 650;
}

.inner-site-nav a:hover,
.inner-site-nav a:focus-visible {
  color: var(--inner-text);
  background: rgba(255,255,255,.06);
}

.inner-site-action {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  color: #08080d !important;
  background: linear-gradient(135deg, #f6f2ff, #cbbfff 55%, #a4ddff);
  text-decoration: none;
  font-size: .86rem;
  font-weight: 800;
  box-shadow: 0 10px 26px rgba(109, 87, 255, .18);
}

.inner-site-main { min-height: calc(100vh - 140px); }

.inner-site-footer {
  border-top: 1px solid var(--inner-line);
  background: rgba(5,5,8,.58);
}

.inner-site-footer__row {
  width: min(1180px, calc(100% - 32px));
  min-height: 82px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: var(--inner-dim);
  font-size: .84rem;
}

.inner-site-footer__links { display: flex; flex-wrap: wrap; gap: 18px; }
.inner-site-footer a { color: var(--inner-muted); text-decoration: none; }
.inner-site-footer a:hover { color: var(--inner-text); }

.steady-inner .container { max-width: 1180px; }

.steady-inner .content-breadcrumbs {
  color: var(--inner-dim);
  padding-top: 22px;
}
.steady-inner .content-breadcrumbs a:hover { color: var(--inner-blue); }

.steady-inner .article-hero {
  border-bottom: 1px solid var(--inner-line);
  background:
    radial-gradient(circle at 18% 0%, rgba(137, 107, 255, .14), transparent 30rem),
    rgba(255,255,255,.012);
  color: var(--inner-text);
}

.steady-inner .article-hero h1,
.steady-inner .article-body h1,
.steady-inner .article-body h2,
.steady-inner .article-sidebar-card h3,
.steady-inner .resources-hero h1,
.steady-inner .resource-package h2,
.steady-inner .resource-library h2,
.steady-inner .resource-card h3,
.steady-inner .seo-hero h1,
.steady-inner .seo-section > h2,
.steady-inner .seo-card h2,
.steady-inner .seo-card h3 {
  color: var(--inner-text) !important;
}

.steady-inner .article-lead,
.steady-inner .article-meta,
.steady-inner .article-body p,
.steady-inner .article-body li,
.steady-inner .resources-hero p,
.steady-inner .resource-package p,
.steady-inner .resource-card p,
.steady-inner .seo-hero p,
.steady-inner .seo-card p,
.steady-inner .seo-card li,
.steady-inner .seo-cta p {
  color: var(--inner-muted) !important;
}

.steady-inner .article-meta span {
  border-color: var(--inner-line);
  background: rgba(255,255,255,.035);
  color: #c7c7d2;
}

.steady-inner .article-layout { padding-top: 34px; }

.steady-inner .article-body,
.steady-inner .article-sidebar-card {
  border-color: var(--inner-line);
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow: var(--inner-shadow);
}

.steady-inner .article-body h3 { color: #b8abff; }
.steady-inner .article-body strong { color: #f1efff; }
.steady-inner .article-body a { color: var(--inner-blue); }

.steady-inner .article-cover {
  border: 1px solid var(--inner-line);
  background: #0b0b11;
}

.steady-inner .article-body pre,
.steady-inner .article-body code {
  color: #e7e9ef;
}

.steady-inner .article-body pre {
  border: 1px solid rgba(255,255,255,.09);
  background: #080b12;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.steady-inner .article-body table {
  border: 1px solid var(--inner-line);
  background: rgba(255,255,255,.018);
}

.steady-inner .article-body th,
.steady-inner .article-body td {
  border-color: var(--inner-line);
  color: #cacbd5;
}

.steady-inner .article-body th {
  background: rgba(132,105,255,.12);
  color: var(--inner-text);
}

.steady-inner .article-callout,
.steady-inner .advantage-intro-panel {
  border-color: rgba(151,126,255,.65);
  background: linear-gradient(135deg, rgba(129,98,255,.16), rgba(65,180,255,.06));
  color: var(--inner-text);
}

.steady-inner .article-tags span,
.steady-inner .content-metrics span,
.steady-inner .advantage-outcomes span {
  border: 1px solid rgba(157,135,255,.24);
  background: rgba(137,107,255,.1);
  color: #d7d0ff;
}

.steady-inner .article-sidebar-card a,
.steady-inner .article-toc a,
.steady-inner .advantage-toc a { color: #b9dcff; }

.steady-inner .content-depth-summary,
.steady-inner .content-depth-card,
.steady-inner .content-depth-step {
  border-color: var(--inner-line);
  background: rgba(255,255,255,.028);
}

.steady-inner .content-depth-card p,
.steady-inner .content-depth-card li,
.steady-inner .content-depth-step p,
.steady-inner .content-depth-step li { color: var(--inner-muted) !important; }

.steady-inner .content-depth-step::before {
  color: #08080d;
  background: linear-gradient(135deg, #c6baff, #7dcfff);
  box-shadow: 0 0 24px rgba(131,105,255,.2);
}

.steady-inner .article-resource-strip,
.steady-inner .article-resource-hub,
.steady-inner .article-citation-panel,
.steady-inner .resource-package {
  border-color: var(--inner-line);
  background:
    radial-gradient(circle at 0 0, rgba(135,104,255,.12), transparent 24rem),
    rgba(17,17,26,.86);
  box-shadow: var(--inner-shadow);
}

.steady-inner .article-resource-head p,
.steady-inner .article-resource-license,
.steady-inner .article-citation-panel p { color: var(--inner-muted) !important; }

.steady-inner .article-cta,
.steady-inner .resource-library-cta,
.steady-inner .seo-cta {
  border: 1px solid rgba(175,155,255,.34) !important;
  background:
    radial-gradient(circle at 0 0, rgba(151,118,255,.32), transparent 24rem),
    linear-gradient(135deg, #171321, #0d1723) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.32);
}

.steady-inner .article-cta h2,
.steady-inner .article-cta p,
.steady-inner .resource-library-cta h2,
.steady-inner .resource-library-cta p,
.steady-inner .seo-cta p {
  color: #f7f7fb !important;
}

.steady-inner .article-cta-actions a:first-child,
.steady-inner .btn-primary {
  color: #08080d !important;
  background: linear-gradient(135deg, #f6f2ff, #cbbfff 55%, #a4ddff) !important;
  box-shadow: 0 12px 30px rgba(119,93,255,.18);
}

.steady-inner .article-cta-actions a:last-child,
.steady-inner .btn-secondary {
  border: 1px solid var(--inner-line-strong) !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--inner-text) !important;
}

.steady-inner .inline-contact {
  border-color: var(--inner-line);
}

.steady-inner .inline-contact-copy p { color: var(--inner-muted) !important; }

.steady-inner .lead-form,
.steady-inner .lead-form-optional,
.steady-inner .lead-modal-panel,
.steady-inner .lead-modal-header,
.steady-inner .lead-modal-form {
  border-color: var(--inner-line);
  background: rgba(12,12,18,.96);
  color: var(--inner-text);
  box-shadow: var(--inner-shadow);
}

.steady-inner .lead-form label,
.steady-inner .lead-form summary,
.steady-inner .lead-modal-header h2,
.steady-inner .selected-plan strong { color: #ededf5; }

.steady-inner .lead-form input,
.steady-inner .lead-form textarea,
.steady-inner .lead-form select {
  border-color: var(--inner-line);
  background-color: rgba(255,255,255,.045);
  color: #fff;
}

.steady-inner .lead-form input::placeholder,
.steady-inner .lead-form textarea::placeholder { color: #777786; }

.steady-inner .form-note,
.steady-inner .selected-plan span,
.steady-inner .lead-modal-header p { color: var(--inner-muted); }

.steady-inner .selected-plan {
  border-color: rgba(143,119,255,.32);
  border-left-color: var(--inner-violet);
  background: rgba(134,104,255,.1);
}

.steady-inner .resources-page,
.steady-inner .resource-library,
.steady-inner .seo-landing {
  color: var(--inner-text) !important;
  background: transparent !important;
}

.steady-inner .resources-hero,
.steady-inner .resource-library-hero {
  position: relative;
}

.steady-inner .resource-card,
.steady-inner .seo-card {
  border-color: var(--inner-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.26) !important;
}

.steady-inner .resource-card:hover,
.steady-inner .seo-card:hover {
  border-color: var(--inner-line-strong) !important;
  transform: translateY(-4px);
}

.steady-inner .resource-card-meta,
.steady-inner .resource-card-tags span { color: var(--inner-dim); }

.steady-inner .resource-card-tags span {
  border: 1px solid rgba(151,126,255,.18);
  background: rgba(135,105,255,.08);
}

.steady-inner .resource-search input {
  border-color: var(--inner-line) !important;
  background: rgba(255,255,255,.04) !important;
  color: var(--inner-text) !important;
}

.steady-inner .resource-filter {
  border-color: var(--inner-line) !important;
  background: rgba(255,255,255,.025) !important;
  color: var(--inner-muted) !important;
}

.steady-inner .resource-filter:hover,
.steady-inner .resource-filter:focus-visible,
.steady-inner .resource-filter.is-active {
  border-color: rgba(151,126,255,.52) !important;
  background: rgba(137,107,255,.16) !important;
  color: #fff !important;
}

.steady-inner .resource-file-list a {
  border-color: var(--inner-line);
  background: rgba(255,255,255,.028);
  color: #bfe1ff;
}

.steady-inner .resource-file-list a:hover {
  border-color: rgba(117,200,255,.42);
  background: rgba(76,169,255,.08);
}

.steady-inner .resource-package-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.steady-inner .seo-back { color: var(--inner-blue) !important; }
.steady-inner .seo-section, .steady-inner .seo-hero, .steady-inner .seo-cta { position: relative; }

.steady-inner .advantage-table-wrap,
.steady-inner .advantage-related-list a,
.steady-inner .article-next a {
  border-color: var(--inner-line);
  background: rgba(255,255,255,.028);
  color: var(--inner-text);
}

.steady-inner .advantage-related-list span { color: var(--inner-muted); }
.steady-inner .article-faq details { border-color: var(--inner-line); }
.steady-inner .article-faq summary { color: var(--inner-text); }

.steady-inner .toast {
  border-color: var(--inner-line);
  background: rgba(15,15,22,.96);
  color: var(--inner-text);
}
.steady-inner .toast-title { color: var(--inner-text); }
.steady-inner .toast-text { color: var(--inner-muted); }

@media (max-width: 900px) {
  .inner-site-nav { display: none; }
  .inner-site-header__row { min-height: 62px; }
  .steady-inner .article-layout { padding-top: 20px; }
}

@media (max-width: 620px) {
  .inner-site-header__row,
  .inner-site-footer__row { width: min(100% - 22px, 1180px); }
  .inner-site-action { min-height: 39px; padding-inline: 12px; font-size: .78rem; }
  .inner-site-footer__row { padding: 24px 0; align-items: flex-start; flex-direction: column; }
  .steady-inner .article-body { padding: 18px; }
  .steady-inner .article-cta-actions a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .steady-inner *, .steady-inner *::before, .steady-inner *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}