.mp-public-shell {width: min(100% - 3rem, 1500px);margin-inline: auto;}
@media (max-width: 767px) {
  .mp-public-shell {width: min(100% - 2rem, 1500px);}
}
.mp-public-page {min-height: 100vh;display: flex;flex-direction: column;}
.mp-public-main {flex: 1;}
.mp-public-body {min-height: 100vh;background: var(--color-bg);color: var(--color-text);}

/*HEADER & FOOTER*/
.mp-public-header {
  position: sticky;top: 0;z-index: 1020;
  background: color-mix(in srgb, var(--color-bg) 92%, transparent);
  border-bottom: 1px solid var(--color-border);
  backdrop-filter: blur(12px);
}
.mp-public-nav {min-height: 74px;display: flex;align-items: center;justify-content: space-between;}
.mp-public-brand {color: var(--manpower-main-font);font-size: 1.45rem;font-weight: 700;}

.mp-public-nav-link {
  color: var(--color-text);font-size: 0.9rem;font-weight: 600;text-decoration: none;transition: color 0.15s ease;
}
.mp-public-nav-link:hover {color: var(--bs-primary);}
.mp-public-header-links {display: flex}

#menu-toggle {
    display: none;font-size: 28px;color: var(--bs-primary);cursor: pointer;position:relative;
    z-index: 5000;background-color: var(--color-bg);padding: 12px;border-radius: 8px;
}
.mp-public-header #menu-toggle .dropdown {
    display: none;position: absolute;top: 100%;right: 0;margin-top: 6px;padding: 8px;
    background-color: var(--color-bg);overflow: hidden;width: min(15rem, calc(100vw - 2rem));
    border: 1px solid var(--color-border);border-radius: 12px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.mp-public-header #menu-toggle .dropdown .mp-drop-link {
    display: block;padding: 12px;border-radius: 6px;font-size: 0.9rem;font-weight: 600;text-decoration: none;
    transition: color 0.15s ease;color: var(--color-text);
}
.mp-public-header #menu-toggle .dropdown .mp-drop-link:hover {
    background-color: color-mix(in srgb, var(--bs-primary) 8%, var(--color-bg));
}
.mp-public-header #menu-toggle .dropdown .btn {display: block;margin-top: 6px;}
.mp-public-header #menu-toggle .dropdown a:hover {background-color: var(--color-bg);}

@media screen and (max-width: 768px) {
  .mp-public-header-links {display:none;}
   #menu-toggle {display: block;}
}

.mp-public-footer {
  border-top: 1px solid var(--color-border);background: var(--color-surface);color: var(--manpower-secondary-font);
}
.mp-public-footer-brand {font-size: 1.2rem;}
.mp-public-footer .text-muted {color: color-mix(in srgb, var(--manpower-secondary-font), transparent 30%) !important;}

/*HERO*/
.mp-public-hero {
  min-height: calc(100vh - 74px);display: flex;align-items: center;padding: 6rem 0;
  background: radial-gradient(circle at 85% 25%, rgba(var(--bs-primary-rgb), 0.13), transparent 35%);
}
.mp-public-eyebrow {
  color: var(--bs-primary);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;
}
.mp-public-hero-title {max-width: 850px;font-size: clamp(3rem, 5.5vw, 5.8rem);line-height: 1.02;letter-spacing: -0.04em;}
.mp-public-hero-title span {color: var(--bs-primary);}
.mp-public-hero-copy {max-width: 720px;color: var(--color-text-muted);font-size: 1.15rem;line-height: 1.8;}
.mp-public-hero-visual {
  max-width: 420px;margin-inline: auto;padding: 2rem;
  background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 24px;
  box-shadow: var(--shadow-2);
}
.mp-public-flow-step {
  display: flex;align-items: center;gap: 1rem;
  padding: 1rem 1.25rem;
  background: var(--color-bg);border: 1px solid var(--color-border);border-radius: 12px;
  font-weight: 600;
}
.mp-public-flow-step i {width: 1.5rem;color: var(--bs-primary);text-align: center;}
.mp-public-flow-line {width: 2px;height: 28px;margin-left: 2rem;background: var(--color-border);}

