/* Charcoal + Electric Lime. Presentation only; page content and flows are unchanged. */
:root {
  --ink: #111827;
  --ink-soft: #1B2638;
  --paper: #111827;
  --muted: #B5BFCE;
  --line: #354154;
  --lime: #D6FF35;
  --lime-deep: #C4EE20;
  --white: #F8F9FA;
  --surface: #1B2638;
  --light-muted: #526072;
  --light-line: #D6DCE4;
  color-scheme: dark;
}

body { background: var(--ink); color: var(--white); }
::selection { background: var(--lime); color: var(--ink); }
:is(button, a, summary, select, input):focus-visible { outline-color: var(--lime); }
.eyebrow, .accent-line, .hero-asterisk { color: var(--lime); }
.muted-heading { color: #AEB9CB; }
.skip-link { color: var(--ink); }
.text-link { color: var(--white); }
.text-link:hover { color: var(--lime); }
.season-strip { background: var(--lime); color: var(--ink); }
.live-dot { background: var(--ink); }
.site-header { background: rgba(17, 24, 39, .97); border-color: var(--line); }
.brand, .nav nav a { color: var(--white); }
.brand-symbol i { background: var(--lime); }
.brand small { color: #AEB9CB; }
.nav nav a:hover { color: var(--lime); }
.button.dark, .button.light {
  color: var(--ink);
  background: var(--lime);
  box-shadow: 0 0 0 1px rgba(214, 255, 53, .2), 0 6px 24px rgba(214, 255, 53, .09);
}
.button.dark:hover, .button.light:hover {
  color: var(--ink);
  background: #E4FF7A;
  box-shadow: 0 0 0 1px rgba(214, 255, 53, .4), 0 8px 32px rgba(214, 255, 53, .18);
}
.tiny-line { background: var(--lime); }
.hero h1 { color: var(--white); }
.hero-description { color: #C1C9D5; }
.hero-description strong { color: var(--white); }
.hero-bonus { color: var(--white); }
.hero-bonus strong { color: var(--lime); }
.hero-note { color: #D0D7E1; }
.hero .offer-note { color: #AEB9CB; }
.hero .offer-note a { color: #D0D7E1; }
.hero-visual {
  background: var(--surface);
  border: 1px solid #3C4B43;
  box-shadow: 0 0 50px rgba(214, 255, 53, .04);
}
.visual-topline { color: var(--lime); }
.store-window { color: var(--ink); background: var(--white); border-color: #BBC4D0; box-shadow: 0 20px 44px #060B1659; }
.window-bar { background: #E8ECF1; border-color: #D6DCE4; color: #526072; }
.traffic-lights i { background: #A2ADBD; }
.store-nav, .store-caption { color: var(--ink); }
.store-caption span:last-child { color: #526072; }
.store-scene { background: linear-gradient(135deg, #D6FF35 0%, #BDDF36 58%, #E7FF83 100%); }
.scene-label, .scene-bottom { color: var(--ink); }
.orbit { border-color: #11182726; }
.product-box {
  background: linear-gradient(90deg, #111827, #263449 90%, #0B1220 90%);
  color: var(--lime);
  box-shadow: 8px 18px 22px #11182738;
}
.vial { filter: drop-shadow(7px 16px 8px #11182738); }
.vial-cap {
  border-color: #9CA6B4;
  background: repeating-linear-gradient(90deg, transparent 0, transparent 3px, #FFFFFF66 4px, #47556922 5px), linear-gradient(90deg, #8792A2, #F8F9FA 38%, #B5BEC9 70%, #EDF0F4);
}
.vial-cap::before { background: linear-gradient(90deg, #AEB8C5, #EBEEF3, #9CA7B6); border-color: #96A1B1; }
.vial-neck { background: linear-gradient(90deg, #98A5B5, #F8F9FAB8, #BCC5D0); }
.vial-body {
  border-color: #FFFFFFC9;
  background: linear-gradient(90deg, #9AA7B789, #FFFFFFAA 18%, #F8F9FA44 35%, #CFD8E567 80%, #8492A59C);
}
.vial-body::before { background: linear-gradient(#EEF2F699, #F8F9FAE6); }
.vial-label { background: linear-gradient(90deg, #E8ECF2, #F8F9FA 38%, #D6DDE6); color: var(--ink); }
.vial-label i { background: var(--lime); }
.credit-pass { background: var(--lime); color: var(--ink); box-shadow: 0 15px 35px #050B185C, 0 0 28px #D6FF3514; }
.pass-caption { color: #374415; }
.pass-icon { color: var(--ink); border-color: #11182750; }
.bank-pill { background: var(--white); color: var(--ink); border-color: #CED5E0; box-shadow: 0 10px 24px #070D1C40; }
.bank-glyph { background: var(--lime); color: var(--ink); }
.bank-pill small { color: #526072; }
.concept-caption { color: #B5BFCE; }

.promise-strip { background: #182235; border-color: var(--line); }
.promise-grid > div { border-color: var(--line); }
.promise-number { color: var(--lime); }
.promise-grid p { color: #B5BFCE; }
.promise-grid strong { color: var(--white); }
.section-lead { color: var(--white); }
.body-copy, .section-heading > p, .detail-body p, .process-grid p { color: var(--muted); }

/* Off-white sections create deliberate contrast with the dark foundation. */
.advantage-section, .fit-section {
  --muted: #526072;
  --line: #D6DCE4;
  background: var(--white);
  color: var(--ink);
  color-scheme: light;
}
.advantage-section .eyebrow, .fit-section .eyebrow { color: #485A14; }
.advantage-section .section-heading > p, .fit-section .body-copy, .fit-list p { color: #526072; }
.advantage-section h2, .fit-section h2 { color: var(--ink); }
.credit-feature { background: var(--lime); color: var(--ink); }
.credit-feature .round-icon { color: var(--ink); border-color: #11182750; }
.credit-feature .credit-feature-amount, .credit-feature .amount-prefix { color: var(--ink) !important; }
.credit-feature > p:not(.credit-feature-amount):not(.amount-prefix) { color: #344218; }
.credit-feature .text-link { color: var(--ink); }
.credit-feature .text-link:hover { color: #425510; }
.credit-feature .feature-bottom { color: #344218; border-color: #11182730; }
.bank-feature { background: var(--ink); color: var(--white); }
.bank-feature .bank-feature-amount { color: var(--lime); }
.bank-feature > p:not(.bank-feature-amount) { color: #C1C9D5; }
.bank-feature .feature-topline { color: var(--lime); }
.bank-feature .round-icon { color: var(--lime); border-color: #D6FF3566; }
.bank-flow span { border-color: #526072; color: #E5E9EF; }
.bank-flow i { color: var(--lime); }
.bank-feature .feature-bottom { color: #B5BFCE; border-color: #354154; }
.network-note { color: #526072; }

.dropship-section { border-color: var(--line); }
.dropship-visual { background: #E8ECF2; color: var(--ink); border: 1px solid #CED5E0; }
.dropship-visual-label { color: #475569; }
.label-sticker { background: var(--white); border-color: #CFD7E2; color: var(--ink); box-shadow: 0 14px 20px #11182717; }
.label-sticker i { background: var(--lime); }
.label-path { color: #526072; }
.fulfillment-stamp { background: var(--ink); color: var(--white); }
.fulfillment-stamp .checkmark { background: var(--lime); color: var(--ink); }
.fulfillment-stamp small { color: #C1C9D5; }
.dropship-visual > p { color: #526072; }
.dropship-benefits span { color: var(--lime); }
.dropship-note { color: var(--muted); }

.build-preview { background: var(--surface); border-color: var(--line); }
.preview-title { color: #E5E9EF; }
.dashboard-logo { background: var(--lime); color: var(--ink); }
.concept-chip { border-color: #607086; color: #C1C9D5; }
.dashboard-inner { color: var(--ink); background: var(--white); border-color: #D6DCE4; box-shadow: 0 13px 24px #070D1C22; }
.dashboard-inner aside { background: #E8ECF2; }
.dashboard-menu { color: #64748B; }
.dashboard-menu.selected { color: var(--ink); background: var(--lime); }
.dashboard-welcome h4, .workspace-row strong { color: var(--ink); }
.dashboard-welcome > span, .workspace-row small { color: #526072; }
.workspace-row { border-color: #DDE2EA; }
.workspace-icon { border-color: #CCD4E0; color: #475569; }
.workspace-dot { background: #658200; }
.dashboard-footer { color: #526072; }
.dashboard-footer strong { color: var(--ink); }
.ownership-note > span { color: var(--lime); }
.ownership-note strong { color: var(--white); }
.ownership-note p { color: #B5BFCE; }
.item-num { color: var(--lime); }
.toggle::before, .toggle::after { background: var(--lime); }
.build-features summary:hover h3, .faq-list summary:hover h3 { color: var(--lime); }
.scope-note { border-color: var(--line); }
.scope-note strong { color: var(--white); }
.scope-note p { color: var(--muted); }

.season-section { background: #1B2638; color: var(--white); border-block: 1px solid #354154; }
.season-layout .eyebrow { color: var(--lime); }
.season-layout > div > p:not(.eyebrow) { color: #C1C9D5; }
.launch-board { background: var(--ink); border-color: #53623D; }
.launch-board-header { color: var(--lime); border-color: #354154; }
.launch-board li { border-color: #2C384B; }
.launch-board li > span:first-child { color: #AEB9CB; }
.checkmark { background: var(--lime); color: var(--ink); }
.launch-board > p { color: #AEB9CB; }
.step-index { color: var(--lime); border-color: #475569; }
.step-index::after { color: var(--lime); }
.timeline-note { color: #B5BFCE; }
.fit-section { border-color: #D6DCE4; }
.fit-list article { border-color: #CCD4E0; }
.fit-list article > span { color: #64748B; }
.fit-section .text-link { color: var(--ink); }
.fit-section .text-link:hover { color: #526915; }
.faq-section h2 { color: var(--white); }
.faq-list details { border-color: var(--line); }
.faq-list .detail-body p { color: var(--muted); }

.final-cta { background: var(--lime); color: var(--ink); box-shadow: 0 0 60px #D6FF3509; }
.final-cta .eyebrow { color: #344218; }
.final-cta h2, .final-cta h2 span { color: var(--ink); }
.final-cta > p:not(.eyebrow) { color: #344218; }
.final-cta .button.dark { background: var(--ink); color: var(--lime); box-shadow: none; }
.final-cta .button.dark:hover { background: #29364B; color: var(--white); }
.cta-subnote { color: #344218; }
.cta-decoration i { background: #11182725; }
.offer-terms h2 { color: var(--white); }
.offer-terms p { color: #AEB9CB; }
.offer-terms p strong { color: #D5DCE7; }
.footer { border-color: var(--line); }
.footer p, .footer a:not(.brand), .footer-link { color: #B5BFCE; }
.footer a:hover, .footer-link:hover { color: var(--lime); }
.mobile-cta { background: rgba(17, 24, 39, .98); color: var(--white); border-color: #475569; }

/* Planner and privacy dialog keep the same contrast system. */
.planner-dialog { background: var(--ink); color: var(--white); border-color: #526072; box-shadow: 0 30px 100px #00000066; }
.planner-dialog::backdrop { background: #060B16C9; }
.dialog-close { background: #2C384B; color: var(--white); }
.dialog-close:hover { background: var(--lime); color: var(--ink); }
.dialog-intro { color: var(--muted); }
.choice { background: var(--surface); color: var(--white); border-color: #526072; }
.choice:hover { background: #29364B; border-color: #8A9BB3; }
.choice small { color: #B5BFCE; }
.choice input { accent-color: var(--lime); }
.choice:has(input:checked) { background: var(--lime); border-color: var(--lime); color: var(--ink); color-scheme: light; }
.choice:has(input:checked) small { color: #344218; }
.choice:has(input:checked) input { accent-color: var(--ink); }
.select-label, .planner-disclosure { color: var(--muted); }
.planner-dialog select { background: var(--surface); color: var(--white); border-color: #526072; }
.result-badge { background: var(--lime); color: var(--ink); }
#result-description, #result-list li { color: var(--muted); }
#result-list li { border-color: var(--line); }
#result-list li::before { color: var(--lime); }
.result-note { background: var(--surface); color: var(--white); border: 1px solid var(--line); }
.result-note p, .privacy-dialog p:not(.eyebrow) { color: var(--muted); }

@media (prefers-reduced-motion: reduce) {
  .button:hover { transform: none; }
}

/* OmniTrendUSA wordmark: preserve the existing mark and fit mobile navigation. */
.brand.omnitrend { white-space:nowrap; font-size:25px; letter-spacing:-1.1px; }
.brand.omnitrend .brand-symbol { flex-shrink:0; }
@media (max-width:560px) {
  .site-header .brand.omnitrend { font-size:clamp(16px,4.6vw,22px); letter-spacing:-.8px; gap:6px; }
  .site-header .brand.omnitrend .brand-symbol { width:22px; gap:2px; }
  .site-header .brand.omnitrend .brand-symbol i { width:4px; }
  .site-header .nav { gap:10px; }
  .site-header .nav > .button.small { gap:9px; padding-inline:10px; }
}

/* Always-visible offer and application bars, above the existing responsive theme. */
:root { --promo-height:44px; }
html { scroll-padding-top:calc(var(--promo-height) + 100px); }
body { padding-bottom:calc(86px + env(safe-area-inset-bottom,0px)); }
.season-strip.promo-strip { position:sticky; top:0; z-index:40; height:var(--promo-height); letter-spacing:0; font-size:14px; }
.promo-strip .strip-inner { justify-content:center; gap:6px; }
.promo-link { display:block; background:transparent; color:#111827; padding:8px 0; font-size:14px; line-height:1.45; font-weight:600; text-align:center; }
.promo-link strong { font-weight:800; }
.promo-terms { font-size:15px; padding:8px 4px; text-decoration:underline; }
.site-header { top:var(--promo-height); }
.mobile-cta.sticky-apply { display:block; position:fixed; bottom:0; inset-inline:0; z-index:35; padding:12px 0 max(12px,env(safe-area-inset-bottom)); background:rgba(17,24,39,.98); border-top:1px solid #526072; backdrop-filter:blur(12px); box-shadow:0 -8px 30px #0003; }
.sticky-apply-inner { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.sticky-apply-inner>span { font-size:15px; font-weight:600; }
.sticky-apply .button { min-width:190px; min-height:50px; padding:15px 24px; font-size:14px; }
body.dialog-open .sticky-apply { visibility:hidden; }
@media(max-width:700px) {
 :root { --promo-height:64px; }
 .promo-strip .strip-inner { width:calc(100% - 32px); gap:2px; }
 .promo-link { font-size:12px; }
 .sticky-apply-inner { width:calc(100% - 32px); gap:12px; }
 .sticky-apply-inner>span { font-size:12px; line-height:1.4; max-width:155px; }
 .sticky-apply .button { min-width:136px; padding:14px 18px; font-size:13px; gap:18px; }
 .footer { padding-bottom:30px; }
}

/* Clear, readable scope notes with anchor space below the sticky header. */
.compliance-summary { color: #CBD3DE; font-size: 13px; line-height: 1.6; margin: 12px 0; max-width: 580px; }
.compliance-summary a { color: #DFFF5A; text-decoration: underline; text-underline-offset: 3px; }
#compliance-disclosure { scroll-margin-top: 160px; font-size: 14px; line-height: 1.75; }
.deliverable-copy h3 .inline-note { font-size: .75em; vertical-align: super; margin-left: 3px; }