/* Shared studio navigation. The existing shell owns width and outer gutters. */
body#top.agency-site.os-studio {
  --os-shell-max: 1280px;
  --os-shell-gutter: 24px;
  --os-shell-width: min(var(--os-shell-max), calc(100% - 2 * var(--os-shell-gutter)));
  --nav-ink: #17202a;
  --nav-copy: #3b4552;
  --nav-glass: rgba(251, 248, 240, .9);
  --nav-line: rgba(232, 226, 212, .8);
  --nav-pill: rgba(23, 32, 42, .065);
  --nav-surface: #fbf8f0;
  --nav-accent: #ff6b35;
  --nav-ease: cubic-bezier(.22, 1, .36, 1);
}
body#top.agency-site.os-studio .oz-site-header {
  width: var(--os-shell-width);
  height: 78px;
  gap: 18px;
  padding: 0 14px 0 28px;
  border-color: var(--nav-line);
  border-radius: 99px;
  background: var(--nav-glass);
  color: var(--nav-ink);
  box-shadow: 0 1px 2px #17202a08, 0 3px 14px #17202a05;
  -webkit-backdrop-filter: saturate(1.7) blur(20px);
  backdrop-filter: saturate(1.7) blur(20px);
  transition: background-color .25s, box-shadow .3s, border-color .25s;
}
body#top.agency-site.os-studio .oz-site-header.is-raised {
  box-shadow: 0 14px 34px -16px #17202a38;
}
body#top.agency-site.os-studio .oz-site-header .oz-site-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: 118px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  color: var(--nav-ink);
}
body#top.agency-site.os-studio .oz-site-header .oz-site-brand :is(svg, img) {
  display: block;
  width: 118px;
  height: auto;
  max-width: 100%;
}
body#top.agency-site.os-studio .oz-site-header .oz-site-navigation {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  gap: 2px;
  min-width: 0;
  margin: 0 auto 0 8px;
}
body#top.agency-site.os-studio .oz-site-header .oz-site-navigation a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: 99px;
  background: transparent;
  color: var(--nav-copy);
  font-family: var(--os-font, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}
