/**
 * Common Stylesheet for site components and sections
 * Combines FAQ and Testimonials / Customer Stories styles
 */

/* ==========================================================================
   1. Customer Stories / Testimonials (LiquidWeb-style vertical slider)
   ========================================================================== */

.hr-section.hr-b-testimonials,
section.hr-b-testimonials,
.hr-b-testimonials {
    padding-block: 0 !important;
    position: relative;
    overflow: hidden;
}

.hr-b-testimonials .hr-container {
    padding-block: 0;
}

.hr-b-testimonials .hr-testimonials__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
    min-height: clamp(480px, 58vh, 580px);
}

@media (min-width: 960px) {
    .hr-b-testimonials .hr-testimonials__wrapper {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
        gap: clamp(3rem, 5vw, 5rem);
        min-height: clamp(480px, 58vh, 580px);
    }
}

/* Left Column */

.hr-b-testimonials .hr-testimonials__header {
    width: 100%;
}

.hr-b-testimonials .hr-testimonials__header .hr-heading-group {
    margin: 0;
}

.hr-b-testimonials .hr-testimonials__header .hr-heading {
    font-size: clamp(2.2rem, 3.8vw, 3.25rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #111111;
    margin: 0;
    max-width: 14ch;
    text-wrap: balance;
}

.hr-b-testimonials .hr-testimonials__header .hr-eyebrow {
    font-size: var(--hr-fs-sm, 0.875rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--hr-primary, #ff5a1f);
    margin-bottom: 0.75rem;
}

/* Right Column (Vertical Slider Track & Stage) */
.hr-b-testimonials .hr-testimonials__right {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 2vw, 1.75rem);
    position: relative;
    width: 100%;
    height: clamp(480px, 58vh, 580px);
    overflow: hidden;
}

.hr-b-testimonials .hr-testimonials__stage {
    position: relative;
    flex: 1 1 auto;
    height: 100%;
    min-width: 0;
}

.hr-b-testimonials .hr-testimonials__track {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 2.5vh, 2rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.hr-b-testimonials .hr-testimonials__slide {
    width: 100%;
    flex-shrink: 0;
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.hr-b-testimonials .hr-testimonials__slide.is-faded {
    opacity: 0.45;
    cursor: pointer;
}

.hr-b-testimonials .hr-testimonials__slide.is-faded:hover {
    opacity: 0.75;
}

.hr-b-testimonials .hr-testimonials__slide.is-active {
    opacity: 1;
    cursor: default;
}

/* LiquidWeb-style Boxed Card */
.hr-testimonial-box {
    margin: 0;
    background: #ffffff;
    border: 2px solid #222222;
    border-radius: 40px 0 40px 40px;
    padding: clamp(1.75rem, 3.2vw, 2.5rem);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
}

.hr-testimonial-box__mark {
    color: #ff5a1f;
    margin-bottom: 1rem;
    line-height: 1;
    display: inline-flex;
}

.hr-testimonial-box__mark svg {
    width: 26px;
    height: 22px;
    fill: #ff5a1f;
}

.hr-testimonial-box__quote {
    margin: 0;
    padding: 0;
    border: none;
    font-family: var(--hr-font-body, inherit);
    font-size: clamp(0.98rem, 1.15vw, 1.12rem);
    line-height: 1.5;
    color: #111111;
    font-weight: 400;
}

.hr-testimonial-box__quote p {
    margin: 0;
}

.hr-testimonial-box__divider {
    width: 32px;
    height: 3px;
    background: #ff5a1f;
    border-radius: 2px;
    margin: 1.25rem 0 0.9rem;
}

.hr-testimonial-box__meta {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.hr-testimonial-box__name {
    font-size: 0.92rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #111111;
}

.hr-testimonial-box__role {
    font-size: 0.82rem;
    color: #6b7280;
    font-weight: 400;
}

.hr-testimonial-box__stars {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: 0.85rem;
    color: #ff5a1f;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 2px;
}

.hr-testimonial-box__stars .hr-star {
    color: #ff5a1f;
}

/* Vertical Dots Navigation */
.hr-testimonials__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    z-index: 5;
}

.hr-testimonials__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1.5px solid #111111;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.25s ease;
    outline: none;
}

.hr-testimonials__dot:focus-visible {
    transform: scale(1.3);
}

.hr-testimonials__dot.is-active {
    background: #111111;
}

/* Testimonials Mobile Adjustments */
@media (max-width: 639px) {
    .hr-testimonial-box {
        border-radius: 28px 0 28px 28px;
        padding: 1.5rem 1.25rem;
    }

    .hr-b-testimonials .hr-testimonials__right {
        gap: 0.75rem;
        height: 440px;
    }

    .hr-b-testimonials .hr-testimonials__wrapper {
        min-height: auto;
    }

    .hr-b-testimonials .hr-testimonials__header .hr-heading {
        max-width: none;
    }
}


/* ==========================================================================
   2. FAQ Block Styles (Col-10 Centered Card Box with Blue Active Indicator)
   ========================================================================== */

.hr-b-faq {
    padding-block: clamp(3.5rem, 6vw, 5.5rem);
    background: transparent;
}


.faq-plugin-wrapper .wpfaqblock-theme-1 .wpfaqblock-items-list {
    border: none !important;
}

.faq-plugin-wrapper .wpfaqblock-theme-1 .accordion-content {
    padding: 0px 0px 10px 0px !important;
    font-size: 16px !important;
}

.faq-plugin-wrapper .wpfaqblock-theme-1 .accordion-title {
    padding: 18px 0px 18px 0px !important;
}

.faq-plugin-wrapper .wpfaqblock-theme-1 .accordion-title:hover {
    background: var(--hr-section-bg) !important;
}

.faq-plugin-wrapper .wpfaqblock-theme-1 .accordion-item.open .accordion-title,
.faq-plugin-wrapper .wpfaqblock-theme-1 .accordion-item.open .accordion-title:hover {
    background: transparent !important;
}

.wpfaqblock-svg-icon {
    display: none !important;
}

.faq-plugin-wrapper .wpfaqblock-theme-1 .wpfaqblock-accordion-item:not(:first-child) {
    border-top: 1px solid #E5E7EB !important;
}

.faq-plugin-wrapper .wpfaqblock-theme-1 .accordion-title.open .wpfaqblock-icon {
    transform: rotate(90deg) !important;
}


/* Centered FAQ Title */
.wpfaqblock-title,
.wpfaqblock-category-title,
.wpfaqblock-header,
.wpfaqblock h2,
.wpfaqblock h1,
.wpfaqblock h3,
.hr-b-faq h2,
.hr-faq__intro h2,
.wpfaqblock-title-container,
.wpfaqblock-title-text {
    text-align: center !important;
    font-size: clamp(2.2rem, 4vw, 3rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: var(--hr-heading, #111827) !important;
    width: min(calc(100% - 2 * var(--hr-gutter, 20px)), 860px) !important;
    max-width: 860px !important;
    margin-inline: auto !important;
    margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem) !important;
    padding-inline: clamp(0.75rem, 2vw, 1.25rem) !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Outer Box: Centered with safe horizontal padding on mobile/responsive */
.hr-b-faq .hr-faq,
.hr-faq,
.wpfaqblock,
.wpfaqblock-wrapper,
.wp-block-wpfaqblock,
.wp-block-wpfaqblock-faq,
.wpfaqblock-category-container,
.wpfaqblock-container,
.wpfaqblock-grouped-wrap,
.wpfaqblock-group,
.faq-plugin-wrapper {
    max-width: 1000px !important;
    margin-inline: auto !important;
    padding-inline: clamp(0.75rem, 2vw, 1.25rem) !important;
    box-sizing: border-box !important;
}

.hr-b-faq .hr-faq__items,
.hr-faq__items,
.wpfaqblock-faq-list,
.wpfaqblock-accordion,
.wpfaqblock-faqs,
.wpfaqblock-content-wrapper,
.wpfaqblock-items-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

/* Individual FAQ Item (NO rectangular borders, ONLY divider line between items) */
.hr-b-faq .hr-faq__item,
.hr-faq__item,
.wpfaqblock-faq-item,
.wpfaqblock-item,
.wpfaqblock-single-faq,
.wpfaq-item,
.wpfaqblock-faq,
.wpfaqblock-faq-container {
    border: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #6b7280 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

.hr-b-faq .hr-faq__item:last-child,
.hr-b-faq .hr-faq__item:last-of-type,
.hr-faq__item:last-child,
.hr-faq__item:last-of-type,
.wpfaqblock-faq-item:last-child,
.wpfaqblock-item:last-child,
.wpfaqblock-single-faq:last-child,
.wpfaq-item:last-child,
.wpfaqblock-faq:last-child,
.wpfaqblock-faq-item:last-of-type,
.wpfaqblock-item:last-of-type,
.wpfaqblock-single-faq:last-of-type,
.wpfaq-item:last-of-type,
.wpfaqblock-faq:last-of-type {
    border-bottom: none !important;
}

.hr-b-faq .hr-faq__q::-webkit-details-marker,
.hr-faq__q::-webkit-details-marker {
    display: none !important;
}

/* Question Text: Dark when closed */
.hr-b-faq .hr-faq__q-text,
.hr-faq__q-text,
.wpfaqblock-question,
.wpfaqblock-faq-title,
.wpfaqblock-item-header,
.wpfaq-question,
.wpfaqblock-item-title,
.wpfaqblock-title-text {
    margin: 0 !important;
    font-size: clamp(1.05rem, 1.2vw, 1.15rem) !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1a1a1a !important;
    transition: color 0.2s ease;
}

/* Question Text: Blue when open */
.hr-b-faq .hr-faq__item[open] .hr-faq__q-text,
.hr-faq__item[open] .hr-faq__q-text,
.wpfaqblock-faq-item.active .wpfaqblock-question,
.wpfaqblock-faq-item.open .wpfaqblock-question,
.wpfaqblock-faq-item.active .wpfaqblock-faq-title,
.wpfaqblock-faq-item.open .wpfaqblock-faq-title,
.wpfaqblock-item.active .wpfaqblock-question,
.wpfaqblock-item.open .wpfaqblock-question,
.wpfaqblock-item.active .wpfaqblock-item-header,
.wpfaqblock-item.open .wpfaqblock-item-header,
.wpfaqblock-item.active .wpfaqblock-item-title,
.wpfaqblock-item.open .wpfaqblock-item-title,
.wpfaqblock-single-faq.active .wpfaqblock-question,
.wpfaqblock-single-faq.open .wpfaqblock-question,
.wpfaqblock-single-faq.active .wpfaqblock-faq-title,
.wpfaqblock-single-faq.open .wpfaqblock-faq-title,
.wpfaq-item.active .wpfaq-question,
.wpfaq-item.open .wpfaq-question,
.wpfaqblock-faq.active .wpfaqblock-question,
.wpfaqblock-faq.open .wpfaqblock-question {
    color: #0088ff !important;
}

/* Circular Button Icon: Light gray circle when closed */
.hr-b-faq .hr-faq__icon,
.hr-faq__icon,
.wpfaqblock-icon,
.wpfaq-icon,
.wpfaqblock-toggle-icon,
.wpfaqblock-arrow,
.wpfaqblock-item-icon {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex: none !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.25s ease, transform 0.25s ease !important;
    margin: 0 !important;
    border: none !important;
}

/* Chevron: Gray arrow when closed */
.hr-b-faq .hr-faq__icon::before,
.hr-faq__icon::before,
.wpfaqblock-icon::before,
.wpfaq-icon::before,
.wpfaqblock-toggle-icon::before,
.wpfaqblock-arrow::before,
.wpfaqblock-item-icon::before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 2px solid #6b7280 !important;
    border-bottom: 2px solid #6b7280 !important;
    transform: rotate(-45deg) !important;
    transition: transform 0.25s ease, border-color 0.25s ease !important;
    top: calc(50% - 4px) !important;
    left: calc(50% - 5px) !important;
    margin: 0 !important;
    background: none !important;
}

.hr-b-faq .hr-faq__icon::after,
.hr-faq__icon::after,
.wpfaqblock-icon::after,
.wpfaq-icon::after,
.wpfaqblock-toggle-icon::after {
    display: none !important;
}

/* Open State: Solid Blue Circle with White Chevron */
.hr-b-faq .hr-faq__item[open] .hr-faq__icon,
.hr-faq__item[open] .hr-faq__icon,
.wpfaqblock-faq-item.active .wpfaqblock-icon,
.wpfaqblock-faq-item.open .wpfaqblock-icon,
.wpfaqblock-item.active .wpfaqblock-icon,
.wpfaqblock-item.open .wpfaqblock-icon,
.wpfaqblock-single-faq.active .wpfaqblock-icon,
.wpfaqblock-single-faq.open .wpfaqblock-icon,
.wpfaq-item.active .wpfaq-icon,
.wpfaq-item.open .wpfaq-icon,
.wpfaqblock-faq.active .wpfaqblock-icon,
.wpfaqblock-faq.open .wpfaqblock-icon,
.wpfaqblock-item.active .wpfaqblock-arrow,
.wpfaqblock-item.open .wpfaqblock-arrow {
    background: #0088ff !important;
}

.hr-b-faq .hr-faq__item[open] .hr-faq__icon::before,
.hr-faq__item[open] .hr-faq__icon::before,
.wpfaqblock-faq-item.active .wpfaqblock-icon::before,
.wpfaqblock-faq-item.open .wpfaqblock-icon::before,
.wpfaqblock-item.active .wpfaqblock-icon::before,
.wpfaqblock-item.open .wpfaqblock-icon::before,
.wpfaqblock-single-faq.active .wpfaqblock-icon::before,
.wpfaqblock-single-faq.open .wpfaqblock-icon::before,
.wpfaq-item.active .wpfaq-icon::before,
.wpfaq-item.open .wpfaq-icon::before,
.wpfaqblock-faq.active .wpfaqblock-icon::before,
.wpfaqblock-faq.open .wpfaqblock-icon::before,
.wpfaqblock-item.active .wpfaqblock-arrow::before,
.wpfaqblock-item.open .wpfaqblock-arrow::before {
    transform: rotate(45deg) !important;
    border-color: #ffffff !important;
    top: calc(50% - 5px) !important;
    left: calc(50% - 4px) !important;
}

/* Answer Content */
.hr-b-faq .hr-faq__a,
.hr-faq__a,
.wpfaqblock-answer,
.wpfaqblock-content,
.wpfaqblock-item-content,
.wpfaq-answer,
.wpfaqblock-body {
    padding: 0 0 1.25rem 0 !important;
    color: #4b5563 !important;
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    background: transparent !important;
    border: none !important;
}

.hr-b-faq .hr-faq__a p,
.hr-faq__a p,
.wpfaqblock-answer p,
.wpfaqblock-content p,
.wpfaqblock-body p {
    margin: 0 !important;
    color: #4b5563 !important;
}

/* Footer credit */
.hr-footer__credit {
    margin: 0;
    margin-left: auto;
}

.hr-footer__credit a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.hr-footer__credit a:hover {
    color: var(--hr-primary, #ff5a1f);
}

/* Header actions order: Log in first, Book a Demo second */
.hr-header__actions .hr-header__login,
.hr-header.is-scrolled .hr-header__actions .hr-header__login {
    order: 1 !important;
}

.hr-header__actions .hr-header__cta,
.hr-header.is-scrolled .hr-header__actions .hr-header__cta {
    order: 2 !important;
}

/* Footer Social Icon Image Support */
.hr-social a img,
.hr-social__img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
}

/* Footer Contact Details (Phone, Email, Address with Image Icons) */
.hr-footer__contact {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.hr-footer__contact-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #111111;
}

.hr-footer__contact-icon-wrap {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.hr-footer__contact-icon-wrap img,
.hr-footer__contact-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
}

.hr-footer__contact-link {
    color: #111111;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hr-footer__contact-link:hover {
    color: var(--hr-primary, #ff5a1f);
    text-decoration: underline;
}

.hr-footer__contact-text {
    color: #111111;
}

.hr-social a img:hover,
.hr-footer a:hover {
    opacity: 0.5;
}

/* Mobile Scrolled Header - Logo on left, only 'Book a Demo' button on right */
.hr-header.is-scrolled .hr-header__cta {
    display: inline-flex !important;
}

.hr-header.is-scrolled .hr-header__login,
.hr-header.is-scrolled .hr-menu-toggle,
.hr-header.is-scrolled .hr-nav {
    display: none !important;
}

@media (max-width: 520px) {
    .hr-header.is-scrolled .hr-header__inner {
        width: min(calc(100vw - 1.5rem), 600px);
        padding: 8px 14px;
        gap: 12px;
    }

    .hr-header.is-scrolled .hr-header__cta {
        min-height: 36px;
        padding-inline: 0.85rem;
        font-size: 0.82rem;
    }
}

/* Default Pages Layout (Terms of Conditions, Privacy, Return Policy, etc.) */
.hr-content--blocks:not(:has(.hr-section)) {
    width: min(100% - 2 * var(--hr-gutter, 20px), var(--hr-container));
    margin-inline: auto;
    padding-bottom: clamp(3.5rem, 7vw, 6rem);
}

/* Consistent Section Spacing Matching Home Page */


.hr-checklist__icon *,
.hr-checklist li svg *,
.hr-hero .hr-checklist li svg *,
.hr-handoff__triggers li svg * {
    stroke: var(--hr-primary, #ff490a) !important;
}

/* How It Works Page - Image & Phone Card Box for all sections below the banner */
.hr-content>.hr-hero:not(:first-child) .hr-hero__visual--image,
.hr-content>.hr-hero:not(:first-child) .hr-hero__visual--phone {
    display: grid;
    place-items: center;
    padding: clamp(1.5rem, 3.5vw, 2.75rem);
    border-radius: calc(var(--hr-radius-card, 20px) + 8px);
    border: 1px solid var(--hr-border-color, #efe2d6);
    background: var(--hr-surface-alt, #fff3ea);
    min-height: 380px;
    box-sizing: border-box;
}

.hr-content>.hr-hero:not(:first-child) .hr-hero__image {
    max-height: 440px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    box-shadow: none;
}

/* Top Banner Section - Border Only at Top (After Top Banner), Soft Border Color */
.hr-content>.hr-hero:first-of-type,
.hr-content>.hr-section:first-child {
    border-bottom: 1px solid var(--hr-border-color, #efe2d6) !important;
}

/* Exclude bottom border on FAQ page banner */
body.page-faq .hr-content > .hr-hero,
body.page-faq .hr-content > .hr-section,
body.page-faq .hr-hero,
body.page-faq .hr-section:first-child,
body.faq .hr-content > .hr-hero,
body.faq .hr-content > .hr-section,
body.faq .hr-hero,
body.faq .hr-section:first-child,
body:has(.wpfaqblock) .hr-content > .hr-hero,
body:has(.wpfaqblock) .hr-content > .hr-section:first-child,
body:has(.wpfaqblock) .hr-hero,
body:has(.wpfaqblock-grouped-wrap) .hr-content > .hr-hero,
body:has(.wpfaqblock-grouped-wrap) .hr-content > .hr-section:first-child,
body:has(.wpfaqblock-grouped-wrap) .hr-hero,
body:has(.faq-plugin-wrapper) .hr-content > .hr-hero,
body:has(.faq-plugin-wrapper) .hr-content > .hr-section:first-child,
body:has(.faq-plugin-wrapper) .hr-hero,
body:has(.hr-b-faq) .hr-content > .hr-hero:first-of-type,
body:has(.hr-b-faq) .hr-content > .hr-section:first-child,
body:has(.hr-b-faq) .hr-hero:first-of-type {
    border-bottom: none !important;
}

/* Remove Bottom & Extra Separator Lines */
.wp-block-separator,
hr.wp-block-separator,
hr.is-style-wide,
hr.is-style-default,
hr {
    display: none !important;
}

/* Phone Frame Mockup inside Hero Card Box */
.hr-hero__visual--phone .hr-phone-frame {
    width: min(100%, 270px);
    aspect-ratio: 9 / 17.5;
    background: var(--hr-surface, #ffffff);
    border: 3.5px solid var(--hr-border-color, #efe2d6);
    border-radius: 38px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 16px 36px rgba(29, 21, 17, 0.08);
}

.hr-hero__visual--phone .hr-phone-frame__notch {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 36%;
    height: 18px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: var(--hr-border-color, #efe2d6);
    z-index: 1;
}

.hr-hero__visual--phone .hr-uc__fallback {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
    padding: 1.5rem 0.75rem;
    width: 100%;
}

.hr-hero__visual--phone .hr-uc__fallback-label {
    margin: 0;
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.35;
    color: var(--hr-heading, #1d1511);
    max-width: 13rem;
}

@media(max-width:767px) {
    .hr-b-testimonials .hr-testimonials__header .hr-lede {
        margin-top: 5px;
    }

    .hr-b-testimonials .hr-testimonials__left {
        padding-block: clamp(1.5rem, 5vw, 4rem) !important;
    }

    .hr-b-faq .hr-faq,
    .hr-faq,
    .wpfaqblock,
    .wpfaqblock-wrapper,
    .wp-block-wpfaqblock,
    .wp-block-wpfaqblock-faq,
    .wpfaqblock-category-container,
    .wpfaqblock-container,
    .wpfaqblock-grouped-wrap,
    .wpfaqblock-group,
    .faq-plugin-wrapper {
        max-width: 1200px !important;
    }

    .hr-footer__credit {
        margin-left: unset;
    }
}

/* How It Works & Content Sections - Desktop Alternating (.leftright) & Mobile Image Above / Text Below */
@media (min-width: 900px) {
    .leftright .hr-hero__content {
        order: 2 !important;
    }

    .leftright .hr-hero__visual {
        order: 1 !important;
    }
}

@media (max-width: 899px) {
    .hr-hero .hr-hero__grid {
        display: flex !important;
        flex-direction: column !important;
    }

    .hr-hero .hr-hero__visual {
        order: 1 !important;
        width: 100% !important;
    }

    .hr-hero .hr-hero__content {
        order: 2 !important;
        width: 100% !important;
    }
}


/* CUSTOM CHANGES ? load after the existing styles.
 * SECTION INDEX (search the numbered headings below)
 * 01 Product Tabs: solid background, expanded stage and manual tabs
 * 02 Use Cases: title accordion and phone layout
 * 03 Call Dashboard: layout, chart tooltips and heading alignment
 * 04 Testimonials: outer section border
 * 05 Voice Demo Hero: country selector and desktop spacing
 * 06 Pricing Page: flat comparison table and typography
 * 07 Call Journey: one-time line and step animation
 * 08 Blog Index: featured article, categories, cards and pagination
 * 09 Footer: solid background and balanced social icons
 * 10 Breadcrumbs: hidden across all pages
 * 11 Single Blog: editorial header, sticky contents and AI summary links
 * 12 Demo Form: three-step request layout
 * 13 Demo Testimonials: compact homepage reviews beside the form
 * Earlier sections are intentionally retained in their existing order.
 */

/* 01. PRODUCT TABS - Solid background shared by every tab. */
body.home .hr-b-product-tabs .hr-tabs {
    background: #fff3ea;
}

body.home .hr-b-product-tabs .hr-tabs>.hr-product-gradient,
body.home .hr-b-product-tabs .hr-tabs::before {
    display: none;
}

@media (min-width: 960px) {
    body.home .hr-b-product-tabs .hr-tabs__list {
        gap: 0.5rem;
        padding: 0.5rem;
    }

    body.home .hr-b-product-tabs .hr-tabs__tab {
        min-height: 52px;
        padding: 0.8rem clamp(1rem, 1.8vw, 1.75rem);
        font-size: var(--hr-fs-base);
        gap: 0.65rem;
        flex-shrink: 0;
    }

    body.home .hr-b-product-tabs .hr-tabs__tab .hr-icon {
        width: 1.25em;
        height: 1.25em;
    }
}

/* 01. PRODUCT TABS ? Pop animation and expanded stage; selection stays manual */
@media (min-width: 960px) and (prefers-reduced-motion: no-preference) {
    body.home .hr-b-product-tabs .hr-product-scroll-track.is-scroll-enabled {
        position: relative;
        left: 50%;
        width: var(--hr-tabs-stage-width);
        margin-left: calc(var(--hr-tabs-stage-width) / -2);
        height: var(--hr-tabs-track-height);
    }

    body.home .hr-b-product-tabs .hr-product-scroll-track.is-scroll-enabled>.hr-tabs {
        position: sticky;
        top: var(--hr-tabs-sticky-top);
        width: 100%;
        height: var(--hr-tabs-stage-height);
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        transform: scale(var(--hr-tabs-stage-scale, 0.76));
        transform-origin: center top;
        transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
        gap: clamp(1rem, 2.5vh, 1.75rem);
        padding: clamp(1.25rem, 3vh, 2rem);
    }

    body.home .hr-b-product-tabs .hr-product-scroll-track.is-scroll-enabled .hr-tabs__panel {
        min-height: 0;
        max-height: 100%;
        width: min(100%, 1160px);
        justify-self: center;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(2rem, 4vw, 4rem);
        padding: clamp(1.5rem, 3vw, 3rem);
        overflow-y: auto;
        scrollbar-width: none;
    }

    body.home .hr-b-product-tabs .hr-product-scroll-track.is-scroll-enabled .hr-tabs__panel:not([hidden]) {
        animation: hr-custom-product-enter 420ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    body.home .hr-b-product-tabs .hr-product-scroll-track.is-scroll-enabled .hr-tabs__content {
        text-align: left;
    }

    body.home .hr-b-product-tabs .hr-product-scroll-track.is-scroll-enabled .hr-tabs__media {
        width: 100%;
        max-width: 480px;
        justify-self: center;
    }

    @keyframes hr-custom-product-enter {
        from {
            opacity: 0;
            transform: translateY(6px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    body.home .hr-b-product-tabs .hr-product-scroll-track.is-scroll-enabled .hr-tabs__panel::-webkit-scrollbar {
        display: none;
    }
}

/* Homepage — Use Cases: align the phone panel with the section introduction. */
@media (min-width: 960px) {
    body.home .hr-b-use-case-showcase>.hr-container {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        grid-template-areas:
            "intro stage"
            "segments stage"
            "list stage"
            "actions actions";
        column-gap: clamp(2.5rem, 6vw, 5rem);
        align-items: start;
    }

    body.home .hr-b-use-case-showcase>.hr-container>.hr-section-head {
        grid-area: intro;
    }

    body.home .hr-b-use-case-showcase>.hr-container>.hr-uc--segmented {
        display: contents;
    }

    body.home .hr-b-use-case-showcase .hr-uc--segmented>.hr-uc__segments {
        grid-area: segments;
        margin-bottom: calc(clamp(2.5rem, 6vw, 5rem) + 0.25rem);
    }

    body.home .hr-b-use-case-showcase .hr-uc--segmented>.hr-uc__list {
        grid-area: list;
    }

    body.home .hr-b-use-case-showcase .hr-uc--segmented>.hr-uc__stage {
        grid-area: stage;
        align-self: start;
        min-width: 0;
    }

    body.home .hr-b-use-case-showcase>.hr-container>.hr-section-actions {
        grid-area: actions;
    }
}

/* Homepage - Use Cases: click accordion, enabled by custom-changes.js. */
body.home .hr-b-use-case-showcase.hr-uc-scroll .hr-uc__segments {
    display: none;
}

/* Ensure the phone maintains proper smartphone proportions in all screen sizes. */
body.home .hr-b-use-case-showcase .hr-phone-frame {
    width: min(100%, 270px);
    aspect-ratio: 9 / 17.5;
    max-height: min(520px, calc(100vh - var(--hr-header-h, 72px) - 4rem));
    min-height: 460px;
    height: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-inline: auto;
    padding: 12px;
    border-radius: 40px;
}

body.home .hr-b-use-case-showcase .hr-uc__visual:not([hidden]) {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

body.home .hr-b-use-case-showcase .hr-phone-frame .hr-callcard,
body.home .hr-b-use-case-showcase .hr-phone-frame .hr-uc__fallback {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    border-radius: 28px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

body.home .hr-b-use-case-showcase .hr-uc__fallback {
    justify-content: center;
    align-items: center;
    padding: 2.75rem 1.25rem 2rem;
    gap: 1.5rem;
}

body.home .hr-b-use-case-showcase .hr-uc__fallback .hr-ring {
    margin: 0;
}

body.home .hr-b-use-case-showcase .hr-uc__fallback-label {
    margin: 0;
    font-weight: 600;
    text-align: center;
    color: var(--hr-heading);
    font-size: var(--hr-fs-base);
    line-height: 1.35;
    max-width: 14rem;
}

body.home .hr-b-use-case-showcase .hr-phone-frame .hr-callcard {
    padding-top: 3.5rem;
}

body.home .hr-b-use-case-showcase .hr-phone-frame .hr-callcard__lines {
    flex: 1 1 auto;
    overflow-y: auto;
    scrollbar-width: none;
}

body.home .hr-b-use-case-showcase .hr-phone-frame .hr-callcard__lines::-webkit-scrollbar {
    display: none;
}

body.home .hr-b-use-case-showcase .hr-uc__stage {
    padding: clamp(1.25rem, 2.5vw, 2rem);
}

@media (min-width: 960px) {
    body.home .hr-b-use-case-showcase.hr-uc-scroll>.hr-container {
        grid-template-areas:
            "intro stage"
            "list stage"
            "actions actions";
    }

    body.home .hr-b-use-case-showcase.hr-uc-scroll .hr-uc__stage {
        align-self: start;
        position: sticky;
        top: calc(var(--hr-header-h, 72px) + 1.5rem);
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


/* 03. CALL DASHBOARD ? Manually maintained calls and responsive layout */
.hr-hub-dashboard .hr-dashboard {
    --dash-border: #e9e1db;
    --dash-muted: #877e77;
    --dash-green: #009e78;
    color: #211a16;
    margin-top: 2.5rem;
}

.hr-hub-dashboard .hr-dashboard [hidden] {
    display: none !important;
}

.hr-hub-dashboard .hr-dashboard__toolbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem 5rem;
    color: var(--dash-muted);
    font-size: .8rem;
}

.hr-hub-dashboard .hr-dashboard button {
    font: inherit;
    cursor: pointer;
}

.hr-hub-dashboard .hr-dashboard__toolbar button,
.hr-hub-dashboard [data-copy-id] {
    border: 0;
    background: transparent;
    color: var(--dash-muted);
    padding: 0;
    text-align: left;
}

.hr-hub-dashboard .hr-dashboard__shell {
    margin-left: 5rem;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    border: 1px solid var(--dash-border);
    border-radius: 20px;
    background: linear-gradient(135deg, #fffcf9, #fff5ec);
}

.hr-hub-dashboard .hr-dashboard__sidebar {
    padding: 24px 12px;
    border-right: 1px solid var(--dash-border);
}

.hr-hub-dashboard .hr-dashboard__list-title {
    display: flex;
    justify-content: space-between;
    padding: 0 12px 18px;
    font-size: .88rem;
}

.hr-hub-dashboard .hr-dashboard__tab {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 14px 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    color: inherit;
}

.hr-hub-dashboard .hr-dashboard__tab[aria-selected="true"] {
    background: #eee5dd;
}

.hr-hub-dashboard .hr-dashboard__tab strong {
    display: block;
    font-size: .86rem;
    font-weight: 500;
}

.hr-hub-dashboard .hr-dashboard__tab small {
    display: block;
    color: var(--dash-muted);
    font-size: .72rem;
    margin-top: 4px;
}

.hr-hub-dashboard .hr-dashboard__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dash-green);
}

.hr-hub-dashboard .hr-dashboard__panels {
    min-width: 0;
}

.hr-hub-dashboard .hr-dashboard__panel {
    position: relative;
    padding: 28px;
    min-height: 690px;
}

.hr-hub-dashboard .hr-dashboard__identity {
    display: flex;
    gap: 16px;
    align-items: center;
}

.hr-hub-dashboard .hr-dashboard__avatar {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #eee5dd;
    flex-shrink: 0;
}

.hr-hub-dashboard .hr-dashboard__identity h3 {
    margin: 0 0 5px;
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    line-height: 1.3;
}

.hr-hub-dashboard .hr-dashboard__identity h3 span {
    color: var(--dash-muted);
}

.hr-hub-dashboard [data-copy-id],
.hr-hub-dashboard [data-copy-status] {
    font-size: .8rem;
    margin-right: 8px;
}

.hr-hub-dashboard .hr-dashboard__metadata {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 16px;
    margin: 26px 0;
    font-size: .8rem;
}

.hr-hub-dashboard .hr-dashboard dt {
    color: var(--dash-muted);
    font-weight: 400;
}

.hr-hub-dashboard .hr-dashboard dd {
    margin: 4px 0 0;
}

.hr-hub-dashboard .hr-dashboard__recording {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    border-radius: 28px;
    background: #eee9e4;
    padding: 12px 16px;
    color: var(--dash-muted);
    font-size: .8rem;
}

.hr-hub-dashboard .hr-dashboard__recording audio {
    width: 100%;
    height: 40px;
}

.hr-hub-dashboard .hr-dashboard__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--dash-border);
    border-radius: 12px;
    margin: 26px 0;
}

.hr-hub-dashboard .hr-dashboard__metrics>div {
    padding: 14px;
    border-right: 1px solid var(--dash-border);
}

.hr-hub-dashboard .hr-dashboard__metrics>div:last-child {
    border-right: 0;
}

.hr-hub-dashboard .hr-dashboard__metrics dd {
    font-size: clamp(1.3rem, 2.3vw, 1.9rem);
    color: var(--dash-green);
    font-weight: 600;
    line-height: 1.2;
}

.hr-hub-dashboard .hr-dashboard__metrics dt {
    font-size: .75rem;
    margin-top: 5px;
}

.hr-hub-dashboard .hr-dashboard__issues-heading {
    display: flex;
    justify-content: space-between;
    font-size: .82rem;
    margin-bottom: 12px;
}

.hr-hub-dashboard .hr-dashboard__issues-heading small {
    color: var(--dash-muted);
}

.hr-hub-dashboard .hr-dashboard__issues {
    border: 1px solid var(--dash-border);
    border-radius: 12px;
    overflow: hidden;
}

.hr-hub-dashboard .hr-dashboard__issues article,
.hr-hub-dashboard .hr-dashboard__issues>p {
    padding: 20px;
    margin: 0;
}

.hr-hub-dashboard .hr-dashboard__issues article+article {
    border-top: 1px solid var(--dash-border);
}

.hr-hub-dashboard .hr-dashboard__issues h4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    font-size: 1rem;
    margin: 0 0 12px;
}

.hr-hub-dashboard .hr-dashboard__issues h4 small {
    font-size: .62rem;
    text-transform: uppercase;
    background: #fce5e7;
    color: #af3551;
    padding: 5px 9px;
    border-radius: 15px;
}

.hr-hub-dashboard .hr-dashboard__issues p {
    font-size: .85rem;
    line-height: 1.65;
    margin: 0;
    color: #726860;
}

.hr-hub-dashboard .hr-dashboard__trend {
    position: absolute;
    left: -330px;
    top: 320px;
    width: 310px;
    padding: 20px;
    border: 1px solid var(--dash-border);
    border-radius: 18px;
    background: #fffcf9;
    box-sizing: border-box;
    font-size: .9rem;
}

.hr-hub-dashboard .hr-dashboard__trend p {
    font-size: .7rem;
    color: var(--dash-muted);
    margin: 4px 0 12px;
}

.hr-hub-dashboard .hr-dashboard__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: .65rem;
    margin-bottom: 14px;
}

.hr-hub-dashboard .hr-dashboard__legend span::before {
    content: '?';
    margin-right: 4px;
}

.hr-hub-dashboard .hr-dashboard__series--relevance {
    color: #009e78;
    stroke: #009e78;
}

.hr-hub-dashboard .hr-dashboard__series--tool_calls {
    color: #c67a2e;
    stroke: #c67a2e;
}

.hr-hub-dashboard .hr-dashboard__series--adherence {
    color: #8463b7;
    stroke: #8463b7;
}

.hr-hub-dashboard .hr-dashboard__trend svg {
    width: 100%;
    height: auto;
    overflow: visible;
}

.hr-hub-dashboard .hr-dashboard__trend svg path {
    fill: none;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.hr-hub-dashboard .hr-dashboard__grid {
    stroke: var(--dash-border);
    stroke-dasharray: 2 3;
}

.hr-hub-dashboard .hr-dashboard__trend svg text {
    font-size: 10px;
    fill: var(--dash-muted);
}

.hr-hub-dashboard .hr-dashboard__trend details {
    font-size: .7rem;
    margin-top: 10px;
}

.hr-hub-dashboard .hr-dashboard__trend summary {
    cursor: pointer;
}

.hr-hub-dashboard .hr-dashboard__table {
    overflow: auto;
}

.hr-hub-dashboard .hr-dashboard__table th,
.hr-hub-dashboard .hr-dashboard__table td {
    padding: 5px;
    text-align: left;
}

@media (prefers-reduced-motion:no-preference) {
    .hr-hub-dashboard .hr-dashboard__panel:not([hidden]) {
        animation: hr-dashboard-enter .3s ease both;
    }

    @keyframes hr-dashboard-enter {
        from {
            opacity: 0;
            transform: translateY(5px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

@media (max-width:1100px) {
    .hr-hub-dashboard .hr-dashboard__shell {
        margin-left: 0;
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .hr-hub-dashboard .hr-dashboard__toolbar {
        margin-left: 0;
    }

    .hr-hub-dashboard .hr-dashboard__trend {
        position: static;
        width: 100%;
        margin-top: 24px;
    }

    .hr-hub-dashboard .hr-dashboard__panel {
        min-height: 0;
        padding: 22px;
    }
}

@media (max-width:700px) {
    .hr-hub-dashboard .hr-dashboard__shell {
        grid-template-columns: 1fr;
    }

    .hr-hub-dashboard .hr-dashboard__sidebar {
        border-right: 0;
        border-bottom: 1px solid var(--dash-border);
    }

    .hr-hub-dashboard .hr-dashboard__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hr-hub-dashboard .hr-dashboard__metrics>div:nth-child(2) {
        border-right: 0;
    }

    .hr-hub-dashboard .hr-dashboard__metrics>div:nth-child(-n+2) {
        border-bottom: 1px solid var(--dash-border);
    }

    .hr-hub-dashboard .hr-dashboard__metadata {
        grid-template-columns: 1fr 1fr;
    }

    .hr-hub-dashboard .hr-dashboard__panel {
        padding: 18px;
    }
}

/* Dashboard trend chart: compact legend and date-by-date hover values. */
.hr-hub-dashboard .hr-dashboard__trend {
    width: 330px;
    padding: 18px;
}

.hr-hub-dashboard .hr-dashboard__trend>strong {
    display: block;
    padding-right: 90px;
    font-size: .9rem;
}

.hr-hub-dashboard .hr-dashboard__trend>p {
    max-width: 65%;
    min-height: 40px;
}

.hr-hub-dashboard .hr-dashboard__legend {
    position: absolute;
    top: 18px;
    right: 16px;
    display: grid;
    gap: 6px;
    margin: 0;
}

.hr-hub-dashboard .hr-dashboard__legend span::before,
.hr-hub-dashboard .hr-dashboard__tooltip span::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    margin-right: 6px;
}

.hr-hub-dashboard .hr-dashboard__plot {
    position: relative;
    margin-top: 14px;
}

.hr-hub-dashboard .hr-dashboard__plot svg {
    display: block;
}

.hr-hub-dashboard .hr-dashboard__plot circle {
    fill: #fffcf9;
    stroke-width: 1.6;
}

.hr-hub-dashboard .hr-dashboard__chart-point {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hr-hub-dashboard .hr-dashboard__chart-hit {
    position: absolute;
    left: var(--point-x);
    top: 10%;
    height: 73%;
    width: 12%;
    transform: translateX(-50%);
    padding: 0;
    border: 0;
    background: transparent;
    pointer-events: auto;
}

.hr-hub-dashboard .hr-dashboard__chart-hit::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px dashed var(--dash-muted);
    opacity: 0;
}

.hr-hub-dashboard .hr-dashboard__tooltip {
    position: absolute;
    z-index: 3;
    top: 0;
    left: clamp(0px, calc(var(--point-x) - 80px), calc(100% - 160px));
    width: 160px;
    box-sizing: border-box;
    padding: 12px;
    background: #fffcf9;
    border: 1px solid var(--dash-border);
    border-radius: 9px;
    box-shadow: 0 4px 12px #211a1620;
    font-size: .7rem;
    visibility: hidden;
    opacity: 0;
}

.hr-hub-dashboard .hr-dashboard__tooltip>strong {
    display: block;
    margin-bottom: 8px;
    color: var(--dash-muted);
    font-size: .63rem;
    text-transform: uppercase;
}

.hr-hub-dashboard .hr-dashboard__tooltip>div {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
}

.hr-hub-dashboard .hr-dashboard__chart-point:hover .hr-dashboard__tooltip,
.hr-hub-dashboard .hr-dashboard__chart-point:focus-within .hr-dashboard__tooltip {
    visibility: visible;
    opacity: 1;
}

.hr-hub-dashboard .hr-dashboard__chart-point:hover .hr-dashboard__chart-hit::after,
.hr-hub-dashboard .hr-dashboard__chart-point:focus-within .hr-dashboard__chart-hit::after {
    opacity: .5;
}

@media (max-width:1100px) {
    .hr-hub-dashboard .hr-dashboard__trend {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
    }
}

/* Center the dashboard section title and description. */
.hr-hub-dashboard>.hr-container>.hr-section-head {
    max-width: none;
}

.hr-hub-dashboard>.hr-container>.hr-section-head>.hr-heading {
    width: 100%;
    max-width: 46rem;
    margin-inline: auto;
    text-align: center;
}

.hr-hub-dashboard>.hr-container>.hr-section-head>.hr-lede {
    margin-inline: auto;
    text-align: center;
}

/* 04. TESTIMONIALS ? Subtle section boundary */
.hr-b-testimonials>.hr-container>.hr-testimonials__wrapper {
    border: 1px solid var(--hr-border-color, #e9e1db);
    border-radius: 24px;
    padding-inline: clamp(1.25rem, 3vw, 2.5rem);
    overflow: hidden;
    background:radial-gradient(
    ellipse 45% 90% at 50% 105%,
    rgba(242, 193, 139, 0.55) 0%,
    rgba(242, 193, 139, 0) 100%
  ),
  radial-gradient(
    ellipse 45% 90% at 92% 100%,
    rgba(204, 190, 218, 0.55) 0%,
    rgba(204, 190, 218, 0) 100%
  ),
  #F4F1EB;
}

.hr-b-testimonials .hr-testimonial-box {
    border-color: var(--hr-border-color, #e9e1db);
}

/* Testimonials: equal desktop outer spacing and black review accents. */
@media (min-width: 960px) {
    body.home .hr-section.hr-b-testimonials {
        padding-block: 40px !important;
    }
}

.hr-b-testimonials .hr-testimonial-box__mark,
.hr-b-testimonials .hr-testimonial-box__stars,
.hr-b-testimonials .hr-testimonial-box__stars .hr-star {
    color: #000;
}

.hr-b-testimonials .hr-testimonial-box__mark svg {
    fill: #000;
}

.hr-b-testimonials .hr-testimonial-box__divider {
    background: #000;
}

/* 05. VOICE DEMO HERO ? Country selector focus appearance */
.hr-b-voice-demo .hr-phone__country:focus-within {
    background: transparent;
}

/* Homepage hero: fill the first desktop screen and balance vertical space. */
@media (min-width: 960px) {
    body.home .hr-b-voice-demo {
        min-height: calc(100vh - var(--hr-header-h, 72px));
        min-height: calc(100svh - var(--hr-header-h, 72px));
        display: flex;
        align-items: center;
    }
}

/* 06. PRICING PAGE — Flat comparison layout & refined typography matching site standards */
body:has(#pricing.hr-b-pricing-table) .hr-b-hero {
    padding-block: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 3.5vw, 3rem) !important;
}

body:has(#pricing.hr-b-pricing-table) .hr-b-hero .hr-heading-group {
    max-width: 52rem;
    margin-inline: auto;
    text-align: center;
    justify-items: center;
}

body:has(#pricing.hr-b-pricing-table) .hr-b-hero h1.hr-heading {
    font-size: clamp(2.5rem, 5vw, 3.8rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--hr-heading, #1d1511);
}

body:has(#pricing.hr-b-pricing-table) .hr-b-hero .hr-lede {
    max-width: 40rem;
    margin-inline: auto;
    font-size: clamp(1.05rem, 1.2vw, 1.2rem);
    line-height: 1.6;
    color: var(--hr-muted, #6d6158);
}

#pricing.hr-b-pricing-table {
    padding-block: clamp(1.5rem, 3.5vw, 3rem) clamp(2rem, 6vw, 5rem) !important;
}

#pricing .hr-pt {
    gap: 0px;
}

#pricing .hr-pt__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 3rem;
}

#pricing .hr-pt__table-wrap {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#pricing .hr-pt__currency {
    justify-content: center;
}

#pricing .hr-pt__currency-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

#pricing .hr-pt__pills {
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--hr-border-color, #efe2d6);
    border-radius: 999px;
    background: var(--hr-surface-alt, #fff3ea);
}

#pricing .hr-pt__pills .hr-pill {
    padding: .55rem 1.4rem;
    min-width: 9rem;
    border: 0;
    border-radius: 999px;
    font-size: .88rem;
    font-weight: 500;
    color: var(--hr-muted);
    transition: all 0.2s ease;
}

#pricing .hr-pt__pills .hr-pill[aria-pressed="true"] {
    background: var(--hr-surface, #ffffff);
    color: var(--hr-heading);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(29, 21, 17, 0.06);
}

#pricing .hr-pt__table thead th {
    background: transparent;
    color: var(--hr-heading);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 0;
    padding-block: 1rem 1.3rem;
    border-bottom: 1.5px solid var(--hr-border-color, #efe2d6);
}

#pricing .hr-pt__product-name {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--hr-heading);
    margin-bottom: 0.35rem;
}

#pricing .hr-pt__product-tagline {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    color: var(--hr-muted);
}

#pricing .hr-pt__price .hr-pt__text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--hr-heading);
}

#pricing .hr-pt__amount {
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--hr-heading);
}

#pricing .hr-pt__unit {
    font-size: 18px;
    color: var(--hr-muted);
}

#pricing .hr-pt__cta {
    font-size: var(--hr-fw-button) var(--hr-fs-base) / 1.2 var(--hr-font-button);
    font-weight: 600;
    min-height: 40px;
    padding: 0.6rem 1.35rem;
    border-radius: 999px;
    box-shadow: none;
}

#pricing .hr-pt__group th {
    background: var(--hr-surface-alt, #fff3ea);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    padding: .85rem 1rem;
    border-radius: 6px;
    color: var(--hr-heading);
}

#pricing .hr-pt__feature th {
    font-weight: 450;
    font-size: 18px;
    line-height: 1.5;
    padding-block: .85rem;
    border-bottom: 1px solid var(--hr-border-color, #efe2d6);
}

#pricing .hr-pt__feature td {
    padding-block: .85rem;
    border-bottom: 1px solid var(--hr-border-color, #efe2d6);
}

#pricing .hr-pt__feature:hover {
    background: color-mix(in srgb, var(--hr-surface-alt) 45%, transparent);
}

#pricing .hr-pt__yes {
    color: var(--hr-heading, #1d1511);
    width: 18px;
    height: 18px;
}

#pricing .hr-pt__addon-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: .85rem 1.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

#pricing .hr-pt__addon-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    padding: .95rem 1.25rem;
    border: 1px solid var(--hr-border-color, #efe2d6);
    border-radius: 14px;
    background: var(--hr-surface, #ffffff);
    line-height: 1.45;
    box-shadow: 0 2px 8px rgba(29, 21, 17, 0.03);
}

#pricing .hr-pt__addon-label {
    color: var(--hr-heading, #1d1511);
    font-weight: 600;
    font-size: 16px;
}

#pricing .hr-pt__addon-label::after {
    content: none;
}

#pricing .hr-pt__addon-price {
    color: var(--hr-muted, #6d6158);
    font-weight: 500;
    font-size: .88rem;
    white-space: normal;
    text-align: right;
}

#pricing .hr-pt__addon-price .hr-pt__unit {
    display: inline;
}

#pricing .hr-pt__enterprise {
    display: none;
}

#pricing .hr-footnote {
    font-size: 18px;
}

@media (min-width: 900px) {
    #pricing .hr-pt__col-product {
        width: 50%;
    }

    #pricing .hr-pt__col-payg {
        width: 30%;
    }

    #pricing .hr-pt__col-enterprise {
        width: 20%;
    }

    #pricing .hr-pt__table th,
    #pricing .hr-pt__table td {
        padding-inline: 1rem;
    }

    #pricing .hr-pt__product-row>* {
        padding-block: 1.5rem 1rem;
        border-bottom: 0;
    }

    #pricing .hr-pt__table tbody+tbody .hr-pt__product-row>* {
        border-top: 1px solid var(--hr-border-color, #efe2d6);
    }

    #pricing .hr-pt__group th {
        border-bottom: 0;
    }

    #pricing .hr-pt__feature>* {
        padding-block: .85rem;
    }

    #pricing .hr-pt__addons>* {
        padding-block: 1.25rem 1.75rem;
        border-bottom: 0;
    }

    #pricing .hr-pt__enterprise .hr-checklist {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    #pricing .hr-pt__table tbody+tbody {
        border-top: 1px solid var(--hr-border-color, #efe2d6);
    }

    #pricing .hr-pt__table .hr-pt__feature {
        border-bottom-color: var(--hr-border-color, #efe2d6);
    }
}


