:root {
  --mkcs-navy: #071b33;
  --mkcs-blue: #0d4f8b;
  --mkcs-cyan: #1ba6d9;
  --mkcs-light: #f4f8fb;
  --mkcs-text: #172033;
  --mkcs-muted: #607089;
  --mkcs-white: #ffffff;
  --mkcs-border: rgba(7, 27, 51, 0.12);
  --mkcs-shadow: 0 18px 50px rgba(7, 27, 51, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color: var(--mkcs-text);
  background: var(--mkcs-white);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 6vw;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--mkcs-border);
  backdrop-filter: blur(12px);
}
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--mkcs-navy); }
.brand img { width: 150px; max-height: 58px; object-fit: contain; }
.nav { display: flex; align-items: center; gap: 22px; font-weight: 700; color: var(--mkcs-navy); }
.nav a { padding: 8px 0; }
.nav a:hover { color: var(--mkcs-blue); }
.nav-cta { padding: 10px 16px !important; color: #fff !important; background: var(--mkcs-blue); border-radius: 999px; }
.mobile-menu-btn { display: none; border: 0; background: var(--mkcs-navy); color: #fff; border-radius: 12px; width: 44px; height: 44px; font-size: 24px; cursor: pointer; }

.hero, .product-hero, .about-hero {
  background: radial-gradient(circle at top right, rgba(27,166,217,.28), transparent 35%), linear-gradient(135deg, #071b33 0%, #0d355f 55%, #0d4f8b 100%);
  color: #fff;
  padding: 86px 6vw;
}
.hero-container, .product-hero.clean, .about-hero-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 48px;
  align-items: center;
}
.product-hero.clean { padding: 0; }
.eyebrow { margin: 0 0 12px; font-size: .82rem; letter-spacing: .13em; text-transform: uppercase; font-weight: 800; color: var(--mkcs-cyan); }
.eyebrow.light { color: #9ee7ff; }
.eyebrow.muted { color: var(--mkcs-blue); }
h1, h2, h3 { line-height: 1.15; margin: 0 0 16px; color: inherit; }
h1 { font-size: clamp(2.25rem, 5vw, 4.65rem); letter-spacing: -0.045em; }
h2 { font-size: clamp(1.8rem, 3vw, 3rem); letter-spacing: -0.03em; }
h3 { font-size: 1.2rem; }
p { margin: 0 0 16px; }
.hero-copy, .product-hero-content p, .about-hero p { font-size: 1.12rem; color: rgba(255,255,255,.86); max-width: 760px; }
.hero-card, .product-hero-panel, .founder-photo-wrap {
  padding: 28px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
  background: rgba(255,255,255,.1);
  box-shadow: var(--mkcs-shadow);
}
.hero-card img { margin: auto; border-radius: 22px; background: #fff; padding: 18px; }

.hero-video-card {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 32px;
  padding: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
}
.hero-video-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.88);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.hero-video-card video {
  width: 100%;
  display: block;
  border-radius: 24px;
  background: #071b33;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 42px rgba(0,0,0,.25);
}
.hero-video-card p {
  margin: 16px 4px 0;
  color: rgba(255,255,255,.84);
  line-height: 1.65;
  font-size: .98rem;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.primary-btn, .secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 999px;
  font-weight: 800;
  border: 1px solid transparent;
  cursor: pointer;
}
.primary-btn { background: linear-gradient(135deg, var(--mkcs-cyan), var(--mkcs-blue)); color: #fff; box-shadow: 0 12px 28px rgba(13,79,139,.25); }
.secondary-btn { color: #fff; border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.08); }
.dark-secondary { color: #fff; border-color: rgba(255,255,255,.45); }
.hero-proof, .product-tags, .status-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.hero-proof span, .product-tags span, .status-tags span {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.16);
  font-weight: 700;
  font-size: .88rem;
}
.product-tags span, .status-tags span { background: #eef7fc; color: var(--mkcs-blue); border-color: #d5edf7; }

.section { padding: 78px 6vw; }
.section-heading { max-width: 820px; margin: 0 auto 36px; text-align: center; }
.section-heading p { color: var(--mkcs-muted); }
.service-grid, .usage-grid, .target-grid, .project-grid, .platform-grid, .progress-grid, .workflow-grid, .credential-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.usage-grid, .target-grid, .project-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.service-card, .usage-grid article, .target-grid article, .project-grid article, .platform-card, .progress-card, .workflow-step, .about-panel {
  background: #fff;
  border: 1px solid var(--mkcs-border);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 10px 28px rgba(7,27,51,.06);
}
.service-card img { width: 70px; height: 70px; object-fit: contain; margin-bottom: 18px; }
.service-card ul, .product-hero-panel ul, .check-list { margin: 14px 0 0; padding-left: 20px; color: var(--mkcs-muted); }
.service-card p, .usage-grid p, .target-grid p, .project-grid p, .platform-card p, .progress-card p, .workflow-step p, .about-panel p { color: var(--mkcs-muted); }

.product-section, .credentials-section {
  padding: 78px 6vw;
  background: linear-gradient(135deg, #071b33, #0d4f8b);
  color: #fff;
}
.product-content, .credentials-card { max-width: 1060px; margin: 0 auto; }
.product-content p, .credentials-card p { color: rgba(255,255,255,.84); max-width: 830px; }
.credentials-card .credential-grid { grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 22px; }
.credential-grid span { padding: 14px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(255,255,255,.1); font-weight: 800; }

.idverify-demo-section { padding: 60px 6vw; background: var(--mkcs-light); }
.demo-showcase { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; align-items: center; }
.demo-card { background: #fff; border-radius: 28px; padding: 28px; border: 1px solid var(--mkcs-border); box-shadow: var(--mkcs-shadow); }
.demo-window { background: #071b33; color: #fff; border-radius: 24px; padding: 22px; }
.demo-window .bar { display:flex; gap:7px; margin-bottom:18px; }
.demo-window .bar span { width: 10px; height: 10px; border-radius: 99px; background: rgba(255,255,255,.45); }
.case-list { display:grid; gap:12px; }
.case-row { padding: 13px; border-radius: 14px; background: rgba(255,255,255,.1); display:flex; justify-content:space-between; gap:12px; }
.badge { color: #071b33; background: #9ee7ff; border-radius: 999px; padding: 3px 9px; font-weight: 900; font-size: .75rem; white-space: nowrap; }

.workflow-step span { display:inline-flex; width: 42px; height: 42px; border-radius: 14px; background: #eaf6fc; color: var(--mkcs-blue); align-items:center; justify-content:center; font-weight:900; margin-bottom: 14px; }
.contact-section { background: var(--mkcs-light); }
.contact-card { max-width: 900px; margin: 0 auto; padding: 34px; background: #fff; border: 1px solid var(--mkcs-border); border-radius: 28px; box-shadow: var(--mkcs-shadow); }
.demo-form { display: grid; gap: 16px; margin-top: 20px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
label { display: grid; gap: 7px; font-weight: 800; color: var(--mkcs-navy); }
input, select, textarea { width: 100%; border: 1px solid var(--mkcs-border); border-radius: 14px; padding: 13px 14px; font: inherit; background: #fff; }
textarea { resize: vertical; }
.form-btn { border: 0; width: fit-content; }
.form-note { color: var(--mkcs-muted); font-size: .94rem; }
.about-layout { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.3fr .7fr; gap: 22px; }
.footer { padding: 28px 6vw; text-align: center; color: rgba(255,255,255,.78); background: #071b33; }
.footer p { margin: 0; }

@media (max-width: 900px) {
  .site-header { padding: 12px 5vw; }
  .brand img { width: 128px; }
  .mobile-menu-btn { display: inline-flex; align-items:center; justify-content:center; }
  .nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px 5vw 18px;
    background: #fff;
    border-bottom: 1px solid var(--mkcs-border);
    box-shadow: 0 18px 38px rgba(7,27,51,.12);
  }
  .nav.nav-open { display: flex; }
  .nav a { padding: 14px 4px; border-bottom: 1px solid var(--mkcs-border); }
  .nav-cta { text-align:center; margin-top: 10px; border-bottom: 0 !important; }
  .hero, .product-hero, .about-hero { padding: 58px 5vw; }
  .hero-container, .product-hero.clean, .about-hero-grid, .demo-showcase, .about-layout { grid-template-columns: 1fr; }
  .service-grid, .usage-grid, .target-grid, .project-grid, .platform-grid, .progress-grid, .workflow-grid, .credentials-card .credential-grid { grid-template-columns: 1fr; }
  .section, .product-section, .credentials-section { padding: 58px 5vw; }
  .form-row { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; }
  .primary-btn, .secondary-btn { width: 100%; }
  .contact-card { padding: 24px; }
}

/* V3.1 content polish */
.product-hero-panel h3,
.product-hero-panel li {
  color: #ffffff;
}
.product-hero-panel ul {
  color: rgba(255,255,255,.9);
}
.product-hero-panel li::marker {
  color: #9ee7ff;
}
.founder-card {
  text-align: center;
}
.founder-photo-wrap .founder-photo {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 22px;
  background: #ffffff;
}
.founder-caption {
  margin: 16px 0 0;
  color: rgba(255,255,255,.88);
  font-weight: 800;
}


.subpage-main{min-height:70vh}
.content-section{padding:60px 7%}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.feature-card{background:#fff;border:1px solid var(--mkcs-border);padding:28px;border-radius:20px;box-shadow:var(--mkcs-shadow)}
.feature-card ul{padding-left:20px}
.primary-btn{display:inline-block;background:var(--mkcs-blue);color:#fff;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.primary-btn:hover{background:var(--mkcs-navy)}

/* V4.3 enterprise polish */
.subpage-hero {
  padding: 74px 6vw;
  background: radial-gradient(circle at top right, rgba(27,166,217,.28), transparent 38%), linear-gradient(135deg, #071b33 0%, #0d355f 58%, #0d4f8b 100%);
  color: #fff;
}
.subpage-hero-inner { max-width: 1120px; margin: 0 auto; }
.subpage-hero-inner.narrow { max-width: 880px; }
.subpage-hero h1 { max-width: 960px; }
.subpage-hero p { max-width: 900px; color: rgba(255,255,255,.86); font-size: 1.12rem; }
.centered-hero { text-align: center; }
.centered-hero .subpage-hero-inner, .centered-hero p, .centered-hero h1 { margin-left: auto; margin-right: auto; }
.pricing-section { padding-top: 72px; }
.pricing-grid { align-items: stretch; }
.pricing-card { position: relative; display: flex; flex-direction: column; }
.pricing-card .primary-btn { margin-top: auto; width: fit-content; }
.featured-plan { border: 2px solid rgba(27,166,217,.35); box-shadow: 0 20px 45px rgba(13,79,139,.14); }
.plan-label { color: var(--mkcs-blue); text-transform: uppercase; letter-spacing: .12em; font-weight: 900; font-size: .78rem; margin-bottom: 8px; }
.price-line { font-size: 2rem; font-weight: 900; color: var(--mkcs-navy); margin: 8px 0 14px; }
.price-line span { font-size: 1rem; color: var(--mkcs-muted); font-weight: 700; }
.payment-next { margin-top: 22px; padding: 22px; border-radius: 20px; background: #eef7fc; border: 1px solid #cdeaf6; }
.payment-next h3 { color: var(--mkcs-navy); }
.product-hero-polished {
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 46px;
  align-items: center;
  padding: 86px 6vw;
  position: relative;
  overflow: hidden;
}
.product-hero-polished:before {
  content: "";
  position: absolute;
  inset: 32px 6vw;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 34px;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.product-hero-polished > * { position: relative; z-index: 1; }
.product-hero-polished .product-hero-panel { background: rgba(255,255,255,.13); backdrop-filter: blur(8px); }
.career-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.career-card { background:#fff; border:1px solid var(--mkcs-border); border-radius:24px; padding:24px; box-shadow:0 10px 28px rgba(7,27,51,.06); }
.career-card p { color: var(--mkcs-muted); }
.culture-section { background: var(--mkcs-light); }
.hidden { display:none !important; }
@media (max-width: 900px) {
  .subpage-hero { padding: 58px 5vw; }
  .product-hero-polished { grid-template-columns:1fr; padding: 64px 5vw; }
  .product-hero-polished:before { inset: 20px 5vw; }
  .career-grid { grid-template-columns: 1fr; }
}


/* V4.6 Enterprise Platform Showcase */
.showcase-hero {
  background: radial-gradient(circle at top left, rgba(27,166,217,.32), transparent 34%), radial-gradient(circle at bottom right, rgba(13,79,139,.36), transparent 38%), linear-gradient(135deg, #06172d 0%, #0a2d53 56%, #0d4f8b 100%);
}
.centered-copy { text-align: center; }
.centered-copy h1, .centered-copy p { margin-left: auto; margin-right: auto; }
.centered-actions { justify-content: center; }
.showcase-intro-section { background: var(--mkcs-light); }
.showcase-proof-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 22px;
}
.showcase-proof-grid article,
.note-card {
  background: #fff;
  border: 1px solid var(--mkcs-border);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 10px 28px rgba(7,27,51,.06);
}
.showcase-proof-grid p, .note-card p { color: var(--mkcs-muted); }
.video-showcase-section { background: #fff; }
.video-showcase-container {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  gap: 36px;
}
.video-feature-card {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 30px;
  align-items: center;
  padding: 30px;
  border: 1px solid var(--mkcs-border);
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
  box-shadow: var(--mkcs-shadow);
}
.video-feature-card.reverse .video-copy { order: 2; }
.video-feature-card.reverse .video-frame { order: 1; }
.video-copy p { color: var(--mkcs-muted); }
.video-copy h3 { margin-top: 22px; }
.capability-list {
  margin: 12px 0 0;
  padding-left: 20px;
  color: var(--mkcs-muted);
}
.capability-list li { margin-bottom: 8px; }
.video-frame {
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(7,27,51,.16);
  background: #071b33;
  box-shadow: 0 18px 44px rgba(7,27,51,.16);
}
.video-frame video {
  display: block;
  width: 100%;
  height: auto;
  background: #071b33;
}
.showcase-cta-section { margin-top: 0; }
.note-section { background: var(--mkcs-light); padding-top: 54px; padding-bottom: 54px; }
.note-card { max-width: 960px; margin: 0 auto; }
@media (max-width: 900px) {
  .showcase-proof-grid, .video-feature-card { grid-template-columns: 1fr; }
  .video-feature-card.reverse .video-copy,
  .video-feature-card.reverse .video-frame { order: initial; }
  .video-feature-card { padding: 20px; }
}


/* V4.7 Legal, Footer, and Media Protection Polish */
.footer { display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; }
.footer-links { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; font-size: 0.92rem; }
.footer-links a { color: rgba(255,255,255,0.82); text-decoration: none; }
.footer-links a:hover { color: #ffffff; text-decoration: underline; }
.legal-hero { background: linear-gradient(135deg, #071b33 0%, #0b4f86 55%, #0f7fb8 100%); color: #fff; }
.legal-section { background: #f6f9fc; }
.legal-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.legal-card { background: #fff; border: 1px solid rgba(15, 61, 99, 0.12); border-radius: 24px; padding: 30px; box-shadow: 0 18px 45px rgba(7, 27, 51, 0.08); }
.legal-card.full { grid-column: 1 / -1; }
.legal-card h2 { margin-top: 0; color: var(--mkcs-navy); }
.legal-card p { color: var(--mkcs-muted); line-height: 1.75; }
.enforcement-card { border-color: rgba(11, 79, 134, 0.28); background: linear-gradient(180deg, #ffffff 0%, #f2f8fd 100%); }
@media (max-width: 840px) { .legal-grid { grid-template-columns: 1fr; } .legal-card.full { grid-column: auto; } }


/* V4.8 Ownership, Navigation Balance, and Brand Alignment */
.nav {
  gap: 18px;
  font-size: 0.96rem;
  white-space: nowrap;
}
.nav a {
  white-space: nowrap;
}
.nav-cta {
  min-width: 126px;
  text-align: center;
}
.product-owner-note,
.ownership-strip {
  margin-top: 20px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.90) !important;
  font-weight: 700;
}
.product-owner-note.light-note,
.ownership-strip.light-note {
  border-color: rgba(7,27,51,.12);
  background: #eef7fc;
  color: var(--mkcs-navy) !important;
}
.ownership-strip {
  max-width: 1180px;
  margin: 24px auto 0;
}
@media (max-width: 1240px) and (min-width: 901px) {
  .site-header { padding-left: 4vw; padding-right: 4vw; gap: 16px; }
  .brand img { width: 128px; }
  .nav { gap: 13px; font-size: 0.88rem; }
  .nav-cta { min-width: 112px; padding-left: 13px !important; padding-right: 13px !important; }
}
@media (max-width: 1080px) and (min-width: 901px) {
  .nav { gap: 10px; font-size: 0.82rem; }
  .brand img { width: 116px; }
  .nav-cta { min-width: 104px; }
}

/* V4.9 Mobile Workflow Showcase */
.mobile-video-frame {
  max-width: 360px;
  margin: 0 auto;
}
.mobile-video-frame video {
  width: 100%;
  max-height: 680px;
  object-fit: contain;
}
.mobile-workflow-card {
  grid-template-columns: 1fr .72fr;
}
@media (max-width: 900px) {
  .mobile-workflow-card { grid-template-columns: 1fr; }
  .mobile-video-frame { max-width: 320px; }
}


/* V5.7 Enterprise Trust, Governance & Workforce Expansion */
.trust-bar-section{padding:34px 6vw;background:linear-gradient(180deg,#ffffff,#f4f9fc);border-bottom:1px solid var(--mkcs-border);}
.trust-bar-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;}
.trust-copy h2{color:var(--mkcs-navy);font-size:clamp(1.4rem,2.4vw,2.25rem);margin-bottom:10px;}
.trust-copy p:not(.eyebrow){color:var(--mkcs-muted);line-height:1.65;}
.trust-logo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.trust-logo-card{min-height:142px;background:rgba(255,255,255,.88);border:1px solid #d9e9f3;border-radius:24px;box-shadow:0 14px 36px rgba(7,27,51,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease;}
.trust-logo-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(7,27,51,.13);}
.trust-logo-card img{max-width:230px;max-height:74px;width:auto;height:auto;object-fit:contain;filter:saturate(.96) contrast(1.04);}
.trust-logo-card span{font-size:.84rem;font-weight:900;color:var(--mkcs-navy);letter-spacing:.04em;text-transform:uppercase;text-align:center;}
.career-opening-note{font-weight:800;color:rgba(255,255,255,.9);}
.enterprise-career-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
.enterprise-career-card{display:flex;flex-direction:column;gap:10px;}
.career-card-top{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;}
.career-pill,.career-dept{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:.74rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.career-pill{background:#eaf7fc;color:var(--mkcs-blue);}
.career-dept{background:#f2f4f7;color:#344054;}
.enterprise-career-card h3{color:var(--mkcs-navy);font-size:1.45rem;margin-bottom:4px;}
.enterprise-career-card h4{color:var(--mkcs-blue);font-size:.9rem;margin:10px 0 0;text-transform:uppercase;letter-spacing:.08em;}
.enterprise-career-card ul{margin:0;padding-left:20px;color:var(--mkcs-muted);line-height:1.65;}
.career-summary{color:var(--mkcs-muted);line-height:1.75;}
.showcase-brand-panel{height:330px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fcff,#eaf6fc);padding:34px;}
.showcase-brand-panel img{max-width:92%;max-height:260px;object-fit:contain;border-radius:18px;}
.enterprise-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.site-header .brand img{image-rendering:auto;}
@media(max-width:900px){.trust-bar-inner,.enterprise-career-grid,.enterprise-module-grid{grid-template-columns:1fr}.trust-logo-row{grid-template-columns:1fr}.showcase-brand-panel{height:230px}}


/* V5.7 Enterprise Refinement & Ecosystem Expansion */
:root{--mkcs-max:1120px;--mkcs-text:#243044;--mkcs-muted:#64748b;}
body{font-size:14.5px;line-height:1.55;color:var(--mkcs-text);} 
.site-header{padding:12px 28px;min-height:66px;}
.brand img{max-height:42px;width:auto;}
.nav{gap:18px;font-size:13.5px;}
.nav a{font-weight:650;}
.nav-cta{padding:8px 14px;border-radius:999px;}
.hero,.subpage-hero{padding:58px 28px;}
.compact-hero{min-height:auto;}
.hero-content,.subpage-hero-inner,.section-heading,.content-section,.section{max-width:var(--mkcs-max);}
.hero h1,.subpage-hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.02;letter-spacing:-.045em;margin-bottom:14px;}
.hero-copy,.subpage-hero p,.section-heading p{font-size:15.5px;line-height:1.65;max-width:780px;}
.section,.content-section,.trust-bar-section{padding:52px 28px;}
.compact-section{padding-top:44px;padding-bottom:44px;}
.section-heading{margin-bottom:24px;}
.section-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.12;letter-spacing:-.028em;margin-bottom:10px;}
.eyebrow{font-size:11.5px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;}
.feature-grid{gap:18px;}
.feature-card,.service-card,.pricing-card,.contact-card,.about-panel,.trust-logo-card{border-radius:18px;padding:22px;}
.feature-card h3,.service-card h3,.pricing-card h3{font-size:19px;line-height:1.2;margin-bottom:8px;}
.feature-card p,.service-card p,.pricing-card p,.feature-card li,.pricing-card li{font-size:14px;line-height:1.55;}
.primary-btn,.secondary-btn,.btn{padding:10px 16px;font-size:13.5px;border-radius:999px;}
.hero-actions{gap:10px;flex-wrap:wrap;}
.trust-logo-row,.partner-logo-row{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;max-width:900px;margin:0 auto;}
.trust-logo-card{min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px rgba(15,23,42,.06);}
.trust-logo-card img{max-width:170px;max-height:58px;object-fit:contain;}
.trust-logo-card span{font-size:12.5px;font-weight:750;color:#475569;text-align:center;}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.three-col{grid-template-columns:repeat(3,minmax(0,1fr));}
.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.ecosystem-panel{background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 45px rgba(15,23,42,.12);border-radius:22px;padding:24px;}
.mini-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}
.mini-stack span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:750;color:#334155;}
.plan-label{font-size:11px!important;text-transform:uppercase;letter-spacing:.12em;color:#0f75bc;font-weight:850;margin-bottom:8px;}
.price-line{font-size:28px;font-weight:850;color:#0f172a;margin:10px 0;}
.price-line span{font-size:13px;color:#64748b;font-weight:700;}
.note-card{max-width:var(--mkcs-max);margin:18px auto 0;padding:18px 20px;border:1px solid #dbeafe;background:#f8fbff;border-radius:16px;font-size:14px;color:#334155;}
.text-link{font-weight:800;color:#0f75bc;text-decoration:none;}
.form-row{gap:14px;}
input,select,textarea{font-size:14px;padding:11px 12px;border-radius:12px;}
.footer{padding:28px;font-size:13px;}
.footer-links{gap:14px;}
@media(max-width:900px){.product-grid,.three-col,.two-col,.trust-logo-row,.partner-logo-row{grid-template-columns:1fr}.hero,.subpage-hero{padding:44px 20px}.section,.content-section,.trust-bar-section{padding:38px 20px}.site-header{padding:10px 18px}.nav{font-size:14px}.hero h1,.subpage-hero h1{font-size:36px}.feature-card,.service-card,.pricing-card,.contact-card{padding:19px}.mini-stack{grid-template-columns:1fr}}

/* V5.7.1 Home Interactive Ecosystem Visualization & Density Hotfix */
body{font-size:13.75px;line-height:1.48;}
.site-header{min-height:58px;padding:9px 26px;}
.brand img{max-height:34px;}
.nav{font-size:12.5px;gap:15px;}
.nav-cta{padding:7px 13px!important;min-width:auto;}
.hero.enterprise-hero{position:relative;overflow:hidden;padding:46px 26px 38px;background:radial-gradient(circle at 80% 15%,rgba(27,166,217,.32),transparent 28%),linear-gradient(135deg,#06172d 0%,#0b355f 56%,#0e6395 100%);}
.hero.enterprise-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.12));pointer-events:none;}
.hero.enterprise-hero:after{content:"";position:absolute;right:-8%;bottom:-22%;width:55%;height:55%;background:radial-gradient(circle,rgba(27,166,217,.26),transparent 62%);filter:blur(8px);animation:mkcsPulse 7s ease-in-out infinite;pointer-events:none;}
.hero.enterprise-hero>*{position:relative;z-index:1;}
.hero h1,.subpage-hero h1{font-size:clamp(28px,3.35vw,44px);line-height:1.05;letter-spacing:-.04em;max-width:820px;}
.hero-copy,.subpage-hero p,.section-heading p{font-size:14px;line-height:1.55;}
.eyebrow{font-size:10.5px;letter-spacing:.15em;}
.primary-btn,.secondary-btn,.btn{font-size:12.5px;padding:8px 13px;}
.section,.content-section,.trust-bar-section{padding:42px 26px;}
.compact-section{padding-top:34px;padding-bottom:34px;}
.section-heading h2{font-size:clamp(22px,2.45vw,31px);}
.feature-card,.service-card,.pricing-card,.contact-card,.about-panel,.trust-logo-card{padding:18px;border-radius:16px;}
.feature-card h3,.service-card h3,.pricing-card h3{font-size:17px;}
.feature-card p,.service-card p,.pricing-card p,.feature-card li,.pricing-card li{font-size:13px;}
.ecosystem-panel.ecosystem-visual{padding:18px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
.ecosystem-header h3{font-size:18px;margin-bottom:6px;color:#10233d;}
.ecosystem-header p:not(.eyebrow){font-size:12.8px;color:#64748b;margin:0 0 8px;}
.ecosystem-orbit{position:relative;height:295px;margin:8px auto 0;max-width:720px;border-radius:22px;background:radial-gradient(circle at 50% 52%,rgba(27,166,217,.18),transparent 28%),linear-gradient(135deg,#06172d,#0b345f 55%,#0f6ea1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),0 20px 50px rgba(7,27,51,.18);overflow:hidden;}
.ecosystem-orbit:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from 90deg,transparent,rgba(27,166,217,.22),transparent 34%,rgba(255,255,255,.12),transparent 72%);animation:mkcsSpin 18s linear infinite;}
.ecosystem-orbit:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;opacity:.6;}
.orbit-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(102,212,255,.36);border-radius:50%;z-index:1;pointer-events:none;}
.ring-one{width:290px;height:168px;animation:mkcsGlow 4s ease-in-out infinite;}
.ring-two{width:420px;height:230px;transform:translate(-50%,-50%) rotate(-8deg);opacity:.72;}
.ecosystem-core,.ecosystem-node{position:absolute;z-index:3;border:1px solid rgba(132,221,255,.5);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:rgba(2,12,27,.68);backdrop-filter:blur(12px);font-family:inherit;}
.ecosystem-core:hover,.ecosystem-node:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 34px rgba(27,166,217,.32);border-color:#7ee7ff;}
.ecosystem-core{left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:86px;border-radius:24px;background:radial-gradient(circle at top,#0e8dcb,#052746 78%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 7px rgba(27,166,217,.08),0 0 34px rgba(27,166,217,.36);}
.ecosystem-core:hover{transform:translate(-50%,-52%) scale(1.03);}
.ecosystem-core span{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#9be7ff;}
.ecosystem-core strong{font-size:20px;line-height:1.05;}
.ecosystem-node{min-width:150px;max-width:175px;min-height:42px;padding:9px 12px;border-radius:15px;font-size:12px;font-weight:800;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.2);}
.ecosystem-node span{position:relative;z-index:1;}
.node-identity{left:7%;top:15%;}.node-ticketing{right:7%;top:15%;}.node-calendar{left:5%;top:43%;}.node-client{right:5%;top:43%;}.node-admin{left:10%;bottom:13%;}.node-monitoring{right:10%;bottom:13%;}.node-billing{left:39%;bottom:5%;}.node-integrations{left:39%;top:5%;}
.ecosystem-hint{margin-top:10px;font-size:12px;color:#64748b;text-align:center;font-weight:700;}
.service-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;}
.service-modal.is-open{display:flex;}
.service-modal-backdrop{position:absolute;inset:0;background:rgba(2,12,27,.62);backdrop-filter:blur(5px);}
.service-modal-card{position:relative;width:min(560px,94vw);background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:22px;padding:24px;box-shadow:0 26px 80px rgba(0,0,0,.28);animation:mkcsModal .18s ease-out;}
.service-modal-card h2{font-size:24px;color:#071b33;margin-bottom:8px;}
.service-modal-card p{font-size:14px;color:#475569;line-height:1.55;}
.service-modal-card ul{margin:12px 0 18px;padding-left:20px;color:#334155;font-size:13.5px;line-height:1.6;}
.service-modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:999px;background:#eef7fc;color:#071b33;font-size:24px;line-height:1;cursor:pointer;}
.service-modal-close:hover{background:#dceff8;}
@keyframes mkcsSpin{to{transform:rotate(360deg)}}
@keyframes mkcsPulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes mkcsGlow{0%,100%{box-shadow:0 0 18px rgba(27,166,217,.12)}50%{box-shadow:0 0 34px rgba(27,166,217,.35)}}
@keyframes mkcsModal{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.hero.enterprise-hero{padding:34px 18px}.ecosystem-orbit{height:520px}.ecosystem-core{top:48%}.ecosystem-node{left:50%!important;right:auto!important;transform:translateX(-50%);width:78%;max-width:none}.ecosystem-node:hover{transform:translateX(-50%) translateY(-3px)}.node-integrations{top:4%!important}.node-identity{top:13%!important}.node-ticketing{top:22%!important}.node-calendar{top:31%!important}.node-client{top:40%!important}.node-admin{bottom:31%!important}.node-monitoring{bottom:22%!important}.node-billing{bottom:13%!important}.ecosystem-core:hover{transform:translate(-50%,-52%) scale(1.03)}.hero h1,.subpage-hero h1{font-size:31px}.nav{font-size:13px}}


/* V5.7.2 Products & Pricing visualization motion wave */
.pricing-section{
  padding-top:46px;
  padding-bottom:42px;
}
.pricing-section .section-heading{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.pricing-section .section-heading h2{
  font-size:clamp(24px,2.25vw,34px);
  line-height:1.12;
}
.pricing-section .section-heading p{
  font-size:15px;
  line-height:1.55;
}
.product-pricing-layout{
  width:min(1450px,94vw);
  margin:26px auto 0;
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(310px,1.18fr);
  gap:22px;
  align-items:stretch;
}
.product-pricing-layout .pricing-cards-area{
  width:100%;
  margin:0;
}
.pricing-card{
  min-height:100%;
}
.pricing-card h3{
  font-size:20px;
}
.price-line{
  font-size:34px;
}
.pricing-card p,
.pricing-card li{
  font-size:14px;
  line-height:1.48;
}
.product-visual-card{
  position:relative;
  overflow:hidden;
  min-height:330px;
  border-radius:20px;
  padding:18px;
  background:
    radial-gradient(circle at 82% 22%, rgba(69,196,255,.22), transparent 30%),
    linear-gradient(145deg,#06182d 0%,#092c50 52%,#061a31 100%);
  color:#fff;
  border:1px solid rgba(67,188,255,.28);
  box-shadow:0 20px 52px rgba(8,41,74,.22);
  cursor:pointer;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.product-visual-card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 0deg, transparent, rgba(60,188,255,.22), transparent 38%);
  animation:pricingOrbit 7s linear infinite;
  z-index:-2;
}
.product-visual-card::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:19px;
  background:linear-gradient(180deg,rgba(3,19,38,.15),rgba(3,19,38,.92));
  z-index:-1;
}
.product-visual-card:hover{
  transform:translateY(-5px);
  box-shadow:0 26px 70px rgba(8,41,74,.34);
  border-color:rgba(104,218,255,.72);
}
.product-visual-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.44;
  filter:saturate(1.05) contrast(1.04);
  transform:scale(1.02);
  transition:opacity .25s ease, transform .3s ease;
  z-index:-3;
}
.product-visual-card:hover img{
  opacity:.58;
  transform:scale(1.055);
}
.visual-orb{
  position:absolute;
  right:24px;
  top:24px;
  width:86px;
  height:86px;
  border-radius:999px;
  border:1px solid rgba(150,229,255,.5);
  background:radial-gradient(circle,rgba(88,202,255,.32),rgba(88,202,255,.04) 62%,transparent);
  box-shadow:0 0 30px rgba(59,198,255,.22);
  animation:pricingPulse 2.6s ease-in-out infinite;
}
.live-pill{
  position:absolute;
  left:18px;
  top:18px;
  z-index:2;
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(10,132,204,.22);
  border:1px solid rgba(141,224,255,.34);
  font-size:11px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.08em;
  color:#bff1ff;
}
.visual-card-copy{
  position:relative;
  z-index:2;
}
.visual-card-copy h3{
  font-size:22px;
  line-height:1.12;
  margin:6px 0 8px;
  color:#fff;
}
.visual-card-copy p{
  font-size:13.5px;
  line-height:1.5;
  color:#d8efff;
}
.visual-card-copy button{
  margin-top:14px;
  width:100%;
  border:1px solid rgba(148,222,255,.45);
  border-radius:14px;
  padding:12px 14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:900;
  font-size:14px;
  cursor:pointer;
}
.product-preview-modal{
  position:fixed;
  inset:0;
  z-index:260;
  display:none;
  align-items:center;
  justify-content:center;
  padding:26px;
}
.product-preview-modal.is-open{
  display:flex;
}
.product-preview-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,12,27,.76);
  backdrop-filter:blur(7px);
}
.product-preview-shell{
  position:relative;
  width:min(1120px,96vw);
  max-height:92vh;
  overflow:auto;
  border-radius:24px;
  padding:18px;
  background:linear-gradient(180deg,#071b33,#0a2a4a);
  border:1px solid rgba(121,213,255,.38);
  box-shadow:0 28px 90px rgba(0,0,0,.45);
  animation:productPreviewIn .2s ease-out;
}
.product-preview-header{
  padding:6px 50px 14px 8px;
}
.product-preview-header h2{
  color:#fff;
  font-size:28px;
  margin:4px 0 6px;
}
.product-preview-header p{
  color:#c9e6f7;
  font-size:14px;
  line-height:1.5;
}
.product-preview-shell img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  border:1px solid rgba(148,222,255,.25);
  background:#fff;
}
.product-preview-close{
  position:absolute;
  top:15px;
  right:15px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  z-index:3;
}
.note-card{
  width:min(1450px,94vw);
  margin-left:auto;
  margin-right:auto;
}
@keyframes pricingOrbit{to{transform:rotate(360deg)}}
@keyframes pricingPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.12);opacity:1}}
@keyframes productPreviewIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1180px){
  .product-pricing-layout{grid-template-columns:1fr;}
  .product-visual-card{min-height:360px;}
}
@media(max-width:760px){
  .pricing-section{padding-top:34px;padding-bottom:34px;}
  .product-pricing-layout{width:min(94vw,720px);gap:16px;}
  .product-visual-card{min-height:300px;}
  .product-preview-modal{padding:14px;}
  .product-preview-header h2{font-size:22px;}
}

/* V5.8.0 Enterprise sales reset, product visuals, architecture, and careers upload wave */
.nav a.active{color:var(--mkcs-blue);}
.sales-hero .hero-copy{font-size:1.16rem;}
.blue-secondary{color:var(--mkcs-blue)!important;border-color:rgba(13,79,139,.22);background:#eef7fc;}
.outcome-section .secondary-btn.blue-secondary{color:var(--mkcs-blue)!important;}
.product-media-grid{width:min(1450px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.product-media-card{position:relative;overflow:hidden;border-radius:26px;background:#fff;border:1px solid rgba(7,27,51,.12);box-shadow:0 16px 40px rgba(7,27,51,.10);cursor:pointer;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.product-media-card:hover{transform:translateY(-5px);box-shadow:0 24px 70px rgba(7,27,51,.18);border-color:rgba(27,166,217,.35);}
.product-media-card img{width:100%;aspect-ratio:16/10.65;object-fit:cover;background:#071b33;}
.product-media-card div{padding:22px;}
.product-media-card span{display:inline-flex;margin-bottom:10px;color:var(--mkcs-blue);font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;}
.product-media-card h3{font-size:1.35rem;color:var(--mkcs-navy);}
.product-media-card p{color:var(--mkcs-muted);font-size:.95rem;}
.product-media-card a,.text-link{display:inline-flex;margin-top:8px;color:var(--mkcs-blue);font-weight:900;}
.product-media-card a:hover,.text-link:hover{text-decoration:underline;}
.platform-hero-with-media{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:34px;align-items:center;padding:76px 6vw;}
.platform-hero-with-media .product-hero-content{max-width:none;}
.platform-media-frame{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.28);padding:12px;}
.platform-media-frame::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg, transparent, rgba(95,210,255,.25), transparent 36%);animation:pricingOrbit 9s linear infinite;}
.platform-media-frame img{position:relative;width:100%;border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.22);}
.product-owner-note{padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08);font-size:.95rem!important;}
.trust-workflow{background:linear-gradient(180deg,#f8fbff,#fff);}
.showcase-gallery{width:min(1450px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.showcase-gallery article{background:#fff;border:1px solid rgba(7,27,51,.12);border-radius:24px;box-shadow:0 12px 34px rgba(7,27,51,.08);overflow:hidden;}
.showcase-gallery img{width:100%;aspect-ratio:16/10.65;object-fit:cover;background:#071b33;}
.showcase-gallery h3{padding:22px 22px 0;color:var(--mkcs-navy);}
.showcase-gallery p{padding:0 22px 22px;color:var(--mkcs-muted);}
.architecture-section{background:linear-gradient(180deg,#f7fbff,#fff);}
.architecture-canvas{width:min(1180px,94vw);margin:0 auto;padding:28px;border-radius:32px;background:#fff;border:1px solid rgba(7,27,51,.12);box-shadow:0 18px 60px rgba(7,27,51,.1);}
.arch-layer{padding:24px;border-radius:24px;background:linear-gradient(135deg,#071b33,#0d4f8b);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(7,27,51,.15);}
.arch-layer h3{font-size:1.25rem;margin-bottom:8px;}
.arch-layer p{color:rgba(255,255,255,.84);margin:0;}
.arch-layer.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#eef7fc;color:var(--mkcs-navy);box-shadow:none;border-color:rgba(13,79,139,.12);}
.arch-layer.split.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.arch-layer.split div{padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(7,27,51,.1);}
.arch-layer.split p{color:var(--mkcs-muted);}
.arch-arrow{text-align:center;color:var(--mkcs-blue);font-size:2rem;font-weight:900;line-height:1.4;}
.selected-experience-grid{max-width:1180px;margin:0 auto;}
.career-card .apply-btn{margin-top:18px;border:0;width:100%;}
.apply-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px;}
.apply-modal.is-open{display:flex;}
.apply-modal-backdrop{position:absolute;inset:0;background:rgba(2,12,27,.7);backdrop-filter:blur(6px);}
.apply-modal-card{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;border:1px solid rgba(7,27,51,.12);border-radius:28px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.35);animation:productPreviewIn .2s ease-out;}
.apply-modal-card h2{color:var(--mkcs-navy);font-size:clamp(1.6rem,3vw,2.4rem);}
.apply-modal-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border-radius:999px;border:0;background:#eef7fc;color:var(--mkcs-navy);font-size:26px;line-height:1;cursor:pointer;}
.career-apply-form{display:grid;gap:16px;margin-top:18px;}
.career-apply-form input[readonly]{background:#f6f9fc;color:var(--mkcs-blue);font-weight:900;}
#resumeUploadStatus{min-height:22px;}
.career-opening-note{display:inline-block;margin-top:10px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.9)!important;font-weight:800;}
.security-hero{background:radial-gradient(circle at top right,rgba(27,166,217,.28),transparent 38%),linear-gradient(135deg,#06152a,#0b355f 58%,#0d4f8b);}
.plan-select{margin-top:18px;width:100%;}
.pricing-card .secondary-btn{min-height:48px;}
.legal-card.full{grid-column:1/-1;}
.legal-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.legal-card{background:#fff;border:1px solid var(--mkcs-border);border-radius:24px;padding:24px;box-shadow:0 10px 28px rgba(7,27,51,.06);}
.legal-card p,.legal-card li{color:var(--mkcs-muted);}
.enforcement-card{background:linear-gradient(135deg,#071b33,#0d4f8b);color:#fff;}
.enforcement-card p{color:rgba(255,255,255,.84);}
.feature-card .primary-btn,.feature-card .secondary-btn{justify-self:start;}
@media(max-width:1200px){.platform-hero-with-media{grid-template-columns:1fr;}.platform-media-frame{max-width:980px;margin:0 auto;}.product-media-grid,.showcase-gallery{grid-template-columns:1fr;}.product-media-card img,.showcase-gallery img{aspect-ratio:16/9;}.nav{gap:14px;font-size:.9rem;}}
@media(max-width:900px){.arch-layer.split,.arch-layer.split.three,.legal-grid{grid-template-columns:1fr;}.architecture-canvas{padding:16px}.platform-hero-with-media{padding:48px 20px}.product-media-grid,.showcase-gallery{width:min(94vw,720px)}.form-row{grid-template-columns:1fr}.apply-modal{padding:14px}.apply-modal-card{padding:22px}.site-header{align-items:center}.nav.nav-open{max-height:80vh;overflow:auto;}}
@media(max-width:640px){.product-media-card div{padding:18px}.platform-preview-strip.section{padding-left:0;padding-right:0}.architecture-section{padding-left:0;padding-right:0}.product-hero-content h1{font-size:2.15rem}.hero-proof span{font-size:.8rem}}

/* V5.8.0 layout overrides for full-width sections and preserved homepage motion */
.section,.content-section,.trust-bar-section,.hero,.subpage-hero{max-width:none;}
.sales-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:32px;align-items:center;}
.sales-hero .hero-content,.sales-hero .ecosystem-panel{max-width:none;}
.sales-hero .hero-content{padding-left:max(0px,calc((100vw - 1450px)/2));}
.sales-hero .ecosystem-panel{margin-right:max(0px,calc((100vw - 1450px)/2));}
.section-heading{max-width:920px;}
.contact-card{max-width:900px;}
@media(max-width:1050px){.sales-hero{grid-template-columns:1fr}.sales-hero .hero-content{padding-left:0}.sales-hero .ecosystem-panel{margin-right:0}}