:root {
  color-scheme: light;
  --hmj-premium-navy: #09142d;
  --hmj-premium-navy-alt: #13234c;
  --hmj-premium-border: rgba(129, 155, 226, 0.18);
  --hmj-premium-border-strong: rgba(159, 182, 255, 0.28);
  --hmj-premium-text: #f5f8ff;
  --hmj-premium-muted: rgba(223, 232, 255, 0.88);
  --hmj-premium-muted-strong: rgba(239, 244, 255, 0.92);
  --hmj-premium-glow:
    radial-gradient(circle at top right, rgba(83, 118, 218, 0.26), transparent 34%),
    radial-gradient(circle at bottom left, rgba(57, 94, 191, 0.18), transparent 30%),
    linear-gradient(160deg, rgba(9, 20, 45, 0.98), rgba(20, 35, 75, 0.95));
  --hmj-premium-shadow: 0 28px 56px rgba(8, 14, 34, 0.3);
  --hmj-premium-shadow-soft: 0 22px 44px rgba(8, 14, 34, 0.22);
  --hmj-light-card:
    radial-gradient(circle at top right, rgba(87, 122, 217, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 255, 0.94));
}

.clients-body {
  color-scheme: light;
}

:is(body.public-page, .about-page, .clients-body) .hmj-menu a[aria-current="page"] {
  background: rgba(73, 117, 214, 0.26);
  border: 1px solid rgba(126, 153, 232, 0.38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

:is(body.public-page, .about-page, .clients-body)
  :is(
    .entry-hero__actions,
    .public-hero-actions,
    .hero-actions,
    .about-hero__actions,
    .about-cta__actions,
    .client-cta-band__actions,
    .form-actions,
    .contact-form
  )
  .btn-primary {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(180deg, #4b76d7, #2f5cc4);
  color: #ffffff;
  box-shadow:
    0 18px 30px rgba(47, 78, 162, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

:is(body.public-page, .about-page, .clients-body)
  :is(
    .entry-hero__actions,
    .public-hero-actions,
    .hero-actions,
    .about-hero__actions,
    .about-cta__actions,
    .client-cta-band__actions,
    .form-actions,
    .contact-form
  )
  .btn-primary:hover,
:is(body.public-page, .about-page, .clients-body)
  :is(
    .entry-hero__actions,
    .public-hero-actions,
    .hero-actions,
    .about-hero__actions,
    .about-cta__actions,
    .client-cta-band__actions,
    .form-actions,
    .contact-form
  )
  .btn-primary:focus-visible {
  box-shadow:
    0 22px 34px rgba(47, 78, 162, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

:is(body.public-page, .about-page, .clients-body)
  :is(
    .entry-hero__actions,
    .public-hero-actions,
    .hero-actions,
    .about-hero__actions,
    .about-cta__actions,
    .client-cta-band__actions
  )
  :is(.btn-secondary, .btn-tertiary) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 243, 255, 0.98));
  border-color: rgba(57, 86, 153, 0.18);
  color: #14306e;
  box-shadow: 0 16px 28px rgba(15, 27, 63, 0.08);
}

:is(body.public-page, .about-page, .clients-body)
  :is(
    .entry-hero__actions,
    .public-hero-actions,
    .hero-actions,
    .about-hero__actions,
    .about-cta__actions,
    .client-cta-band__actions
  )
  :is(.btn-secondary, .btn-tertiary):hover,
:is(body.public-page, .about-page, .clients-body)
  :is(
    .entry-hero__actions,
    .public-hero-actions,
    .hero-actions,
    .about-hero__actions,
    .about-cta__actions,
    .client-cta-band__actions
  )
  :is(.btn-secondary, .btn-tertiary):focus-visible {
  background: linear-gradient(180deg, #ffffff, rgba(243, 247, 255, 0.98));
  border-color: rgba(57, 86, 153, 0.32);
  color: #0f1b3f;
}

body.public-page
  :is(
    .entry-hero--home,
    .entry-hero--jobs,
    .entry-hero--apply,
    .entry-hero--client,
    .entry-hero--job
  )
  .entry-hero__card {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 4vw, 40px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: var(--hmj-light-card);
  box-shadow:
    0 34px 72px rgba(10, 15, 30, 0.24),
    0 14px 28px rgba(10, 15, 30, 0.14);
}

body.public-page
  :is(
    .entry-hero--home,
    .entry-hero--jobs,
    .entry-hero--apply,
    .entry-hero--client,
    .entry-hero--job
  )
  .entry-hero__card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent 30%),
    radial-gradient(circle at top left, rgba(63, 102, 199, 0.14), transparent 40%);
}

body.public-page
  :is(
    .entry-hero--home,
    .entry-hero--jobs,
    .entry-hero--apply,
    .entry-hero--client,
    .entry-hero--job
  )
  :is(.public-hero-copy, .public-hero-side) {
  position: relative;
  z-index: 1;
}

body.public-page
  :is(
    .entry-hero--home,
    .entry-hero--jobs,
    .entry-hero--apply,
    .entry-hero--client,
    .entry-hero--job
  )
  .entry-hero__chip {
  padding: 10px 14px;
  border-color: rgba(57, 86, 153, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 246, 255, 0.92));
  color: #26437f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

body.public-page
  :is(
    .entry-hero--home,
    .entry-hero--jobs,
    .entry-hero--apply,
    .entry-hero--client,
    .entry-hero--job
  )
  .entry-hero__chip::before {
  box-shadow: 0 0 0 4px rgba(58, 102, 179, 0.12);
}

.about-page .about-hero__inner,
.clients-body .hero-inner {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background:
    radial-gradient(circle at top right, rgba(87, 122, 217, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(244, 247, 255, 0.88));
  box-shadow:
    0 32px 68px rgba(10, 15, 30, 0.22),
    0 14px 28px rgba(10, 15, 30, 0.12);
}

.public-cta-band {
  border: 1px solid var(--hmj-premium-border);
  background: var(--hmj-premium-glow);
  box-shadow: var(--hmj-premium-shadow);
}

:is(
  body.public-page .public-hero-panel,
  .home-page .home-intro-rail .public-card,
  .home-page .kpi,
  .home-page .timeline,
  .home-page .jobs-mini .job-mini,
  .jobs-page .jobs-overview__card,
  .contact-page .job-context,
  .contact-page .apply-support__panel,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .about-page .about-operating-model__panel--primary,
  .about-page .about-stat,
  .about-page .about-cta__inner,
  .clients-body .hero-panel,
  .clients-body .proof-band,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .tools-feature,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
) {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid var(--hmj-premium-border);
  background: var(--hmj-premium-glow);
  box-shadow: var(--hmj-premium-shadow-soft);
  color: var(--hmj-premium-text);
}

:is(
  body.public-page .public-hero-panel,
  .home-page .home-intro-rail .public-card,
  .home-page .kpi,
  .home-page .timeline,
  .home-page .jobs-mini .job-mini,
  .jobs-page .jobs-overview__card,
  .contact-page .job-context,
  .contact-page .apply-support__panel,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .about-page .about-operating-model__panel--primary,
  .about-page .about-stat,
  .about-page .about-cta__inner,
  .clients-body .hero-panel,
  .clients-body .proof-band,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .tools-feature,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(h2, h3, strong, .public-panel__title, .public-card__stat, .job-context__value, .about-stat__number) {
  color: var(--hmj-premium-text);
}

:is(
  body.public-page .public-hero-panel,
  .home-page .home-intro-rail .public-card,
  .home-page .kpi,
  .home-page .timeline,
  .home-page .jobs-mini .job-mini,
  .jobs-page .jobs-overview__card,
  .contact-page .job-context,
  .contact-page .apply-support__panel,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .about-page .about-operating-model__panel--primary,
  .about-page .about-stat,
  .about-page .about-cta__inner,
  .clients-body .hero-panel,
  .clients-body .proof-band,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .tools-feature,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(
    p,
    li,
    .public-panel__copy,
    .section-copy,
    .job-context__summary,
    .job-context__note,
    .about-stat__label,
    .hero-panel__intro
  ) {
  color: var(--hmj-premium-muted);
}

:is(
  body.public-page .public-hero-panel,
  .home-page .home-intro-rail .public-card,
  .home-page .timeline,
  .jobs-page .jobs-overview__card,
  .contact-page .job-context,
  .contact-page .apply-support__panel,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .about-page .about-operating-model__panel--primary,
  .clients-body .hero-panel,
  .clients-body .proof-band,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .tools-feature,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(
    .public-hero-panel__eyebrow,
    .public-card__kicker,
    .public-panel__eyebrow,
    .job-context__label,
    .about-operating-model__label,
    .eyebrow,
    .hero-panel__eyebrow,
    .tools-support-label,
    .proof-band__item span
  ) {
  color: rgba(207, 220, 255, 0.84);
}

:is(
  body.public-page .public-hero-panel,
  .home-page .home-intro-rail .public-card,
  .contact-page .apply-support__panel,
  .client-contact-page .contact-sidecard,
  .about-page .about-operating-model__panel--primary,
  .clients-body .hero-panel,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .tools-feature,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(.public-list li::before, .about-operating-model__list li::before) {
  background: linear-gradient(180deg, #88abff, #4c78e0);
  box-shadow: 0 0 0 5px rgba(89, 124, 220, 0.18);
}

:is(
  body.public-page .public-hero-panel,
  .contact-page .job-context,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .clients-body .hero-panel,
  .clients-body .proof-band,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(
    .hero-metric,
    .hero-contact-link,
    .job-context__stat,
    .job-context__link,
    .contact-sidecard__links a,
    .detail-item,
    .proof-band__item
  ) {
  border-color: rgba(159, 182, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: var(--hmj-premium-text);
}

:is(
  body.public-page .public-hero-panel,
  .contact-page .job-context,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .clients-body .hero-panel,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(.hero-contact-link, .job-context__link, .contact-sidecard__links a, .btn-secondary, .btn-tertiary) {
  border-color: rgba(159, 182, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--hmj-premium-text);
}

:is(
  body.public-page .public-hero-panel,
  .contact-page .job-context,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .clients-body .hero-panel,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(.hero-contact-link, .job-context__link, .contact-sidecard__links a, .btn-secondary, .btn-tertiary):hover,
:is(
  body.public-page .public-hero-panel,
  .contact-page .job-context,
  .client-contact-page .contact-sidecard,
  .job-detail-page main aside.card,
  .clients-body .hero-panel,
  .clients-body .process-panel,
  .clients-body .tools-support-card,
  .clients-body .notes-sidecard,
  .clients-body .client-cta-band__inner,
  .public-surface-dark
)
  :is(.hero-contact-link, .job-context__link, .contact-sidecard__links a, .btn-secondary, .btn-tertiary):focus-visible {
  border-color: rgba(189, 208, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: var(--hmj-premium-text);
  box-shadow: 0 16px 28px rgba(8, 14, 34, 0.18);
}

.home-page .kpi h3,
.home-page .timeline :is(h3, p),
.home-page .jobs-mini .job-mini :is(h3, p),
.jobs-page .jobs-overview__card :is(h2, p),
.about-page .about-stat :is(.about-stat__number, .about-stat__label),
.clients-body .proof-band__item p,
.clients-body .tools-feature p,
.clients-body .client-cta-band__inner .section-copy {
  position: relative;
  z-index: 1;
}

.home-page .kpi p,
.home-page .jobs-mini .job-mini p,
.jobs-page .jobs-overview__card p,
.about-page .about-stat__label {
  color: var(--hmj-premium-muted);
}

.home-page .jobs-mini .job-mini .btn-tertiary {
  border-color: rgba(159, 182, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: var(--hmj-premium-text);
}

.home-page .jobs-mini .job-mini .btn-tertiary:hover,
.home-page .jobs-mini .job-mini .btn-tertiary:focus-visible {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(189, 208, 255, 0.34);
  color: var(--hmj-premium-text);
}

.home-page .jobs-mini .pill {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(189, 208, 255, 0.3) !important;
  color: #eff4ff !important;
}

.home-page .timeline::before {
  background: linear-gradient(180deg, rgba(189, 208, 255, 0.12), rgba(189, 208, 255, 0.52));
}

.home-page .timeline .step::before {
  background: linear-gradient(180deg, #7da0ff, #4773df);
  box-shadow: 0 0 0 4px rgba(89, 124, 220, 0.18);
}

.clients-body .proof-band {
  gap: 1px;
  padding: 1px;
}

.clients-body .proof-band__item {
  min-height: 100%;
}

.about-page .about-operating-model__panel--primary .about-operating-model__label {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(189, 208, 255, 0.18);
}

:is(body.public-page, .clients-body, .rate-book-body) {
  --muted: #4b5d7c;
  --hmj-muted: #4b5d7c;
}

:is(body.public-page, .about-page, .clients-body)
  :is(.public-section-head__copy, .public-panel__copy, .trust-line, .faq-intro, .section-copy, .about-text, .hero-lead) {
  color: #445979;
}

@media (hover: hover) and (pointer: fine) {
  :is(
    .home-page .home-intro-rail .public-card,
    .home-page .kpi,
    .home-page .jobs-mini .job-mini,
    .jobs-page .jobs-overview__card,
    .about-page .about-stat,
    .clients-body .tools-feature
  ):hover {
    transform: translateY(-3px);
    border-color: var(--hmj-premium-border-strong);
    box-shadow: var(--hmj-premium-shadow);
  }
}

@media (max-width: 900px) {
  .clients-body .proof-band {
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .clients-body .proof-band__item {
    border-radius: 22px;
    border: 1px solid var(--hmj-premium-border);
    background: var(--hmj-premium-glow);
    box-shadow: var(--hmj-premium-shadow-soft);
  }
}

@media (max-width: 720px) {
  :is(
    body.public-page .public-hero-panel,
    .home-page .home-intro-rail .public-card,
    .home-page .kpi,
    .home-page .timeline,
    .home-page .jobs-mini .job-mini,
    .jobs-page .jobs-overview__card,
    .contact-page .job-context,
    .contact-page .apply-support__panel,
    .client-contact-page .contact-sidecard,
    .job-detail-page main aside.card,
    .about-page .about-operating-model__panel--primary,
    .about-page .about-stat,
    .about-page .about-cta__inner,
    .clients-body .hero-panel,
    .clients-body .proof-band__item,
    .clients-body .process-panel,
    .clients-body .tools-support-card,
    .clients-body .tools-feature,
    .clients-body .notes-sidecard,
    .clients-body .client-cta-band__inner,
    .public-surface-dark
  ) {
    border-radius: 24px;
  }
}