/* ==========================================================================
   Mountsol Glacier — unified light corporate theme
   Logo-based: cyan accent + charcoal-teal text on bright surfaces.
   Loaded last. Does not change layout or content structure.
   ========================================================================== */

.ms-summit,
.ms-summit.ms-saas-pro {
  --ms-summit: #001C24;
  --ms-summit-soft: #0A2F39;
  --ms-ink: #0B1F26;
  --ms-cyan: #03C7FC;
  --ms-cyan-deep: #00A8D6;
  --ms-cyan-text: #007EA8;
  --ms-cyan-soft: rgba(3, 199, 252, 0.1);
  --ms-cyan-glow: rgba(3, 199, 252, 0.18);
  --ms-ice: #F3FAFD;
  --ms-ice-deep: #EEF7FB;
  --ms-mist: #E8F6FC;
  --ms-cloud: #FFFFFF;
  --ms-muted: #5B6B76;
  --ms-line: rgba(0, 28, 36, 0.08);
  --ms-line-strong: rgba(0, 28, 36, 0.12);
  --ms-shadow: 0 1px 2px rgba(0, 28, 36, 0.04), 0 14px 36px rgba(0, 28, 36, 0.06);
  --ms-shadow-lg: 0 18px 48px rgba(0, 28, 36, 0.09);
  --ms-glass: rgba(255, 255, 255, 0.72);
  --ms-glass-border: rgba(255, 255, 255, 0.9);
  --ms-container: 1400px;
  --ms-display: "DM Sans", system-ui, sans-serif;
  --ms-text: "DM Sans", system-ui, sans-serif;
  color: var(--ms-summit);
  background: #fff;
}

