/*
 * OneStack v345 | Tech Pearl
 * Replace muddy earth/brown and cream-tinted surfaces with clear white / neutral-gray
 * neutral / cool porcelain blue. Original logo gold remains as a deliberate CTA
 * accent; body copy and UI icons use confident navy/technology blue.
 * No image, layout, or HTML changes. Loaded after v344.
 */
:root {
  --os-brand-muted: #46566b;
  --os-brand-cream: #f5f7fb;
  --os-brand-gold: #f5c31b;
  --os-brand-gold-deep: #d18b00;
  --os-brand-gold-soft: #edf4ff;
  --os-brand-gold-text: #142157;
  --os-brand-line: #dfe6ef;
  --os-v335-page: #ffffff;
  --os-v335-cream: #f5f7fb;
  --os-v335-gold-soft: #edf4ff;
  --os-v335-gold: #e9ab1a;
  --os-v335-muted: #46566b;
  --os-v335-border: #dfe6ef;
}

/* OneStack v369 — unified homepage light-section rhythm.
 * White → graphite-gray → white → [navy promo unchanged] → white → gray → white → gray.
 * All styling below is scoped to the public homepage; card outlines are intentionally retained.
 */
body.oneweb-template-home,
body.oneweb-template-home .os-home-v9,
body.oneweb-template-home .os-v9-main { background: #fff !important; }
body.oneweb-template-home .os-home-v9 {
  --os-gold: #e9ab1a;
  --os-gold-2: #f5c31b;
  --os-muted: #46566b;
  --os-line-soft: #dfe6ef;
  --os-home-paper: #ffffff;
  --os-home-alt: #f5f7fa;
}
/* Light section sequence: services / about / website / app / dual / hospital / news. */
body.oneweb-template-home .os-home-v9 .os-v9-services,
body.oneweb-template-home .os-home-v9 .os-v9-website,
body.oneweb-template-home .os-home-v9 .os-v9-app,
body.oneweb-template-home .os-home-v9 .os-v9-hospital,
body.oneweb-template-home .os-home-v9 .os-v340-hospital {
  background: var(--os-home-paper) !important;
  background-image: none !important;
}
body.oneweb-template-home .os-home-v9 .os-v9-about,
body.oneweb-template-home .os-home-v9 .os-v9-dual,
body.oneweb-template-home .os-home-v9 .os-v9-news {
  background: var(--os-home-alt) !important;
  background-image: none !important;
}
/* Section boundaries use their natural background change, not a visible dividing line. */
body.oneweb-template-home .os-home-v9 .os-v9-main > .os-v9-section {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Premium cards: remove warm paper/soil wash and tawny outline. */
.os-home-v9 :is(.os-v9-service-card,.os-v9-web-card,.os-v9-more-card,.os-v9-feature-card,.os-v9-news-card,.os-v9-stat,.os-v339-app__panel,.os-v340-hospital__panel) {
  background: #fff !important;
  border-color: #dfe6ef !important;
  box-shadow: 0 7px 24px rgba(15,33,62,.075) !important;
}
.os-home-v9 .os-v9-wide-card {
  background: linear-gradient(115deg,#fff 0%,#f1f6fe 100%) !important;
  border-color: #dce5f0 !important;
  box-shadow: 0 7px 24px rgba(15,33,62,.07) !important;
}
.os-home-v9 :is(.os-v9-service-card,.os-v9-web-card,.os-v9-wide-card,.os-v9-news-card):hover {
  border-color: #8aaed9 !important;
  box-shadow: 0 13px 28px rgba(15,33,62,.12) !important;
}
.os-home-v9 .os-v9-stats .os-v9-stat {
  background: #fff !important;
  border-color: #dce5f0 !important;
}
.os-home-v9 .os-v9-stat strong { color: #142157 !important; }
.os-home-v9 .os-v9-about__image figcaption {
  border-color: #dce5f0 !important;
  background: rgba(255,255,255,.96) !important;
}

/* Logo gold reserved for important actions, decorative rules and selected tabs.
   Supporting interactions become crisp technology blue rather than ochre. */
.os-home-v9 :is(.os-v9-service-card em,.os-v9-wide-card em,.os-v9-feature-card em,.os-v9-news-more-link) {
  color: #142157 !important;
}
.os-home-v9 :is(.os-v9-card-icon,.os-v9-more-card > span,.os-v9-app-features span,.os-v9-hospital-features span,.os-v339-app__feature-icon,.os-v340-hospital__feature-icon) {
  background: #edf4ff !important;
  border-color: #cfe0f4 !important;
  color: #142157 !important;
}
.os-home-v9 .os-v9-feature-card em,
.os-home-v9 .os-v9-news-meta strong,
.os-home-v9 .os-v9-news-more-link {
  background: #eef4fd !important;
  border-color: #d4e1f2 !important;
  color: #142157 !important;
}
.os-home-v9 .os-v9-news-more-link:hover {
  background: #e4eefc !important;
  border-color: #9ebce0 !important;
}
.os-home-v9 .os-v9-more-card { background: #f8fbff !important; }

/* Clinical-looking neutral hospital background and blue support details. */
.os-home-v9 .os-v340-hospital__panel { border-color: #dfe6ef !important; }
.os-home-v9 .os-v340-hospital__heading > p,
.os-home-v9 .os-v340-hospital__intro { color: #46566b !important; }
.os-home-v9 .os-v340-hospital__heading > p span,
.os-home-v9 .os-v340-hospital__eyebrow,
.os-home-v9 .os-v340-hospital__section-label,
.os-home-v9 .os-v340-hospital__content h3 span,
.os-home-v9 .os-v340-hospital__note svg,
.os-home-v9 .os-v340-hospital__process b {
  color: #142157 !important;
}
.os-home-v9 .os-v340-hospital__process span {
  background: #fff !important;
  border-color: #dfe6ef !important;
  color: #0c1646 !important;
}
.os-home-v9 .os-v340-hospital__button--secondary:hover { background: #edf4ff !important; border-color: #8aaed9 !important; }

/* App supplementary text and secondary buttons. */
.os-home-v9 .os-v339-app__eyebrow,
.os-home-v9 .os-v339-app__section-label,
.os-home-v9 .os-v339-app__content h3 span { color: #142157 !important; }
.os-home-v9 .os-v339-app__use-cases > div {
  background: #f8fbff !important;
  border-color: #dfe6ef !important;
}
.os-home-v9 .os-v339-app__button--secondary:hover { background: #edf4ff !important; border-color: #8aaed9 !important; }

/* Gold is not earthy: use luminous logo yellow ONLY on real CTAs. */
body[class*="oneweb-template"] .oneweb-shared-header :is(.os-v228-login-btn,.os-v228-register-btn,.os-v9-login),
.os-home-v9 :is(.os-v9-btn--gold,.os-v9-btn--gold-dark,.os-v339-app__button--primary,.os-v340-hospital__button--primary) {
  background: linear-gradient(125deg,#ffdc56 0%,#f5c31b 100%) !important;
  border-color: #e2ae14 !important;
  color: #000730 !important;
  box-shadow: 0 5px 16px rgba(34,50,76,.13) !important;
}
.os-home-v9 :is(.os-v9-btn--gold,.os-v9-btn--gold-dark,.os-v339-app__button--primary,.os-v340-hospital__button--primary):hover {
  background: #f5c31b !important;
  box-shadow: 0 8px 22px rgba(34,50,76,.18) !important;
}
.os-home-v9 .os-v9-title::before {
  background: linear-gradient(90deg,#e9ab1a,#f5c31b) !important;
}
.os-home-v9 .os-v9-news .os-v9-tabs button.is-active,
.os-home-v9 .os-v9-news .os-v9-tabs button.is-active:hover {
  background: linear-gradient(110deg,#ffdc56,#f5c31b) !important;
  border-color: #e2ae14 !important;
  color: #000730 !important;
  box-shadow: 0 5px 15px rgba(15,33,62,.12) !important;
}
/* Keep the previously agreed WHITE hover for every inactive news tab. */
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active),
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):is(:hover,:focus,:focus-visible) {
  background: #fff !important;
  background-image: none !important;
  color: #000730 !important;
}
.os-home-v9 .os-v9-news .os-v9-tabs button:not(.is-active):hover {
  border-color: #a8c3e4 !important;
}

@media (max-width:760px) {
  .os-home-v9 :is(.os-v9-service-card,.os-v9-web-card,.os-v9-news-card) {
    box-shadow: 0 4px 15px rgba(15,33,62,.075) !important;
  }
}