/* 07. CALL JOURNEY ? One slow line-to-step reveal per page load */
@media (min-width: 1000px) {
    body.home .hr-b-call-journey:not(.is-style-cards) .hr-journey::before {
        left: var(--hr-journey-line-start, 1.5rem);
        right: var(--hr-journey-line-end, 1.5rem);
    }
}

@media (prefers-reduced-motion: no-preference) {

    body.home:not(.hr-motion-off) .hr-b-call-journey.hr-journey-enter .hr-journey__marker,
    body.home:not(.hr-motion-off) .hr-b-call-journey.hr-journey-enter .hr-journey__stage> :not(.hr-journey__marker) {
        opacity: 0;
    }

    body.home:not(.hr-motion-off) .hr-b-call-journey.hr-journey-enter .is-journey-step-visible .hr-journey__marker {
        animation: hr-journey-marker-in 900ms ease-out both;
    }

    body.home:not(.hr-motion-off) .hr-b-call-journey.hr-journey-enter .is-journey-step-visible:first-child .hr-journey__marker {
        animation-name: hr-journey-dot-drop;
    }

    body.home:not(.hr-motion-off) .hr-b-call-journey.hr-journey-enter .is-journey-step-visible> :not(.hr-journey__marker) {
        animation: hr-journey-copy-in 900ms ease-out 250ms both;
    }

    @keyframes hr-journey-dot-drop {
        from {
            opacity: 0;
            transform: translateY(-36px) scale(.25);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    @keyframes hr-journey-marker-in {
        from {
            opacity: 0;
            transform: scale(.5);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes hr-journey-copy-in {
        from {
            opacity: 0;
            transform: translateY(-14px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @media (min-width: 1000px) {
        body.home:not(.hr-motion-off) .hr-b-call-journey.hr-journey-enter:not(.is-style-cards) .hr-journey::before {
            transform: scaleX(var(--hr-journey-line-left, 0));
            transform-origin: left center;
            transition: transform 1400ms linear;
        }

        body.home:not(.hr-motion-off) .hr-b-call-journey.hr-journey-reset:not(.is-style-cards) .hr-journey::before {
            transition: none;
        }
    }
}

/* ========================================================================== 
   08. BLOG INDEX � Featured article, category filters, cards and pagination
   Scope: .hr-blog-page only. Content comes from WordPress posts.
   ========================================================================== */
/* Responsive clearance below the header, capped for larger desktop screens. */
.hr-blog-page {
    padding: 100px 0px;
}

.hr-blog-page>.hr-container {
    width: min(calc(100% - 2 * var(--hr-gutter, 20px)), 1240px);
}

.hr-blog-page__breadcrumbs {
    margin-bottom: clamp(2rem, 4vw, 3.5rem);
    font-size: .85rem;
}

.hr-blog-page__intro {
    max-width: 44rem;
    margin: 0 0 2rem;
    color: var(--hr-muted);
}

.hr-blog-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
    margin-bottom: clamp(3.5rem, 7vw, 6rem);
}

.hr-blog-feature--text {
    grid-template-columns: minmax(0, 1fr);
    max-width: 48rem;
}

.hr-blog-feature__category {
    display: inline-block;
    padding: 6px 13px;
    border: 1px solid var(--hr-border-color);
    border-radius: 5px;
    background: var(--hr-surface);
    text-transform: uppercase;
}

.hr-blog-feature h2 {
    margin: 1rem 0 1.4rem;
    font-size: 42px;
    line-height: 1.13;
    letter-spacing: 0.01em;
}

.hr-blog-page h2 a,
.hr-blog-page h3 a {
    color: var(--hr-heading);
    text-decoration: none;
}

.hr-blog-page h2 a:hover,
.hr-blog-page h3 a:hover {
    text-underline-offset: .15em;
}

.hr-blog-feature__excerpt {
    margin: 0 0 1.4rem;
    font-size: calc(var(--hr-fs-base) * 1.12);
}

.hr-blog-feature__date {
    margin: 0 0 1.3rem;
}

.hr-blog-feature__author {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.hr-blog-feature__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.hr-blog-feature__image {
    display: block;
    overflow: hidden;
    border: 1px solid var(--hr-border-color);
    border-radius: 9px;
    background: var(--hr-surface);
}

.hr-blog-feature__image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.95;
    object-fit: cover;
}

.hr-blog-list>h2 {
    margin: 0 0 2rem;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -.035em;
}

.hr-blog-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 2.25rem;
}

.hr-blog-filters a {
    display: inline-flex;
    align-items: center;
    padding: 6px 13px;
    border: 1px solid var(--hr-border-color);
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--hr-muted);
    background: var(--hr-surface);
}

.hr-blog-filters a:hover {
    border-color: var(--hr-heading);
    color: var(--hr-heading);
}

.hr-blog-filters a[aria-current="page"] {
    background: var(--hr-heading);
    color: var(--hr-background);
    border-color: var(--hr-heading);
}

.hr-blog-grid {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 0;
    margin: 0;
}

.hr-blog-grid>li {
    min-width: 0;
}

.hr-blog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 4px;
    border: 1px solid var(--hr-border-color);
    border-radius: 13px;
    background: var(--hr-surface);
    transition: border-color 180ms ease;
}

.hr-blog-card:hover {
    border-color: var(--hr-muted);
}

.hr-blog-card__image {
    display: block;
    overflow: hidden;
    border-radius: 9px;
}

.hr-blog-card__image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.95;
    object-fit: cover;
}

.hr-blog-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: .9rem .65rem .6rem;
}

.hr-blog-card__category {
    margin: 0 0 .6rem;
    font-size: 15px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.hr-blog-card h3 {
    margin: 0 0 .65rem;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.025em;
}

.hr-blog-card h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.hr-blog-card__excerpt {
    margin: 0 0 1.15rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.hr-blog-card__date {
    color: var(--hr-muted);
}

.hr-blog-pagination {
    margin-top: 2.5rem;
}

.hr-blog-pagination ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    padding: 0;
}

.hr-blog-pagination a,
.hr-blog-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: .4rem .8rem;
    border: 1px solid var(--hr-border-color);
    border-radius: 6px;
    text-decoration: none;
    color: var(--hr-heading);
}

.hr-blog-pagination .current {
    background: var(--hr-heading);
    color: var(--hr-background);
}

@media (max-width: 959px) {
    .hr-blog-feature {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }

    .hr-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    .hr-blog-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .hr-blog-feature h2 {
        font-size: 1.85rem;
    }

    .hr-blog-filters {
        gap: .5rem;
    }

    .hr-blog-filters a {
        padding-block: .65rem;
    }
}

/* 09. FOOTER - Solid background; retain existing text and link colors. */
.hr-footer {
    background:
  radial-gradient(
    ellipse 45% 90% at 50% 105%,
    rgba(242, 193, 139, 0.55) 0%,
    rgba(242, 193, 139, 0) 100%
  ),
  radial-gradient(
    ellipse 45% 90% at 92% 100%,
    rgba(204, 190, 218, 0.55) 0%,
    rgba(204, 190, 218, 0) 100%
  ),
  #F4F1EB; }

.hr-footer__wave {
    position: relative;
    width: 100%;
    height: clamp(180px, 30vw, 360px);
    margin-top: clamp(2.5rem, 6vw, 5rem);
    overflow: hidden;
}

.hr-footer__canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.hr-footer__contact {
    display: grid;
    gap: .65rem;
    margin: 1.75rem 0 0;
    font-style: normal;
}

.hr-footer__contact-item {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    color: var(--hr-muted);
    line-height: 1.55;
}

.hr-footer__contact-item a {
    text-decoration: none;
}

.hr-footer__contact-item a:hover {
    color: var(--hr-heading);
}

.hr-footer__contact-icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin-top: .15em;
}

.hr-footer__contact-item svg {
    fill: currentColor;
}

/* Footer social icons: optical sizing within the existing link boxes. */
.hr-footer .hr-social a {
    align-items: center;
    justify-items: center;
}

.hr-footer .hr-social a svg {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.hr-footer .hr-social a[href*="facebook.com" i] svg {
    width: 27px;
    height: 27px;
}

.hr-footer .hr-social a[href*="instagram.com" i] svg {
    width: 26px;
    height: 26px;
}

.hr-footer .hr-social a[href*="linkedin.com" i] svg {
    width: 23px;
    height: 23px;
}

.hr-footer .hr-social a[href*="x.com" i] svg,
.hr-footer .hr-social a[href*="twitter.com" i] svg {
    width: 24px;
    height: 24px;
}

/* 10. BREADCRUMBS - Hide site-wide, including breadcrumb-only spacing. */
.hr-breadcrumbs,
.hr-blog-page__breadcrumbs,
.hr-page-head:not(.has-title):has(.hr-breadcrumbs) {
    display: none;
}

/* 11. SINGLE BLOG - Editorial header and article reading layout. */
.hr-single-blog {
    --hr-blog-ink: #151515;
    --hr-blog-muted: #717887;
    color: var(--hr-blog-ink);
}

.hr-single-blog>.hr-single-blog__head {
    background: var(--hr-background);
    padding-block: clamp(48px, 6vw, 88px) 64px;
}

.hr-single-blog .hr-container {
    max-width: 1240px;
}

.hr-single-blog__categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.hr-single-blog__categories a {
    padding: 6px 13px;
    border: 1px solid var(--hr-border-color);
    border-radius: 5px;
    background: var(--hr-surface);
    text-transform: uppercase;
    text-decoration: none;
}

.hr-single-blog__head h1 {
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.045em;
    color: var(--hr-blog-ink);
}

.hr-single-blog__lede {
    max-width: 940px;
    margin: 28px 0 0;
    font-size: 19px;
    line-height: 1.55;
    color: var(--hr-blog-muted);
}

.hr-single-blog__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 12px 24px;
    margin-top: 20px;
}

.hr-single-blog__meta .hr-meta {
    margin: 0;
    font-size: inherit;
    color: inherit;
}

.hr-single-blog__author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    font-size: 16px;
}