/*ADDITIONS*/
.mp-public-section {padding: 6rem 0;}

.mp-public-section--surface {
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.mp-public-section-heading {max-width: 760px;}

.mp-public-section-heading h2, .mp-public-large-heading {
  font-size: clamp(2rem, 4vw, 3.5rem);line-height: 1.1;
}

.mp-public-section-heading p, .mp-public-section-copy {
  color: var(--color-text-muted);font-size: 1.05rem;line-height: 1.8;
}

.mp-public-feature-card {
  height: 100%;padding: 2rem;
  background: var(--color-bg);border: 1px solid var(--color-border);border-radius: 16px;
}

.mp-public-feature-card h3, .mp-public-role-card h3, .mp-public-support-card h3 {
  font-size: 1.1rem;font-weight: 700;margin-bottom: 0.75rem;
}

.mp-public-feature-card p, .mp-public-role-card p, .mp-public-support-card p {
  color: var(--color-text-muted);line-height: 1.7;margin-bottom: 0;
}

.mp-public-feature-icon, .mp-public-role-icon {
  width: 46px;height: 46px;display: grid;place-items: center;margin-bottom: 1.25rem;
  border-radius: 12px;color: var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary), transparent 90%);
}

.mp-public-role-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.25rem;}
.mp-public-role-card {
  padding: 1.75rem;border-top: 3px solid var(--bs-primary);background: var(--color-surface);
  border-radius: 0 0 14px 14px;
}

.mp-public-section--dark {background: var(--manpower-header);color: var(--manpower-secondary-font);}
.mp-public-eyebrow--inverse {color: var(--manpower-gold);}
.mp-public-dark-copy {
  max-width: 650px;
  color: color-mix(in srgb, var(--manpower-secondary-font), transparent 18%);
  font-size: 1.05rem;line-height: 1.8;
}

.mp-public-career-path {
  padding: 2rem;
  border: 1px solid color-mix(in srgb, var(--manpower-secondary-font), transparent 75%);
  border-radius: 20px;
}

.mp-public-career-node {display: flex;align-items: center;gap: 1rem;}
.mp-public-career-node > i {
  width: 48px;height: 48px;display: grid;flex: 0 0 48px;
  place-items: center;border-radius: 50%;background: var(--bs-primary);color: white;
}

.mp-public-career-node div {display: flex;flex-direction: column;}
.mp-public-career-node span {opacity: 0.8;font-size: 0.9rem;}
.mp-public-career-path-line {
  width: 2px;height: 34px;margin: 0.5rem 0 0.5rem 23px;
  background: color-mix(in srgb, var(--manpower-secondary-font), transparent 65%);
}
.mp-public-support-card {
  height: 100%;padding: 2rem;
  border: 1px solid var(--color-border);border-radius: 16px;background: var(--color-surface);
}
.mp-public-support-card > i, .mp-public-support-card .d-flex > i {
  color: var(--bs-primary);font-size: 1.4rem;margin-bottom: 1.25rem;
}
.mp-public-support-card--planned {border-style: dashed;}

.mp-public-planned-label {
  height: fit-content;padding: 0.25rem 0.6rem;
  border-radius: 999px;background: color-mix(in srgb, var(--bs-primary), transparent 88%);color: var(--bs-primary);
  font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;
}

.mp-public-cta {
  padding: 5rem 0;
  background: color-mix(in srgb, var(--bs-primary), var(--color-surface) 94%);
  border-top: 1px solid var(--color-border);
}

.mp-public-cta-inner {display: flex;justify-content: space-between;align-items: center;gap: 3rem;}

@media (max-width: 991px) {
  .mp-public-role-grid {grid-template-columns: repeat(2, 1fr);}
  .mp-public-cta-inner {align-items: flex-start;flex-direction: column;}
}

@media (max-width: 575px) {
  .mp-public-section {padding: 4rem 0;}
  .mp-public-role-grid {grid-template-columns: 1fr;}
}