/* SEO career hero, scoped separately from the other nineteen career surfaces. */
.zm-shell .zm-career .zc-seo-hero { position: relative; isolation: isolate; overflow: hidden; background: #fafafa; }
.zm-shell .zm-career .zc-seo-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 40px; background: linear-gradient(transparent, #fff); pointer-events: none; z-index: -1; }
.zm-shell .zm-career .zc-seo-hero-image { position: absolute; z-index: -2; inset: 0 0 0 auto; width: min(100%, 1440px); height: 100%; object-fit: cover; object-position: right center; mask-image: linear-gradient(to right, transparent, #000 160px); }
.zm-shell .zm-career .zc-seo-hero-inner { padding-block: 24px 28px; }
.zm-shell .zm-career .zc-seo-hero-copy { max-width: 51%; padding-top: 18px; }
.zm-shell .zm-career .zc-seo-hero-status { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-bottom: 12px; font-size: 13px; color: #56636b; }
.zm-shell .zm-career .zc-status--open { color: #28634f; font-size: 13px; }
.zm-shell .zm-career .zc-status--open::before { background: #28754f; width: 7px; height: 7px; }
.zm-shell .zm-career .zc-seo-hero h1 { font-size: 54px; line-height: 1.04; }
.zm-shell .zm-career .zc-seo-hero .zc-alternate-title { margin-top: 10px; font-size: 22px; line-height: 1.22; font-weight: 550; color: #344c58; }
.zm-shell .zm-career .zc-seo-hero-lead { max-width: 490px; margin-top: 16px; font-size: 17px; line-height: 1.5; color: #3e4d55; }
.zm-shell .zm-career .zc-seo-hero-levels { max-width: 480px; margin-top: 10px; font-size: 14px; line-height: 1.45; color: #3e4d55; }
.zm-shell .zm-career .zc-seo-hero-levels strong { font-weight: 700; }
.zm-shell .zm-career .zc-seo-hero-pay { margin-top: 16px; }
.zm-shell .zm-career .zc-seo-hero-pay > p:first-child { display: flex; align-items: baseline; gap: 6px 12px; flex-wrap: wrap; }
.zm-shell .zm-career .zc-seo-hero-pay strong { color: #202c32; font-size: 30px; line-height: 1.2; font-weight: 750; white-space: nowrap; }
.zm-shell .zm-career .zc-seo-hero-pay span { font-size: 13px; }
.zm-shell .zm-career .zc-seo-salary-note { max-width: 460px; margin-top: 7px; font-size: 14px; line-height: 1.45; color: #3e4d55; }
.zm-shell .zm-career .zc-seo-hero-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; list-style: none; padding: 0; margin: 18px 0; color: #3e4d55; font-size: 13px; }
.zm-shell .zm-career .zc-seo-hero-facts li { display: flex; align-items: center; gap: 6px; }
.zm-shell .zm-career .zc-seo-hero-facts svg { width: 16px; height: 16px; flex-basis: 16px; }
.zm-shell .zm-career .zc-seo-hero .zc-actions { gap: 10px 24px; }
.zm-shell .zm-career .zc-seo-hero .zc-button { min-height: 48px; padding: 12px 18px; }
.zm-shell .zm-career .zc-seo-hero .zc-text-link { font-size: 14px; }
.zm-shell .zm-career .zc-seo-hero-note { margin-top: 10px; font-size: 12px; line-height: 1.4; }
.zm-shell .zm-career .zc-seo-hero + .zc-workspace { padding-top: 36px; }

@media (min-width: 1600px) {
  .zm-shell .zm-career .zc-seo-hero-image { object-position: right 30%; }
  .zm-shell .zm-career .zc-seo-hero-inner { padding-block: 28px 32px; }
  .zm-shell .zm-career .zc-seo-hero-copy { padding-top: 22px; }
}
@media (max-width: 1100px) and (min-width: 801px) {
  .zm-shell .zm-career .zc-seo-hero h1 { font-size: 46px; }
  .zm-shell .zm-career .zc-seo-hero .zc-alternate-title { font-size: 21px; }
  .zm-shell .zm-career .zc-seo-hero-copy { max-width: 54%; }
  .zm-shell .zm-career .zc-seo-hero-image { width: 70%; object-position: 75% center; mask-image: linear-gradient(to right, transparent 34%, #000 58%); }
  .zm-shell .zm-career .zc-seo-hero-lead { font-size: 16px; }
  .zm-shell .zm-career .zc-seo-hero .zc-actions { gap: 8px 16px; }
  .zm-shell .zm-career .zc-seo-hero .zc-button { padding-inline: 12px; font-size: 14px; }
  .zm-shell .zm-career .zc-seo-hero .zc-text-link { font-size: 13px; gap: 6px; }
}
@media (max-width: 800px) {
  .zm-shell .zm-career .zc-seo-hero { display: flex; flex-direction: column; background: #fafafa; }
  .zm-shell .zm-career .zc-seo-hero-image { position: relative; order: 1; inset: auto; height: 240px; width: 100%; object-position: right 48%; object-fit: cover; mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 86%, transparent); }
  .zm-shell .zm-career .zc-seo-hero-inner { padding-block: 12px 26px; }
  .zm-shell .zm-career .zc-seo-hero-copy { max-width: 100%; padding-top: 16px; }
  .zm-shell .zm-career .zc-seo-hero h1 { font-size: 44px; }
  .zm-shell .zm-career .zc-seo-hero .zc-alternate-title { font-size: 21px; }
  .zm-shell .zm-career .zc-seo-hero .zc-alternate-title br { display: none; }
  .zm-shell .zm-career .zc-seo-hero-lead { max-width: 560px; margin-top: 14px; font-size: 16px; }
  .zm-shell .zm-career .zc-seo-hero-pay { margin-top: 16px; }
  .zm-shell .zm-career .zc-seo-hero-note { font-size: 13px; }
}
@media (max-width: 540px) {
  .zm-shell .zm-career .zc-seo-hero-image { height: 200px; object-position: right center; }
  .zm-shell .zm-career .zc-seo-hero h1 { font-size: 36px; }
  .zm-shell .zm-career .zc-seo-hero .zc-alternate-title { font-size: 19px; }
  .zm-shell .zm-career .zc-seo-hero-status { margin-bottom: 12px; font-size: 12px; }
  .zm-shell .zm-career .zc-seo-hero-lead { font-size: 15px; }
  .zm-shell .zm-career .zc-seo-hero-pay strong { font-size: 27px; }
  .zm-shell .zm-career .zc-seo-hero-facts { margin-block: 14px; }
  .zm-shell .zm-career .zc-seo-hero .zc-actions { gap: 8px 16px; }
  .zm-shell .zm-career .zc-seo-hero .zc-button { font-size: 14px; padding-inline: 14px; gap: 14px; }
}

/* SEO-only content: compact editorial bands, with one outcome per workstream. */
.zm-shell .zc-seo-page .zc-band { padding-block: 44px; }
.zm-shell .zc-seo-page .zc-heading { gap: 48px; margin-bottom: 28px; }
.zm-shell .zc-seo-page h2 { font-size: 34px; line-height: 1.17; }
.zm-shell .zc-seo-page h3 { font-size: 21px; }
.zm-shell .zc-seo-page p { font-size: 16px; line-height: 1.55; }
.zm-shell .zc-seo-page .zc-eyebrow { margin-bottom: 12px; font-size: 11px; }
.zm-shell .zc-seo-page .zc-seo-tasks .zc-heading { align-items: center; }
.zm-shell .zc-seo-page .zc-seo-tasks h2 { font-size: 40px; }
.zm-shell .zc-seo-page .zc-seo-tasks .zc-heading > p { font-size: 18px; }
.zm-shell .zc-seo-page .zc-seo-task-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.zm-shell .zc-seo-page .zc-seo-task { --task-accent: #397453; --task-rule: #a1b9a8; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) 37%; gap: 12px; padding: 24px; min-width: 0; border-radius: 6px; background: #f1f6f1; }
.zm-shell .zc-seo-page .zc-seo-task--technical { --task-accent: #266bb2; --task-rule: #9dbde0; background: #edf5fd; }
.zm-shell .zc-seo-page .zc-seo-task--content { --task-accent: #a53c31; --task-rule: #d7a2a9; background: #faf0f2; }
.zm-shell .zc-seo-page .zc-seo-task--analytics { --task-accent: #9b781d; --task-rule: #c3b17e; background: #f4f4f4; }
.zm-shell .zc-seo-page .zc-seo-task-copy { position: relative; z-index: 1; display: flex; flex-direction: column; min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-task-icon { width: 32px; height: 32px; flex: 0 0 32px; margin-bottom: 10px; color: var(--task-accent); stroke-width: 1.6; }
.zm-shell .zc-seo-page .zc-seo-task-grid h3 { margin: 0 0 10px; font-size: 24px; line-height: 1.2; }
.zm-shell .zc-seo-page .zc-seo-task-grid p { font-size: 18px; line-height: 1.45; }
.zm-shell .zc-seo-page .zc-seo-task-grid .zc-seo-outcome { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; position: relative; color: #202c32; }
.zm-shell .zc-seo-page .zc-seo-outcome::before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid var(--task-rule); }
.zm-shell .zc-seo-page .zc-seo-task-copy > p:not(.zc-seo-outcome) { margin-bottom: 16px; }
.zm-shell .zc-seo-page .zc-seo-outcome strong { font-size: 18px; line-height: 1.35; font-weight: 700; }
.zm-shell .zc-seo-page .zc-seo-outcome svg { width: 20px; height: 20px; flex: 0 0 20px; color: var(--task-accent); }
.zm-shell .zc-seo-page .zc-seo-task-image { position: absolute; width: 42%; height: auto; aspect-ratio: 1; object-fit: contain; top: 50%; right: 6px; transform: translateY(-50%); }
.zm-shell .zc-seo-page .zc-seo-tasks-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; margin-top: 24px; }
.zm-shell .zc-seo-page .zc-seo-medical { display: flex; align-items: center; gap: 14px; margin: 0; min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-medical > svg { width: 26px; height: 26px; flex: 0 0 26px; color: #28634f; }
.zm-shell .zc-seo-page .zc-seo-medical p { font-size: 14px; line-height: 1.5; }
.zm-shell .zc-seo-page .zc-seo-tasks-footer .zc-button { flex-shrink: 0; min-height: 48px; padding: 12px 18px; }
.zm-shell .zc-seo-page .zc-seo-work { background: #fff; }
.zm-shell .zc-seo-page .zc-seo-work .zc-heading { align-items: center; }
.zm-shell .zc-seo-page .zc-seo-work h2 { font-size: 40px; }
.zm-shell .zc-seo-page .zc-seo-work .zc-heading > p { font-size: 18px; }
.zm-shell .zc-seo-page .zc-seo-agreements { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; }
.zm-shell .zc-seo-page .zc-seo-agreement { --work-accent: #397453; --work-tint: #eaf3ed; position: relative; min-width: 0; border-top: 1px solid var(--work-accent); padding-top: 16px; }
.zm-shell .zc-seo-page .zc-seo-agreement + .zc-seo-agreement::before { content: ""; position: absolute; top: 0; bottom: 0; left: -24px; border-left: 1px solid #e2e8eb; }
.zm-shell .zc-seo-page .zc-seo-agreement--resources { --work-accent: #266bb2; --work-tint: #e4f0fc; }
.zm-shell .zc-seo-page .zc-seo-agreement--load { --work-accent: #b14e32; --work-tint: #faece7; }
.zm-shell .zc-seo-page .zc-seo-agreement h3 { display: flex; align-items: center; gap: 14px; min-height: 48px; font-size: 24px; }
.zm-shell .zc-seo-page .zc-seo-work-icon { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; background: var(--work-tint); color: var(--work-accent); }
.zm-shell .zc-seo-page .zc-seo-work-icon svg { width: 28px; height: 28px; flex: 0 0 28px; stroke-linecap: round; stroke-linejoin: round; }
.zm-shell .zc-seo-page .zc-seo-agreement ul { margin: 16px 0 0; padding-left: 22px; color: #56636b; font-size: 18px; line-height: 1.5; }
.zm-shell .zc-seo-page .zc-seo-agreement li { padding-left: 4px; }
.zm-shell .zc-seo-page .zc-seo-agreement li + li { margin-top: 10px; }
.zm-shell .zc-seo-page .zc-seo-agreement li::marker { color: var(--work-accent); }
/* Only the surface fades; the artwork and workflow stay sharp. */
.zm-shell .zc-seo-page .zc-seo-process { margin-top: 12px; background: linear-gradient(to bottom, #fff, #eef8fd 40px, #eef8fd calc(100% - 40px), #fff); }
.zm-shell .zc-seo-page .zc-seo-process-inner { display: grid; grid-template-columns: 270px minmax(0, 1fr); align-items: center; gap: 36px; padding-block: 24px; }
.zm-shell .zc-seo-page .zc-seo-plan-image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.zm-shell .zc-seo-page .zc-seo-process-content { min-width: 0; padding-left: 24px; border-left: 1px solid #d9e8ef; }
.zm-shell .zc-seo-page .zc-seo-process-content h3 { margin: 0 0 20px; font-size: 22px; }
.zm-shell .zc-seo-page .zc-seo-workflow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 0; }
.zm-shell .zc-seo-page .zc-seo-workflow li { --work-accent: #397453; --work-tint: #e4f1eb; position: relative; min-width: 0; padding-top: 18px; }
.zm-shell .zc-seo-page .zc-seo-workflow li:nth-child(even) { --work-accent: #266bb2; --work-tint: #e0effc; }
.zm-shell .zc-seo-page .zc-seo-workflow li:nth-child(3) { --work-accent: #b14e32; --work-tint: #faece7; }
.zm-shell .zc-seo-page .zc-seo-workflow li::before { content: ""; position: absolute; top: 42px; left: 0; right: -12px; border-top: 1px solid var(--work-accent); opacity: .7; }
.zm-shell .zc-seo-page .zc-seo-workflow li:last-child::before { right: 0; }
.zm-shell .zc-seo-page .zc-seo-step-number { position: absolute; top: 0; left: 0; font-size: 12px; line-height: 1.2; font-weight: 700; color: #42627c; }
.zm-shell .zc-seo-page .zc-seo-workflow .zc-seo-work-icon { position: relative; margin-left: 20px; }
.zm-shell .zc-seo-page .zc-seo-workflow strong { display: block; margin: 8px 0 2px 20px; font-size: 17px; line-height: 1.25; }
.zm-shell .zc-seo-page .zc-seo-workflow small { display: block; margin-left: 20px; font-size: 14px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-work-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px 32px; margin-top: 8px; }
.zm-shell .zc-seo-page .zc-seo-work-footer > p { max-width: 760px; font-size: 28px; line-height: 1.25; font-weight: 720; color: #202c32; }
.zm-shell .zc-seo-page .zc-seo-work-action { flex-shrink: 0; text-align: right; }
.zm-shell .zc-seo-page .zc-seo-work-action .zc-button { min-height: 48px; padding: 12px 18px; }
.zm-shell .zc-seo-page .zc-seo-work-action p { margin-top: 8px; font-size: 13px; }
.zm-shell .zc-seo-page .zc-seo-tools .zc-heading { grid-template-columns: .9fr 1.1fr; align-items: center; gap: 32px; }
.zm-shell .zc-seo-page .zc-seo-tools h2 { font-size: 40px; }
.zm-shell .zc-seo-page .zc-seo-tools .zc-heading > p { max-width: 640px; font-size: 18px; }
.zm-shell .zc-seo-page .zc-seo-tools-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zm-shell .zc-seo-page .zc-seo-tool-group { --tool-tint: #e9f4ed; --tool-accent: #304d42; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 33%; align-items: center; gap: 12px; min-width: 0; min-height: 230px; padding: 22px 18px; }
.zm-shell .zc-seo-page .zc-seo-tool-group::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 20%, var(--tool-tint)); mask-image: linear-gradient(transparent, #000 24%, #000 76%, transparent); pointer-events: none; }
.zm-shell .zc-seo-page .zc-seo-tool-group:nth-child(even) { border-left: 1px solid #e5eaed; }
.zm-shell .zc-seo-page .zc-seo-tool-group:nth-child(n+3) { border-top: 1px solid #e5eaed; }
.zm-shell .zc-seo-page .zc-seo-tool-group--index { --tool-tint: #e8f2ff; --tool-accent: #295e93; }
.zm-shell .zc-seo-page .zc-seo-tool-group--analytics { --tool-tint: #fbeceb; --tool-accent: #ae4e37; }
.zm-shell .zc-seo-page .zc-seo-tool-group--release { --tool-tint: #f0f1f2; --tool-accent: #344752; }
.zm-shell .zc-seo-page .zc-seo-tool-copy { min-width: 0; align-self: start; }
.zm-shell .zc-seo-page .zc-seo-tool-copy h3 { display: flex; align-items: center; gap: 14px; font-size: 23px; line-height: 1.25; }
.zm-shell .zc-seo-page .zc-seo-tool-symbol { display: flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: var(--tool-tint, #e8f2ff); color: var(--tool-accent, #295e93); }
.zm-shell .zc-seo-page .zc-seo-tool-symbol svg, .zm-shell .zc-seo-page .zc-seo-tool-symbol img { display: block; width: 27px; height: 27px; flex: 0 0 27px; object-fit: contain; }
.zm-shell .zc-seo-page .zc-seo-tool-copy > p { margin: 8px 0 22px 60px; color: #606f78; font-size: 16px; line-height: 1.5; }
.zm-shell .zc-seo-page .zc-seo-services { display: flex; flex-wrap: wrap; gap: 12px 22px; margin: 0; padding: 0; list-style: none; }
.zm-shell .zc-seo-page .zc-seo-services li { display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 15px; line-height: 1.35; color: #202c32; }
.zm-shell .zc-seo-page .zc-seo-services img { display: block; flex: 0 0 26px; width: 26px; height: 26px; object-fit: contain; }
.zm-shell .zc-seo-page .zc-seo-services .zc-seo-sheets-mark { object-fit: cover; object-position: left; }
.zm-shell .zc-seo-page .zc-seo-tool-art { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.zm-shell .zc-seo-page .zc-seo-tools-footer { display: grid; grid-template-columns: 270px minmax(0, 1fr) auto; align-items: center; gap: 28px; padding-top: 22px; border-top: 1px solid #e5eaed; }
.zm-shell .zc-seo-page .zc-seo-speed { display: flex; align-items: center; gap: 16px; color: #202c32; }
.zm-shell .zc-seo-page .zc-seo-speed strong { display: block; margin-bottom: 4px; font-size: 15px; }
.zm-shell .zc-seo-page .zc-seo-tools-note { border-left: 1px solid #e5eaed; padding-left: 28px; font-size: 15px; color: #606f78; }
.zm-shell .zc-seo-page .zc-seo-tools-footer .zc-button { min-height: 48px; padding: 12px 18px; white-space: nowrap; }
.zm-shell .zc-seo-page .zc-seo-level-layout { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr); gap: 28px; }
.zm-shell .zc-seo-page .zc-seo-level-feature { position: relative; isolation: isolate; min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-level-feature::before { content: ""; position: absolute; inset: 80px -28px 0 0; z-index: -1; background: linear-gradient(110deg, transparent 30%, #e8f3ed); mask-image: linear-gradient(transparent, #000 40%, #000 85%, transparent); pointer-events: none; }
.zm-shell .zc-seo-page .zc-seo-level-heading h2 { font-size: 44px; line-height: 1.14; }
.zm-shell .zc-seo-page .zc-seo-level-lead { max-width: 750px; margin-top: 14px; font-size: 18px; line-height: 1.5; }
.zm-shell .zc-seo-page .zc-seo-senior { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: start; margin-top: 24px; }
.zm-shell .zc-seo-page .zc-seo-senior-copy { position: relative; z-index: 1; padding-block: 8px 28px; }
.zm-shell .zc-seo-page .zc-seo-senior .zc-status { min-height: 34px; padding: 8px 16px; border-radius: 24px; background: #eaf4ed; color: #386a54; font-size: 13px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-senior h3 { margin: 14px 0 18px; font-size: 44px; font-weight: 800; line-height: 1.1; }
.zm-shell .zc-seo-page .zc-seo-levels h4 { margin: 0 0 10px; font-size: 22px; line-height: 1.25; }
.zm-shell .zc-seo-page .zc-seo-senior-copy > p { font-size: 17px; line-height: 1.5; }
.zm-shell .zc-seo-page .zc-seo-senior-art { display: block; align-self: end; width: 100%; max-width: none; height: auto; aspect-ratio: 1; margin: 0; object-fit: contain; }
.zm-shell .zc-seo-page .zc-seo-level-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; color: var(--level-accent, #386a54); background: var(--level-tint, #eaf4ed); }
.zm-shell .zc-seo-page .zc-seo-level-icon svg { display: block; width: 25px; height: 25px; }
.zm-shell .zc-seo-page .zc-seo-level-proof { display: flex; align-items: flex-start; gap: 16px; margin-top: 24px; }
.zm-shell .zc-seo-page .zc-seo-level-proof > span:last-child { min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-level-proof small { display: block; margin-bottom: 3px; color: #606f78; font-size: 13px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-level-proof strong { display: block; color: #202c32; font-size: 16px; line-height: 1.4; font-weight: 700; }
.zm-shell .zc-seo-page .zc-seo-level-others { display: flex; flex-direction: column; min-width: 0; padding-left: 28px; border-left: 1px solid #e0e6e8; }
.zm-shell .zc-seo-page .zc-seo-level { --level-accent: #35679c; --level-tint: #eaf2ff; padding-block: 8px 24px; }
.zm-shell .zc-seo-page .zc-seo-level + .zc-seo-level { border-top: 1px solid #dfe5e8; padding-top: 24px; padding-bottom: 0; }
.zm-shell .zc-seo-page .zc-seo-level--junior { --level-accent: #ad4e35; --level-tint: #fbeeea; }
.zm-shell .zc-seo-page .zc-seo-level h3 { display: flex; align-items: center; gap: 18px; margin: 0 0 12px; font-size: 34px; font-weight: 800; line-height: 1.2; }
.zm-shell .zc-seo-page .zc-seo-level-copy { padding-left: 64px; }
.zm-shell .zc-seo-page .zc-seo-level-copy h4 { font-size: 20px; }
.zm-shell .zc-seo-page .zc-seo-level-copy > p { font-size: 16px; line-height: 1.45; }
.zm-shell .zc-seo-page .zc-seo-level-copy .zc-seo-level-proof { gap: 12px; margin-top: 18px; }
.zm-shell .zc-seo-page .zc-seo-level-copy .zc-seo-level-proof .zc-seo-level-icon { flex-basis: 38px; width: 38px; height: 38px; }
.zm-shell .zc-seo-page .zc-seo-level-copy .zc-seo-level-proof svg { width: 22px; height: 22px; }
.zm-shell .zc-seo-page .zc-seo-level-copy .zc-seo-level-support { margin-top: 12px; font-size: 14px; color: #606f78; }
.zm-shell .zc-seo-page .zc-seo-level-action { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) auto; gap: 24px; align-items: center; padding-top: 22px; margin-top: 0; border-top: 1px solid #dfe5e8; }
.zm-shell .zc-seo-page .zc-seo-level-action > p { display: flex; gap: 16px; align-items: center; font-size: 14px; }
.zm-shell .zc-seo-page .zc-seo-level-reassurance { --level-accent: #35679c; --level-tint: #eaf2ff; }
.zm-shell .zc-seo-page .zc-seo-level-reassurance strong { display: block; font-size: 16px; color: #202c32; margin-bottom: 2px; }
.zm-shell .zc-seo-page .zc-seo-level-pay { border-left: 1px solid #e0e6e8; padding-left: 24px; }
.zm-shell .zc-seo-page .zc-seo-level-action .zc-button { min-height: 48px; padding: 12px 20px; white-space: nowrap; }
.zm-shell .zc-seo-page .zc-seo-form-modes { display: flex; flex-wrap: wrap; gap: 10px 24px; border: 0; padding: 0; margin: 0; min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-form-modes legend { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.zm-shell .zc-seo-page .zc-seo-form-modes label { display: flex; flex-direction: row; align-items: center; gap: 8px; margin: 0; min-height: 44px; cursor: pointer; }
.zm-shell .zc-seo-page .zc-seo-form-modes input { width: 18px; height: 18px; min-height: 0; margin: 0; padding: 0; accent-color: #28634f; flex: 0 0 18px; }
.zm-shell .zc-seo-page .zc-seo-form-hint { font-size: 14px; }
.zm-shell .zc-seo-page .zc-form-status { font-size: 12px; }
@media (min-width: 1001px) and (max-width: 1100px) {
  .zm-shell .zc-seo-page .zc-seo-level-copy { padding-left: 0; }
  .zm-shell .zc-seo-page .zc-seo-level-heading h2 { font-size: 38px; }
  .zm-shell .zc-seo-page .zc-seo-process-inner { grid-template-columns: 190px minmax(0, 1fr); gap: 20px; }
  .zm-shell .zc-seo-page .zc-seo-process-content { padding-left: 18px; }
  .zm-shell .zc-seo-page .zc-seo-workflow strong { font-size: 15px; margin-left: 10px; }
  .zm-shell .zc-seo-page .zc-seo-workflow small { font-size: 13px; margin-left: 10px; }
  .zm-shell .zc-seo-page .zc-seo-workflow .zc-seo-work-icon { margin-left: 10px; }
}
@media (max-width: 1000px) {
  .zm-shell .zc-seo-page .zc-seo-work h2 { font-size: 34px; }
  .zm-shell .zc-seo-page .zc-seo-work .zc-heading > p { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-agreements { gap: 32px; }
  .zm-shell .zc-seo-page .zc-seo-agreement + .zc-seo-agreement::before { left: -16px; }
  .zm-shell .zc-seo-page .zc-seo-agreement h3 { font-size: 21px; gap: 10px; }
  .zm-shell .zc-seo-page .zc-seo-agreement ul { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-process-inner { grid-template-columns: 190px minmax(0, 1fr); gap: 20px; }
  .zm-shell .zc-seo-page .zc-seo-process-content { padding-left: 18px; }
  .zm-shell .zc-seo-page .zc-seo-workflow strong { font-size: 15px; margin-left: 10px; }
  .zm-shell .zc-seo-page .zc-seo-workflow small { font-size: 13px; margin-left: 10px; }
  .zm-shell .zc-seo-page .zc-seo-workflow .zc-seo-work-icon { margin-left: 10px; }
  .zm-shell .zc-seo-page .zc-seo-work-footer > p { font-size: 24px; }
  .zm-shell .zc-seo-page .zc-seo-tasks h2 { font-size: 34px; }
  .zm-shell .zc-seo-page .zc-seo-tasks .zc-heading > p { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-task { padding: 20px; grid-template-columns: minmax(0, 1fr) 28%; gap: 8px; }
  .zm-shell .zc-seo-page .zc-seo-task-image { width: 32%; right: 4px; }
  .zm-shell .zc-seo-page .zc-seo-task-grid h3 { font-size: 21px; }
  .zm-shell .zc-seo-page .zc-seo-task-grid p { font-size: 15px; }
  .zm-shell .zc-seo-page .zc-seo-outcome strong { font-size: 15px; }
  .zm-shell .zc-seo-page .zc-seo-level-layout { grid-template-columns: 1fr; gap: 24px; }
  .zm-shell .zc-seo-page .zc-seo-level-heading h2 { font-size: 34px; }
  .zm-shell .zc-seo-page .zc-seo-level-feature::before { right: 0; }
  .zm-shell .zc-seo-page .zc-seo-senior { grid-template-columns: minmax(0, 1fr) 40%; }
  .zm-shell .zc-seo-page .zc-seo-senior-art { width: 100%; margin: 0; max-height: 340px; }
  .zm-shell .zc-seo-page .zc-seo-level-others { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; border-left: 0; padding-left: 0; padding-top: 22px; border-top: 1px solid #dfe5e8; }
  .zm-shell .zc-seo-page .zc-seo-level + .zc-seo-level { padding-top: 8px; border-top: 0; }
  .zm-shell .zc-seo-page .zc-seo-level-copy { padding-left: 0; }
  .zm-shell .zc-seo-page .zc-seo-level-action { grid-template-columns: 1fr auto; gap: 16px; margin-top: 20px; }
  .zm-shell .zc-seo-page .zc-seo-level-pay { grid-column: 1; border-left: 0; padding-left: 0; }
  .zm-shell .zc-seo-page .zc-seo-level-action .zc-button { grid-column: 2; grid-row: 1 / span 2; }
  .zm-shell .zc-seo-page .zc-seo-tools h2 { font-size: 34px; }
  .zm-shell .zc-seo-page .zc-seo-tool-group { grid-template-columns: minmax(0, 1fr) 26%; gap: 8px; padding: 18px 12px; }
  .zm-shell .zc-seo-page .zc-seo-tool-copy h3 { font-size: 21px; gap: 10px; }
  .zm-shell .zc-seo-page .zc-seo-tool-copy > p { margin-left: 0; font-size: 15px; }
  .zm-shell .zc-seo-page .zc-seo-services { gap: 10px 16px; }
  .zm-shell .zc-seo-page .zc-seo-services li { font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-tools-footer { grid-template-columns: 230px minmax(0, 1fr); gap: 20px; }
  .zm-shell .zc-seo-page .zc-seo-tools-footer .zc-button { grid-column: 2; justify-self: end; }
}
@media (max-width: 900px) {
  .zm-shell .zc-seo-page .zc-seo-agreements { grid-template-columns: 1fr; gap: 22px; }
  .zm-shell .zc-seo-page .zc-seo-agreement { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; }
  .zm-shell .zc-seo-page .zc-seo-agreement + .zc-seo-agreement::before { display: none; }
  .zm-shell .zc-seo-page .zc-seo-agreement ul { margin-top: 0; }
  .zm-shell .zc-seo-page .zc-seo-process-inner { display: block; position: relative; padding-block: 20px 28px; }
  .zm-shell .zc-seo-page .zc-seo-plan-image { position: absolute; width: 160px; height: 120px; top: 6px; right: 0; }
  .zm-shell .zc-seo-page .zc-seo-process-content { padding: 0; border: 0; }
  .zm-shell .zc-seo-page .zc-seo-process-content h3 { display: flex; align-items: center; min-height: 100px; margin-bottom: 16px; padding-right: 176px; }
  .zm-shell .zc-seo-page .zc-seo-work-footer { align-items: flex-start; }
}
@media (max-width: 700px) {
  .zm-shell .zc-seo-page .zc-band { padding-block: 32px; }
  .zm-shell .zc-seo-page h2 { font-size: 29px; }
  .zm-shell .zc-seo-page .zc-heading { grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px; }
  .zm-shell .zc-seo-page .zc-seo-level-heading h2 { font-size: 29px; }
  .zm-shell .zc-seo-page .zc-seo-level-lead { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-senior { display: block; margin-top: 18px; }
  .zm-shell .zc-seo-page .zc-seo-senior-intro { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 175px; padding-right: 180px; }
  .zm-shell .zc-seo-page .zc-seo-senior h3 { font-size: 36px; }
  .zm-shell .zc-seo-page .zc-seo-senior-art { position: absolute; top: 0; right: 0; width: 175px; height: 175px; }
  .zm-shell .zc-seo-page .zc-seo-senior-copy { padding-bottom: 0; }
  .zm-shell .zc-seo-page .zc-seo-senior-copy > p { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-levels h4 { font-size: 21px; }
  .zm-shell .zc-seo-page .zc-seo-level-others { grid-template-columns: 1fr; gap: 0; }
  .zm-shell .zc-seo-page .zc-seo-level + .zc-seo-level { border-top: 1px solid #dfe5e8; padding-top: 24px; }
  .zm-shell .zc-seo-page .zc-seo-level h3 { font-size: 28px; }
  .zm-shell .zc-seo-page .zc-seo-level-action { grid-template-columns: 1fr; gap: 18px; }
  .zm-shell .zc-seo-page .zc-seo-level-action .zc-button { grid-column: 1; grid-row: auto; justify-content: space-between; }
  .zm-shell .zc-seo-page .zc-seo-tools .zc-heading { grid-template-columns: 1fr; gap: 14px; }
  .zm-shell .zc-seo-page .zc-seo-tools h2 { font-size: 29px; }
  .zm-shell .zc-seo-page .zc-seo-tools .zc-heading > p { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-tools-grid { grid-template-columns: 1fr; }
  .zm-shell .zc-seo-page .zc-seo-tool-group { grid-template-columns: minmax(0, 1fr) 30%; padding: 22px 0; min-height: 200px; gap: 16px; }
  .zm-shell .zc-seo-page .zc-seo-tool-group:nth-child(even) { border-left: 0; }
  .zm-shell .zc-seo-page .zc-seo-tool-group + .zc-seo-tool-group { border-top: 1px solid #e5eaed; }
  .zm-shell .zc-seo-page .zc-seo-tool-copy > p { margin-bottom: 16px; }
  .zm-shell .zc-seo-page .zc-seo-tools-footer { grid-template-columns: 1fr; gap: 18px; }
  .zm-shell .zc-seo-page .zc-seo-tools-note { border-left: 0; padding-left: 0; }
  .zm-shell .zc-seo-page .zc-seo-tools-footer .zc-button { grid-column: 1; justify-self: stretch; justify-content: space-between; }
  .zm-shell .zc-seo-page .zc-seo-work h2 { font-size: 29px; }
  .zm-shell .zc-seo-page .zc-seo-agreement { display: block; }
  .zm-shell .zc-seo-page .zc-seo-agreement ul { margin-top: 12px; }
  .zm-shell .zc-seo-page .zc-seo-workflow { grid-template-columns: 1fr; gap: 18px; }
  .zm-shell .zc-seo-page .zc-seo-workflow li { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; padding-top: 0; }
  .zm-shell .zc-seo-page .zc-seo-workflow li::before { top: 24px; bottom: -42px; left: 52px; right: auto; border-top: 0; border-left: 1px solid var(--work-accent); }
  .zm-shell .zc-seo-page .zc-seo-workflow li:last-child::before { display: none; }
  .zm-shell .zc-seo-page .zc-seo-step-number { top: 17px; }
  .zm-shell .zc-seo-page .zc-seo-workflow .zc-seo-work-icon { grid-column: 1; grid-row: 1 / span 2; margin-left: 28px; }
  .zm-shell .zc-seo-page .zc-seo-workflow strong { grid-column: 2; margin: 0 0 2px; font-size: 17px; }
  .zm-shell .zc-seo-page .zc-seo-workflow small { grid-column: 2; margin: 0; font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-work-footer { flex-direction: column; align-items: stretch; }
  .zm-shell .zc-seo-page .zc-seo-work-action { text-align: left; }
  .zm-shell .zc-seo-page .zc-seo-work-action .zc-button { width: 100%; justify-content: space-between; }
  .zm-shell .zc-seo-page .zc-seo-task-grid { grid-template-columns: 1fr; gap: 14px; }
  .zm-shell .zc-seo-page .zc-seo-tasks h2 { font-size: 29px; }
  .zm-shell .zc-seo-page .zc-seo-task { grid-template-columns: minmax(0, 1fr) 30%; gap: 12px; }
  .zm-shell .zc-seo-page .zc-seo-task-image { width: 34%; }
  .zm-shell .zc-seo-page .zc-seo-tasks-footer { align-items: stretch; flex-direction: column; gap: 18px; margin-top: 20px; }
  .zm-shell .zc-seo-page .zc-seo-tasks-footer .zc-button { align-self: flex-start; }
}
@media (max-width: 440px) {
  .zm-shell .zc-seo-page .zc-seo-tool-group { display: block; }
  .zm-shell .zc-seo-page .zc-seo-tool-copy h3 { padding-right: 86px; min-height: 64px; font-size: 20px; }
  .zm-shell .zc-seo-page .zc-seo-tool-copy h3 .zc-seo-tool-symbol { flex-basis: 38px; width: 38px; height: 38px; }
  .zm-shell .zc-seo-page .zc-seo-tool-art { position: absolute; top: 15px; right: 0; width: 80px; height: 80px; }
  .zm-shell .zc-seo-page .zc-seo-services { gap: 12px 20px; }
  .zm-shell .zc-seo-page .zc-seo-plan-image { width: 128px; height: 96px; top: 20px; }
  .zm-shell .zc-seo-page .zc-seo-process-content h3 { padding-right: 144px; font-size: 20px; }
  .zm-shell .zc-seo-page .zc-seo-task { display: block; position: relative; padding: 20px; }
  .zm-shell .zc-seo-page .zc-seo-task-icon { margin-bottom: 12px; }
  .zm-shell .zc-seo-page .zc-seo-task-image { top: 8px; right: 14px; width: 72px; height: 72px; transform: none; }
  .zm-shell .zc-seo-page .zc-seo-task-grid h3 { padding-right: 64px; min-height: 50px; display: flex; align-items: center; }
  .zm-shell .zc-seo-page .zc-seo-tasks-footer .zc-button { align-self: stretch; }
}
@media (max-width: 360px) {
  .zm-shell .zc-seo-page .zc-seo-senior-intro { min-height: 150px; padding-right: 140px; }
  .zm-shell .zc-seo-page .zc-seo-senior-art { width: 140px; height: 140px; }
  .zm-shell .zc-seo-page .zc-seo-senior .zc-status { font-size: 11px; padding-inline: 9px; }
  .zm-shell .zm-career .zc-seo-hero h1 { font-size: 32px; }
  .zm-shell .zm-career .zc-seo-hero-pay strong { font-size: 25px; }
}

/* Each period, illustration, task and outcome stays in one ordered-list item. */
.zm-shell .zc-seo-page .zc-band.zc-seo-start { padding-block: 16px 20px; scroll-margin-top: 0; background: #fff; }
.zm-shell .zc-seo-page .zc-seo-start > .zc-wrap { max-width: 1396px; width: min(100% - 64px, 1396px); }
.zm-shell .zc-seo-page .zc-seo-start-heading { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 40px; align-items: center; margin-bottom: 14px; }
.zm-shell .zc-seo-page .zc-seo-start-heading h2 { max-width: none; font-size: 38px; line-height: 1.1; font-weight: 800; }
.zm-shell .zc-seo-page .zc-seo-start-heading > p { max-width: 448px; justify-self: end; font-size: 17px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-start-steps { --start-gap: 48px; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.04fr) minmax(0, 1fr); gap: var(--start-gap); margin: 0; padding: 0 0 16px; list-style: none; }
.zm-shell .zc-seo-page .zc-seo-start-step { --step-accent: #32694f; --step-tint: #edf5ef; --step-dot: #83b58d; position: relative; isolation: isolate; display: grid; grid-template-rows: 50px auto 1fr auto; min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-start-step--release { --step-accent: #285f9f; --step-tint: #edf4ff; --step-dot: #8bbcf0; }
.zm-shell .zc-seo-page .zc-seo-start-step--review { --step-accent: #a44431; --step-tint: #fbefee; --step-dot: #e59a94; }
.zm-shell .zc-seo-page .zc-seo-start-step::before { content: ""; position: absolute; z-index: -1; inset: 52px -32px 0; background: linear-gradient(transparent, var(--step-tint) 25%, #fff 95%); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); pointer-events: none; }
.zm-shell .zc-seo-page .zc-seo-start-step + .zc-seo-start-step::after { content: ""; position: absolute; left: -32px; top: 76px; bottom: 0; width: 1px; background: linear-gradient(transparent, #e5eaed 20%, #e5eaed 80%, transparent); pointer-events: none; }
.zm-shell .zc-seo-page .zc-seo-start-period { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.zm-shell .zc-seo-page .zc-seo-start-period > span { display: inline-flex; align-items: center; justify-content: center; min-width: 116px; min-height: 32px; padding: 5px 16px; border-radius: 24px; background: var(--step-tint); color: var(--step-accent); font-size: 14px; font-weight: 750; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-start-period i { position: relative; z-index: 1; display: block; width: 20px; height: 20px; flex: 0 0 20px; border: 3px solid #fff; border-radius: 50%; background: var(--step-dot); }
.zm-shell .zc-seo-page .zc-seo-start-step:not(:last-child) .zc-seo-start-period::after { content: ""; position: absolute; top: 47px; left: 50%; width: calc(100% + var(--start-gap)); height: 1px; background: var(--step-dot); }
.zm-shell .zc-seo-page .zc-seo-start-art { display: block; width: 100%; height: 120px; object-fit: contain; }
.zm-shell .zc-seo-page .zc-seo-start-copy h3 { margin: 0 0 8px; font-size: 24px; line-height: 1.2; font-weight: 800; }
.zm-shell .zc-seo-page .zc-seo-start-copy > p { font-size: 17px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-start-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; color: var(--step-accent, #285f9f); background: var(--step-tint, #edf4ff); }
.zm-shell .zc-seo-page .zc-seo-start-icon :is(svg, img) { display: block; width: 23px; height: 23px; }
.zm-shell .zc-seo-page .zc-seo-start-outcome { display: flex; align-items: flex-start; gap: 12px; margin-top: 12px; }
.zm-shell .zc-seo-page .zc-seo-start-outcome small { display: block; margin-bottom: 4px; font-size: 14px; }
.zm-shell .zc-seo-page .zc-seo-start-outcome strong { display: block; color: #202c32; font-size: 16px; line-height: 1.35; }
.zm-shell .zc-seo-page .zc-seo-start-review { display: flex; align-items: center; gap: 16px; border-block: 1px solid #dfe5e8; padding-block: 8px; font-size: 16px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-start-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 260px; gap: 20px; align-items: center; padding-top: 12px; }
.zm-shell .zc-seo-page .zc-seo-start-footer > p { display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-start-quality { --step-accent: #32694f; --step-tint: #edf5ef; border-left: 1px solid #dfe5e8; padding-left: 20px; }
.zm-shell .zc-seo-page .zc-seo-start-footer .zc-button { min-height: 48px; padding: 12px 18px; white-space: nowrap; }
@media (max-width: 1200px) {
  .zm-shell .zc-seo-page .zc-seo-start-heading { gap: 32px; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
  .zm-shell .zc-seo-page .zc-seo-start-heading h2 { font-size: 38px; }
  .zm-shell .zc-seo-page .zc-seo-start-heading > p { font-size: 17px; }
  .zm-shell .zc-seo-page .zc-seo-start-art { height: 110px; }
  .zm-shell .zc-seo-page .zc-seo-start-copy h3 { font-size: 24px; }
  .zm-shell .zc-seo-page .zc-seo-start-copy > p { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-start-outcome { gap: 14px; }
  .zm-shell .zc-seo-page .zc-seo-start-outcome strong { font-size: 16px; }
  .zm-shell .zc-seo-page .zc-seo-start-footer { gap: 16px; }
  .zm-shell .zc-seo-page .zc-seo-start-footer > p .zc-seo-start-icon { display: none; }
}
@media (max-width: 900px) {
  .zm-shell .zc-seo-page .zc-seo-start > .zc-wrap { width: calc(100% - 48px); }
  .zm-shell .zc-seo-page .zc-seo-start-heading { grid-template-columns: 1fr; gap: 8px; }
  .zm-shell .zc-seo-page .zc-seo-start-heading > p { justify-self: start; max-width: 620px; }
  .zm-shell .zc-seo-page .zc-seo-start-steps { grid-template-columns: 1fr; gap: 16px; }
  .zm-shell .zc-seo-page .zc-seo-start-step { grid-template-columns: 136px minmax(0, 1fr) 104px; grid-template-rows: auto auto auto; gap: 6px 16px; }
  .zm-shell .zc-seo-page .zc-seo-start-step::before { inset: 0; }
  .zm-shell .zc-seo-page .zc-seo-start-step + .zc-seo-start-step::after { display: none; }
  .zm-shell .zc-seo-page .zc-seo-start-period { grid-column: 1; grid-row: 1 / span 3; align-items: flex-start; padding-left: 32px; gap: 0; }
  .zm-shell .zc-seo-page .zc-seo-start-period i { position: absolute; top: 7px; left: 0; }
  .zm-shell .zc-seo-page .zc-seo-start-step:not(:last-child) .zc-seo-start-period::after { top: 17px; bottom: -33px; left: 9px; width: 1px; height: auto; }
  .zm-shell .zc-seo-page .zc-seo-start-art { grid-column: 3; grid-row: 1 / span 2; width: 104px; height: 72px; align-self: center; }
  .zm-shell .zc-seo-page .zc-seo-start-copy { display: contents; }
  .zm-shell .zc-seo-page .zc-seo-start-copy h3 { grid-column: 2; grid-row: 1; margin: 0; }
  .zm-shell .zc-seo-page .zc-seo-start-copy > p { grid-column: 2; grid-row: 2; }
  .zm-shell .zc-seo-page .zc-seo-start-outcome { grid-column: 2 / -1; grid-row: 3; margin-top: 4px; align-items: center; }
  .zm-shell .zc-seo-page .zc-seo-start-outcome small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .zm-shell .zc-seo-page .zc-seo-start-footer { grid-template-columns: 1fr 1fr; gap: 10px 20px; }
  .zm-shell .zc-seo-page .zc-seo-start-footer .zc-button { grid-column: 1 / -1; justify-self: end; }
}
@media (max-width: 600px) {
  .zm-shell .zc-seo-page .zc-band.zc-seo-start { padding-block: 12px 16px; }
  .zm-shell .zc-seo-page .zc-seo-start > .zc-wrap { width: calc(100% - 36px); }
  .zm-shell .zc-seo-page .zc-seo-start-heading h2 { font-size: 26px; line-height: 1.15; }
  .zm-shell .zc-seo-page .zc-seo-start-heading > p { font-size: 15px; }
  .zm-shell .zc-seo-page .zc-seo-start-step { grid-template-columns: minmax(0, 1fr) 88px; grid-template-rows: auto auto auto auto; gap: 4px 12px; padding-left: 26px; }
  .zm-shell .zc-seo-page .zc-seo-start-period { position: static; display: block; grid-column: 1; grid-row: 1; padding-left: 0; }
  .zm-shell .zc-seo-page .zc-seo-start-period > span { min-height: 28px; padding-block: 3px; }
  .zm-shell .zc-seo-page .zc-seo-start-art { grid-column: 2; grid-row: 1 / span 2; width: 88px; height: 64px; }
  .zm-shell .zc-seo-page .zc-seo-start-copy h3 { grid-column: 1; grid-row: 2; font-size: 21px; }
  .zm-shell .zc-seo-page .zc-seo-start-copy > p { grid-column: 1 / -1; grid-row: 3; }
  .zm-shell .zc-seo-page .zc-seo-start-outcome { grid-column: 1 / -1; grid-row: 4; margin-top: 4px; gap: 8px; }
  .zm-shell .zc-seo-page .zc-seo-start-icon { width: 28px; height: 28px; flex-basis: 28px; }
  .zm-shell .zc-seo-page .zc-seo-start-icon :is(svg, img) { width: 20px; height: 20px; }
  .zm-shell .zc-seo-page .zc-seo-start-review { align-items: flex-start; gap: 10px; padding-block: 8px; font-size: 15px; }
  .zm-shell .zc-seo-page .zc-seo-start-footer { grid-template-columns: 1fr; gap: 8px; padding-top: 8px; }
  .zm-shell .zc-seo-page .zc-seo-start-footer > p { font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-start-quality { border-left: 0; padding-left: 0; }
  .zm-shell .zc-seo-page .zc-seo-start-footer .zc-button { justify-self: stretch; justify-content: space-between; white-space: normal; }
}
@media (min-width: 440px) and (max-width: 600px) {
  .zm-shell .zc-seo-page .zc-seo-start-step { grid-template-columns: 80px minmax(0, 1fr) 64px; grid-template-rows: auto auto auto; column-gap: 8px; align-items: center; }
  .zm-shell .zc-seo-page .zc-seo-start-period > span { min-width: 0; min-height: 26px; padding: 3px 6px; font-size: 13px; white-space: nowrap; }
  .zm-shell .zc-seo-page .zc-seo-start-copy h3 { grid-column: 2; grid-row: 1; font-size: 20px; }
  .zm-shell .zc-seo-page .zc-seo-start-art { grid-column: 3; grid-row: 1; width: 64px; height: 42px; }
  .zm-shell .zc-seo-page .zc-seo-start-copy > p { grid-row: 2; }
  .zm-shell .zc-seo-page .zc-seo-start-outcome { grid-row: 3; }
}

/* The fixed salary and illustrative calculator stay separate from the team fund. */
.zm-shell .zc-seo-page .zc-band.zc-seo-pay { padding-block: 12px; scroll-margin-top: 0; --zc-band-tone: #f7faf8; }
.zm-shell .zc-seo-page .zc-seo-pay > .zc-wrap { width: min(100% - 64px, 1396px); max-width: 1396px; }
.zm-shell .zc-seo-page .zc-seo-pay-heading { margin-bottom: 16px; }
.zm-shell .zc-seo-page .zc-seo-pay-heading h2 { max-width: none; font-size: 38px; font-weight: 800; line-height: 1.15; }
.zm-shell .zc-seo-page .zc-seo-pay-heading > p { margin-top: 8px; font-size: 18px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-pay-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.zm-shell .zc-seo-page .zc-seo-pay-salary { min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-pay-salary h3 { display: flex; align-items: center; gap: 18px; font-size: 22px; }
.zm-shell .zc-seo-page .zc-seo-pay-salary h3 img,
.zm-shell .zc-seo-page .zc-seo-pay-tool-heading > img { width: 32px; height: 32px; flex: 0 0 32px; }
.zm-shell .zc-seo-page .zc-seo-pay-range { display: block; margin-top: 12px; font-size: 46px; line-height: 1.15; font-weight: 800; color: #2c5642; white-space: nowrap; }
.zm-shell .zc-seo-page .zc-seo-pay-unit { margin-top: 10px; }
.zm-shell .zc-seo-page .zc-seo-pay-levels { margin-top: 6px; max-width: 470px; font-size: 16px; line-height: 1.45; }
.zm-shell .zc-seo-page .zc-seo-pay-invitation { display: grid; grid-template-columns: minmax(0, 300px) 160px; justify-content: space-between; align-items: end; gap: 12px; margin-top: 12px; }
.zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-conditions-action { min-width: 0; max-width: none; }
.zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-seo-pay-limit { margin: 0 0 18px; font-size: 14px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-button { min-height: 48px; padding: 12px 16px; gap: 12px; text-align: left; }
.zm-shell .zc-seo-page .zc-seo-pay-invitation #conditions-action-note { margin-top: 6px; font-size: 13px; line-height: 1.35; }
.zm-shell .zc-seo-page .zc-seo-pay-art { width: 160px; height: 120px; object-fit: contain; align-self: center; }
.zm-shell .zc-seo-page .zc-seo-pay-tool { min-width: 0; border: 1px solid #c8dccf; border-radius: 6px; padding: 16px 24px; background: #fff; }
.zm-shell .zc-seo-page .zc-seo-pay-tool-heading { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 14px; }
.zm-shell .zc-seo-page .zc-seo-pay-tool-heading h3 { font-size: 22px; }
.zm-shell .zc-seo-page .zc-seo-pay-tool-heading p { margin-top: 4px; font-size: 14px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-pay-inputs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: 18px; }
.zm-shell .zc-seo-page .zc-seo-pay-inputs > label,
.zm-shell .zc-seo-page .zc-seo-pay-inputs legend { font-size: 14px; line-height: 1.35; font-weight: 700; }
.zm-shell .zc-seo-page .zc-seo-pay-inputs fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-pay-inputs legend { padding: 0; margin-bottom: 7px; }
.zm-shell .zc-seo-page .zc-seo-pay-inputs #career-pay-base { display: block; margin-top: 7px; width: 100%; min-width: 0; height: 44px; border: 1px solid #b9c2c8; border-radius: 4px; padding: 8px 12px; color: #202c32; background: #fff; font: inherit; font-size: 18px; font-weight: 700; }
.zm-shell .zc-seo-page .zc-seo-pay-inputs #career-pay-base:focus-visible { outline: 3px solid #346da8; outline-offset: 3px; }
.zm-shell .zc-seo-page .zc-seo-pay-inputs #career-pay-base[aria-invalid="true"] { border-color: #ab3d25; }
.zm-shell .zc-seo-page .zc-seo-pay-tiers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #b9c2c8; border-radius: 4px; padding: 2px; min-height: 44px; background: #f7f8f9; }
.zm-shell .zc-seo-page .zc-seo-pay-tiers label { position: relative; display: flex; min-width: 0; cursor: pointer; }
.zm-shell .zc-seo-page .zc-seo-pay-tiers input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
.zm-shell .zc-seo-page .zc-seo-pay-tiers span { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 38px; border: 1px solid transparent; border-radius: 4px; font-size: 16px; font-weight: 700; transition: background .15s; }
.zm-shell .zc-seo-page .zc-seo-pay-tiers input:checked + span { background: #e1eee3; border-color: #bed4c4; color: #244c36; }
.zm-shell .zc-seo-page .zc-seo-pay-tiers label:hover span { background: #ecf2ed; }
.zm-shell .zc-seo-page .zc-seo-pay-tiers input:focus-visible + span { outline: 3px solid #346da8; outline-offset: 2px; }
.zm-shell .zc-seo-page .zc-seo-pay-calculation { margin-top: 14px; min-height: 58px; }
.zm-shell .zc-seo-page .zc-seo-pay-equation { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, .9fr) auto minmax(0, 1.15fr); align-items: start; gap: 8px; }
.zm-shell .zc-seo-page .zc-seo-pay-equation > span { min-width: 0; }
.zm-shell .zc-seo-page .zc-seo-pay-equation strong { display: block; font-size: 24px; line-height: 1.25; font-weight: 750; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.zm-shell .zc-seo-page .zc-seo-pay-equation small { display: block; margin-top: 3px; font-size: 13px; line-height: 1.35; }
.zm-shell .zc-seo-page .zc-seo-pay-operator { font-size: 22px; line-height: 1.4; color: #67747c; }
.zm-shell .zc-seo-page .zc-seo-pay-total strong { color: #2c5642; font-size: 28px; }
.zm-shell .zc-seo-page .zc-seo-pay-eligibility { margin-top: 10px; padding-top: 10px; border-top: 1px solid #d8e0dc; }
.zm-shell .zc-seo-page .zc-seo-pay-eligibility p { font-size: 14px; line-height: 1.45; }
.zm-shell .zc-seo-page .zc-seo-pay-quarter { margin-top: 18px; padding-block: 12px; border-block: 1px solid #d8e0dc; }
.zm-shell .zc-seo-page .zc-seo-pay-quarter-copy { display: flex; align-items: flex-start; gap: 18px; padding-right: 270px; }
.zm-shell .zc-seo-page .zc-seo-pay-team-icon { width: 32px; height: 32px; flex: 0 0 32px; }
.zm-shell .zc-seo-page .zc-seo-pay-quarter h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font-size: 20px; margin-bottom: 6px; }
.zm-shell .zc-seo-page .zc-seo-pay-quarter h3 strong { color: #2c5642; font-size: 23px; }
.zm-shell .zc-seo-page .zc-seo-pay-quarter-copy p { font-size: 14px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-pay-details { margin-top: -50px; }
.zm-shell .zc-seo-page .zc-seo-pay-details summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 250px; min-height: 48px; margin-left: auto; padding-left: 18px; border-left: 1px solid #d8e0dc; color: #56636b; font-size: 14px; line-height: 1.4; list-style: none; cursor: pointer; }
.zm-shell .zc-seo-page .zc-seo-pay-details summary::-webkit-details-marker { display: none; }
.zm-shell .zc-seo-page .zc-seo-pay-details summary:hover { color: #2c5642; }
.zm-shell .zc-seo-page .zc-seo-pay-details summary svg { width: 18px; height: 18px; flex: 0 0 18px; transition: transform .2s; }
.zm-shell .zc-seo-page .zc-seo-pay-details[open] summary svg { transform: rotate(180deg); }
.zm-shell .zc-seo-page .zc-seo-pay-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #d8e0dc; }
.zm-shell .zc-seo-page .zc-seo-pay-rules h4 { margin: 0 0 8px; font-size: 18px; }
.zm-shell .zc-seo-page .zc-seo-pay-rules p { margin-top: 8px; font-size: 15px; line-height: 1.5; }
.zm-shell .zc-seo-page .zc-seo-pay-rules p + h4 { margin-top: 16px; }
.zm-shell .zc-seo-page .zc-seo-pay-office { display: flex; align-items: center; gap: 16px; margin-top: 12px; font-size: 14px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-seo-pay-office strong { color: #202c32; font-size: 16px; margin-right: 6px; }
@media (max-width: 1200px) {
  .zm-shell .zc-seo-page .zc-seo-pay-main { gap: 24px; }
  .zm-shell .zc-seo-page .zc-seo-pay-range { font-size: 39px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation { grid-template-columns: minmax(0, 1fr) 110px; gap: 6px; }
  .zm-shell .zc-seo-page .zc-seo-pay-art { width: 110px; height: 100px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool { padding: 18px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation strong { font-size: 21px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation .zc-seo-pay-total strong { font-size: 24px; }
}
@media (max-width: 900px) {
  .zm-shell .zc-seo-page .zc-seo-pay > .zc-wrap { width: calc(100% - 48px); }
  .zm-shell .zc-seo-page .zc-seo-pay-main { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation { grid-template-columns: minmax(0, 1fr) 130px; }
  .zm-shell .zc-seo-page .zc-seo-pay-art { width: 130px; height: 100px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-conditions-action { max-width: 340px; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter-copy { padding-right: 0; }
  .zm-shell .zc-seo-page .zc-seo-pay-details { margin-top: 6px; }
  .zm-shell .zc-seo-page .zc-seo-pay-details summary { padding: 0; border: 0; width: 100%; min-height: 40px; }
}
@media (max-width: 699px) {
  .zm-shell .zc-seo-page .zc-band.zc-seo-pay { padding-block: 8px; }
  .zm-shell .zc-seo-page .zc-seo-pay > .zc-wrap { width: calc(100% - 36px); }
  .zm-shell .zc-seo-page .zc-seo-pay-heading { margin-bottom: 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-heading h2 { font-size: 26px; }
  .zm-shell .zc-seo-page .zc-seo-pay-heading > p { margin-top: 5px; font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-pay-main { gap: 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-salary { position: relative; }
  .zm-shell .zc-seo-page .zc-seo-pay-salary h3 { font-size: 18px; gap: 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-salary h3 img,
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading > img { width: 24px; height: 24px; flex-basis: 24px; }
  .zm-shell .zc-seo-page .zc-seo-pay-range { margin-top: 6px; font-size: 32px; }
  .zm-shell .zc-seo-page .zc-seo-pay-unit { position: absolute; top: 2px; right: 0; margin: 0; font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-pay-levels { margin-top: 4px; font-size: 14px; line-height: 1.35; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation { grid-template-columns: minmax(0, 1fr) 88px; gap: 10px; margin-top: 8px; }
  .zm-shell .zc-seo-page .zc-seo-pay-art { width: 88px; height: 78px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-seo-pay-limit { margin-bottom: 6px; font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-button { min-height: 44px; padding: 10px 12px; font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation #conditions-action-note { font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool { padding: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading { gap: 10px; margin-bottom: 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading h3 { font-size: 19px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading p { font-size: 12px; margin-top: 3px; }
  .zm-shell .zc-seo-page .zc-seo-pay-inputs { gap: 12px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
  .zm-shell .zc-seo-page .zc-seo-pay-inputs > label,
  .zm-shell .zc-seo-page .zc-seo-pay-inputs legend { font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-inputs #career-pay-base { font-size: 16px; padding-inline: 9px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tiers span { font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-pay-calculation { margin-top: 8px; min-height: 44px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation { gap: 4px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation strong,
  .zm-shell .zc-seo-page .zc-seo-pay-equation .zc-seo-pay-total strong { font-size: 22px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation small { font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-operator { font-size: 18px; }
  .zm-shell .zc-seo-page .zc-seo-pay-eligibility { margin-top: 6px; padding-top: 6px; }
  .zm-shell .zc-seo-page .zc-seo-pay-eligibility p { font-size: 13px; line-height: 1.35; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter { margin-top: 6px; padding-block: 8px 4px; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter-copy { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 4px 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter-copy > div { display: contents; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter-copy h3 { grid-column: 2; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter-copy p { grid-column: 1 / -1; }
  .zm-shell .zc-seo-page .zc-seo-pay-details { margin-top: 2px; }
  .zm-shell .zc-seo-page .zc-seo-pay-details summary { min-height: 36px; }
  .zm-shell .zc-seo-page .zc-seo-pay-team-icon { width: 24px; height: 24px; flex-basis: 24px; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter h3 { font-size: 18px; gap: 0 10px; margin-bottom: 4px; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter h3 strong { font-size: 18px; }
  .zm-shell .zc-seo-page .zc-seo-pay-quarter-copy p { font-size: 13px; line-height: 1.35; }
  .zm-shell .zc-seo-page .zc-seo-pay-rules { grid-template-columns: 1fr; gap: 20px; margin-top: 8px; }
  .zm-shell .zc-seo-page .zc-seo-pay-office { gap: 10px; margin-top: 6px; font-size: 13px; }
  .zm-shell .zc-seo-page .zc-seo-pay-office strong { font-size: 14px; }
}
@media (max-width: 380px) {
  .zm-shell .zc-seo-page .zc-seo-pay-range { font-size: 28px; }
  .zm-shell .zc-seo-page .zc-seo-pay-inputs { grid-template-columns: 1fr; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation strong,
  .zm-shell .zc-seo-page .zc-seo-pay-equation .zc-seo-pay-total strong { font-size: 19px; }
  .zm-shell .zc-seo-page .zc-seo-pay-art { width: 64px; height: 64px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation { grid-template-columns: minmax(0, 1fr) 64px; gap: 6px; }
}
@media (min-width: 700px) and (max-width: 900px) {
  .zm-shell .zc-seo-page .zc-seo-pay-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .zm-shell .zc-seo-page .zc-seo-pay-range { font-size: 32px; }
  .zm-shell .zc-seo-page .zc-seo-pay-salary h3,
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading h3 { font-size: 20px; }
  .zm-shell .zc-seo-page .zc-seo-pay-levels,
  .zm-shell .zc-seo-page .zc-seo-pay-unit { font-size: 14px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation { grid-template-columns: minmax(0, 1fr) 72px; gap: 8px; }
  .zm-shell .zc-seo-page .zc-seo-pay-art { width: 72px; height: 72px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-button { font-size: 14px; gap: 8px; padding-inline: 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-invitation .zc-seo-pay-limit,
  .zm-shell .zc-seo-page .zc-seo-pay-invitation #conditions-action-note { font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool { padding: 14px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading { gap: 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading p { font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tool-heading > img { width: 24px; height: 24px; flex-basis: 24px; }
  .zm-shell .zc-seo-page .zc-seo-pay-inputs { gap: 10px; }
  .zm-shell .zc-seo-page .zc-seo-pay-inputs > label,
  .zm-shell .zc-seo-page .zc-seo-pay-inputs legend { font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-inputs #career-pay-base { font-size: 16px; padding-inline: 8px; }
  .zm-shell .zc-seo-page .zc-seo-pay-tiers span { font-size: 13px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation { gap: 4px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation strong,
  .zm-shell .zc-seo-page .zc-seo-pay-equation .zc-seo-pay-total strong { font-size: 20px; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation small { font-size: 12px; }
  .zm-shell .zc-seo-page .zc-seo-pay-eligibility p { font-size: 13px; }
}
@media (max-width: 430px), (min-width: 700px) and (max-width: 900px) {
  .zm-shell .zc-seo-page .zc-seo-pay-equation { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .zm-shell .zc-seo-page .zc-seo-pay-operator:nth-child(4) { display: none; }
  .zm-shell .zc-seo-page .zc-seo-pay-equation .zc-seo-pay-total { grid-column: 1 / -1; display: flex; flex-direction: row-reverse; align-items: baseline; justify-content: space-between; gap: 12px; padding-top: 6px; margin-top: 4px; border-top: 1px solid #d8e0dc; }
  .zm-shell .zc-seo-page .zc-seo-pay-total strong { max-width: 65%; }
}

/* Keep the final application as concise as the preceding career sections. */
.zm-shell .zc-seo-page .zc-band.zc-request { padding-block: 24px; scroll-margin-top: 0; }
.zm-shell .zc-seo-page .zc-request > .zc-wrap > .zc-heading { gap: 40px; margin-bottom: 20px; }
.zm-shell .zc-seo-page .zc-request .zc-heading .zc-eyebrow { display: none; }
.zm-shell .zc-seo-page .zc-request-call { margin-top: 8px; }
.zm-shell .zc-seo-page .zc-request-layout { gap: 40px; }
.zm-shell .zc-seo-page .zc-request .contact-form { gap: 10px; padding: 20px; }
.zm-shell .zc-seo-page .zc-request .contact-form > * { min-width: 0; }
.zm-shell .zc-seo-page .zc-request .contact-form > label:not(.form-consent) { gap: 5px; }
.zm-shell .zc-seo-page .zc-request .contact-form input:not([type="checkbox"], [type="radio"]),
.zm-shell .zc-seo-page .zc-request .contact-form textarea { min-height: 44px; padding: 10px 12px; font-size: 16px; }
.zm-shell .zc-seo-page .zc-request .contact-form textarea { height: 92px; min-height: 92px; }
.zm-shell .zc-seo-page .zc-request .contact-form :is(input, textarea)::placeholder { color: #596c75; }
.zm-shell .zc-seo-page .zc-request .zc-seo-form-modes { gap: 0 20px; }
.zm-shell .zc-seo-page .zc-request .zc-seo-form-modes legend { margin-bottom: 2px; }
.zm-shell .zc-seo-page .zc-request .zc-seo-form-modes input { min-height: 0; width: 18px; height: 18px; }
.zm-shell .zc-seo-page .zc-request .zc-seo-form-modes label > span { font-size: 14px; }
.zm-shell .zc-seo-page .zc-request .zc-seo-form-hint { font-size: 13px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-request .zc-form-context { padding-bottom: 8px; }
.zm-shell .zc-seo-page .zc-request .zc-selected-role { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-bottom: 4px; }
.zm-shell .zc-seo-page .zc-request .zc-form-status { font-size: 12px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-request .form-legal { font-size: 12px; line-height: 1.4; }
.zm-shell .zc-seo-page .zc-request .zc-request-visual { margin-bottom: 14px; }
.zm-shell .zc-seo-page .zc-request .zc-request-visual img { height: 210px; }
.zm-shell .zc-seo-page .zc-request .zc-request-support > h3 { font-size: 22px; }
.zm-shell .zc-seo-page .zc-request .zc-request-support > p { font-size: 15px; margin-top: 8px; }
.zm-shell .zc-seo-page .zc-request .zc-introduction-list { margin-block: 12px; gap: 8px; }
.zm-shell .zc-seo-page .zc-request .zc-contact-options { margin-top: 16px; padding-top: 12px; }
@media (min-width: 1100px) {
  .zm-shell .zc-seo-page .zc-request .contact-form { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); column-gap: 14px; }
  .zm-shell .zc-seo-page .zc-request .contact-form > * { grid-column: 1 / -1; }
  .zm-shell .zc-seo-page .zc-request .contact-form > .zc-seo-name-field { grid-column: 1; }
  .zm-shell .zc-seo-page .zc-request .contact-form > .zc-seo-contact-field { grid-column: 2; }
}
@media (max-width: 700px) {
  .zm-shell .zc-seo-page .zc-request > .zc-wrap > .zc-heading { gap: 12px; margin-bottom: 16px; }
  .zm-shell .zc-seo-page .zc-request .contact-form { padding: 16px; }
  .zm-shell .zc-seo-page .zc-request .zc-request-visual img { height: 160px; }
}