.hr-single-blog__author img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.hr-single-blog__author a {
    color: var(--hr-blog-ink);
    text-underline-offset: 3px;
    text-decoration: none;
}

.hr-single-blog__reading {
    background: var(--hr-background);
    padding-block: 48px 72px;
}

.hr-single-blog__layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 64px;
    align-items: start;
}

/* Sidebar stays within the article, with room beneath the floating header. */
.hr-single-blog__sidebar {
    position: sticky;
    top: 104px;
    max-height: calc(100dvh - 128px);
    overflow-y: auto;
    scrollbar-width: thin;
}

body.admin-bar .hr-single-blog__sidebar {
    top: 136px;
    max-height: calc(100dvh - 160px);
}

.hr-single-blog__toc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hr-single-blog__toc li+li {
    margin-top: 10px;
}

.hr-single-blog__toc a {
    display: block;
    text-decoration: none;
}

.hr-single-blog__toc a:hover,
.hr-single-blog__toc a[aria-current="location"] {
    color: var(--hr-blog-ink);
}

.hr-single-blog__ai {
    margin-top: 28px;
}

.hr-single-blog__toc[hidden]+.hr-single-blog__ai {
    margin-top: 0;
}

.hr-single-blog__ai>p:first-child {
    margin: 0 0 10px;
}

