/* ---------- Platform Overview page (page 70, wp-pages/overview_build.py), 2026-10-27.
   Sections carry .hrm-page.hrm-plat (platform.css: tones, hrm-modhead, hrm-modfeat feature blocks, hrm-mod-spot rows,
   hrm-modpanel) plus hrm-ov-*. Palette variables only, so dark mode and the named palettes apply. ---------- */

/* hero: the compact centred hero (style.css .hrm-hero--compact); optional trust line under the buttons (--trust) */
.hrm-ov-hero .hrm-ov-trustwrap { margin-top: 22px !important; }
.hrm-ov-hero .hrm-ov-trust { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 26px; }
.hrm-ov-hero .hrm-ov-trust li { list-style: none !important; display: flex; align-items: baseline; gap: 9px; color: #c2d0df; font-size: 15px; line-height: 1.4; margin: 0; padding: 0; }
.hrm-ov-hero .hrm-ov-trust .hrm-check { color: var(--hrm-link); font-weight: 800; }

/* the system diagram, alone in a band of the artwork's own background colour (black), so it never sits in a block */
.hrm-page.hrm-plat.hrm-ov-diagram { background: #000000 !important; padding: 28px 0 22px !important; }
.hrm-ov-diagram .et_pb_row.hrm-ov-diagramrow { max-width: 1400px; width: 94%; padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-ov-diagram .et_pb_image.hrm-ov-diagram-img { margin: 0; text-align: center; }
.hrm-ov-diagram .hrm-ov-diagram-img .et_pb_image_wrap { display: block; }
.hrm-ov-diagram .hrm-ov-diagram-img img { width: 100%; height: auto; display: block; }
.hrm-ov-diagram .hrm-ov-diagram-img .et_pb_image_wrap::after { content: none; }
.hrm-page.hrm-plat .hrm-ov-diagram-cap p { color: #8d9bab; font-size: 14px; text-align: center; margin: 14px 0 0; padding: 0; }

/* module tiles: a Blurb per module page, three per row, the whole card clickable */
.hrm-page.hrm-plat.hrm-ov-modules { padding: 64px 0 52px !important; }
.hrm-plat .hrm-ov-tilerow.et_pb_row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-top: 0 !important; padding-bottom: 16px !important; }
.hrm-plat .hrm-ov-tilerow.et_pb_row:last-child { padding-bottom: 0 !important; }
.hrm-ov-tilerow.et_pb_row::after { content: none; display: none; }
.hrm-ov-tilerow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; min-width: 0; }
.hrm-plat .et_pb_blurb.hrm-ov-tile { position: relative; flex: 1 1 auto; background: var(--hrm-panel); border: 1px solid var(--hrm-line); border-radius: 14px; padding: 20px 20px 18px; margin: 0 !important; transition: border-color .15s, transform .15s, box-shadow .15s; }
.hrm-plat .et_pb_blurb.hrm-ov-tile:hover { border-color: var(--hrm-primary); transform: translateY(-2px); box-shadow: var(--hrm-shadow); }
.hrm-plat .hrm-ov-tile .et_pb_blurb_content { max-width: none; text-align: left; display: flex; gap: 16px; align-items: flex-start; }
.hrm-plat .hrm-ov-tile .et_pb_main_blurb_image { flex: none; width: 48px; margin: 0; line-height: 0; }
.hrm-plat .hrm-ov-tile .et_pb_main_blurb_image img { width: 48px; height: 48px; object-fit: contain; }
.hrm-plat .hrm-ov-tile .et_pb_blurb_container { padding: 0; min-width: 0; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.25; color: var(--hrm-ink); margin: 0; padding: 2px 0 6px; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_module_header a { color: inherit; text-decoration: none; }
.hrm-ov-tile .et_pb_module_header a::after { content: ""; position: absolute; inset: 0; }   /* the whole tile is the link */
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p { font-size: 14.5px; line-height: 1.55; color: var(--hrm-muted); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p.hrm-ov-tag { display: inline-block; font-family: Inter, sans-serif; font-size: 10.5px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--hrm-muted); border: 1px solid var(--hrm-line); border-radius: 999px; padding: 3px 8px; margin: 0 0 9px; }
.hrm-page.hrm-plat .hrm-ov-tile .et_pb_blurb_description p.hrm-ov-tag--soon { color: #0b1829; background: var(--hrm-link); border-color: var(--hrm-link); }
.hrm-plat .et_pb_blurb.hrm-ov-tile--soon { border-style: dashed; }

/* feature cards with the old page's icons on top (the green bar gives way to the icon) */
.hrm-plat .et_pb_blurb.hrm-modfeat.hrm-ov-feat::before { content: none; }
.hrm-plat .hrm-ov-feat .et_pb_blurb_content { display: block; }
.hrm-plat .hrm-ov-feat .et_pb_main_blurb_image { display: block; width: 52px; margin: 0 0 14px; line-height: 0; }
.hrm-plat .hrm-ov-feat .et_pb_main_blurb_image img { width: 52px; height: 52px; object-fit: contain; }
.hrm-plat .hrm-ov-feat .et_pb_main_blurb_image .et_pb_image_wrap { display: block; }

/* book a demonstration: the Contact page's form card (company.css .hrm-co-contactform) beside the pitch */
.hrm-page.hrm-co.hrm-ov-contact { padding: 72px 0 !important; }
.hrm-ov-contact .hrm-ov-contacttext h2 { margin: 0 0 12px; }
.hrm-ov-contact .hrm-ov-contacttext .hrm-lede { margin: 0; }
.hrm-ov-contact .hrm-ov-contacttext .hrm-checklist { margin-top: 20px; }
.hrm-ov-contact .hrm-ov-contacttext .hrm-checklist li { font-size: 16px; line-height: 1.5; }
.hrm-ov-contact .hrm-formwrap { flex: 1; display: flex; flex-direction: column; }
.hrm-ov-contact .hrm-formwrap .et_pb_text_inner { flex: 1; display: flex; flex-direction: column; }
@media (max-width: 980px) {
  .hrm-ov-contact .et_pb_row { display: block; }
  .hrm-ov-contact .hrm-formwrap { margin-top: 28px !important; }
  .hrm-page.hrm-co.hrm-ov-contact { padding: 48px 0 !important; }
}

/* subscription: text + checklist beside the packs panel (row layout from platform.css .hrm-mod-spot .hrm-modspotrow) */
.hrm-page.hrm-plat.hrm-ov-buy { padding: 72px 0 !important; }
.hrm-ov-buy .hrm-ov-buytext h2 { margin: 0 0 14px !important; }
.hrm-page.hrm-plat .hrm-ov-buytext p { font-size: 17px; line-height: 1.65; color: var(--hrm-ink); margin: 0; padding: 0; }
.hrm-page.hrm-plat .hrm-ov-buytext .hrm-checklist { margin-top: 18px; padding-bottom: 0 !important; gap: 9px; }
.hrm-page.hrm-plat .hrm-ov-buytext .hrm-checklist li { font-size: 16px; line-height: 1.5; padding-bottom: 0; }
.hrm-ov-buy .et_pb_button_module_wrapper { display: inline-block; margin: 24px 6px 0 0; }
.hrm-page .hrm-ov-packlist { list-style: none !important; margin: 10px 0 0 !important; padding: 0 !important; }
.hrm-page .hrm-ov-packlist li { list-style: none !important; margin: 0; padding: 12px 0; border-top: 1px solid var(--hrm-line); }
.hrm-page .hrm-ov-packlist li:first-child { border-top: 0; padding-top: 4px; }
.hrm-page .hrm-ov-packlist b { font-family: Outfit, Inter, sans-serif; font-size: 16.5px; font-weight: 700; line-height: 1.3; color: var(--hrm-ink); }
.hrm-page .hrm-ov-packlist span { display: block; font-size: 14px; line-height: 1.5; color: var(--hrm-muted); margin-top: 3px; }
.hrm-page .hrm-ov-packlist em.hrm-ov-packtag { display: inline-block; font-style: normal; font-family: Inter, sans-serif; font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #0b1829; background: var(--hrm-link); border-radius: 999px; padding: 3px 8px; margin-left: 10px; vertical-align: 2px; }
.hrm-page .hrm-ov-packlist em.hrm-ov-packtag--soon { color: var(--hrm-muted); background: transparent; border: 1px solid var(--hrm-line); }

/* why HR Manage: the home page's navy band, on Blurbs */
.hrm-page.hrm-plat.hrm-ov-why { background: var(--hrm-back) !important; padding: 64px 0 !important; }
html.hrm-dark .hrm-page.hrm-plat.hrm-ov-why { background: var(--hrm-back-2) !important; }
.hrm-ov-why h2, .hrm-ov-why h3, .hrm-ov-why h4 { color: #fff; }
.hrm-ov-why .hrm-kicker { color: #9ec4ec; }
.hrm-page.hrm-plat.hrm-ov-why .hrm-sechead p { color: #c2d0df; }
.hrm-plat .hrm-ov-whyrow.et_pb_row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; padding-top: 0 !important; padding-bottom: 0 !important; }
.hrm-ov-whyrow.et_pb_row::after { content: none; display: none; }
.hrm-ov-whyrow > .et_pb_column { width: auto !important; margin: 0 !important; float: none !important; min-width: 0; }
.hrm-plat .et_pb_blurb.hrm-ov-whyitem { background: transparent; border: 0; padding: 0; margin: 0 !important; }
.hrm-plat .hrm-ov-whyitem .et_pb_blurb_content { max-width: none; text-align: left; }
.hrm-plat .hrm-ov-whyitem .et_pb_blurb_container { padding: 0; }
.hrm-page.hrm-plat .hrm-ov-whyitem .et_pb_module_header { font-family: Outfit, Inter, sans-serif; font-size: 19px; font-weight: 700; line-height: 1.3; color: #fff; margin: 0; padding: 0 0 8px; }
.hrm-page.hrm-plat .hrm-ov-whyitem .et_pb_blurb_description p { color: #a9bace; font-size: 15.5px; line-height: 1.6; margin: 0; padding: 0; }
.hrm-plat .hrm-ov-whymore.et_pb_row { text-align: center; padding-top: 10px !important; padding-bottom: 0 !important; }
.hrm-ov-whymore .et_pb_button_module_wrapper { margin: 26px 0 0; }

@media (max-width: 980px) {
  .hrm-page.hrm-plat.hrm-ov-modules, .hrm-page.hrm-plat.hrm-ov-why { padding: 44px 0 !important; }
  .hrm-page.hrm-plat.hrm-ov-buy { padding: 48px 0 !important; }
  .hrm-plat .hrm-ov-tilerow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrm-plat .hrm-ov-whyrow.et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .hrm-ov-buy .hrm-modspotrow.et_pb_row { display: block; }
  .hrm-ov-buy .hrm-ov-packs { margin-top: 28px !important; }
}
@media (max-width: 600px) {
  .hrm-plat .hrm-ov-tilerow.et_pb_row, .hrm-plat .hrm-ov-whyrow.et_pb_row { grid-template-columns: 1fr; }
  .hrm-page.hrm-plat.hrm-ov-diagram { padding: 16px 0 14px !important; }
  .hrm-ov-diagram .et_pb_row.hrm-ov-diagramrow { width: 100%; }
  .hrm-page.hrm-plat .hrm-ov-diagram-cap p { font-size: 13px; padding: 0 16px; }
  .hrm-ov-hero .hrm-ov-trust { flex-direction: column; align-items: center; gap: 6px; }
}