/* MCEE brand edition — faithful to the supplied black / slate-blue logo.
   Deliberately built from ordinary layout, image, and type styles so the
   same visual treatment can be rebuilt with WordPress containers. */

:root {
  --navy: #252b45;
  --ink: #202431;
  --midnight: #1c2239;
  --blue: #5c6c97;
  --teal: #a6b0cb;
  --cream: #f7f8fb;
  --muted: #6d7586;
  --line: #e0e3ed;
  --card: #ffffff;
  color: var(--ink);
  background: #ffffff;
}

::selection { background: #5c6c97; color: #fff; }
:is(a, button, input, textarea, select, summary):focus-visible {
  outline-color: #8799c8;
}

.demo-strip { background: #eef0f7; color: #53617e; }
.demo-dot { background: #7282ac; box-shadow: 0 0 0 3px #dce1f0; }
.site-header { gap: 19px; }
.brand { min-width: 185px; gap: 9px; }
.brand-official-logo {
  width: 83px;
  height: 83px;
  max-width: none;
  object-fit: contain;
  flex: 0 0 auto;
}
.brand-copy { gap: 5px; }
.brand-copy small { margin: 0; color: #313747; font-size: 10px; font-weight: 750; }
.brand-strapline { font: 700 8px/1.4 Arial, sans-serif; color: #8c95ac; letter-spacing: .1em; white-space: nowrap; }
.desktop-nav { gap: 21px; }
.desktop-nav a { color: #677084; font-size: 12px; }
.desktop-nav a:hover, .desktop-nav a.active { color: #222840; }
.desktop-nav a::after { background: #6676a4; }
.header-account { color: #4c5772; }
.header-cta { background: #252b45; border-radius: 7px; }
.header-cta:hover { background: #5c6c97; }
.menu-toggle span { background: #252b45; }

.eyebrow { color: #66749b; }
.eyebrow [lang=en] { color: #8a95ac; }
.eyebrow-line, .eyebrow-dot { background: #7c89af; }
.hero h1 { color: #202431; }
.hero h1 em { color: #5c6c97; }
.hero-description { color: #667084; font-size: 15px; line-height: 2.15; }
.hero-footnote { color: #788197; }
.mini-symbol { color: #6676a4; }
.button { border-radius: 7px; }
.button-dark, .button-inverse { background: #252b45; box-shadow: 0 9px 24px #252b451b; }
.button-dark:hover, .button-inverse:hover { background: #50618c; }
.button-light { color: #3f4a66; background: #f1f2f8; border-color: #e5e7f0; }
.button-light:hover { background: #e8ebf5; }

/* Editorial portrait. The actual image, overlays, logo and information card
   are separate, ordinary elements; no image-based UI mockups. */
.hero-visual { background: #48526d; }
.hero-editorial-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 47% 34%;
}
.hero-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(21, 27, 45, .07) 15%, rgba(22, 29, 46, .06) 43%, rgba(22, 29, 48, .7) 100%);
  pointer-events: none;
}
.hero-grid, .visual-light, .visual-arc, .visual-orb,
.visual-corner, .visual-number { display: none; }
.hero-brand-plate {
  position: absolute;
  z-index: 3;
  top: 28px;
  right: 28px;
  width: 111px;
  height: 111px;
  display: grid;
  place-items: center;
  border: 1px solid #e9eaf0;
  background: #fff;
  box-shadow: 0 18px 44px rgba(21, 26, 43, .17);
  border-radius: 10px;
  overflow: hidden;
}
.hero-brand-plate img { width: 100%; height: 100%; object-fit: contain; }
.visual-chart {
  z-index: 3;
  bottom: 45px;
  right: 30px;
  width: min(73%, 405px);
  background: rgba(35, 42, 66, .82);
  border: 1px solid rgba(230, 234, 252, .35);
  box-shadow: 0 18px 48px rgba(15, 20, 33, .23);
  border-radius: 12px;
  padding: 16px 20px 13px;
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}
.chart-head { color: #f2f4ff; font-size: 11px; }
.chart-bars { color: #bac8eb; }
.chart-wave { height: 90px; margin: 3px 0 -3px; }
.chart-wave svg path[stroke] { stroke: #b9c9f1; }
.chart-wave svg circle { stroke: #b9c9f1; fill: #f5f6ff; }
.chart-wave stop:first-child { stop-color: #a4b4e7; }
.chart-wave stop:last-child { stop-color: #788bba; }
.chart-bottom { color: #d1d9ef; }
.floating-chip {
  z-index: 3;
  top: auto;
  left: 28px;
  bottom: 245px;
  transform: none;
  background: rgba(255,255,255,.97);
  color: #26314b;
  box-shadow: 0 12px 35px #20274224;
  padding: 12px 15px;
}
.chip-icon { color: #5c6c97; background: #ebedf5; }
.visual-caption { z-index: 3; bottom: 15px; left: 20px; color: #edf0fa; text-shadow: 0 1px 3px #1117296b; }

.service-ticker { background: #eff1f7; border-color: #e4e7f0; }
.ticker-inner { color: #4b5778; }
.ticker-sep { color: #808db5; }
.ticker-note { color: #8d95ab; border-color: #d7dce8; }
.kicker, .kicker span { color: #65769e; }
.section-heading-aside p, .short-lead, .service-card p,
.advantage-grid p, .detail-description, .text-panel p,
.values-grid p, .course-card p, .contact-aside p { color: #667185; }
.serif-accent, h1 em, h2 em, .page-hero h1 em,
.detail-main h2 em { color: #5c6c97; }
.text-link { color: #53638c; border-color: #c5cde1; }
.service-card { border-color: #e1e4ef; }
.service-card:hover { border-color: #99a6c6; box-shadow: 0 18px 45px #29345714; }
.service-card.featured { background: #f0f2f8; border-color: #dde2ef; }
.service-icon, .service-card.featured .service-icon { background: #e9edf7; color: #56688f; }
.service-count { color: #8e99b5; }
.service-card-bottom { border-color: #e0e5f0; color: #55658d; }
.service-card h3 { color: #242a3d; }
.service-card p { font-size: 13px; line-height: 2.05; }

.about-split, .site-footer { background: #20263c; }
.about-split-art {
  background: radial-gradient(ellipse at 50% 45%, #6b78a54a 0%, transparent 53%),
    repeating-linear-gradient(90deg, transparent 0, transparent 39px, #ffffff08 40px),
    repeating-linear-gradient(0deg, transparent 0, transparent 39px, #ffffff08 40px);
}
.about-split-copy h2 em { color: #b7c1e0; }
.about-split-copy p { color: #cbd0e0; font-size: 14px; }
.art-outline { border-color: #c7d1f258; }
.art-outline > span:first-child { color: #bbc5e66a; }
.art-subline, .art-micro, .art-bottom { color: #c4cde6; }
.button-outline-white { border-color: #7785ac; }

.adv-index, .process-grid span { color: #8493bd; }
.advantage-grid, .advantage-grid > div { border-color: #e2e5ee; }
.process-band { background: #f0f2f8; }
.process-grid > div { border-top-color: #a6b1cd; }
.process-grid > div::before { background: #7b89af; }
.faq-items details { border-color: #e0e4ef; }
.faq-items summary::after { color: #7280a8; }
.faq-items summary { font-size: 15px; }
.faq-items details p { font-size: 13px; }
.page-lead p, .detail-columns p, .clean-list li { color: #667185; }
.detail-category { color: #6778a3; }
.detail-index { color: #9aa6c7; }
.page-rule { border-color: #e1e5ee; color: #8690ab; }
.page-rule span:last-child { color: #7380a9; }
.service-detail { border-color: #e1e5ee; }
.service-detail:nth-of-type(even) { background: linear-gradient(90deg, transparent, #f6f7fa 50%, transparent); }
.clean-list li::before { color: #7d8bb1; }
.about-note, .dashboard-side { background: #2a324f; }
.about-note small, .note-star { color: #bbc5e3; }
.values-grid article { border-color: #e0e3ee; }
.values-grid article > span { color: #7383a9; }
.pending-tag, .preview-note { background: #f0f2f8; color: #56658c; border-color: #dfe4f0; }
.course-art { background: #3b476c; }
.course-art-two { background: #68779f; }
.course-art-three { background: #303a5c; }
.course-art::after { background: radial-gradient(circle at 30% 20%, #d7ddf0, #7c8cb5); }
.course-meta, .course-footer { color: #66789e; }
.contact-form { background: #f9faff; border-color: #e0e4f0; }
.contact-form input, .contact-form select, .contact-form textarea { border-color: #dde2ec; }
.form-eyebrow, .contact-placeholder strong { color: #6475a2; }
.form-feedback { background: #eaf0fa; color: #425b83; }
.dashboard-avatar { background: #c0c9e0; color: #263149; }
.dashboard-body { background: #fafbfe; }
.dashboard-stats strong { color: #53658c; }
.demo-pill { background: #edf0f8; color: #5c6c96; }
.dashboard-table .table-header { background: #eff1f8; }
.global-cta { background: #e8ebf5; }
.global-cta h2 em { color: #5b6c96; }
.global-cta p, .cta-eyebrow { color: #657392; }

.footer-logo-panel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 105px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.footer-logo-panel img { width: 100%; height: 100%; object-fit: contain; }
.footer-brand p { color: #c5cada; }
.footer-links a, .footer-pending { color: #bdc3d6; }
.footer-bottom { color: #aeb7d1; }

@media (max-width: 1190px) {
  .brand { min-width: 165px; }
  .desktop-nav { gap: 14px; }
}
@media (max-width: 960px) {
  .brand-official-logo { width: 68px; height: 68px; }
  .site-header { height: 75px; }
  .mobile-nav { top: 106px; }
}
@media (max-width: 720px) {
  .hero-editorial-photo { object-position: center 38%; }
  .hero-brand-plate { width: 87px; height: 87px; top: 17px; right: 18px; }
  .visual-chart { width: 73%; right: 16px; bottom: 38px; padding: 12px 14px; }
  .chart-wave { height: 71px; }
  .floating-chip { bottom: 207px; left: 12px; padding: 9px 12px; }
  .hero-visual { min-height: 470px; }
  .visual-caption { font-size: 8px; bottom: 9px; }
}
@media (max-width: 460px) {
  .brand { min-width: 0; }
  .brand-official-logo { width: 60px; height: 60px; }
  .brand-copy small { font-size: 9px; }
  .brand-strapline { font-size: 7px; }
  .hero-visual { min-height: 400px; }
  .hero-editorial-photo { object-position: 48% 34%; }
  .hero-brand-plate { width: 75px; height: 75px; top: 13px; right: 12px; }
  .visual-chart { right: 10px; width: 78%; bottom: 31px; }
  .chart-wave { height: 61px; }
  .floating-chip { display: none; }
  .visual-caption { max-width: 280px; }
}