.hr-single-blog__ai-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.hr-single-blog__ai-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    flex: 0 0 40px;
    box-sizing: border-box;
    border: 1px solid #e2e5e9;
    border-radius: 9px;
    background: #fff;
    color: var(--hr-blog-ink);
    font-size: 11px;
    text-decoration: none;
}

.hr-single-blog__ai-links a:hover {
    border-color: #8c929b;
}

.hr-single-blog__ai-links a:focus-visible,
.hr-single-blog__toc a:focus-visible {
    outline: 2px solid #151515;
    outline-offset: 3px;
}

.hr-single-blog__ai-status {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--hr-blog-muted);
}

.hr-single-blog__ai-status:empty {
    display: none;
}

.hr-single-blog__prompt {
    margin-top: 12px;
    font-size: 12px;
    color: var(--hr-blog-muted);
}

.hr-single-blog__copy {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #d5d8de;
    border-radius: 8px;
    background: #fff;
    color: var(--hr-blog-ink);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.hr-single-blog__copy:hover {
    color: var(--hr-blog-ink);
}

.hr-single-blog__copy:focus-visible {
    outline: 2px solid #151515;
    outline-offset: 4px;
}

.hr-single-blog__ai-links svg {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.hr-single-blog__ai-links [data-hr-summary="Claude"] {
    color: #d97757;
}

.hr-single-blog__prompt textarea {
    width: 100%;
    min-height: 150px;
    margin-top: 8px;
    padding: 10px;
    border: 1px solid #e2e5e9;
    border-radius: 8px;
    background: #fff;
    color: #151515;
    font: inherit;
    resize: vertical;
}

/* Article media, body typography and existing editorial blocks. */
.hr-single-blog__main {
    min-width: 0;
}

.hr-single-blog__image {
    margin: 0 0 36px;
}

.hr-single-blog__image img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e3e5e9;
    border-radius: 12px;
}

.hr-single-blog__content {
    font-size: 18px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.hr-single-blog__content> :first-child {
    margin-top: 0;
}

.hr-single-blog__content :is(h2, h3, h4) {
    color: var(--hr-blog-ink);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.025em;
    scroll-margin-top: 125px;
}

.hr-single-blog__content h2 {
    font-size: 26px;
}

.hr-single-blog__content h3 {
    font-size: 22px;
}

.hr-single-blog__content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.hr-single-blog__content :is(.alignwide, .alignfull) {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
}

.hr-single-blog__content .wp-block-table {
    overflow-x: auto;
}

.hr-single-blog__content .wp-block-details {
    padding-block: 20px;
    border-bottom: 1px solid #e3e5e9;
}

.hr-single-blog__content .wp-block-details summary {
    color: var(--hr-blog-ink);
    cursor: pointer;
    font-size: 16px;
}

.hr-single-blog__content .hr-answer--inline {
    padding: 20px;
    border: 1px solid #e3e5e9;
    border-radius: 12px;
    background: #fff;
}

@media (max-width: 959px) {
    .hr-single-blog__layout {
        grid-template-columns: 190px minmax(0, 1fr);
        gap: 28px;
    }

    .hr-single-blog__content {
        font-size: 17px;
    }
}

@media (max-width: 699px) {
    .hr-single-blog>.hr-single-blog__head {
        padding-block: 36px 10px;
    }

    .hr-single-blog__lede {
        font-size: 17px;
    }

    .hr-single-blog__author {
        margin-top: 28px;
    }

    .hr-single-blog__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .hr-single-blog__sidebar,
    body.admin-bar .hr-single-blog__sidebar {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .hr-single-blog__reading {
        padding-block: 32px 48px;
    }
}

/* Single-blog header: breadcrumbs, metadata icons and expandable sharing. */
.hr-single-blog__topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

.hr-single-blog__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    line-height: 1.5;
}

.hr-single-blog__breadcrumbs a {
    text-decoration: none;
}

.hr-single-blog__breadcrumbs [aria-current] {
    overflow-wrap: anywhere;
}

.hr-single-blog__meta>span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.hr-single-blog__meta svg,
.hr-single-blog__copy svg {
    flex-shrink: 0;
}

.hr-single-blog__share {
    flex-shrink: 0;
    position: relative;
}

.hr-single-blog__share button,
.hr-single-blog__share-options a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px;
    border: 0;
    background: transparent;
    color: var(--hr-blog-ink);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
}

.hr-single-blog__share-options {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hr-single-blog__share-options[hidden],
.hr-single-blog__share-toggle[hidden] {
    display: none;
}

.hr-single-blog__share-options .hr-share-linkedin {
    color: #0a66c2;
}

.hr-single-blog__share-options .hr-share-whatsapp {
    color: #00b85a;
}

.hr-single-blog__share-status {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 160px;
    text-align: right;
    font-size: 12px;
}

.hr-single-blog__share button:focus-visible,
.hr-single-blog__share a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

@media (max-width: 699px) {
    .hr-single-blog__topbar {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 32px;
    }
}

/* 12. DEMO FORM - Three-step request form; other form types are unchanged. */
.hr-form--demo:has([data-demo-step]) {
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid var(--hr-border-color);
    border-radius: 24px;
    background: var(--hr-surface);
}

.hr-form--demo:has([data-demo-step])>.hr-form__grid {
    display: block;
}

.hr-demo-step {
    border: 0;
    padding: 0;
    margin: 0 0 24px;
    min-width: 0;
}

.hr-demo-step legend {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
}

.hr-demo-step__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 16px;
}

.hr-demo-step .hr-field--full {
    grid-column: 1 / -1;
}

.hr-demo-step .hr-field {
    min-width: 0;
    align-content: start;
}

/* Keep paired controls aligned when only one field includes helper text. */
.hr-demo-step__grid>.hr-field {
    align-self: start;
}

.hr-demo-step .hr-field input:not([type=checkbox]),
.hr-demo-step .hr-field select {
    height: 44px;
    min-height: 44px;
}

.hr-demo-step label,
.hr-demo-languages summary {
    font-size: 13px;
    font-weight: 500;
    color: var(--hr-heading);
}

.hr-demo-step input:not([type=checkbox]),
.hr-demo-step select,
.hr-demo-step textarea {
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    padding: 9px 12px;
    border: 1px solid var(--hr-border-color);
    border-radius: 12px;
    background: var(--hr-background);
    color: var(--hr-heading);
    font: inherit;
    font-size: 14px;
    box-shadow: none;
}

.hr-demo-step :is(input, select, textarea):focus-visible {
    outline: 2px solid var(--hr-heading);
    outline-offset: 2px;
}

.hr-demo-step small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--hr-muted);
}