/* ---------- Generic dark-surface killers ---------- */
.ms-summit .ms-section--dark,
.ms-summit .ms-band--dark,
.ms-summit [data-ms-dark],
.ms-summit .ms-shell--dark {
  background: linear-gradient(180deg, #fff 0%, var(--ms-ice) 100%) !important;
  color: var(--ms-summit) !important;
}

/* ---------- Mega aside: light frost panel ---------- */
.ms-summit .ms-mega__aside,
.ms-summit.ms-saas-pro .ms-mega__aside {
  background:
    linear-gradient(165deg, rgba(243, 250, 253, 0.98) 0%, #e8f6fc 45%, #f7fcfe 100%) !important;
  color: var(--ms-summit) !important;
  border-left: 1px solid rgba(3, 199, 252, 0.16);
}
.ms-summit .ms-mega__aside::before,
.ms-summit.ms-saas-pro .ms-mega__aside::before {
  background: radial-gradient(circle, rgba(3, 199, 252, 0.22), transparent 70%) !important;
}
.ms-summit .ms-mega__aside-kicker,
.ms-summit.ms-saas-pro .ms-mega__aside-kicker {
  color: var(--ms-cyan-text) !important;
}
.ms-summit .ms-mega__aside-title,
.ms-summit.ms-saas-pro .ms-mega__aside-title {
  color: var(--ms-summit) !important;
}
.ms-summit .ms-mega__aside-text,
.ms-summit.ms-saas-pro .ms-mega__aside-text {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-mega__aside-glow {
  background: radial-gradient(circle, rgba(3, 199, 252, 0.2), transparent 70%) !important;
}

/* ---------- Proof / trust strip ---------- */
.ms-summit .ms-proof__grid,
.ms-summit.ms-saas-pro .ms-proof__grid {
  background:
    linear-gradient(135deg, #ffffff 0%, #f3fafd 48%, #e8f6fc 100%) !important;
  border: 1px solid rgba(3, 199, 252, 0.16) !important;
  box-shadow: var(--ms-shadow) !important;
}
.ms-summit .ms-proof__num,
.ms-summit.ms-saas-pro .ms-proof__num {
  color: var(--ms-summit) !important;
}
.ms-summit .ms-proof__num--text,
.ms-summit.ms-saas-pro .ms-proof__num--text {
  color: var(--ms-cyan-text) !important;
}
.ms-summit .ms-proof__label,
.ms-summit.ms-saas-pro .ms-proof__label {
  color: var(--ms-muted) !important;
}

/* ---------- Industries ---------- */
.ms-summit #industries,
.ms-summit.ms-saas-pro #industries,
.ms-summit .ms-indy-sec {
  background:
    radial-gradient(ellipse 55% 45% at 50% 0%, rgba(3, 199, 252, 0.1), transparent 60%),
    linear-gradient(180deg, #f7fcfe 0%, #ffffff 55%, #f3fafd 100%) !important;
  color: var(--ms-summit) !important;
}
.ms-summit #industries .ms-h2,
.ms-summit #industries .ms-indy-sec__head .ms-lead,
.ms-summit #industries .ms-eyebrow,
.ms-summit.ms-saas-pro #industries .ms-h2,
.ms-summit.ms-saas-pro #industries .ms-indy-sec__head .ms-lead,
.ms-summit.ms-saas-pro #industries .ms-eyebrow {
  color: inherit !important;
}
.ms-summit #industries .ms-eyebrow,
.ms-summit.ms-saas-pro #industries .ms-eyebrow {
  color: var(--ms-cyan-text) !important;
}
.ms-summit #industries .ms-lead,
.ms-summit.ms-saas-pro #industries .ms-lead {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-indy-console,
.ms-summit.ms-saas-pro .ms-indy-console {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(3, 199, 252, 0.18) !important;
  box-shadow: var(--ms-shadow-lg) !important;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  color: var(--ms-summit) !important;
}

/* ---------- Journey / approach CTA ---------- */
.ms-summit .ms-journey__cta,
.ms-summit.ms-saas-pro .ms-journey__cta,
.ms-summit .ms-journey {
  background: transparent !important;
}
.ms-summit .ms-journey__cta,
.ms-summit.ms-saas-pro .ms-journey__cta {
  background:
    linear-gradient(135deg, #ffffff 0%, #eef8fc 50%, #e6f5fb 100%) !important;
  border: 1px solid rgba(3, 199, 252, 0.2) !important;
  box-shadow: var(--ms-shadow) !important;
  color: var(--ms-summit) !important;
}
.ms-summit .ms-journey__cta-title,
.ms-summit.ms-saas-pro .ms-journey__cta-title,
.ms-summit .ms-journey__cta h2 {
  color: var(--ms-summit) !important;
}
.ms-summit .ms-journey__cta-lead,
.ms-summit.ms-saas-pro .ms-journey__cta-lead,
.ms-summit .ms-journey__cta p {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-btn--journey-ghost,
.ms-summit.ms-saas-pro .ms-btn--journey-ghost {
  background: #fff !important;
  color: var(--ms-summit) !important;
  border-color: rgba(0, 28, 36, 0.12) !important;
}

/* ---------- Featured benefit / feat card ---------- */
.ms-summit .ms-feat-card--featured,
.ms-summit.ms-saas-pro .ms-feat-card--featured {
  background:
    linear-gradient(135deg, #ffffff 0%, #f0f9fc 45%, #e6f5fb 100%) !important;
  border: 1px solid rgba(3, 199, 252, 0.22) !important;
  color: var(--ms-summit) !important;
}
.ms-summit .ms-feat-card__chrome,
.ms-summit.ms-saas-pro .ms-feat-card__chrome {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-feat-card__kpis div,
.ms-summit.ms-saas-pro .ms-feat-card__kpis div {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(3, 199, 252, 0.16) !important;
}
.ms-summit .ms-feat-card__kpis small,
.ms-summit.ms-saas-pro .ms-feat-card__kpis small {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-feat-card__kpis strong,
.ms-summit.ms-saas-pro .ms-feat-card__kpis strong {
  color: var(--ms-summit) !important;
}

/* ---------- Hub / capability dark pops ---------- */
.ms-summit .ms-hub__center,
.ms-summit .ms-hub__pop,
.ms-summit .ms-hub__stage-core,
.ms-summit .ms-power__panel--dark {
  background: linear-gradient(160deg, #ffffff, #f3fafd) !important;
  color: var(--ms-summit) !important;
  border-color: rgba(3, 199, 252, 0.18) !important;
}
.ms-summit .ms-hub__pop--care,
.ms-summit .ms-hub__card--featured {
  background: linear-gradient(145deg, #f7fcfe, #e8f6fc) !important;
  color: var(--ms-summit) !important;
}

/* ---------- Intro accent cards ---------- */
.ms-summit .ms-intro__card--dark,
.ms-summit .ms-intro__media,
.ms-summit .ms-intro__visual-panel {
  background: linear-gradient(145deg, #ffffff, #eef8fc) !important;
  color: var(--ms-summit) !important;
}

/* ---------- Spec / specialization dark cards ---------- */
.ms-summit .ms-spec-card--odoo,
.ms-summit .ms-spec-card--web,
.ms-summit .ms-spec-card__media {
  background: linear-gradient(165deg, #f7fcfe 0%, #ffffff 100%) !important;
}
.ms-summit .ms-spec-card__body,
.ms-summit .ms-spec-card h3,
.ms-summit .ms-spec-card p {
  color: var(--ms-summit);
}

/* ---------- Care / support panels ---------- */
.ms-summit .ms-care,
.ms-summit .ms-care--ai,
.ms-summit .ms-care--priority {
  background:
    radial-gradient(ellipse 50% 40% at 20% 0%, rgba(3, 199, 252, 0.08), transparent 55%),
    #fff !important;
}
.ms-summit .ms-care-ai__panel,
.ms-summit .ms-care-ticket__card {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(3, 199, 252, 0.18) !important;
  box-shadow: var(--ms-shadow) !important;
  color: var(--ms-summit) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* ---------- Land pages / CTAs ---------- */
.ms-summit .ms-land-hero,
.ms-summit .ms-page-hero,
.ms-summit .ms-page-hero--premium,
.ms-summit .ms-land-hero--care,
.ms-summit .ms-land-hero--odoo,
.ms-summit .ms-folio-hero,
.ms-summit .ms-insight-hero {
  background:
    radial-gradient(ellipse 55% 50% at 12% 10%, rgba(3, 199, 252, 0.14), transparent 55%),
    radial-gradient(ellipse 45% 40% at 90% 0%, rgba(0, 168, 214, 0.08), transparent 50%),
    linear-gradient(180deg, #f7fcfe 0%, #ffffff 70%) !important;
  color: var(--ms-summit) !important;
}
.ms-summit .ms-land-hero__title,
.ms-summit .ms-page-hero__title,
.ms-summit .ms-folio-hero__title,
.ms-summit .ms-insight-hero__title {
  color: var(--ms-summit) !important;
}
.ms-summit .ms-land-hero__lead,
.ms-summit .ms-page-hero__lead,
.ms-summit .ms-insight-hero__lead,
.ms-summit .ms-insight-hero__lead * {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-land-cta,
.ms-summit .ms-land-cta__inner {
  background:
    linear-gradient(135deg, #ffffff 0%, #eef8fc 100%) !important;
  color: var(--ms-summit) !important;
  border: 1px solid rgba(3, 199, 252, 0.16);
  border-radius: 24px;
  box-shadow: var(--ms-shadow);
}
.ms-summit .ms-land-cta .ms-h2,
.ms-summit .ms-land-cta .ms-lead {
  color: inherit;
}
.ms-summit .ms-land-cta .ms-lead {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-btn--ghost-light {
  background: #fff !important;
  color: var(--ms-summit) !important;
  border: 1px solid rgba(0, 28, 36, 0.12) !important;
}

/* ---------- Contact / consult ---------- */
.ms-summit .ms-consult,
.ms-summit #contact {
  background:
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(3, 199, 252, 0.1), transparent 55%),
    var(--ms-ice) !important;
}
.ms-summit .ms-consult__shell,
.ms-summit.ms-saas-pro .ms-consult__shell {
  background: #fff !important;
  border: 1px solid rgba(3, 199, 252, 0.14) !important;
  box-shadow: var(--ms-shadow-lg) !important;
}
.ms-summit .ms-consult__aside,
.ms-summit .ms-consult__panel--dark {
  background: linear-gradient(165deg, #f7fcfe, #eef8fc) !important;
  color: var(--ms-summit) !important;
}

/* ---------- Footer: bright corporate ---------- */
.ms-summit .ms-footer,
.ms-summit .ms-footer--premium,
.ms-summit.ms-saas-pro .ms-footer {
  background:
    linear-gradient(180deg, #f7fcfe 0%, #ffffff 40%, #f3fafd 100%) !important;
  color: var(--ms-summit) !important;
  border-top: 1px solid rgba(3, 199, 252, 0.12);
}
.ms-summit .ms-footer__atmosphere {
  opacity: 0.55;
}
.ms-summit .ms-footer__grid-lines {
  background-image:
    linear-gradient(rgba(3, 199, 252, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(3, 199, 252, 0.06) 1px, transparent 1px) !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), transparent 70%);
}
.ms-summit .ms-footer__cta {
  background:
    linear-gradient(135deg, rgba(3, 199, 252, 0.1), rgba(255, 255, 255, 0.9) 48%, rgba(3, 199, 252, 0.06)),
    #fff !important;
  border: 1px solid rgba(3, 199, 252, 0.2) !important;
  box-shadow: var(--ms-shadow) !important;
}
.ms-summit .ms-footer__cta-kicker {
  color: var(--ms-cyan-text) !important;
}
.ms-summit .ms-footer__cta-title,
.ms-summit .ms-footer__tagline,
.ms-summit .ms-footer__col h3,
.ms-summit .ms-footer__newsletter-copy h3,
.ms-summit .ms-footer__brand {
  color: var(--ms-summit) !important;
}
.ms-summit .ms-footer__statement {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-footer__cta-text,
.ms-summit .ms-footer__contact,
.ms-summit .ms-footer__contact span,
.ms-summit .ms-footer__newsletter-copy p,
.ms-summit .ms-footer__col a,
.ms-summit .ms-footer__legal a,
.ms-summit .ms-footer__copy {
  color: var(--ms-muted) !important;
}
.ms-summit .ms-footer__col a:hover,
.ms-summit .ms-footer__legal a:hover,
.ms-summit .ms-footer__contact a {
  color: var(--ms-cyan-text) !important;
}
.ms-summit .ms-footer__social a {
  color: var(--ms-cyan-deep) !important;
  background: rgba(3, 199, 252, 0.08);
  border-radius: 999px;
}
.ms-summit .ms-btn--footer-primary {
  background: linear-gradient(135deg, #03C7FC, #00A8D6) !important;
  color: #001C24 !important;
}
.ms-summit .ms-btn--footer-ghost {
  background: #fff !important;
  color: var(--ms-summit) !important;
  border: 1px solid rgba(0, 28, 36, 0.12) !important;
}
.ms-summit .ms-footer__newsletter {
  border-color: rgba(3, 199, 252, 0.18) !important;
  background: rgba(255, 255, 255, 0.92) !important;
}
.ms-summit .ms-footer__bottom {
  border-top: 1px solid rgba(0, 28, 36, 0.08) !important;
}

/* ---------- Voices / outcomes ---------- */
.ms-summit .ms-voices,
.ms-summit #testimonials {
  background: #fff !important;
}
.ms-summit .ms-voice,
.ms-summit.ms-saas-pro .ms-voice {
  background: #fff !important;
  border: 1px solid var(--ms-line) !important;
  box-shadow: var(--ms-shadow) !important;
  color: var(--ms-summit) !important;
}

/* ---------- Insight media fallback ---------- */
.ms-summit .ms-insight-feature__media {
  background: linear-gradient(145deg, #e8f6fc, #f3fafd) !important;
}

/* ---------- Power / capability dark panels ---------- */
.ms-summit .ms-power,
.ms-summit .ms-power__frame,
.ms-summit .ms-capability {
  background: transparent !important;
}
.ms-summit .ms-power__app,
.ms-summit .ms-power__panel {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(3, 199, 252, 0.14) !important;
  color: var(--ms-summit) !important;
  box-shadow: var(--ms-shadow);
}

/* ---------- Light glass cards (global) ---------- */
.ms-summit .ms-svc,
.ms-summit .ms-module,
.ms-summit .ms-land-cap,
.ms-summit .ms-hl-card,
.ms-summit .ms-folio-tile,
.ms-summit .ms-contact-form-wrap {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 28, 36, 0.08);
  box-shadow: var(--ms-shadow);
}
.ms-summit .ms-svc:hover,
.ms-summit .ms-module:hover,
.ms-summit .ms-land-cap:hover {
  border-color: rgba(3, 199, 252, 0.35);
}

/* ---------- Hero stays bright (no white mid-wash) ---------- */
.ms-summit .ms-hero,
.ms-summit.ms-saas-pro .ms-hero {
  background:
    radial-gradient(ellipse 90% 70% at 50% -8%, rgba(3, 199, 252, 0.3), transparent 55%),
    radial-gradient(ellipse 70% 55% at 10% 10%, rgba(3, 199, 252, 0.24), transparent 58%),
    radial-gradient(ellipse 55% 48% at 92% 16%, rgba(0, 168, 214, 0.16), transparent 56%),
    radial-gradient(ellipse 48% 42% at 68% 82%, rgba(3, 199, 252, 0.1), transparent 62%),
    linear-gradient(180deg, #D8F2FA 0%, #E6F6FC 32%, #EEF9FC 68%, #F3FAFD 100%) !important;
}
.ms-summit .ms-hero__title,
.ms-summit .ms-hero__lead,
.ms-summit .ms-hero__copy {
  color: var(--ms-summit);
}
.ms-summit .ms-hero__lead {
  color: var(--ms-muted);
}
.ms-summit .ms-hero__partner,
.ms-summit .ms-hero__card,
.ms-summit .ms-hero__chip {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow: var(--ms-shadow);
  color: var(--ms-summit) !important;
}

/* Industries nav — light theme readable states */
.ms-summit .ms-indy-nav__item,
.ms-indy-nav__item {
  color: var(--ms-summit, #001C24) !important;
}
.ms-summit .ms-indy-nav__item:hover,
.ms-indy-nav__item:hover {
  color: var(--ms-summit, #001C24) !important;
  background: rgba(3, 199, 252, 0.1) !important;
}
.ms-summit .ms-indy-nav__item.is-active,
.ms-indy-nav__item.is-active {
  color: var(--ms-summit, #001C24) !important;
  background: linear-gradient(110deg, rgba(3, 199, 252, 0.16), rgba(3, 199, 252, 0.05)) !important;
}
.ms-summit .ms-indy-nav__item.is-active .ms-indy-nav__icon,
.ms-indy-nav__item.is-active .ms-indy-nav__icon {
  color: var(--ms-cyan-deep, #00A8D6) !important;
}

/* Footer remaining white titles → ink */
.ms-summit .ms-footer__tagline,
.ms-summit .ms-footer__col h3,
.ms-summit .ms-footer__newsletter-copy h3,
.ms-summit .ms-footer__statement,
.ms-footer__tagline,
.ms-footer__col h3,
.ms-footer__newsletter-copy h3 {
  color: var(--ms-summit, #001C24) !important;
}
.ms-summit .ms-footer__contact a,
.ms-summit .ms-footer__col a,
.ms-summit .ms-footer__legal a,
.ms-summit .ms-footer__bottom,
.ms-footer__contact,
.ms-footer__col a,
.ms-footer__legal a,
.ms-footer__bottom {
  color: var(--ms-muted, #5B6B76) !important;
}
.ms-summit .ms-footer__contact a:hover,
.ms-summit .ms-footer__col a:hover {
  color: var(--ms-cyan-text, #007EA8) !important;
}

/* Land CTA base (summit) */
.ms-summit .ms-land-cta,
.ms-land-cta {
  background: linear-gradient(135deg, #ffffff 0%, #eef8fc 100%) !important;
  color: var(--ms-summit, #001C24) !important;
}
.ms-land-cta .ms-h2,
.ms-land-cta__inner .ms-h2 {
  color: var(--ms-summit, #001C24) !important;
}
.ms-land-cta .ms-lead {
  color: var(--ms-muted, #5B6B76) !important;
}

.ms-summit .ms-journey__marker-icon {
  background: linear-gradient(165deg, #e8f9fe 0%, #d8f3fb 100%) !important;
  border: 1px solid rgba(3, 199, 252, 0.35) !important;
  color: var(--ms-cyan-deep) !important;
  box-shadow:
    0 0 0 7px rgba(255, 255, 255, 0.96),
    0 10px 24px rgba(0, 28, 36, 0.08) !important;
}

/* ---------- Spec card media panels ---------- */
.ms-summit .ms-spec-card--odoo .ms-spec-card__media,
.ms-summit .ms-spec-card--web .ms-spec-card__media,
.ms-summit a.ms-spec-card {
  background: linear-gradient(165deg, #f7fcfe 0%, #ffffff 100%) !important;
  color: var(--ms-summit) !important;
}

/* ---------- Remaining dark linear panels in capability ---------- */
.ms-summit .ms-power__panel--ink,
.ms-summit .ms-power__spotlight,
.ms-summit .ms-hub__core,
.ms-summit .ms-hub__core-ring {
  background: linear-gradient(145deg, #ffffff, #eef8fc) !important;
  color: var(--ms-summit) !important;
  border-color: rgba(3, 199, 252, 0.2) !important;
}

/* ---------- Page land CTA ghost buttons on light ---------- */
.ms-summit .ms-land-cta .ms-btn--ghost-light,
.ms-summit .ms-btn--ghost-light {
  background: #fff !important;
  color: var(--ms-summit) !important;
  border: 1px solid rgba(0, 28, 36, 0.12) !important;
  box-shadow: none !important;
}

/* ---------- Catch-all: dark buttons become cyan brand CTAs ---------- */
.ms-summit .ms-btn--dark {
  background: linear-gradient(135deg, #03C7FC, #00A8D6) !important;
  color: #001C24 !important;
}
.ms-summit .ms-btn--dark:hover {
  background: linear-gradient(135deg, #1AD0FF, #03C7FC) !important;
}

/* ---------- Land CTA section shell (was often dark) ---------- */
.ms-summit .ms-land-cta {
  padding: clamp(2rem, 4vw, 3rem) 0 !important;
  background: transparent !important;
}
.ms-summit .ms-land-cta__inner {
  background: linear-gradient(135deg, #ffffff 0%, #eef8fc 100%) !important;
  border: 1px solid rgba(3, 199, 252, 0.16) !important;
  border-radius: 24px;
  box-shadow: var(--ms-shadow);
  padding: clamp(1.5rem, 3vw, 2.25rem) !important;
}
