:root {
  --onyx-black: #080a0b;
  --onyx-charcoal: #111416;
  --onyx-charcoal-2: #181c1f;
  --onyx-ink: #171a1d;
  --onyx-paper: #f4f0e7;
  --onyx-white: #fffdf8;
  --onyx-stone: #d8d0c2;
  --onyx-muted: #a9aba8;
  --onyx-gold: #cfa55a;
  --onyx-gold-bright: #e1bc77;
  --onyx-line: rgba(255,255,255,.12);
  --onyx-line-dark: rgba(10,10,10,.13);
  --onyx-max: 1240px;
  --onyx-radius: 20px;
  --onyx-shadow: 0 28px 80px rgba(0,0,0,.18);
  --font-display: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--onyx-black); color: var(--onyx-white); font-family: var(--font-body); line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.onyx-nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
svg { width: 1.05em; height: 1.05em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
button, input, select, textarea { font: inherit; }
.screen-reader-text { position: absolute!important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed!important; top: 12px; left: 12px; z-index: 99999; width: auto; height: auto; clip: auto; padding: 10px 14px; background: var(--onyx-gold); color: #000; }
.onyx-shell { width: min(calc(100% - 40px), var(--onyx-max)); margin-inline: auto; }

.onyx-topbar { background: #050607; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 12px; letter-spacing: .04em; }
.onyx-topbar__inner { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.onyx-topbar__statement { color: var(--onyx-gold-bright); font-weight: 800; text-transform: uppercase; letter-spacing: .16em; }
.onyx-topbar__meta { display: flex; align-items: center; gap: 12px; color: #b6b7b5; }
.onyx-topbar__meta a:hover { color: #fff; }

.onyx-header { position: sticky; top: 0; z-index: 1000; background: rgba(8,10,11,.92); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(16px); transition: .25s ease; }
.onyx-header.is-scrolled { box-shadow: 0 14px 36px rgba(0,0,0,.25); }
.onyx-header__inner { min-height: 82px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 34px; }
.onyx-brand__fallback { display: inline-flex; align-items: center; gap: 12px; }
.onyx-brand__mark { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid var(--onyx-gold); color: var(--onyx-gold-bright); font-size: 11px; font-weight: 900; letter-spacing: .09em; transform: none; position: relative; }
.onyx-brand__mark::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(207,165,90,.35); }
.onyx-brand__text { display: flex; flex-direction: column; line-height: 1; }
.onyx-brand__text strong { font-size: 22px; letter-spacing: .23em; }
.onyx-brand__text small { margin-top: 6px; color: #aeb0ad; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.onyx-brand__logo img { max-height: 58px; width: auto; }
.onyx-brand__fallback--official { display: inline-flex; align-items: center; line-height: 0; }
.onyx-brand__official-logo { display: block; width: clamp(142px, 15vw, 188px); max-height: 62px; object-fit: contain; object-position: left center; }
.onyx-brand__official-logo--footer { width: 190px; max-height: 76px; }
.onyx-nav { justify-self: end; }
.onyx-menu { display: flex; align-items: center; gap: 26px; margin: 0; padding: 0; list-style: none; }
.onyx-menu li { position: relative; }
.onyx-menu a { display: block; padding: 28px 0; font-size: 13px; font-weight: 720; color: #d9d8d4; }
.onyx-menu a:hover, .onyx-menu .current-menu-item > a { color: var(--onyx-gold-bright); }
.onyx-menu .sub-menu { display: none; position: absolute; top: calc(100% - 9px); left: -20px; min-width: 230px; margin: 0; padding: 12px; background: #121517; border: 1px solid var(--onyx-line); border-radius: 12px; box-shadow: var(--onyx-shadow); list-style: none; }
.onyx-menu .sub-menu a { padding: 10px 12px; border-radius: 8px; }
.onyx-menu li:hover > .sub-menu, .onyx-menu li:focus-within > .sub-menu { display: block; }
.onyx-menu-toggle { display: none; border: 0; background: none; color: #fff; padding: 8px; }
.onyx-menu-toggle__close { display: none; }
.onyx-nav-open .onyx-menu-toggle__open { display: none; }
.onyx-nav-open .onyx-menu-toggle__close { display: inline-flex; }

.onyx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 20px; border: 1px solid var(--onyx-gold); border-radius: 4px; background: var(--onyx-gold); color: #101010; font-weight: 850; font-size: 13px; letter-spacing: .02em; transition: .2s ease; }
.onyx-btn:hover { transform: translateY(-2px); background: var(--onyx-gold-bright); border-color: var(--onyx-gold-bright); box-shadow: 0 14px 30px rgba(207,165,90,.2); }
.onyx-btn--small { min-height: 42px; padding-inline: 16px; font-size: 12px; }
.onyx-btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.24); }
.onyx-btn--ghost:hover { color: #fff; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.45); box-shadow: none; }
.onyx-btn--dark { background: var(--onyx-black); border-color: var(--onyx-black); color: #fff; }
.onyx-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.onyx-text-link { display: inline-flex; align-items: center; gap: 9px; color: #181a1b; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.25); padding-bottom: 4px; }
.onyx-text-link:hover { color: #8a6425; border-color: var(--onyx-gold); }

.onyx-hero { position: relative; overflow: hidden; min-height: 760px; background: radial-gradient(circle at 79% 23%, rgba(207,165,90,.16), transparent 27%), linear-gradient(135deg,#090b0c 0%,#121619 52%,#070809 100%); border-bottom: 1px solid var(--onyx-line); }
.onyx-hero__grid, .onyx-page-hero__grid { position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000 0, transparent 86%); }
.onyx-hero__glow { position: absolute; width: 560px; height: 560px; right: -130px; top: 40px; border: 1px solid rgba(207,165,90,.18); border-radius: 50%; box-shadow: 0 0 0 90px rgba(207,165,90,.025), 0 0 0 180px rgba(207,165,90,.015); }
.onyx-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: 76px; align-items: center; min-height: 625px; padding-block: 72px 56px; }
.onyx-eyebrow { margin: 0 0 18px; color: var(--onyx-gold-bright); font-size: 11px; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
.onyx-eyebrow--dark { color: #8a6425; }
.onyx-hero h1, .onyx-page-hero h1, .onyx-section h2, .onyx-footer h2, .onyx-error-page h1 { margin: 0; font-family: var(--font-display); font-weight: 900; letter-spacing: -.045em; line-height: .98; text-wrap: balance; }
.onyx-hero h1 { max-width: 830px; font-size: clamp(52px, 6.1vw, 86px); }
.onyx-lead { max-width: 760px; margin: 26px 0 0; color: #c9cbc8; font-size: clamp(17px,1.7vw,21px); line-height: 1.7; }
.onyx-lead--sm { font-size: 18px; }
.onyx-hero__system { position: relative; padding: 1px; background: linear-gradient(145deg, rgba(207,165,90,.5), rgba(255,255,255,.08)); border-radius: var(--onyx-radius); box-shadow: var(--onyx-shadow); }
.onyx-system-card { background: #111518; border-radius: 19px 19px 0 0; padding: 25px 26px; border-bottom: 1px solid var(--onyx-line); }
.onyx-system-card span { display: block; margin-bottom: 10px; color: var(--onyx-gold); font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.onyx-system-card strong { display: block; font-size: 22px; line-height: 1.4; }
.onyx-system-flow { background: rgba(10,12,13,.96); border-radius: 0 0 19px 19px; }
.onyx-system-flow > div { position: relative; display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; padding: 18px 22px; border-top: 1px solid var(--onyx-line); }
.onyx-system-flow > div::before { content: ""; position: absolute; left: 43px; top: 0; bottom: 0; border-left: 1px solid rgba(207,165,90,.2); }
.onyx-system-flow span { color: var(--onyx-gold); font-size: 11px; font-weight: 900; }
.onyx-system-flow strong { font-size: 14px; }
.onyx-system-flow small { grid-column: 2; color: #929693; font-size: 12px; }
.onyx-metrics-strip { position: relative; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--onyx-line); border-bottom: 0; background: rgba(255,255,255,.025); }
.onyx-metric { padding: 24px 28px; border-right: 1px solid var(--onyx-line); }
.onyx-metric:last-child { border-right: 0; }
.onyx-metric strong { display: block; color: var(--onyx-gold-bright); font-size: 31px; line-height: 1; letter-spacing: -.04em; }
.onyx-metric span { display: block; margin-top: 8px; color: #aeb0ad; font-size: 12px; }

.onyx-section { padding: 112px 0; }
.onyx-section--light { background: #f7f5ef; color: var(--onyx-ink); }
.onyx-section--paper { background: var(--onyx-paper); color: var(--onyx-ink); }
.onyx-section--dark { background: #0d1012; }
.onyx-section--content { background: #fff; color: #181a1b; }
.onyx-section-head { display: grid; grid-template-columns: 1.1fr .7fr; gap: 80px; align-items: end; margin-bottom: 55px; }
.onyx-section-head h2, .onyx-two-col h2, .onyx-blueprint h2, .onyx-partner-card h2 { font-size: clamp(42px,5vw,68px); }
.onyx-section-head > p { margin: 0; color: #5c5f5d; font-size: 17px; }
.onyx-process-grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--onyx-line-dark); border-bottom: 1px solid var(--onyx-line-dark); }
.onyx-process-card { min-height: 290px; padding: 27px 24px 30px; border-right: 1px solid var(--onyx-line-dark); }
.onyx-process-card:first-child { border-left: 1px solid var(--onyx-line-dark); }
.onyx-process-card__num { color: #9c7940; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.onyx-process-card h3 { margin: 62px 0 12px; font-size: 22px; }
.onyx-process-card p { margin: 0; color: #656764; font-size: 14px; }
.onyx-center { margin-top: 35px; text-align: center; }

.onyx-two-col { display: grid; grid-template-columns: 1fr .9fr; gap: 90px; align-items: center; }
.onyx-flow-panel { border: 1px solid var(--onyx-line); background: #111517; }
.onyx-flow-row { display: grid; grid-template-columns: 70px 1fr; gap: 22px; align-items: center; padding: 25px; border-bottom: 1px solid var(--onyx-line); }
.onyx-flow-row:last-child { border-bottom: 0; }
.onyx-flow-row > span { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(207,165,90,.4); color: var(--onyx-gold-bright); font-size: 11px; font-weight: 900; }
.onyx-flow-row strong { display: block; margin-bottom: 3px; font-size: 16px; }
.onyx-flow-row small { color: #989b98; font-size: 13px; }

.onyx-platform-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.onyx-platform-card { position: relative; min-height: 330px; padding: 30px; background: rgba(255,255,255,.44); border: 1px solid rgba(13,16,18,.13); overflow: hidden; }
.onyx-platform-card::after { content: ""; position: absolute; right: -45px; bottom: -45px; width: 135px; height: 135px; border-radius: 50%; border: 1px solid rgba(207,165,90,.28); }
.onyx-platform-card--feature { grid-column: span 2; background: var(--onyx-black); color: #fff; }
.onyx-platform-card__code { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 48px; background: #171a1c; border: 1px solid rgba(207,165,90,.55); color: var(--onyx-gold-bright); font-size: 11px; font-weight: 900; }
.onyx-platform-card:not(.onyx-platform-card--feature) .onyx-platform-card__code { background: transparent; color: #6f5226; }
.onyx-card-kicker { margin: 0 0 10px; color: #886328; font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.onyx-platform-card--feature .onyx-card-kicker { color: var(--onyx-gold); }
.onyx-platform-card h3 { margin: 0 0 12px; font-size: 29px; letter-spacing: -.03em; }
.onyx-platform-card p { max-width: 620px; color: #626562; }
.onyx-platform-card--feature p { color: #aeb0ad; }
.onyx-platform-card a { position: absolute; left: 30px; bottom: 28px; display: inline-flex; align-items: center; gap: 9px; color: var(--onyx-gold-bright); font-weight: 800; }

.onyx-blueprint { position: relative; background: linear-gradient(135deg,#121619,#070809); overflow: hidden; }
.onyx-blueprint::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 50px 50px; }
.onyx-blueprint__grid { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: start; }
.onyx-blueprint__intro { position: sticky; top: 130px; }
.onyx-blueprint__intro p:not(.onyx-eyebrow) { color: #acafac; font-size: 17px; }
.onyx-blueprint__steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--onyx-line); }
.onyx-blueprint__steps li { display: grid; grid-template-columns: 72px 1fr; column-gap: 22px; padding: 28px 0; border-bottom: 1px solid var(--onyx-line); }
.onyx-blueprint__steps span { color: var(--onyx-gold); font-size: 11px; font-weight: 900; }
.onyx-blueprint__steps strong { display: block; font-size: 20px; }
.onyx-blueprint__steps small { grid-column: 2; color: #939693; font-size: 13px; }

.onyx-partner-card { display: grid; grid-template-columns: 1.1fr .6fr; gap: 80px; align-items: end; padding: 55px; border: 1px solid var(--onyx-line-dark); background: #fff; box-shadow: 0 30px 70px rgba(20,20,20,.08); }
.onyx-partner-card p { max-width: 760px; color: #5f6260; }
.onyx-partner-card__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }

.onyx-page-hero { position: relative; overflow: hidden; background: linear-gradient(135deg,#0a0c0e,#171b1d); border-bottom: 1px solid var(--onyx-line); }
.onyx-page-hero__inner { position: relative; padding: 86px 0 80px; }
.onyx-page-hero h1 { max-width: 1020px; font-size: clamp(48px,6vw,82px); }
.onyx-content-wrap { width: min(calc(100% - 40px), 900px); margin-inline: auto; }
.onyx-content-wrap--page { padding: 72px 0 105px; color: #242727; background: #fff; }
.onyx-inner-page { background: #fff; }
.onyx-inner-page .entry-content { font-size: 17px; }
.onyx-inner-page .entry-content > * { max-width: 900px; margin-left: auto; margin-right: auto; }
.onyx-inner-page .entry-content > .alignwide { max-width: 1180px; }
.onyx-inner-page .entry-content > .alignfull { max-width: none; width: 100%; }
.entry-content h2, .entry-content h3, .entry-content h4 { color: #121415; line-height: 1.15; letter-spacing: -.025em; }
.entry-content h2 { margin-top: 54px; font-size: 38px; }
.entry-content h3 { margin-top: 40px; font-size: 27px; }
.entry-content p, .entry-content li { color: #4b4f4d; }
.entry-content a { color: #76531e; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.entry-content blockquote { margin: 40px 0; padding: 26px 30px; border-left: 4px solid var(--onyx-gold); background: #f4f0e7; color: #232525; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 14px; border: 1px solid #d9d7d0; }
.entry-content input, .entry-content select, .entry-content textarea { width: 100%; padding: 13px 14px; border: 1px solid #c9c7c0; background: #fff; color: #111; }
.entry-content button, .entry-content input[type="submit"] { width: auto; background: #111; color: #fff; border: 0; padding: 13px 20px; font-weight: 800; cursor: pointer; }

/* Give existing Elementor/Gutenberg pages a cleaner canvas without breaking builders. */
.elementor-page .onyx-page-hero { display: none; }
.elementor-page .onyx-content-wrap--page { width: 100%; max-width: none; padding: 0; }
.elementor-page .onyx-content-wrap--page > * { max-width: none; }
.elementor-page .entry-content { font-size: inherit; }
.elementor-page .entry-content a { text-decoration: none; }

.onyx-post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; padding: 70px 0 110px; }
.onyx-post-card { overflow: hidden; background: #f7f5ef; color: #171a1d; border: 1px solid #e0ddd5; }
.onyx-post-card__image { display: block; aspect-ratio: 16/9; overflow: hidden; }
.onyx-post-card__image img { width: 100%; height: 100%; object-fit: cover; }
.onyx-post-card__body { padding: 26px; }
.onyx-post-card h2 { margin: 0 0 12px; font-size: 26px; line-height: 1.13; }
.onyx-post-card p { color: #626562; }
.onyx-featured-image { margin-bottom: 38px; }

.onyx-footer { padding: 80px 0 25px; background: #060708; border-top: 1px solid var(--onyx-line); }
.onyx-footer__cta { display: flex; justify-content: space-between; gap: 50px; align-items: end; padding-bottom: 70px; border-bottom: 1px solid var(--onyx-line); }
.onyx-footer h2 { font-size: clamp(44px,5vw,64px); }
.onyx-footer__cta p:not(.onyx-eyebrow) { max-width: 660px; color: #9ea19e; }
.onyx-footer__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.onyx-footer__grid { display: grid; grid-template-columns: 1.2fr .7fr .7fr; gap: 80px; padding: 65px 0; }
.onyx-brand__fallback--footer { margin-bottom: 22px; }
.onyx-footer__brand p, .onyx-footer__grid p { color: #90938f; }
.onyx-footer__grid h3 { margin: 0 0 18px; color: #d8d8d4; font-size: 12px; letter-spacing: .15em; text-transform: uppercase; }
.onyx-footer-menu, .onyx-footer-menu .onyx-menu { display: block; margin: 0; padding: 0; list-style: none; }
.onyx-footer-menu li, .onyx-footer-menu .onyx-menu li { margin-bottom: 8px; }
.onyx-footer-menu a, .onyx-footer-menu .onyx-menu a { padding: 0; color: #949794; font-size: 14px; }
.onyx-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid var(--onyx-line); color: #777b77; font-size: 11px; }

.onyx-error-page { min-height: 62vh; display: grid; place-items: center; text-align: center; }
.onyx-error-page h1 { font-size: clamp(46px,7vw,88px); }
.onyx-error-page p { color: #a3a6a2; }

@media (max-width: 1080px) {
  .onyx-header__inner { grid-template-columns: auto auto 1fr; gap: 20px; }
  .onyx-menu-toggle { display: inline-flex; justify-self: end; grid-column: 3; grid-row: 1; }
  .onyx-header__cta { display: none; }
  .onyx-nav { display: none; position: fixed; inset: 118px 0 0; padding: 30px 20px; background: rgba(8,10,11,.985); overflow-y: auto; }
  .onyx-nav-open .onyx-nav { display: block; }
  .onyx-menu { display: block; }
  .onyx-menu > li { border-bottom: 1px solid var(--onyx-line); }
  .onyx-menu a { padding: 18px 0; font-size: 17px; }
  .onyx-menu .sub-menu { display: block; position: static; min-width: 0; padding: 0 0 10px 18px; background: transparent; border: 0; box-shadow: none; }
  .onyx-menu .sub-menu a { padding: 8px 0; font-size: 14px; color: #9b9e9b; }
  .onyx-hero__inner { grid-template-columns: 1fr; gap: 40px; }
  .onyx-hero__system { max-width: 700px; }
  .onyx-process-grid { grid-template-columns: repeat(2,1fr); border: 0; gap: 14px; }
  .onyx-process-card, .onyx-process-card:first-child { border: 1px solid var(--onyx-line-dark); }
  .onyx-process-card:last-child { grid-column: span 2; }
  .onyx-two-col, .onyx-blueprint__grid { grid-template-columns: 1fr; gap: 55px; }
  .onyx-blueprint__intro { position: static; }
}

@media (max-width: 760px) {
  .onyx-shell { width: min(calc(100% - 28px), var(--onyx-max)); }
  .onyx-topbar__inner { min-height: 31px; }
  .onyx-topbar__meta { display: none; }
  .onyx-header__inner { min-height: 72px; }
  .onyx-nav { inset: 104px 0 0; }
  .onyx-brand__mark { width: 39px; height: 39px; }
  .onyx-brand__text strong { font-size: 18px; }
  .onyx-brand__text small { font-size: 8px; }
  .onyx-hero { min-height: 0; }
  .onyx-hero__inner { min-height: 0; padding-block: 64px 45px; }
  .onyx-hero h1 { font-size: clamp(45px,14vw,66px); }
  .onyx-hero__system { margin-top: 10px; }
  .onyx-system-card strong { font-size: 18px; }
  .onyx-metrics-strip { grid-template-columns: repeat(2,1fr); border-bottom: 1px solid var(--onyx-line); }
  .onyx-metric { padding: 19px; border-bottom: 1px solid var(--onyx-line); }
  .onyx-metric:nth-child(2n) { border-right: 0; }
  .onyx-section { padding: 78px 0; }
  .onyx-section-head { grid-template-columns: 1fr; gap: 24px; margin-bottom: 38px; }
  .onyx-section-head h2, .onyx-two-col h2, .onyx-blueprint h2, .onyx-partner-card h2 { font-size: clamp(39px,11vw,54px); }
  .onyx-process-grid { grid-template-columns: 1fr; }
  .onyx-process-card, .onyx-process-card:last-child { grid-column: auto; min-height: 220px; }
  .onyx-process-card h3 { margin-top: 38px; }
  .onyx-platform-grid { grid-template-columns: 1fr; }
  .onyx-platform-card--feature { grid-column: auto; }
  .onyx-platform-card { min-height: 300px; }
  .onyx-partner-card { grid-template-columns: 1fr; gap: 35px; padding: 32px 26px; }
  .onyx-actions, .onyx-footer__actions { flex-direction: column; align-items: stretch; }
  .onyx-btn { width: 100%; }
  .onyx-page-hero__inner { padding: 65px 0 55px; }
  .onyx-content-wrap--page { padding: 55px 0 80px; }
  .onyx-post-grid { grid-template-columns: 1fr; }
  .onyx-footer__cta { display: block; }
  .onyx-footer__actions { margin-top: 25px; }
  .onyx-footer__grid { grid-template-columns: 1fr; gap: 36px; }
  .onyx-footer__bottom { display: block; }
  .onyx-footer__bottom span { display: block; margin-bottom: 7px; }
}

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

/* ============================================================
   ONYX INSTITUTIONAL SYSTEM v2.0
   ============================================================ */
:root {
  --onyx-gold-deep: #9b722f;
  --onyx-cream: #ece3d1;
  --onyx-surface: #14181a;
  --onyx-surface-2: #1b2023;
}

.onyx-hero--institutional .onyx-hero__inner { min-height: 690px; }
.onyx-hero__meta { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; color: #8f9390; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.onyx-hero__meta span { display: inline-flex; align-items: center; gap: 8px; }
.onyx-hero__meta span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--onyx-gold); }

.onyx-core-grid { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--onyx-line-dark); background: rgba(255,255,255,.42); }
.onyx-core-card { min-height: 280px; padding: 30px 26px; border-right: 1px solid var(--onyx-line-dark); transition: .22s ease; }
.onyx-core-card:last-child { border-right: 0; }
.onyx-core-card:hover { background: #111416; color: #fff; transform: translateY(-4px); box-shadow: 0 20px 45px rgba(0,0,0,.12); }
.onyx-core-card > span { display: block; margin-bottom: 72px; color: var(--onyx-gold-deep); font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.onyx-core-card:hover > span { color: var(--onyx-gold-bright); }
.onyx-core-card strong { display: block; margin-bottom: 13px; font-size: 23px; letter-spacing: -.025em; }
.onyx-core-card p { margin: 0; color: #636763; font-size: 14px; line-height: 1.65; }
.onyx-core-card:hover p { color: #aeb2ae; }

.onyx-two-col--wide { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); }
.onyx-rich-copy { font-size: 18px; }
.onyx-rich-copy p { margin: 0 0 22px; color: #b8bbb7; }
.onyx-rich-copy--dark p { color: #4e524f; }
.onyx-text-link--light { color: var(--onyx-gold-bright); border-color: rgba(225,188,119,.42); }
.onyx-text-link--light:hover { color: #fff; }
.onyx-copy-muted { color: #616561; }
.onyx-copy-muted--light { color: #999d99; }

.onyx-split-panel { display: grid; grid-template-columns: .95fr 1.05fr; align-items: stretch; min-height: 520px; border: 1px solid rgba(255,255,255,.12); background: #0d1012; box-shadow: var(--onyx-shadow); }
.onyx-gaf-home { background: linear-gradient(135deg,#080a0b,#15191b); }
.onyx-split-panel__copy { padding: 64px; display: flex; flex-direction: column; justify-content: center; }
.onyx-split-panel__copy h2 { font-size: clamp(43px,5vw,68px); }
.onyx-split-panel__copy p:not(.onyx-eyebrow) { color: #aeb1ae; font-size: 17px; }
.onyx-split-panel__copy .onyx-btn { align-self: flex-start; margin-top: 18px; }
.onyx-cycle { display: grid; grid-template-columns: 1fr; border-left: 1px solid var(--onyx-line); }
.onyx-cycle div { display: grid; grid-template-columns: 62px 1fr; align-items: center; min-height: 95px; padding: 16px 28px; border-bottom: 1px solid var(--onyx-line); }
.onyx-cycle div:last-child { border-bottom: 0; }
.onyx-cycle span { color: var(--onyx-gold); font-size: 11px; font-weight: 900; }
.onyx-cycle strong { font-size: 19px; }

.onyx-institutional-page { background: #fff; }
.onyx-page-hero { min-height: 610px; display: flex; align-items: center; }
.onyx-page-hero__inner--split { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(350px,.72fr); gap: 75px; align-items: center; }
.onyx-page-hero .onyx-lead { max-width: 820px; }
.onyx-page-hero--mission { background: radial-gradient(circle at 85% 15%, rgba(207,165,90,.18), transparent 28%), linear-gradient(135deg,#080a0b,#151a1c 60%,#0b0d0e); }
.onyx-page-hero--model { background: radial-gradient(circle at 78% 50%, rgba(207,165,90,.16), transparent 31%), linear-gradient(135deg,#090b0c,#121719); }
.onyx-page-hero--gaf { background: radial-gradient(circle at 78% 30%, rgba(225,188,119,.2), transparent 29%), linear-gradient(135deg,#070809,#171b1d); }
.onyx-page-hero--services { background: radial-gradient(circle at 80% 20%, rgba(207,165,90,.12), transparent 32%), linear-gradient(135deg,#0a0c0d,#171b1d); }
.onyx-page-hero--blueprint { background: radial-gradient(circle at 88% 45%, rgba(207,165,90,.19), transparent 31%), linear-gradient(135deg,#080a0b,#121719); }

.onyx-statement-card, .onyx-model-equation, .onyx-gaf-loop, .onyx-service-stack, .onyx-blueprint-map { position: relative; padding: 30px; border: 1px solid rgba(207,165,90,.32); background: rgba(255,255,255,.035); box-shadow: 0 28px 70px rgba(0,0,0,.22); }
.onyx-statement-card::before, .onyx-model-equation::before, .onyx-gaf-loop::before, .onyx-service-stack::before, .onyx-blueprint-map::before { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(255,255,255,.055); pointer-events: none; }
.onyx-statement-card > span, .onyx-model-equation > span { display: block; margin-bottom: 20px; color: var(--onyx-gold); font-size: 10px; font-weight: 900; letter-spacing: .19em; }
.onyx-statement-card blockquote { margin: 0; color: #ece9e0; font-size: 22px; font-weight: 700; line-height: 1.55; letter-spacing: -.02em; }

.onyx-model-equation { display: grid; gap: 11px; }
.onyx-model-equation strong { padding: 11px 13px; background: rgba(255,255,255,.045); border-left: 2px solid var(--onyx-gold); font-size: 14px; }
.onyx-model-equation i, .onyx-model-equation b { color: var(--onyx-gold); font-style: normal; font-size: 12px; font-weight: 900; }
.onyx-model-equation em { color: var(--onyx-gold-bright); font-style: normal; font-size: 22px; font-weight: 900; }

.onyx-gaf-loop { display: grid; gap: 8px; text-align: center; }
.onyx-gaf-loop span { padding: 12px 10px; border: 1px solid rgba(255,255,255,.1); color: #e7e5dd; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.onyx-gaf-loop i { color: var(--onyx-gold); font-style: normal; }

.onyx-service-stack { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.onyx-service-stack span { min-height: 76px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); color: #d8d7d1; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.onyx-service-stack span:nth-child(1), .onyx-service-stack span:nth-child(6) { border-color: rgba(207,165,90,.55); color: var(--onyx-gold-bright); }

.onyx-blueprint-map { display: grid; grid-template-columns: 1fr; text-align: center; gap: 8px; }
.onyx-blueprint-map span, .onyx-blueprint-map strong { padding: 14px; border: 1px solid rgba(207,165,90,.5); color: var(--onyx-gold-bright); font-size: 12px; font-weight: 900; letter-spacing: .15em; }
.onyx-blueprint-map i { padding: 9px; border: 1px solid rgba(255,255,255,.08); color: #a5a8a5; font-style: normal; font-size: 10px; font-weight: 900; letter-spacing: .14em; }

.onyx-section-head--dark > p { color: #999d99; }
.onyx-value-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.onyx-value-grid article { min-height: 310px; padding: 28px; border: 1px solid var(--onyx-line-dark); background: #fff; }
.onyx-value-grid span, .onyx-layer-grid > article > span, .onyx-services-grid > article > span, .onyx-replication-grid > article > span, .onyx-blueprint-grid > article > span { color: var(--onyx-gold-deep); font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.onyx-value-grid h3 { margin: 88px 0 14px; font-size: 29px; letter-spacing: -.03em; }
.onyx-value-grid p { margin: 0; color: #626662; }

.onyx-accountability-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.onyx-accountability-card { padding: 42px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.025); }
.onyx-accountability-card > span { color: var(--onyx-gold); font-size: 10px; font-weight: 900; letter-spacing: .17em; }
.onyx-accountability-card h3 { margin: 40px 0 16px; font-size: 36px; letter-spacing: -.04em; }
.onyx-accountability-card p { color: #a5a8a5; }
.onyx-check-list { margin: 28px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--onyx-line); }
.onyx-check-list li { padding: 12px 0; border-bottom: 1px solid var(--onyx-line); color: #d3d4d0; font-size: 13px; }
.onyx-check-list li::before { content: "↳"; margin-right: 9px; color: var(--onyx-gold); }

.onyx-tier-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.onyx-tier-grid article { padding: 42px; background: #fff; border: 1px solid var(--onyx-line-dark); }
.onyx-tier-label { display: inline-flex; padding: 7px 9px; background: #111; color: var(--onyx-gold-bright); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.onyx-tier-grid h3 { margin: 34px 0 12px; font-size: 33px; }
.onyx-tier-grid p { color: #606460; }
.onyx-chip-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.onyx-chip-list span { padding: 8px 10px; border: 1px solid #d8d3c7; color: #4e514f; font-size: 11px; font-weight: 750; }

.onyx-mission-shift { background: #101315; }
.onyx-compare-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.onyx-compare-card { min-height: 300px; padding: 40px; border: 1px solid rgba(255,255,255,.13); }
.onyx-compare-card > span { font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.onyx-compare-card h3 { margin: 70px 0 14px; font-size: 33px; letter-spacing: -.04em; }
.onyx-compare-card p { color: #a7aaa7; }
.onyx-compare-card--muted > span { color: #8d918e; }
.onyx-compare-card--gold { background: var(--onyx-gold); color: #111; border-color: var(--onyx-gold); }
.onyx-compare-card--gold > span, .onyx-compare-card--gold p { color: #2b2419; }
.onyx-pay-forward { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; align-items: start; }
.onyx-pay-forward h2 { font-size: clamp(42px,5vw,66px); }
.onyx-pay-forward p { color: #555955; font-size: 17px; }

.onyx-flywheel { display: grid; grid-template-columns: repeat(2,1fr); gap: 0; border-top: 1px solid var(--onyx-line); border-left: 1px solid var(--onyx-line); }
.onyx-flywheel__step { display: grid; grid-template-columns: 58px 1fr; gap: 18px; min-height: 220px; padding: 30px; border-right: 1px solid var(--onyx-line); border-bottom: 1px solid var(--onyx-line); }
.onyx-flywheel__step > span { color: var(--onyx-gold); font-size: 11px; font-weight: 900; }
.onyx-flywheel__step h3 { margin: 0 0 12px; font-size: 25px; letter-spacing: -.03em; }
.onyx-flywheel__step p { margin: 0; color: #9ea19e; font-size: 14px; }
.onyx-flywheel--compact .onyx-flywheel__step { min-height: 190px; }

.onyx-layer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.onyx-layer-grid article { min-height: 400px; padding: 36px; border: 1px solid var(--onyx-line-dark); background: #fff; display: flex; flex-direction: column; }
.onyx-layer-grid h3 { margin: 84px 0 16px; font-size: 32px; }
.onyx-layer-grid p { color: #606460; }
.onyx-layer-grid strong { margin-top: auto; padding-top: 26px; border-top: 1px solid var(--onyx-line-dark); color: #2d302e; font-size: 11px; letter-spacing: .08em; }

.onyx-pillar-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.onyx-pillar-grid article { min-height: 310px; padding: 30px; border: 1px solid var(--onyx-line-dark); background: rgba(255,255,255,.42); }
.onyx-pillar-grid span { color: var(--onyx-gold-deep); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.onyx-pillar-grid h3 { margin: 78px 0 14px; font-size: 29px; letter-spacing: -.03em; }
.onyx-pillar-grid p { color: #626662; }

.onyx-pipeline { display: grid; grid-template-columns: repeat(2,1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--onyx-line); border-left: 1px solid var(--onyx-line); }
.onyx-pipeline li { display: grid; grid-template-columns: 54px 1fr; gap: 18px; min-height: 130px; padding: 24px; border-right: 1px solid var(--onyx-line); border-bottom: 1px solid var(--onyx-line); }
.onyx-pipeline span { color: var(--onyx-gold); font-size: 11px; font-weight: 900; }
.onyx-pipeline strong { display: block; margin-bottom: 6px; font-size: 17px; }
.onyx-pipeline small { color: #979a97; font-size: 13px; }
.onyx-metric-cards { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--onyx-line-dark); border-left: 1px solid var(--onyx-line-dark); }
.onyx-metric-cards span { min-height: 100px; display: grid; place-items: center; padding: 18px; text-align: center; border-right: 1px solid var(--onyx-line-dark); border-bottom: 1px solid var(--onyx-line-dark); font-size: 13px; font-weight: 850; }

.onyx-services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.onyx-services-grid article { min-height: 450px; padding: 32px; border: 1px solid var(--onyx-line-dark); background: #fff; }
.onyx-services-grid h3 { margin: 68px 0 16px; font-size: 29px; line-height: 1.05; letter-spacing: -.035em; }
.onyx-services-grid p { color: #626662; }
.onyx-services-grid ul { margin: 26px 0 0; padding: 20px 0 0; border-top: 1px solid var(--onyx-line-dark); list-style: none; }
.onyx-services-grid li { padding: 5px 0; color: #474b48; font-size: 12px; }
.onyx-services-grid li::before { content: "—"; margin-right: 7px; color: var(--onyx-gold-deep); }
.onyx-audience-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.onyx-audience-grid article { min-height: 310px; padding: 30px; border: 1px solid var(--onyx-line); background: rgba(255,255,255,.02); }
.onyx-audience-grid span { color: var(--onyx-gold); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.onyx-audience-grid h3 { margin: 78px 0 13px; font-size: 27px; letter-spacing: -.03em; }
.onyx-audience-grid p { color: #9ea19e; }
.onyx-engagement-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--onyx-line-dark); }
.onyx-engagement-steps li { display: grid; grid-template-columns: 58px 1fr; gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--onyx-line-dark); }
.onyx-engagement-steps span { color: var(--onyx-gold-deep); font-size: 11px; font-weight: 900; }
.onyx-engagement-steps strong { display: block; margin-bottom: 4px; font-size: 18px; }
.onyx-engagement-steps small { color: #6b6f6b; font-size: 13px; }
.onyx-platform-ribbon { display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid var(--onyx-line-dark); border-left: 1px solid var(--onyx-line-dark); }
.onyx-platform-ribbon div { min-height: 130px; padding: 22px; border-right: 1px solid var(--onyx-line-dark); border-bottom: 1px solid var(--onyx-line-dark); }
.onyx-platform-ribbon strong { display: block; font-size: 20px; }
.onyx-platform-ribbon span { display: block; margin-top: 9px; color: #757975; font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }

.onyx-capital-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.onyx-capital-grid article { min-height: 280px; padding: 30px; border: 1px solid var(--onyx-line-dark); background: #fff; }
.onyx-capital-grid span { color: var(--onyx-gold-deep); font-size: 11px; font-weight: 900; }
.onyx-capital-grid h3 { margin: 58px 0 12px; font-size: 25px; }
.onyx-capital-grid p { color: #626662; }
.onyx-asset-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.onyx-asset-grid article { min-height: 260px; padding: 30px; border: 1px solid var(--onyx-line-dark); background: rgba(255,255,255,.42); }
.onyx-asset-grid span { color: var(--onyx-gold-deep); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.onyx-asset-grid h3 { margin: 58px 0 12px; font-size: 27px; }
.onyx-asset-grid p { color: #626662; }

.onyx-gaf-simulator { background: linear-gradient(135deg,#0a0c0e,#171b1d); }
.onyx-simulator { border: 1px solid var(--onyx-line); background: rgba(255,255,255,.025); }
.onyx-simulator__inputs { display: grid; grid-template-columns: repeat(3,1fr); }
.onyx-simulator fieldset { margin: 0; padding: 28px; border: 0; border-right: 1px solid var(--onyx-line); }
.onyx-simulator fieldset:last-child { border-right: 0; }
.onyx-simulator legend { padding: 0 0 17px; color: var(--onyx-gold-bright); font-size: 13px; font-weight: 900; }
.onyx-simulator label { display: block; margin-bottom: 14px; color: #9da09d; font-size: 11px; }
.onyx-simulator input { width: 100%; margin-top: 6px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.14); background: #0a0c0d; color: #fff; }
.onyx-simulator__results { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--onyx-line); }
.onyx-simulator__results > div { padding: 26px; border-right: 1px solid var(--onyx-line); }
.onyx-simulator__results > div:last-child { border-right: 0; }
.onyx-simulator__results span { display: block; min-height: 38px; color: #898d89; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.onyx-simulator__results strong { display: block; margin-top: 12px; color: var(--onyx-gold-bright); font-size: 28px; letter-spacing: -.04em; }
.onyx-simulator__note { margin: 0; padding: 20px 26px; border-top: 1px solid var(--onyx-line); color: #888c88; font-size: 11px; }
.onyx-governance-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--onyx-line-dark); border-left: 1px solid var(--onyx-line-dark); }
.onyx-governance-grid span { min-height: 100px; display: grid; place-items: center; padding: 18px; border-right: 1px solid var(--onyx-line-dark); border-bottom: 1px solid var(--onyx-line-dark); text-align: center; font-size: 12px; font-weight: 800; }

.onyx-blueprint-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.onyx-blueprint-grid article { min-height: 360px; padding: 30px; border: 1px solid var(--onyx-line); background: rgba(255,255,255,.025); display: flex; flex-direction: column; }
.onyx-blueprint-grid h3 { margin: 70px 0 14px; font-size: 29px; letter-spacing: -.03em; }
.onyx-blueprint-grid p { color: #9ea19e; }
.onyx-blueprint-grid strong { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--onyx-line); color: var(--onyx-gold-bright); font-size: 10px; letter-spacing: .09em; }
.onyx-replication-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.onyx-replication-grid article { min-height: 300px; padding: 30px; border: 1px solid var(--onyx-line-dark); background: #fff; }
.onyx-replication-grid h3 { margin: 58px 0 12px; font-size: 27px; }
.onyx-replication-grid p { color: #626662; }
.onyx-roadmap { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--onyx-line-dark); border-left: 1px solid var(--onyx-line-dark); }
.onyx-roadmap article { min-height: 160px; padding: 26px; border-right: 1px solid var(--onyx-line-dark); border-bottom: 1px solid var(--onyx-line-dark); }
.onyx-roadmap span { display: block; color: var(--onyx-gold-deep); font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.onyx-roadmap strong { display: block; margin: 17px 0 8px; font-size: 23px; }
.onyx-roadmap p { margin: 0; color: #666a66; font-size: 13px; }
.onyx-toolkit-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--onyx-line); border-left: 1px solid var(--onyx-line); }
.onyx-toolkit-grid span { min-height: 78px; display: flex; align-items: center; padding: 18px; border-right: 1px solid var(--onyx-line); border-bottom: 1px solid var(--onyx-line); color: #d5d6d2; font-size: 12px; font-weight: 750; }
.onyx-national-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--onyx-line-dark); }
.onyx-national-steps li { display: grid; grid-template-columns: 70px 1fr; gap: 25px; padding: 26px 0; border-bottom: 1px solid var(--onyx-line-dark); }
.onyx-national-steps span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--onyx-gold-deep); color: var(--onyx-gold-deep); font-size: 11px; font-weight: 900; }
.onyx-national-steps strong { display: block; margin-bottom: 6px; font-size: 21px; }
.onyx-national-steps p { margin: 0; color: #646864; }

.onyx-page-cta { padding: 88px 0; background: #080a0b; }
.onyx-page-cta--gold { background: var(--onyx-gold); color: #111; }
.onyx-page-cta__inner { display: grid; grid-template-columns: 1fr auto; gap: 70px; align-items: end; }
.onyx-page-cta h2 { margin: 0; max-width: 850px; font-family: var(--font-display); font-size: clamp(42px,5vw,66px); line-height: .98; letter-spacing: -.045em; }
.onyx-page-cta p:not(.onyx-eyebrow) { max-width: 780px; color: #a2a5a2; }
.onyx-page-cta--gold p:not(.onyx-eyebrow) { color: #342b1d; }
.onyx-page-cta__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }

@media (max-width: 1120px) {
  .onyx-core-grid { grid-template-columns: repeat(2,1fr); }
  .onyx-core-card { border-bottom: 1px solid var(--onyx-line-dark); }
  .onyx-core-card:nth-child(2n) { border-right: 0; }
  .onyx-core-card:last-child { grid-column: span 2; }
  .onyx-value-grid, .onyx-audience-grid { grid-template-columns: repeat(2,1fr); }
  .onyx-services-grid, .onyx-capital-grid, .onyx-asset-grid, .onyx-blueprint-grid, .onyx-replication-grid { grid-template-columns: repeat(2,1fr); }
  .onyx-platform-ribbon { grid-template-columns: repeat(3,1fr); }
  .onyx-page-hero__inner--split { grid-template-columns: 1fr; gap: 42px; }
  .onyx-statement-card, .onyx-model-equation, .onyx-gaf-loop, .onyx-service-stack, .onyx-blueprint-map { max-width: 720px; }
}

@media (max-width: 820px) {
  .onyx-core-grid, .onyx-value-grid, .onyx-accountability-grid, .onyx-tier-grid, .onyx-compare-grid, .onyx-flywheel, .onyx-layer-grid, .onyx-pillar-grid, .onyx-pipeline, .onyx-services-grid, .onyx-audience-grid, .onyx-capital-grid, .onyx-asset-grid, .onyx-blueprint-grid, .onyx-replication-grid, .onyx-roadmap, .onyx-toolkit-grid { grid-template-columns: 1fr; }
  .onyx-core-card, .onyx-core-card:nth-child(2n) { border-right: 0; }
  .onyx-core-card:last-child { grid-column: auto; }
  .onyx-core-card > span { margin-bottom: 44px; }
  .onyx-two-col--wide, .onyx-pay-forward, .onyx-split-panel { grid-template-columns: 1fr; }
  .onyx-split-panel__copy { padding: 38px 30px; }
  .onyx-cycle { border-left: 0; border-top: 1px solid var(--onyx-line); }
  .onyx-page-hero { min-height: 0; }
  .onyx-page-hero__inner--split { padding-top: 70px; padding-bottom: 65px; }
  .onyx-accountability-card, .onyx-tier-grid article, .onyx-compare-card { padding: 30px; }
  .onyx-flywheel__step { min-height: 180px; }
  .onyx-platform-ribbon { grid-template-columns: repeat(2,1fr); }
  .onyx-simulator__inputs { grid-template-columns: 1fr; }
  .onyx-simulator fieldset, .onyx-simulator fieldset:last-child { border-right: 0; border-bottom: 1px solid var(--onyx-line); }
  .onyx-simulator__results { grid-template-columns: repeat(2,1fr); }
  .onyx-simulator__results > div { border-bottom: 1px solid var(--onyx-line); }
  .onyx-governance-grid, .onyx-metric-cards { grid-template-columns: repeat(2,1fr); }
  .onyx-page-cta__inner { grid-template-columns: 1fr; gap: 32px; }
}

@media (max-width: 560px) {
  .onyx-core-grid, .onyx-platform-ribbon, .onyx-simulator__results, .onyx-governance-grid, .onyx-metric-cards { grid-template-columns: 1fr; }
  .onyx-service-stack { grid-template-columns: 1fr; }
  .onyx-value-grid article, .onyx-services-grid article, .onyx-layer-grid article, .onyx-blueprint-grid article { min-height: 0; }
  .onyx-value-grid h3, .onyx-services-grid h3, .onyx-layer-grid h3, .onyx-blueprint-grid h3, .onyx-audience-grid h3 { margin-top: 42px; }
  .onyx-flywheel__step, .onyx-pipeline li { grid-template-columns: 42px 1fr; padding: 22px 18px; }
  .onyx-page-cta { padding: 68px 0; }
}

/* Existing Elementor metadata must not suppress the dedicated v2 institutional templates. */
.elementor-page .onyx-institutional-page .onyx-page-hero { display: flex; }