.hr-demo-step .hr-req {
    color: #d33;
}

.hr-demo-progress {
    display: flex;
    gap: 8px;
    margin-bottom: 36px;
}

.hr-demo-progress span {
    width: 40px;
    height: 6px;
    background: var(--hr-surface-alt);
    border-radius: 8px;
}

.hr-demo-progress .is-complete {
    background: var(--hr-heading);
}

.hr-demo-wizard [data-demo-step][hidden],
.hr-demo-wizard [hidden] {
    display: none !important;
}

.hr-demo-wizard .hr-demo-step legend {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.hr-demo-wizard .hr-form__grid {
    min-height: 360px;
}

.hr-demo-wizard .hr-form__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.hr-demo-wizard .hr-form__footer .hr-btn {
    margin-left: auto;
}

.hr-demo-wizard .hr-form__privacy {
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.hr-demo-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border: 0;
    background: transparent;
    color: var(--hr-heading);
    font: inherit;
    cursor: pointer;
}

.hr-demo-step .hr-field--check {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    margin-top: 24px;
}

.hr-demo-step .hr-field--check label {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--hr-text);
}

.hr-demo-step .hr-field--check input {
    margin: 2px 0 0;
    accent-color: var(--hr-heading);
}

.hr-demo-step textarea {
    min-height: 120px;
    resize: vertical;
}