body#top.agency-site.os-studio .oz-site-header .oz-site-navigation a:is(:hover, .is-active, [aria-current]) {
  color: var(--nav-ink);
  background: transparent;
}
body#top.agency-site.os-studio .oz-site-header .oz-site-navigation a:focus-visible {
  background: var(--nav-pill);
}
body#top.agency-site.os-studio .oz-site-header .oz-nav-indicator {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 40px;
  border-radius: 99px;
  background: var(--nav-pill);
  opacity: 0;
  pointer-events: none;
  transition: transform .5s var(--nav-ease), width .5s var(--nav-ease), opacity .2s;
}
body#top.agency-site.os-studio .oz-site-header .oz-nav-indicator.is-ready { opacity: 1; }
body#top.agency-site.os-studio .oz-site-header .oz-site-navigation:not(:has(.oz-nav-indicator.is-ready)) > a.is-active { background: var(--nav-pill); }
body#top.agency-site.os-studio .oz-site-header .oz-site-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  margin-left: auto;
}
body#top.agency-site.os-studio .oz-site-header :is(.oz-site-icon, .oz-site-menu-toggle) {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--nav-ink);
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  transition: background-color .2s, transform .25s var(--nav-ease);
}
body#top.agency-site.os-studio .oz-site-header :is(.oz-site-icon, .oz-site-menu-toggle):hover { background: var(--nav-pill); }
body#top.agency-site.os-studio .oz-site-header :is(.oz-site-icon, .oz-site-menu-toggle):active { transform: scale(.94); }
body#top.agency-site.os-studio .oz-site-header :is(.oz-site-icon, .oz-site-menu-toggle) svg { width: 24px; height: 24px; }
body#top.agency-site.os-studio .oz-site-header .oz-site-account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 47px;
  margin: 0;
  padding: 12px 20px;
  border: 0;
  border-radius: 99px;
  background: var(--nav-pill);
  color: var(--nav-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .2s;
}
body#top.agency-site.os-studio .oz-site-header .oz-site-account:hover { background: color-mix(in srgb, var(--nav-ink) 11%, transparent); }
body#top.agency-site.os-studio .oz-site-header .oz-site-analyze {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  gap: 9px;
  min-height: 50px;
  padding: 6px 7px 6px 20px;
  border: 0;
  border-radius: 99px;
  background: var(--nav-accent);
  color: #17202a;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 7px 18px -10px #ff6b3580;
  transition: background-color .2s, box-shadow .25s, transform .25s var(--nav-ease);
}
body#top.agency-site.os-studio .oz-site-header .oz-site-analyze > span:first-child { color: inherit; }
body#top.agency-site.os-studio .oz-site-header .oz-site-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  background: #17202a;
  color: #fff;
  transition: transform .35s var(--nav-ease);
}
body#top.agency-site.os-studio .oz-site-header .oz-site-arrow svg { width: 24px; height: 24px; color: inherit; }
body#top.agency-site.os-studio .oz-site-header .oz-site-analyze:hover { background: #ff8050; box-shadow: 0 10px 22px -10px #ff6b3580; transform: translateY(-1px); }
body#top.agency-site.os-studio .oz-site-header .oz-site-analyze:hover .oz-site-arrow { transform: rotate(-35deg); }
body#top.agency-site.os-studio .oz-site-header .oz-site-menu-toggle { display: none; }
body#top.agency-site.os-studio .oz-site-header :is(a, button):focus-visible { outline: 3px solid #b64317; outline-offset: 3px; }
body#top.agency-site.os-studio .oz-footer-language { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 15px; margin-top: 15px; color: var(--oz-muted); font-size: 11px; }
body#top.agency-site.os-studio .oz-footer-language a { min-height: 32px; display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
body#top.agency-site.os-studio .oz-footer-language a[aria-current] { color: var(--oz-ink); text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 1200px) {
  body#top.agency-site.os-studio { --os-shell-max: 2200px; --os-shell-gutter: clamp(36px, 4vw, 120px); }
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand,
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand :is(svg, img) { width: 146px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-navigation { gap: clamp(2px, .5vw, 14px); }
}
@media (min-width: 1101px) and (max-width: 1300px) {
  body#top.agency-site.os-studio .oz-site-header { gap: 12px; padding-inline: 22px 10px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand,
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand :is(svg, img) { width: 118px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-navigation { margin-left: 0; gap: 0; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-navigation a { padding-inline: 8px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-account { padding-inline: 12px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-analyze { gap: 8px; padding-left: 14px; font-size: 13px; }
}
@media (max-width: 1100px) {
  body#top.agency-site.os-studio { --os-shell-gutter: 16px; }
  body#top.agency-site.os-studio .oz-site-header { height: 66px; padding: 0 12px 0 18px; gap: 12px; border-radius: 24px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand,
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand :is(svg, img) { width: 104px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-analyze { display: none; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-menu-toggle { display: inline-grid; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-menu-toggle[aria-expanded=true] { background: var(--nav-pill); }
  body#top.agency-site.os-studio .oz-site-header .oz-site-navigation {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    display: none;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    max-height: calc(100dvh - 180px);
    margin: 0;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--nav-line);
    border-radius: 24px;
    background: var(--nav-surface);
    box-shadow: 0 18px 38px -20px #0005;
  }
  body#top.agency-site.os-studio .oz-site-header.is-menu-open .oz-site-navigation { display: grid; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-navigation a { justify-content: flex-start; min-height: 48px; height: auto; padding: 12px 15px; white-space: normal; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-navigation a:is(:hover, .is-active, [aria-current]) { background: var(--nav-pill); }
  body#top.agency-site.os-studio .oz-site-header .oz-nav-indicator { display: none; }
}
@media (max-width: 600px) {
  body#top.agency-site.os-studio .oz-site-header { height: 62px; padding-inline: 12px 8px; gap: 8px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-actions { gap: 3px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand,
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand :is(svg, img) { width: 94px; }
  body#top.agency-site.os-studio .oz-site-header :is(.oz-site-icon, .oz-site-menu-toggle) { flex-basis: 40px; width: 40px; height: 40px; min-height: 40px; padding: 9px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-account { min-height: 40px; padding: 0 12px; font-size: 12px; }
}
@media (max-width: 380px) {
  body#top.agency-site.os-studio .oz-site-header { padding-inline: 9px 7px; gap: 4px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand,
  body#top.agency-site.os-studio .oz-site-header .oz-site-brand :is(svg, img) { width: 78px; }
  body#top.agency-site.os-studio .oz-site-header :is(.oz-site-icon, .oz-site-menu-toggle) { flex-basis: 36px; width: 36px; height: 36px; min-height: 36px; padding: 8px; }
  body#top.agency-site.os-studio .oz-site-header :is(.oz-site-icon, .oz-site-menu-toggle) svg { width: 20px; height: 20px; }
  body#top.agency-site.os-studio .oz-site-header .oz-site-account { min-height: 36px; padding-inline: 9px; font-size: 11px; }
}

/* Fill the document canvas and native scrollbar gutters in the active theme. */
@media (max-width: 650px) {
  body#top.agency-site.os-studio .oz-site-header { width: 100%; }
}
html:has(body#top.agency-site.os-studio) { min-height: 100%; background: #fbf8f0; color-scheme: light; scrollbar-color: #b7b1a5 #fbf8f0; }
html:is([data-theme=dark], [data-oz-theme=dark]):has(body#top.agency-site.os-studio) { background: #0b1320; color-scheme: dark; scrollbar-color: #43516a #0b1320; }
body#top.agency-site.os-studio { min-height: 100vh; min-height: 100dvh; }

/* The chosen theme flows into native pages and the existing account tokens. */
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio {
  color-scheme: dark;
  --nav-ink: #f5f0e4;
  --nav-copy: #d4d9e0;
  --nav-glass: rgba(11, 19, 32, .9);
  --nav-line: rgba(45, 64, 93, .8);
  --nav-pill: rgba(245, 240, 228, .075);
  --nav-surface: #131f31;
  --nav-accent: #ff7a45;
  --oz-bg: #0b1320; --oz-surface: #131f31; --oz-ink: #f5f0e4; --oz-muted: #9ba5b3; --oz-line: #223249; --oz-orange: #ff7a45;
  --os-paper: #0b1320; --os-ink: #f5f0e4; --os-muted: #9ba5b3; --os-line: #223249; --os-soft: #182639;
  --ag-paper: #0b1320; --ag-ink: #f5f0e4; --ag-muted: #9ba5b3; --ag-line: #223249;
  --dash-bg: #0b1320; --dash-surface: #131f31; --dash-ink: #f5f0e4; --dash-muted: #9ba5b3; --dash-line: #223249; --dash-soft: #182639; --dash-orange: #ff7a45; --dash-navy: #1b2d47;
  --oa-bg: #0b1320; --oa-ink: #f5f0e4; --oa-muted: #9ba5b3; --oa-line: #223249; --oa-orange: #ff7a45; --oa-navy: #1b2d47;
  --auth-paper: #0b1320; --auth-ink: #f5f0e4; --auth-muted: #9ba5b3; --auth-line: #2d405d;
  --ink: #f5f0e4; --muted: #aeb7c3; --surface: #131f31; --line: #223249; --bg: #0b1320;
  background: #0b1320 !important;
  color: #f5f0e4;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-header.is-raised { box-shadow: 0 16px 34px -16px #000b; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-footer { color: #f5f0e4; border-color: #223249; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-footer :is(a, h2) { color: #d4d9e0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-footer-brand > a > img { content: url('/assets/brand/oznex-studios-light.svg'); }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.nc-surface, .contact-form, .contact-form-wrap, .contact-support-card, .content-box, .logo-card, .team-empty, .oz-company-fact) { background: #131f31; border-color: #223249; color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.nc-surface, .contact-form, .contact-form-wrap, .contact-support-card) p { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.oz-account-sidebar, .oz-account-heading .nx-account-help) { background: #131f31 !important; border-color: #223249 !important; color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-sidebar .nx-account-avatar { color: #17202a; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-sidebar .nx-account-nav a:hover { background: #1b2d47 !important; color: #f5f0e4 !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-sidebar .nx-account-nav a.active { background: #38281f !important; color: #ffae8a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-sidebar .oz-account-new-project { background: #29283f !important; color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-sidebar .oz-account-new-project small { color: #b9b1d0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.pa-surface, .nx-settings-panel, .oz-project-card, .pa-empty, .oz-project-empty, .pa-help-card, .pa-license-card, .pa-purchase-card) { background: #131f31 !important; border-color: #223249 !important; color: #f5f0e4; box-shadow: none !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.pa-filter-bar, .nx-settings-tabs, .pa-count, .pa-meta, .pa-message, .pa-summary-status, .nx-settings-summary, .pa-item-icon) { background: #182639; border-color: #2d405d; color: #d4d9e0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.nx-settings-tabs > a, .pa-row-arrow, .pa-file-row) { color: #d4d9e0; background: #182639; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.nx-settings-tabs > a[aria-current], .nx-settings-tabs > a:hover) { background: #2a3d59; color: #fff; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.pa-order-row, .pa-project-row, .pa-ticket-row, .pa-meta > div, .nx-settings-footer) { border-color: #223249; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .oz-account-metrics .pa-metric { background: #182b29 !important; border-color: #29443c !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .oz-account-metrics .pa-metric:nth-child(2) { background: #28243c !important; border-color: #39324f !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .oz-account-metrics .pa-metric:nth-child(3) { background: #172b3b !important; border-color: #294458 !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .oz-account-metrics .pa-metric:nth-child(4) { background: #352a23 !important; border-color: #4b392e !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), textarea, select) { background: #0f1a2b !important; border-color: #2d405d !important; color: #f5f0e4 !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(input, textarea)::placeholder { color: #8896aa; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.ox-button, .button, .nx-settings-button):not(.secondary) { background: #ff7a45 !important; border-color: #ff7a45 !important; color: #17202a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.ox-button.secondary, .button.secondary) { background: #1b2d47 !important; border-color: #2d405d !important; color: #f5f0e4 !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.pa-status, .oxp-status):is(.paid, .active, .completed, .answered) { background: #173523; color: #7edba2; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.pa-status, .oxp-status):is(.pending, .queued, .brief_review, .in_progress, .review, .open) { background: #392c13; color: #f1c379; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.pa-status, .oxp-status):is(.failed, .cancelled, .refunded) { background: #3b211d; color: #ff9b90; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.pa-status, .oxp-status):is(.neutral, .closed) { background: #243245; color: #c1ccd9; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet :is(.oz-wallet-inline-empty h3, .oz-wallet-field, .oz-wallet-row-heading > strong, .oz-wallet-entry-copy strong, .oz-wallet-entry-amount strong) { color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet :is(.oz-wallet-row-meta, .oz-wallet-entry-copy a, .oz-wallet-entry-copy time, .oz-wallet-entry-copy > span, .oz-wallet-entry-amount small, .oz-wallet-field-help, .oz-wallet-payment-note) { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet :is(.oz-wallet-summary, .oz-wallet-quick-amounts button, .oz-wallet-row-actions button) { background: #182639; border-color: #2d405d; color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-quick-amounts button[aria-pressed=true] { background: #38281f; border-color: #ff7a45; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-provider { background: #2b2943; color: #ccbeff; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet :is(.oz-wallet-topup-row, .oz-wallet-ledger-row) { border-color: #223249; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-notice { background: #17283e; border-color: #2d405d; color: #c4d3e8; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-notice-error { background: #3b211d; border-color: #5d342a; color: #ffb6a4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-entry-amount.is-credit strong { color: #7edba2; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-entry-icon { background: #223249; color: #d4d9e0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-entry-icon.is-credit { background: #173523; color: #7edba2; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-status { background: #243245; color: #c1ccd9; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet :is(.oz-wallet-status-pending, .oz-wallet-status-initializing, .oz-wallet-status-review) { background: #392c13; color: #f1c379; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet .oz-wallet-status-paid { background: #173523; color: #7edba2; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet :is(.oz-wallet-status-failed, .oz-wallet-status-cancelled) { background: #3b211d; color: #ff9b90; }

/* Native cards with fixed pale artwork keep a readable local ink color. */
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .oz-account-support-card {
  --oa-ink: #17202a;
  --oa-muted: #61586f;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .oz-account-support-card .pa-kicker { color: #61586f !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .oz-account-support-card > a { color: #17202a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-shortcuts > a {
  background: #131f31;
  border-color: #2d405d;
  color: #f5f0e4;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-shortcuts > a:hover {
  background: #1b2d47;
  border-color: #476184;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-shortcut-icon { color: #513c79; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content :is(.nx-settings-summary dl > div, .nx-settings-types label, .nx-settings-business, .oz-project-add, .pa-order-row:hover, .pa-project-row:hover, .pa-ticket-row:hover) {
  background: #182639;
  border-color: #2d405d;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .nx-settings-types label:has(input:checked) {
  background: #38281f;
  border-color: #b46c45;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .pa-copy-button {
  background: #2b2943;
  border-color: #484164;
  color: #e4d9ff;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .pa-message-body { background: #182639; border-color: #2d405d; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .pa-message.staff .pa-message-body { background: #29243b; border-color: #45395b; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-content .pa-help-card small { color: #b9b1d0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-account-sidebar .nx-account-logout:hover { background: #1b2d47; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-wallet :is(.oz-wallet-quick-amounts legend, .oz-wallet-quick-amounts button span, .oz-wallet-amount-control > span) { color: #aeb7c3; }

/* Checkout labels and actions use the same dark palette as their surfaces. */
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-box :is(p, li, small, dt, label, legend) { color: #b7c1ce; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.nx-pay-box > span, .nx-pay-steps, .nx-pay-price-total) { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-button { color: #17202a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-methods > label { background: #182639; border-color: #30445f; color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-methods > label:has(input:checked) { background: #36271e; border-color: #ff7a45; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-methods .is-unavailable { background: #141f2e; color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-methods small { color: #b7c1ce; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-methods > a { color: #ffb18e; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nx-pay-error { background: #3c2624; border-color: #764238; color: #ffc4b5; }

html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.oxp-app-card, .gd-hero, .oz-company-art-card, .oz-company-aside > .oz-company-help:first-child) {
  --oz-ink: #17202a;
  --oz-muted: #57606a;
  --os-ink: #17202a;
  --ag-ink: #17202a;
  --ink: #17202a;
  --muted: #57606a;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.oz-company-details, .oz-company-related-card, .gd-section, .gd-fact, .os-contact-company, .os-service-card, .oxe2-package-help, .nx-pay-box, .ag-contact-card:not(.is-primary), .team-page .zk-jc, .team-profile-page .detail-body > .container) {
  background: #131f31 !important;
  border-color: #223249 !important;
  color: #f5f0e4;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .ag-contact-card > span { color: #17202a; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.ox-button.secondary, .ag-button-outline, .os-service-payment a, .oxp-filter-pills a, .os-market-filters button, .team-profile-page .meta-chips span) {
  background: #182639 !important;
  border-color: #2d405d !important;
  color: #d4d9e0 !important;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.oxp-filter-pills a.active, .os-market-filters button.is-active) {
  background: #2a3d59 !important;
  border-color: #476184 !important;
  color: #fff !important;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.nx-pay-total, .nx-pay-steps strong) {
  --oz-ink: #17202a;
  --oz-muted: #52603c;
  color: #17202a;
}

html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), textarea, select) { background: #0f1a2b !important; border-color: #2d405d !important; color: #f5f0e4 !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(input, textarea)::placeholder { color: #8896aa; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.oz-auth-layout, .oz-auth-form-panel) { background: #131f31 !important; border-color: #223249; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-auth-story { --auth-paper: #fbf8f0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-auth-story :is(.ac-art-project, .oz-login-canvas) { --auth-ink: #17202a; --auth-muted: #687079; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-auth-story :is(.ac-art-project, .oz-login-canvas) > strong { color: #17202a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-auth-art-tag { color: #17202a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-auth-content input:not([type=hidden]):not([type=checkbox]):focus { background: #0f1a2b !important; color: #f5f0e4 !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-auth-content :is(button.ac-auth-submit, form > .admin-button) { color: #17202a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .ac-auth-mobile-logo img { content: url('/assets/brand/oznex-studios-light.svg'); }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-tabbar { background: rgba(19, 31, 49, .94); border-color: #2d405d; box-shadow: 0 8px 30px #0006; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-tab { color: #9ba5b3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-tab.is-active { color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-tab.is-active .oz-site-tab-icon { background: #2b3c56; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-site-tab-analyze .oz-site-tab-icon { background: #ff7a45; color: #17202a; }

/* Fixed editorial colors need the same dark palette as native form surfaces. */
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio :is(.nc-page-heading, .oxp-page-title, .ag-page-hero) h1 { color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-company-facts a { color: #ffad87; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-company-aside > .oz-company-help:first-child :is(h2, .nc-text-link) { color: #17202a; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-company-aside > .oz-company-help:first-child p { color: #515563; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nc-company-page.os-legal-page :is(.nc-privacy-copy p, .nc-company-aside p) { color: #bfc7d3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nc-company-page.os-legal-page :is(.nc-privacy-copy a, .nc-details a) { color: #d5c4ff; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nc-company-page.os-legal-page .nc-related { background: #29243b; border-color: #45395b; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nc-company-page.os-legal-page .nc-related > a { color: #e0d5ff; border-color: #45395b; }

html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page :is(.oz-legal-hero h1, .oz-legal-section-title h2, .oz-legal-prose h3, .oz-legal-prose strong) { color: #f5f0e4; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page :is(.oz-legal-eyebrow, .oz-legal-hero-copy > p, .oz-legal-meta > span, .oz-legal-contents-heading > span, .oz-legal-sidebar-contact > span) { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page :is(.oz-legal-meta > span, .oz-legal-tabs a, .oz-legal-contents, .oz-legal-mobile-contents, .oz-legal-sidebar-contact, .oz-legal-document) {
  background: #131f31;
  border-color: #2d405d;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page :is(.oz-legal-tabs a, .oz-legal-contents > a, .oz-legal-mobile-contents > summary, .oz-legal-sidebar-contact, .oz-legal-prose, .oz-legal-prose p) { color: #d4d9e0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page :is(.oz-legal-tabs a:hover, .oz-legal-tabs a.is-active) { background: #2a3d59; border-color: #476184; color: #fff; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page :is(.oz-legal-contents-heading > b, .oz-legal-mobile-contents > summary > span) { background: #24344b; color: #d4d9e0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-contents > a > span:first-child { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page :is(.oz-legal-prose a, .oz-legal-document-tail a, .oz-legal-contents > a:hover) { color: #ffad87; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-section-title > span { background: #38281f; color: #ffb994; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-prose .nc-notice { background: #2b2a1d; color: #e0dcc9; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-prose .nc-notice :is(p, strong) { color: #e0dcc9; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-support-card {
  --oz-ink: #17202a;
  --oz-muted: #515563;
  --os-ink: #17202a;
  --ink: #17202a;
  color: #17202a;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-support-card :is(h2, h3, strong, .oz-legal-text-link, .oz-legal-contact-links a) { color: #17202a; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-support-card p { color: #515563; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oz-legal-page .oz-legal-resources > a { color: #17202a; }

html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone {
  --market-ink: #f5f0e4;
  --market-line: #2d405d;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone :is(.oxe2-kicker, .os-market-intro > p, .os-service-category, .os-service-description, .os-service-payment, .os-service-details ul, .os-market-foot, .os-market-note) { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone .oxe2-section-heading :is(h1, h2) span { color: #ffad87; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone .os-market-path b { color: #17202a; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone :is(.os-market-controls button, .os-market-filters button, .os-market-note, .oxe2-package-questions details) { background: #182639; border-color: #2d405d; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone :is(.os-market-controls button:hover:not(:disabled), .os-market-filters button:hover, .os-market-filters button[aria-pressed=true]) { background: #2a3d59; border-color: #476184; color: #fff; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone .os-service-features li { color: #d4d9e0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone .os-service-features svg { color: #97c280; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .os-services.oxe2-packages-standalone .oxe2-package-questions p { color: #bfc7d3; }

html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .ag-contact-card.is-primary {
  --oz-ink: #17202a;
  --os-ink: #17202a;
  --ag-ink: #17202a;
  --ink: #17202a;
  color: #17202a;
}
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .ag-contact-card.is-primary :is(h2, a) { color: #17202a; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .ag-contact-card:not(.is-primary) p { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .contact-form :is(label, .contact-extra-fields summary) { color: #d4d9e0; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .contact-form :is(.contact-extra-fields, .contact-upload) { background: #182639; border-color: #2d405d; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .contact-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select, textarea):focus { background: #0f1a2b !important; color: #f5f0e4 !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .contact-form :is(small, .ag-form-privacy) { color: #aeb7c3; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .contact-form input[type=file]::file-selector-button { background: #24344b; color: #f5f0e4; border-color: #476184; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .contact-form button[type=submit] { color: #17202a !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oxp-app-card .oxp-text-link { color: #17202a; }

html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .nc-company-page.os-legal-page .nc-company-aside > .nc-surface { background: #29283f !important; border-color: #45395b !important; }
html:is([data-theme=dark], [data-oz-theme=dark]) body#top.agency-site.os-studio .oxp-portfolio-intro > .ox-button { color: #17202a !important; }

/* The theme controller supplies the radial clip animation when supported. */
html.oz-theme-transition::view-transition-old(root),
html.oz-theme-transition::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
html.oz-theme-transition::view-transition-old(root) { z-index: 1; }
html.oz-theme-transition::view-transition-new(root) { z-index: 9999; }
@media (prefers-reduced-motion: reduce) {
  body#top.agency-site.os-studio .oz-site-header,
  body#top.agency-site.os-studio .oz-site-header *,
  body#top.agency-site.os-studio .oz-footer-language * { transition: none !important; animation: none !important; }
}

/* Authentication pages share the same navigation clearance. */
body#top.agency-site.os-studio.nx-auth-page .oz-auth-page {
  padding: 126px 28px 48px !important;
}
@media (max-width: 1100px) {
  body#top.agency-site.os-studio.nx-auth-page .oz-auth-page {
    padding: 102px 16px 112px !important;
  }
}
@media (max-width: 600px) {
  body#top.agency-site.os-studio.nx-auth-page .oz-auth-page {
    padding: 86px 12px 108px !important;
  }
  body#top.agency-site.os-studio.nx-auth-page .ac-auth-mobile-logo { display: none; }
}