/* Shared employer order form; brand is scoped to the section. */
.ij-order, .ij-order * { box-sizing: border-box; letter-spacing: 0; }
.ij-order { --order-action: color-mix(in srgb, var(--order-brand, #176b65) 75%, #172b30); }
.ij-order { display: grid; grid-template-columns: minmax(245px, .48fr) minmax(0, 1fr); gap: 36px; padding: 36px; margin: 0 0 64px; background: color-mix(in srgb, var(--order-brand, #176b65) 35%, #152c32); border-radius: 8px; scroll-margin-top: 105px; }
.ij-intro { color: #fff; padding: 14px 0; min-width: 0; }
.ij-eyebrow { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; color: var(--order-action, #176b65); }
.ij-intro > .ij-eyebrow { color: #99dbca; margin-bottom: 22px; }
.ij-intro h2 { color: white; font-size: 30px; line-height: 1.18; margin: 0 0 20px; overflow-wrap: break-word; }
.ij-intro > p { color: #d3e2e2; line-height: 1.65; font-size: 16px; margin: 0; }
.ij-proof { margin: 30px 0; display: grid; gap: 22px; }
.ij-proof > div { border-left: 2px solid #71bfad; padding-left: 16px; }
.ij-proof dt { font-weight: 750; font-size: 16px; }
.ij-proof dd { color: #d3e2e2; margin: 5px 0 0; font-size: 14px; line-height: 1.5; }
.ij-direct { border-top: 1px solid #456869; padding-top: 24px; font-size: 14px; display: grid; gap: 8px; }
.ij-direct span { color: #b5e8da; }
.ij-form { background: white; color: #172b30; border-radius: 8px; padding: 28px; min-width: 0; }
.ij-form h2 { font-size: 23px; line-height: 1.25; margin: 0 0 8px; }
.ij-form-head p { color: #52666e; font-size: 15px; margin: 0; }
.ij-preview-note { color: #52666e; background: #f2f5f5; padding: 9px 12px; font-size: 12px; margin: 18px 0 22px; border-left: 3px solid #a7b9ba; }
.ij-form fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
.ij-form .ij-step { margin: 0 0 24px; }
.ij-form legend { font-size: 15px; font-weight: 750; line-height: 1.5; padding: 0; margin-bottom: 12px; width: 100%; }
.ij-number { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--order-action, #176b65); color: white; font-size: 12px; vertical-align: middle; margin-right: 6px; }
.ij-intents, .ij-packages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ij-form .ij-choice, .ij-form .ij-package { border: 1px solid #c8d5d8; border-radius: 6px; background: #fff; padding: 14px 12px; cursor: pointer; margin: 0; min-width: 0; }
.ij-form .ij-choice { display: flex; align-items: flex-start; gap: 9px; }
.ij-choice strong, .ij-package-title strong { display: block; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.ij-choice small { display: block; color: #53676e; font-size: 13px; font-weight: 400; line-height: 1.45; margin-top: 7px; }
.ij-form .ij-choice:has(input:checked), .ij-form .ij-package:has(input:checked) { background: color-mix(in srgb, var(--order-brand, #176b65) 7%, white); border-color: var(--order-action, #176b65); box-shadow: 0 0 0 1px var(--order-action, #176b65); }
.ij-choice:hover, .ij-package:hover { border-color: var(--order-action, #176b65); }
.ij-form input[type="radio"], .ij-form input[type="checkbox"] { appearance: auto; width: 18px; min-width: 18px; height: 18px; min-height: 18px; flex: 0 0 18px; margin: 1px 0 0; padding: 0; accent-color: var(--order-action, #176b65); box-shadow: none; }
.ij-form input:focus-visible, .ij-form select:focus-visible, .ij-form textarea:focus-visible, .ij-form button:focus-visible, .ij-form a:focus-visible { outline: 3px solid #b45a13; outline-offset: 3px; }
.ij-form .ij-package { display: flex; flex-direction: column; }
.ij-package-title { display: flex; align-items: flex-start; gap: 8px; min-height: 57px; }
.ij-price { font-size: 24px; font-weight: 800; line-height: 1.2; margin-top: 14px; }
.ij-package > small { color: #53676e; font-size: 12px; margin-top: 3px; }
.ij-package ul { list-style: none; display: grid; gap: 9px; padding: 0; margin: 18px 0 0; }
.ij-package li { font-size: 13px; font-weight: 400; line-height: 1.45; padding-left: 15px; position: relative; overflow-wrap: break-word; }
.ij-package li::before { content: "✓"; position: absolute; left: 0; color: var(--order-action, #176b65); font-weight: 800; }
.ij-guarantee { padding: 15px 0 0; }
.ij-guarantee strong { font-size: 14px; }
.ij-guarantee p { margin: 5px 0 0; font-size: 13px; line-height: 1.55; color: #53676e; }
.ij-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ij-form label:not(.ij-choice):not(.ij-package):not(.ij-consent) { display: flex; flex-direction: column; gap: 7px; font-size: 13px; font-weight: 700; }
.ij-form input:not([type="radio"]):not([type="checkbox"]), .ij-form select, .ij-form textarea { width: 100%; min-width: 0; border: 1px solid #b7c9cd; border-radius: 5px; background: white; color: #172b30; font: inherit; font-size: 15px; font-weight: 400; padding: 11px 12px; box-shadow: none; min-height: 44px; }
.ij-form textarea { resize: vertical; }
.ij-form input::placeholder, .ij-form textarea::placeholder { color: #62747b; opacity: 1; }
.ij-form [aria-invalid="true"] { border-color: #b33732 !important; }
.ij-form .ij-help { font-size: 12px; color: #53676e; line-height: 1.55; margin: 7px 0 16px; }
.ij-job-details { align-items: start; }
#ij-job-links { display: grid; gap: 14px; }
.ij-job-link { display: flex; align-items: flex-end; gap: 8px; min-width: 0; }
.ij-job-link label { flex: 1; min-width: 0; }
.ij-add-link { justify-self: start; background: transparent; border: 0; color: var(--order-action, #176b65); font: inherit; font-size: 14px; font-weight: 700; padding: 8px 0; min-height: 44px; cursor: pointer; }
.ij-add-link span { font-size: 20px; vertical-align: middle; margin-right: 6px; }
.ij-remove-link { width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #b7c9cd; border-radius: 5px; background: white; color: #52666e; font-size: 24px; cursor: pointer; }
.ij-remove-link:hover { border-color: #982d28; color: #982d28; }
.ij-form .ij-conditional { display: grid; gap: 12px; margin-bottom: 22px; }
.ij-form .ij-conditional .ij-help { margin-top: -5px; margin-bottom: 3px; }
.ij-summary { border-top: 1px solid #c4d6d3; border-bottom: 1px solid #c4d6d3; padding: 20px 0; margin: 0 0 24px; }
.ij-summary > strong { display: block; font-size: 16px; margin-top: 9px; }
.ij-summary ul { padding: 0; list-style: none; color: #52666e; font-size: 13px; line-height: 1.8; margin: 8px 0 16px; }
.ij-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.ij-total > span:first-child { font-size: 13px; text-transform: uppercase; font-weight: 700; }
.ij-total strong { font-size: 25px; }
.ij-total small { color: #52666e; font-size: 12px; }
.ij-summary .ij-help { margin: 12px 0 0; }
.ij-price-row { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #52666e; margin-bottom: 10px; }
.ij-discount { color: var(--order-action, #176b65); font-weight: 700; }
.ij-summary .ij-total { margin-top: 15px; }
#ij-custom-count { margin-top: 12px; }
.ij-form .ij-consent { display: flex; align-items: flex-start; gap: 11px; font-size: 13px; line-height: 1.55; cursor: pointer; min-height: 36px; padding: 4px 0; }
.ij-form a { color: var(--order-action, #176b65); text-decoration: underline; text-underline-offset: 3px; }
.ij-form .ij-confirm { margin-bottom: 16px; }
.ij-confirm .ij-conditional { margin-bottom: 7px; gap: 4px; }
.ij-legal-note { font-size: 12px; color: #765729; margin: 0 0 8px 29px; line-height: 1.5; }
.ij-legal-note a { display: inline-block; }
.ij-terms-link { appearance: none; border: 0; background: transparent; color: var(--order-action, #176b65); font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; padding: 5px 0; cursor: pointer; }
.ij-terms { width: min(640px, calc(100% - 28px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 1px solid #c4d6d3; border-radius: 8px; background: white; color: #172b30; overflow-y: auto; box-shadow: 0 18px 70px #0003; }
.ij-terms::backdrop { background: #102d35a6; }
.ij-terms-head { position: sticky; top: 0; background: white; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid #d7e4e2; z-index: 1; }
.ij-terms h2 { font-size: 22px; line-height: 1.25; margin: 0; }
.ij-terms-close { flex: 0 0 44px; width: 44px; height: 44px; border: 0; border-radius: 5px; background: #f2f5f5; color: #172b30; font-size: 28px; cursor: pointer; }
.ij-terms-body { padding: 22px 24px; }
.ij-terms h3 { font-size: 16px; line-height: 1.4; margin: 24px 0 8px; }
.ij-terms p { font-size: 15px; line-height: 1.65; margin: 0 0 8px; color: #40575d; overflow-wrap: anywhere; }
.ij-terms-selection { border-bottom: 1px solid #d7e4e2; padding-bottom: 16px; }
.ij-terms-selection h3 { margin-top: 0; }
#ij-terms-package { font-weight: 750; color: var(--order-action, #176b65); }
.ij-terms-footer { padding: 0 24px 24px; display: flex; justify-content: flex-end; }
.ij-terms-footer button { background: var(--order-action, #176b65); color: white; padding: 11px 24px; min-height: 44px; border: 0; border-radius: 5px; font: inherit; font-weight: 700; cursor: pointer; }
.ij-terms button:focus-visible { outline: 3px solid #b45a13; outline-offset: 2px; }
@media (max-width: 620px) {
  .ij-terms-head { padding: 12px 16px; }
  .ij-terms h2 { font-size: 20px; }
  .ij-terms-body { padding: 18px 16px; }
  .ij-terms-footer { padding: 0 16px 18px; }
}
.ij-submit { display: block; width: 100%; min-height: 48px; border: 1px solid var(--order-action, #176b65); border-radius: 6px; background: var(--order-action, #176b65); color: white; font: inherit; font-size: 16px; font-weight: 750; cursor: pointer; padding: 12px 16px; }
.ij-submit:hover { background: color-mix(in srgb, var(--order-brand, #176b65) 50%, black); }
.ij-submit-note { font-size: 12px; line-height: 1.5; text-align: center; color: #52666e; margin: 10px 0 0; }
.ij-error { color: #982d28; background: #fff1f0; border-left: 3px solid #b33732; font-size: 14px; padding: 12px; margin: 0 0 14px; }
.ij-result { border-top: 2px solid var(--order-action, #176b65); margin-top: 24px; padding: 20px 0 0; overflow-wrap: anywhere; }
.ij-result h3 { font-size: 18px; }
.ij-form.is-submitted > :not(.ij-result) { display: none; }
.ij-form.is-submitted { align-self: start; }
.ij-form.is-submitted .ij-result { margin: 0; padding: 24px 0; border-top: 0; }
.ij-result p, .ij-result dl { font-size: 14px; }
.ij-result dt { font-weight: bold; margin-top: 10px; }
.ij-result dd { margin: 4px 0; white-space: pre-wrap; }
.ij-result button { border: 1px solid var(--order-action, #176b65); background: white; color: var(--order-action, #176b65); padding: 10px 14px; border-radius: 5px; cursor: pointer; }
.ij-order [hidden] { display: none !important; }
.ij-sr-only { position: absolute; width: 1px !important; height: 1px; padding: 0 !important; margin: -1px !important; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* Global popups are inert in this isolated, analytics-free preview. */
body[data-local-preview="true"] :is(.cookie-consent-banner, .cookie-consent-backdrop, .cookie-floating-trigger, .cookie-settings-trigger, .auth-modal, .staging-banner) { display: none !important; }
.ij-packages-single { grid-template-columns: minmax(0, 1fr); }
.b2b-pricing-grid.single-package { grid-template-columns: minmax(0, 1fr); max-width: 720px; margin-inline: auto; }
@media (max-width: 1000px) {
  .ij-order { gap: 24px; padding: 24px; grid-template-columns: 1fr; }
  .ij-intro h2 { max-width: 620px; }
  .ij-intro > p { max-width: 680px; }
  .ij-proof { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .ij-direct { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 16px; }
}
@media (max-width: 620px) {
  .ij-order { padding: 18px 12px; gap: 22px; border-radius: 0; margin-inline: -12px; }
  .ij-intro { padding: 5px 6px; }
  .ij-intro h2 { font-size: 26px; }
  .ij-intro > p { font-size: 15px; }
  .ij-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 24px 0; gap: 20px 12px; }
  .ij-proof > div { padding-left: 10px; }
  .ij-proof dt { font-size: 14px; }
  .ij-proof dd { font-size: 13px; }
  .ij-form { padding: 20px 16px; }
  .ij-form h2 { font-size: 22px; }
  .ij-intents, .ij-packages, .ij-fields { grid-template-columns: 1fr; }
  .ij-form .ij-choice { padding: 14px; }
  .ij-package-title { min-height: 0; }
  .ij-price { margin-top: 10px; }
  .ij-package ul { margin-top: 12px; }
  .ij-form input:not([type="radio"]):not([type="checkbox"]), .ij-form select, .ij-form textarea { font-size: 16px; }
}