.hr-demo-wizard .hr-form__footer svg {
    flex-shrink: 0;
}

.hr-demo-wizard .hr-form__footer .hr-btn {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.hr-demo-languages summary {
    cursor: pointer;
    list-style: none;
}

.hr-demo-languages summary::-webkit-details-marker {
    display: none;
}

.hr-demo-languages summary span {
    display: block;
    margin-top: 6px;
    min-height: 44px;
    box-sizing: border-box;
    padding: 11px 40px 11px 12px;
    border: 1px solid var(--hr-border-color);
    border-radius: 12px;
    background-color: var(--hr-background);
    color: var(--hr-heading);
    font-size: 14px;
    line-height: 20px;
}

/* Shared dropdown arrow and inset focus border, including the language picker. */
.hr-demo-step .hr-field select,
.hr-demo-languages summary span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23776e67' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    cursor: pointer;
}

.hr-demo-step .hr-field select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 40px;
    line-height: 20px;
}

.hr-demo-step .hr-field select:focus,
.hr-demo-step .hr-field select:focus-visible {
    outline: none;
    border-color: var(--hr-heading);
    box-shadow: inset 0 0 0 1px var(--hr-heading);
}

.hr-demo-languages summary:focus {
    outline: none;
}

.hr-demo-languages summary:focus-visible span {
    border-color: var(--hr-heading);
    box-shadow: inset 0 0 0 1px var(--hr-heading);
}

