.hiremate-product-page .body-content { min-height: 0; padding: 0; margin: 0; }
.hiremate-product-page .footer { position: static; margin-top: 0; }
.hiremate-product-page #mainNav { background-color: #212529; }
.hiremate-product { color: #112a3f; }
.hiremate-product section { overflow: hidden; }
.hiremate-product h1, .hiremate-product h2, .hiremate-product h3 { font-family: Montserrat, sans-serif; }
.hiremate-product__eyebrow { display: inline-block; color: #087fad; font-size: .78rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.hiremate-product__hero { padding: clamp(8rem, 12vw, 10rem) 0 clamp(3.5rem, 6vw, 5rem); background: radial-gradient(circle at 85% 12%, #1b5480, transparent 34%), linear-gradient(135deg, #0d1728, #132b49); color: #f5f9ff; }
.hiremate-product__hero-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.hiremate-product__hero .hiremate-product__eyebrow { color: #7bdcf8; }
.hiremate-product__hero h1 { margin: .8rem 0 1.25rem; color: #fff; font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 800; line-height: 1.1; }
.hiremate-product__hero-copy > p { max-width: 36rem; color: #d4e4f0; line-height: 1.7; }
.hiremate-product__hero-copy > p.hiremate-product__lead { color: #fff; font-size: clamp(1.15rem, 1.6vw, 1.4rem); font-weight: 700; }
.hiremate-product__status { display: inline-flex; align-items: center; gap: .5rem; margin-top: .6rem; padding: .65rem .9rem; border: 1px solid #8ddaea; border-radius: 999px; background: #d9f7fb; color: #0b506d; font-size: .88rem; font-weight: 800; }
.hiremate-product__hero-image { min-width: 0; margin: 0; }
.hiremate-product__hero-image img { display: block; width: 100%; height: auto; border: 1px solid rgba(255,255,255,.35); border-radius: 1rem; box-shadow: 0 25px 50px rgba(0,0,0,.27); }
.hiremate-product__hero-image figcaption { margin-top: .65rem; color: #b7cbdc; font-size: .77rem; text-align: right; }

.hiremate-product__uses, .hiremate-product__process, .hiremate-product__criteria, .hiremate-product__faq { padding: clamp(3.5rem, 7vw, 5.5rem) 0; }
.hiremate-product__uses { background: #f3f9fc; }
.hiremate-product__section-heading { max-width: 52rem; margin: 0 auto 2rem; text-align: center; }
.hiremate-product__section-heading h2, .hiremate-product__faq h2, .hiremate-product__process h2 { margin: .5rem 0 .8rem; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; line-height: 1.2; }
.hiremate-product__section-heading p, .hiremate-product__faq p { margin: 0; color: #526b7e; font-size: 1.05rem; line-height: 1.65; }
.hiremate-product__use-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.hiremate-product__use-grid article { min-width: 0; padding: clamp(1.3rem, 2.3vw, 2rem); border: 1px solid #cfe4ef; border-radius: 1rem; background: #fff; box-shadow: 0 10px 25px rgba(13,56,82,.06); }
.hiremate-product__icon { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: .75rem; background: #e5f6fd; color: #047cac; font-size: 1.25rem; }
.hiremate-product__use-grid h3 { margin: 1rem 0 .5rem; font-size: 1.18rem; font-weight: 750; }
.hiremate-product__use-grid p { margin: 0; color: #536b7e; line-height: 1.6; }

.hiremate-product__process { background: #101d30; color: #fff; }
.hiremate-product__process .hiremate-product__eyebrow { color: #7bdcf8; }
.hiremate-product__process-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.hiremate-product__process h2 { color: #fff; }
.hiremate-product__process-intro { color: #c8dae7; line-height: 1.6; }
.hiremate-product__steps { display: grid; gap: 1rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.hiremate-product__steps li { display: flex; gap: 1rem; padding: 1rem; border: 1px solid #345872; border-radius: .85rem; background: #182d42; }
.hiremate-product__steps li > span { display: grid; flex: none; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .65rem; background: #164e6c; color: #8de5f7; font-weight: 800; }
.hiremate-product__steps h3 { margin: 0 0 .3rem; color: #fff; font-size: 1.1rem; font-weight: 750; }
.hiremate-product__steps p { margin: 0; color: #c7d8e5; font-size: .95rem; line-height: 1.5; }
.hiremate-product__process-image { max-width: 27rem; min-width: 0; margin: 0 auto; }
.hiremate-product__process-image img { display: block; width: 100%; height: auto; border: 1px solid #456d85; border-radius: 1rem; }
.hiremate-product__process-image figcaption { margin-top: .65rem; color: #b7cbdc; font-size: .77rem; text-align: center; }

.hiremate-product__criteria { background: #edf6fa; }
.hiremate-product__criteria-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.hiremate-product__criteria-grid article { padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid #cfe4ef; border-radius: 1rem; background: #fff; }
.hiremate-product__criteria-grid i { color: #087fad; font-size: 1.65rem; }
.hiremate-product__criteria-grid h3 { margin: 1rem 0 .5rem; font-size: 1.2rem; font-weight: 750; }
.hiremate-product__criteria-grid p { margin: 0; color: #526b7e; line-height: 1.6; }
.hiremate-product__criteria-note { max-width: 55rem; margin: 1.5rem auto 0; padding: 1rem 1.25rem; border-left: 4px solid #087fad; border-radius: .6rem; background: #dff2f9; color: #244c63; line-height: 1.6; }

.hiremate-product__faq { background: #f3f9fc; }
.hiremate-product__faq-grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(1.5rem, 5vw, 5rem); }
.hiremate-product__faq-list details { margin-bottom: .7rem; padding: 1.05rem 1.2rem; border: 1px solid #cfe0e9; border-radius: .8rem; background: #fff; }
.hiremate-product__faq-list summary { cursor: pointer; font-size: 1.08rem; font-weight: 700; line-height: 1.45; }
.hiremate-product__faq-list details p { margin: .75rem 0 0; font-size: .95rem; line-height: 1.6; }
.hiremate-product summary:focus-visible, .hiremate-product a:focus-visible { outline: 3px solid #65c9e6; outline-offset: 4px; }

.hiremate-product__closing { padding: clamp(2.5rem, 5vw, 4rem) 0; background: #112a3f; color: #fff; }
.hiremate-product__closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.hiremate-product__closing .hiremate-product__eyebrow { color: #7bdcf8; }
.hiremate-product__closing h2 { margin: .5rem 0; color: #fff; font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 800; }
.hiremate-product__closing p { max-width: 42rem; margin: 0; color: #c8dae7; line-height: 1.6; }
.hiremate-product__closing a { display: inline-flex; flex: none; gap: .5rem; align-items: center; padding: .75rem 1rem; border: 1px solid #a6dcef; border-radius: .7rem; background: #fff; color: #075477; font-weight: 750; text-decoration: none; }
.hiremate-product__closing a:hover { background: #e6f7fc; }

@media (max-width: 991.98px) {
    .hiremate-product__hero-grid, .hiremate-product__process-grid, .hiremate-product__faq-grid { grid-template-columns: 1fr; }
    .hiremate-product__hero-image { max-width: 48rem; }
    .hiremate-product__use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hiremate-product__process-image { max-width: 20rem; }
}
@media (max-width: 767.98px) {
    .hiremate-product__use-grid, .hiremate-product__criteria-grid { grid-template-columns: 1fr; }
    .hiremate-product__closing-inner { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 575.98px) {
    .hiremate-product__hero { padding-top: 7rem; }
    .hiremate-product__section-heading p { text-align: left; }
    .hiremate-product__closing a { width: 100%; justify-content: center; }
    .hiremate-product__hero-image figcaption { text-align: left; }
}