.hr-demo-languages__options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--hr-border-color);
    border-radius: 12px;
}

.hr-demo-languages__options label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hr-demo-languages__options input {
    width: 16px;
    height: 16px;
}

@media (max-width: 599px) {
    .hr-demo-step__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .hr-demo-wizard .hr-form__grid {
        min-height: 0;
    }
}

/* 13. DEMO TESTIMONIALS - Homepage reviews beneath the demo introduction. */
.hr-demo__intro {
    min-width: 0;
}

.hr-demo__intro .hr-demo__compact-heading {
    margin: 0;
    max-width: 24ch;
    font-size: clamp(26px, 2.3vw, 34px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -.025em;
    color: var(--hr-heading);
}

.hr-demo-testimonials {
    margin-top: 32px;
    min-width: 0;
}

.hr-demo-testimonials .hr-b-testimonials {
    margin: 0;
    background: transparent;
}

.hr-demo-testimonials .hr-b-testimonials>.hr-container {
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0;
}

.hr-demo-testimonials .hr-b-testimonials .hr-testimonials__wrapper {
    display: block;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.wpfaqblock-group__title {     padding-bottom: 15px !important; }

.hr-demo-testimonials .hr-b-testimonials .hr-testimonials__left {
    display: none;
}

.hr-demo-testimonials .hr-b-testimonials .hr-testimonials__right {
    height: 350px;
    gap: 12px;
}

.hr-demo-testimonials .hr-testimonial-box {
    padding: 24px;
    border-width: 1px;
    border-radius: 24px 0 24px 24px;
}

.hr-demo-testimonials .hr-testimonial-box__quote {
    font-size: 15px;
    line-height: 1.6;
}

.hr-demo-testimonials .hr-testimonial-box__name {
    font-size: 13px;
}

.hr-demo-testimonials .hr-testimonial-box__role {
    font-size: 12px;
}

.hr-demo-testimonials .hr-testimonial-box__mark {
    margin-bottom: 12px;
}

.hr-demo-testimonials .hr-testimonial-box__divider {
    margin-block: 16px 12px;
}

@media (max-width: 599px) {
    .hr-demo-testimonials .hr-b-testimonials .hr-testimonials__right {
        height: 380px;
    }

    .hr-demo-testimonials .hr-testimonial-box {
        padding: 20px;
    }
}

/* Match the sidebar slider to the form on side-by-side layouts. */
@media (min-width: 900px) {
    .hr-demo-testimonials .hr-b-testimonials .hr-testimonials__right {
        height: var(--hr-demo-form-height, 600px);
    }
}

.leftright .hr-hero__content {
    order: 2;
}

.leftright .hr-hero__visual {
    order: 1;
}

.hr-content>.custom-pricing-class.hr-section:first-child {
    border-bottom: none !important;
}

.wpfaqblock-grouped-wrap {
    margin-bottom: 100px;
}

.faq-plugin-wrapper .wpfaqblock-theme-1 .accordion-title h4 {
    font-size: 19px !important;
}
.custom-voice-ring .hr-phone, .custom-voice-ring .hr-voice__consent { display:none;}