.hr-landing-page {
    --hr-deep: #176372;
    --hr-dark: #145866;
    --hr-shadow: #0F4B58;
    --hr-elevated: #33737E;
    --hr-aqua: #679192;
    --hr-gold: #C4B082;
    --hr-cream: #F3F0E8;
    --hr-ink: #082D35;
    --hr-border: rgba(243, 240, 232, 0.18);
    --hr-border-strong: rgba(196, 176, 130, 0.42);
    --hr-glow-shift: 0px;
    --hr-curve-shift: 0px;
    --hr-card-shift: 0px;
    --hr-card-tilt: 0deg;
    --hr-lead-shift: 0px;
    --hr-lead-drift: 0px;
    --hr-support-shift: 0px;
    --hr-support-drift: 0px;
    --hr-friction-intro-lift: clamp(180px, 30vh, 340px);
    background: var(--hr-shadow);
    color: var(--hr-cream);
    overflow-x: hidden;
}

body.hr-landing-page-body,
body.hr-landing-page-body #wrapwrap {
    overflow-x: hidden;
}

.o_skip_to_content.visually-hidden-focusable:not(:focus):not(:focus-within) {
    margin: 0 !important;
}

.hr-landing-page .highlights-header.hr-header-dark,
body.hr-landing-page-body .highlights-header.hr-header-dark {
    position: sticky;
    top: 0;
    z-index: 1200;
    background: rgba(15, 75, 88, 0.94);
    border-bottom: 1px solid rgba(243, 240, 232, 0.14);
    box-shadow: 0 14px 32px rgba(4, 28, 34, 0.26);
    backdrop-filter: blur(14px);
}

.hr-landing-page .highlights-header.hr-header-dark .nav-link,
.hr-landing-page .highlights-header.hr-header-dark .dropdown-toggle,
.hr-landing-page .highlights-header.hr-header-dark .language-toggle {
    color: rgba(243, 240, 232, 0.86);
}

.hr-landing-page .highlights-header.hr-header-dark .nav-link:hover,
.hr-landing-page .highlights-header.hr-header-dark .dropdown-toggle:hover {
    color: #ffffff;
}

.hr-landing-page .highlights-header.hr-header-dark .language-toggle {
    border-color: rgba(243, 240, 232, 0.32);
    background: rgba(255, 255, 255, 0.04);
}

.hr-landing-page .highlights-header.hr-header-dark .language-toggle:hover {
    color: #ffffff;
    border-color: rgba(196, 176, 130, 0.58);
    background: rgba(196, 176, 130, 0.12);
}

.hr-landing-page .highlights-header.hr-header-dark .cta-button.primary {
    background: rgba(196, 176, 130, 0.16);
    border: 1px solid rgba(196, 176, 130, 0.34);
    color: var(--hr-cream);
    box-shadow: none;
}

.hr-landing-page .highlights-header.hr-header-dark .cta-button.primary:hover {
    background: rgba(196, 176, 130, 0.25);
    border-color: rgba(196, 176, 130, 0.58);
    color: #ffffff;
}

.hr-landing-main {
    background:
        linear-gradient(180deg, rgba(8, 45, 53, 0.08), rgba(8, 45, 53, 0) 42px),
        #FFFFFF;
}

.hr-hero-scroll-wrapper {
    position: relative;
    height: 185vh;
    margin-bottom: -100vh;
}

.hr-landing-page .hr-hero {
    position: sticky;
    top: 0;
    z-index: 10;
    isolation: isolate;
    min-height: calc(100vh - 86px);
    overflow: hidden;
    transform-origin: center top;
    will-change: transform, opacity, border-radius;
    background:
        radial-gradient(900px 520px at 24% 22%, rgba(23, 99, 114, 0.42), rgba(23, 99, 114, 0) 64%),
        linear-gradient(120deg, #082D35 0%, #0B3943 44%, #0F4B58 100%);
    color: var(--hr-cream);
}

.hr-landing-page .hr-hero::before,
.hr-landing-page .hr-hero::after {
    content: "";
    position: absolute;
    inset-block: 0;
    pointer-events: none;
}

.hr-landing-page .hr-hero::before {
    z-index: 0;
    right: 0;
    left: auto;
    width: 56%;
    background:
        linear-gradient(145deg, rgba(103, 145, 146, 0.34), rgba(51, 115, 126, 0.14)),
        radial-gradient(720px 420px at 66% 30%, rgba(243, 240, 232, 0.18), rgba(243, 240, 232, 0) 64%),
        linear-gradient(180deg, rgba(23, 99, 114, 0.66), rgba(15, 75, 88, 0.38));
    clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%);
    opacity: 0.96;
}

.hr-landing-page .hr-hero::after {
    z-index: 1;
    right: 44%;
    left: auto;
    width: 18%;
    background:
        linear-gradient(120deg, rgba(196, 176, 130, 0), rgba(196, 176, 130, 0.16) 50%, rgba(243, 240, 232, 0.05));
    clip-path: polygon(56% 0, 100% 0, 44% 100%, 0 100%);
    opacity: 0.72;
}

.hr-landing-page .hr-hero__atmosphere,
.hr-landing-page .hr-hero__texture,
.hr-landing-page .hr-hero__curves {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hr-landing-page .hr-hero__atmosphere {
    z-index: 1;
    background:
        radial-gradient(ellipse at 17% 22%, rgba(103, 145, 146, 0.18), rgba(103, 145, 146, 0) 58%),
        radial-gradient(ellipse at 84% 16%, rgba(196, 176, 130, 0.16), rgba(196, 176, 130, 0) 42%),
        radial-gradient(ellipse at 56% 78%, rgba(51, 115, 126, 0.18), rgba(51, 115, 126, 0) 54%);
    transform: translate3d(0, var(--hr-glow-shift), 0);
    transition: transform 0.12s linear;
}

.hr-landing-page .hr-hero__texture {
    z-index: 1;
    opacity: 0.18;
    background-image:
        linear-gradient(rgba(243, 240, 232, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(243, 240, 232, 0.06) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.2));
}

.hr-landing-page .hr-hero__curves {
    z-index: 2;
    transform: translate3d(0, var(--hr-curve-shift), 0);
    transition: transform 0.12s linear;
}

.hr-landing-page .hr-hero__curves::before,
.hr-landing-page .hr-hero__curves::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(196, 176, 130, 0.18);
    border-radius: 50%;
}

.hr-landing-page .hr-hero__curves::before {
    width: 680px;
    height: 680px;
    inset-inline-start: 43%;
    top: -230px;
    transform: rotate(-18deg);
}

.hr-landing-page .hr-hero__curves::after {
    width: 560px;
    height: 560px;
    inset-inline-end: -170px;
    bottom: -240px;
    border-color: rgba(243, 240, 232, 0.11);
    transform: rotate(18deg);
}

.hr-landing-page .hr-hero__container {
    position: relative;
    z-index: 3;
    min-height: calc(100vh - 86px);
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.hr-landing-page .hr-hero__grid {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
    align-items: center;
    gap: 52px;
    direction: ltr;
}

.hr-landing-page .hr-hero__copy {
    grid-column: 1;
    max-width: 680px;
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .hr-landing-page .hr-hero__copy,
html[lang="ar"] .hr-landing-page .hr-hero__copy,
body.arabic .hr-landing-page .hr-hero__copy {
    grid-column: 2;
    grid-row: 1;
    direction: rtl;
    text-align: right;
}

.hr-landing-page .hr-hero__visual {
    grid-column: 2;
    min-width: 0;
}

html[dir="rtl"] .hr-landing-page .hr-hero__visual,
html[lang="ar"] .hr-landing-page .hr-hero__visual,
body.arabic .hr-landing-page .hr-hero__visual {
    grid-column: 1;
    grid-row: 1;
    margin-left: 0;
}

html[dir="rtl"] .hr-landing-page .hr-hero::before,
html[lang="ar"] .hr-landing-page .hr-hero::before,
body.arabic .hr-landing-page .hr-hero::before {
    right: auto;
    left: 0;
    clip-path: polygon(0 0, 81% 0, 100% 100%, 0 100%);
}

html[dir="rtl"] .hr-landing-page .hr-hero::after,
html[lang="ar"] .hr-landing-page .hr-hero::after,
body.arabic .hr-landing-page .hr-hero::after {
    right: auto;
    left: 44%;
    clip-path: polygon(0 0, 44% 0, 100% 100%, 56% 100%);
}

.hr-landing-page .hr-hero__title {
    margin: 0;
    color: var(--hr-cream);
    font-size: 2.5rem;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: 0;
}

html[lang="en"] .hr-landing-page .hr-hero__title,
body.en .hr-landing-page .hr-hero__title {
    font-size: 2.2rem;
    line-height: 1.18;
}

.hr-landing-page .hr-hero__line {
    display: block;
}

.hr-landing-page .hr-hero__accent {
    color: var(--hr-gold);
}

.hr-landing-page .hr-hero__lead {
    margin: 14px 0 0;
    color: rgba(243, 240, 232, 0.78);
    font-size: 1rem;
    line-height: 1.7;
    max-width: 62ch;
    letter-spacing: 0;
}

.hr-landing-page .hr-hero__paths {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 212px));
    justify-content: start;
    gap: 16px;
    margin-top: 18px;
}

.hr-landing-page .hr-path-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    align-content: start;
    min-height: 352px;
    height: 100%;
    padding: 18px 20px 24px;
    border: 1px solid rgba(243, 240, 232, 0.2);
    border-radius: 4px;
    background:
        linear-gradient(145deg, rgba(243, 240, 232, 0.1), rgba(243, 240, 232, 0.045)),
        rgba(8, 45, 53, 0.38);
    color: var(--hr-cream);
    text-decoration: none;
    box-shadow: 0 18px 42px rgba(3, 28, 34, 0.22);
    overflow: hidden;
    transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;
}

.hr-landing-page .hr-path-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(196, 176, 130, 0.16), rgba(196, 176, 130, 0));
    opacity: 0;
    transition: opacity 0.24s ease;
}

.hr-landing-page .hr-path-card:hover,
.hr-landing-page .hr-path-card:focus-visible {
    color: #ffffff;
    border-color: rgba(196, 176, 130, 0.54);
    background: linear-gradient(145deg, rgba(243, 240, 232, 0.13), rgba(243, 240, 232, 0.06));
    box-shadow: 0 24px 54px rgba(3, 28, 34, 0.26), 0 0 0 1px rgba(196, 176, 130, 0.08);
    transform: translate3d(0, -3px, 0);
}

.hr-landing-page .hr-path-card:hover::before,
.hr-landing-page .hr-path-card:focus-visible::before {
    opacity: 1;
}

.hr-landing-page .hr-path-card:focus-visible {
    outline: 2px solid rgba(196, 176, 130, 0.86);
    outline-offset: 3px;
}

.hr-landing-page .hr-path-card--primary {
    border-color: rgba(196, 176, 130, 0.45);
    background:
        linear-gradient(145deg, rgba(196, 176, 130, 0.18), rgba(243, 240, 232, 0.07)),
        rgba(8, 45, 53, 0.42);
}

.hr-landing-page .hr-path-card__label,
.hr-landing-page .hr-path-card__main,
.hr-landing-page .hr-path-card__sub {
    position: relative;
    z-index: 1;
    grid-column: 1;
    min-width: 0;
}

.hr-landing-page .hr-path-card__label {
    color: rgba(196, 176, 130, 0.95);
    font-size: 0.98rem;
    line-height: 1.4;
    font-weight: 800;
    margin-bottom: 12px;
}

html[lang="en"] .hr-landing-page .hr-path-card__label,
body.en .hr-landing-page .hr-path-card__label {
    display: block;
    min-height: 2.8em;
    margin-bottom: 18px;
}

.hr-landing-page .hr-path-card--primary .hr-path-card__label {
    margin-bottom: 18px;
}

html[lang="en"] .hr-landing-page .hr-path-card--primary .hr-path-card__label,
body.en .hr-landing-page .hr-path-card--primary .hr-path-card__label {
    margin-bottom: 22px;
}

.hr-landing-page .company-formation-copy {
    font-size: 1.08em;
}

.hr-landing-page .hr-path-card__main {
    color: var(--hr-cream);
    font-size: 1.08rem;
    line-height: 1.35;
    font-weight: 800;
}

.hr-landing-page .hr-path-card__sub {
    margin-top: 0;
    padding-top: 28px;
    align-self: end;
    color: var(--hr-gold);
    font-size: 1.24rem;
    line-height: 1.45;
    font-weight: 800;
}

.hr-landing-page .hr-visual {
    position: relative;
    min-height: 660px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    transform: translate3d(0, var(--hr-card-shift), 0) rotate(var(--hr-card-tilt));
    transition: transform 0.12s linear;
}

.hr-landing-page .hr-visual::before {
    content: "";
    position: absolute;
    width: 112%;
    height: 92%;
    right: -16%;
    bottom: -4%;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(103, 145, 146, 0.28), rgba(103, 145, 146, 0) 66%);
    filter: blur(8px);
    opacity: 0.9;
}

.hr-landing-page .hr-visual__plane,
.hr-landing-page .hr-visual__ring {
    position: absolute;
    pointer-events: none;
}

.hr-landing-page .hr-visual__plane {
    border: 1px solid rgba(243, 240, 232, 0.13);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(243, 240, 232, 0.07), rgba(103, 145, 146, 0.07));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.hr-landing-page .hr-visual__plane--back {
    width: 440px;
    height: 290px;
    transform: translate3d(-112px, -104px, 0) rotate(-13deg);
    opacity: 0.34;
}

.hr-landing-page .hr-visual__plane--front {
    width: 340px;
    height: 220px;
    transform: translate3d(130px, 78px, 0) rotate(8deg);
    border-color: rgba(196, 176, 130, 0.22);
    opacity: 0.26;
}

.hr-landing-page .hr-visual__ring {
    border: 1px solid rgba(196, 176, 130, 0.18);
    border-radius: 50%;
}

.hr-landing-page .hr-visual__ring--wide {
    width: 620px;
    height: 620px;
    right: -12%;
    bottom: -6%;
    opacity: 0.26;
}

.hr-landing-page .hr-visual__ring--tight {
    width: 430px;
    height: 430px;
    border-color: rgba(243, 240, 232, 0.12);
    right: 14%;
    top: 4%;
    opacity: 0.24;
}

.hr-landing-page .hr-visual__people {
    position: absolute;
    inset: -8% -12% 0 -12%;
    z-index: 2;
    pointer-events: none;
    overflow: visible;
}

.hr-landing-page .hr-visual__person {
    position: absolute;
    bottom: 0;
    transform-origin: center bottom;
    filter: drop-shadow(0 30px 58px rgba(3, 28, 34, 0.42));
}

.hr-landing-page .hr-visual__person::after {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: -2%;
    height: 24%;
    background: linear-gradient(180deg, rgba(15, 75, 88, 0), rgba(15, 75, 88, 0.98));
    filter: blur(12px);
    opacity: 0.82;
    pointer-events: none;
}

.hr-landing-page .hr-visual__person--support {
    z-index: 1;
    width: min(64%, 470px);
    left: -8%;
    bottom: -2%;
    opacity: 0.78;
    transform: translate3d(var(--hr-support-drift), var(--hr-support-shift), 0) scale(0.96);
}

.hr-landing-page .hr-visual__person--lead {
    z-index: 2;
    width: min(88%, 620px);
    left: auto;
    right: -14%;
    bottom: -9%;
    transform: translate3d(var(--hr-lead-drift), var(--hr-lead-shift), 0);
}

.hr-landing-page .hr-visual__person-image {
    display: block;
    width: 100%;
    height: auto;
}

html[dir="rtl"] .hr-landing-page .hr-visual::before,
html[lang="ar"] .hr-landing-page .hr-visual::before,
body.arabic .hr-landing-page .hr-visual::before {
    right: auto;
    left: -16%;
}

html[dir="rtl"] .hr-landing-page .hr-visual__person--support,
html[lang="ar"] .hr-landing-page .hr-visual__person--support,
body.arabic .hr-landing-page .hr-visual__person--support {
    left: auto;
    right: -3%;
}

html[dir="rtl"] .hr-landing-page .hr-visual__person--lead,
html[lang="ar"] .hr-landing-page .hr-visual__person--lead,
body.arabic .hr-landing-page .hr-visual__person--lead {
    right: auto;
    left: -14%;
}

.hr-landing-page .hr-friction-section {
    position: relative;
    z-index: 5;
    margin-top: -100vh;
    background: transparent;
    color: #143640;
    padding: calc(104px + var(--hr-friction-intro-lift)) 0 110px;
    overflow: hidden;
}

.hr-landing-page .hr-friction-section::before {
    content: none;
    position: absolute;
    inset: 0 0 auto;
    height: 42px;
    background: linear-gradient(180deg, rgba(8, 45, 53, 0.08), rgba(8, 45, 53, 0));
    pointer-events: none;
}

.hr-landing-page .hr-friction-section__container {
    position: relative;
    z-index: 1;
}

.hr-landing-page .hr-friction-section__intro {
    max-width: 900px;
    margin: calc(-1 * var(--hr-friction-intro-lift)) auto 64px;
    text-align: center;
}

.hr-landing-page .hr-friction-section__title {
    margin: 0;
    color: #1F424F;
    font-size: clamp(2.35rem, 4.8vw, 3.9rem);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.02em;
}

html[lang="en"] .hr-landing-page .hr-friction-section__title,
body.en .hr-landing-page .hr-friction-section__title {
    font-size: clamp(2.18rem, 4.2vw, 3.45rem);
}

.hr-landing-page .hr-friction-section__lead {
    max-width: 68ch;
    margin: 20px auto 0;
    color: rgba(31, 66, 79, 0.72);
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    line-height: 1.75;
    font-weight: 400;
}

.hr-landing-page .hr-friction-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.hr-landing-page .hr-friction-grid:hover .hr-friction-card,
.hr-landing-page .hr-friction-grid:focus-within .hr-friction-card {
    opacity: 0.66;
    transform: translate3d(0, 6px, 0);
}

.hr-landing-page .hr-friction-grid:hover .hr-friction-card:hover,
.hr-landing-page .hr-friction-grid:focus-within .hr-friction-card:focus-visible,
.hr-landing-page .hr-friction-grid:focus-within .hr-friction-card:focus {
    opacity: 1;
    transform: translate3d(0, -6px, 0);
}

.hr-landing-page .hr-friction-card {
    position: relative;
    display: grid;
    gap: 18px;
    min-height: 100%;
    padding: 28px 28px 26px;
    border: 1px solid rgba(20, 88, 102, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 252, 0.98)),
        #ffffff;
    box-shadow: 0 20px 52px rgba(9, 43, 51, 0.08);
    transition: opacity 0.28s ease, transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
    outline: none;
}

.hr-landing-page .hr-friction-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(180deg, var(--hr-deep), var(--hr-elevated));
    opacity: 0.82;
}

html[dir="rtl"] .hr-landing-page .hr-friction-card::before,
html[lang="ar"] .hr-landing-page .hr-friction-card::before,
body.arabic .hr-landing-page .hr-friction-card::before {
    inset: 0 0 0 auto;
    border-radius: 0 8px 8px 0;
}

.hr-landing-page .hr-friction-card--outside::before {
    background: linear-gradient(180deg, #7A8A78, var(--hr-gold));
}

.hr-landing-page .hr-friction-card:hover,
.hr-landing-page .hr-friction-card:focus-visible,
.hr-landing-page .hr-friction-card:focus {
    border-color: rgba(20, 88, 102, 0.28);
    box-shadow: 0 28px 66px rgba(9, 43, 51, 0.13);
}

.hr-landing-page .hr-friction-card:focus-visible {
    outline: 2px solid rgba(23, 99, 114, 0.28);
    outline-offset: 4px;
}

.hr-landing-page .hr-friction-card__label {
    margin: 0;
    color: var(--hr-dark);
    font-size: 0.9rem;
    line-height: 1.35;
    font-weight: 800;
}

.hr-landing-page .hr-friction-card--inside .hr-friction-card__label {
    font-size: 1.35rem;
    line-height: 1.3;
}

.hr-landing-page .hr-friction-card__label.company-formation-copy {
    font-size: 1.35rem;
    line-height: 1.3;
}

.hr-landing-page .hr-friction-card__title {
    margin: 0;
    color: #0D3340;
    font-size: 1.72rem;
    line-height: 1.24;
    font-weight: 800;
}

html[lang="en"] .hr-landing-page .hr-friction-card__title,
body.en .hr-landing-page .hr-friction-card__title {
    font-size: 1.5rem;
}

.hr-landing-page .hr-friction-card__intro {
    margin: 0;
    color: rgba(20, 54, 64, 0.76);
    font-size: 0.98rem;
    line-height: 1.8;
}

.hr-landing-page .hr-friction-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hr-landing-page .hr-friction-list li {
    position: relative;
    min-height: 56px;
    padding: 14px 16px 14px 42px;
    border: 1px solid rgba(20, 88, 102, 0.1);
    border-radius: 8px;
    background: #F9FBFB;
    color: #19424E;
    font-size: 0.96rem;
    line-height: 1.65;
    font-weight: 600;
}

.hr-landing-page .hr-friction-list li::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 16px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--hr-deep);
    box-shadow: 0 0 0 5px rgba(23, 99, 114, 0.08);
}

html[dir="rtl"] .hr-landing-page .hr-friction-list li,
html[lang="ar"] .hr-landing-page .hr-friction-list li,
body.arabic .hr-landing-page .hr-friction-list li {
    padding: 14px 42px 14px 16px;
}

html[dir="rtl"] .hr-landing-page .hr-friction-list li::before,
html[lang="ar"] .hr-landing-page .hr-friction-list li::before,
body.arabic .hr-landing-page .hr-friction-list li::before {
    left: auto;
    right: 16px;
}

.hr-landing-page .hr-friction-card--outside .hr-friction-list li::before {
    background: var(--hr-gold);
    box-shadow: 0 0 0 5px rgba(196, 176, 130, 0.12);
}

.hr-landing-page .hr-friction-card__result {
    margin: 2px 0 0;
    padding: 16px 18px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(20, 88, 102, 0.08), rgba(20, 88, 102, 0.02));
    color: #103A45;
    font-size: 0.96rem;
    line-height: 1.7;
    font-weight: 800;
}

.hr-landing-page .hr-friction-card--outside .hr-friction-card__result {
    background: linear-gradient(135deg, rgba(196, 176, 130, 0.12), rgba(20, 88, 102, 0.03));
}

.hr-landing-page .hr-friction-section__closing {
    max-width: 900px;
    margin: 64px auto 0;
    color: #1F424F;
    text-align: center;
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    line-height: 1.6;
    font-weight: 600;
}

/* Coworker HR sections from hr-solutions-html.zip */
.hr-landing-page {
    --color-deep-teal: #1F424F;
    --color-teal: #1F424F;
    --color-teal-light: #2A5866;
    --color-teal-lighter: #3A6F7D;
    --color-gold: #C9A84C;
    --color-gold-hover: #D4B762;
    --color-white: #FFFFFF;
    --color-white-soft: rgba(255, 255, 255, 0.92);
    --color-white-muted: rgba(255, 255, 255, 0.72);
    --color-glass-overlay: rgba(255, 255, 255, 0.06);
    --color-glass-border: rgba(255, 255, 255, 0.12);
    --color-cream: #F5F3ED;
    --color-light-teal: #E8F2F3;
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hr-landing-page .solutions-section-premium > .container,
.hr-landing-page .bento-section > .container,
.hr-landing-page .signals-section > .container,
.hr-landing-page .cta-premium-section > .container {
    width: min(1240px, calc(100% - 48px));
    margin-inline: auto;
}

.hr-landing-page .premium-heading {
    font-size: clamp(2.4rem, 5vw, 4rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0;
}

.hr-landing-page .bento-section .premium-heading {
    color: #163640;
}

.hr-landing-page .solutions-section-premium .premium-heading,
.hr-landing-page .signals-section .premium-heading {
    color: var(--color-white);
}

.hr-landing-page .premium-subtext {
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    font-weight: 400;
    line-height: 1.75;
    margin: 20px 0 0;
}

.hr-landing-page .bento-section .premium-subtext {
    color: #163640;
}

.hr-landing-page .solutions-section-premium .premium-subtext,
.hr-landing-page .signals-section .premium-subtext {
    color: var(--color-white-muted);
}

.hr-landing-page .gold-highlight {
    font-weight: 700;
}

.hr-landing-page .bento-section .gold-highlight,
.hr-landing-page .cta-premium-section .gold-highlight {
    color: #B89332;
}

.hr-landing-page .solutions-section-premium .gold-highlight,
.hr-landing-page .signals-section .gold-highlight {
    color: var(--color-gold);
}

.hr-landing-page .section-heading--center {
    text-align: center;
    max-width: 900px;
    margin-inline: auto;
    margin-bottom: 64px;
}

.hr-landing-page .section-conclusion {
    margin-top: 64px;
    text-align: center;
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: 600;
    line-height: 1.6;
}

.hr-landing-page .signals-section .section-conclusion {
    color: var(--color-white-soft);
}

.hr-landing-page .solutions-section-premium {
    position: relative;
    padding: 120px 0;
    background: linear-gradient(180deg, #1F424F 0%, #162F38 100%);
    overflow: hidden;
}

.hr-landing-page .solutions-section-premium--unified .solutions-trust-block {
    margin-top: 120px;
    padding-top: 88px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.hr-landing-page .solutions-section-premium--unified .solutions-stats-block {
    margin-top: 48px;
}

.hr-landing-page .solutions-section-premium--unified .solutions-trust-block .premium-heading,
.hr-landing-page .solutions-section-premium--unified .solutions-trust-block .premium-subtext {
    color: var(--color-white);
}

.hr-landing-page .geometric-bg {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 64px 64px;
    opacity: 0.4;
    mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6), transparent 80%);
}

.hr-landing-page .dual-path-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2px minmax(0, 1fr);
    gap: 48px;
    align-items: stretch;
}

.hr-landing-page .path-divider {
    position: relative;
    background: linear-gradient(180deg, transparent, var(--color-gold), transparent);
    width: 2px;
    align-self: stretch;
}

.hr-landing-page .path-divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--color-gold);
    box-shadow: 0 0 32px var(--color-gold);
}

.hr-landing-page .path-card-premium {
    position: relative;
    display: flex;
    padding: 48px 40px;
    border: 1px solid var(--color-glass-border);
    border-radius: 24px;
    background: var(--color-glass-overlay);
    backdrop-filter: blur(20px);
    transition: var(--transition-smooth);
}

.hr-landing-page .path-card-premium:hover {
    transform: translateY(-12px);
    border-color: var(--color-gold);
    box-shadow: 0 48px 96px rgba(201, 168, 76, 0.24);
}

.hr-landing-page .path-number {
    position: absolute;
    top: -20px;
    right: 32px;
    font-size: 10rem;
    font-weight: 900;
    line-height: 1;
    color: rgba(201, 168, 76, 0.1);
    pointer-events: none;
}

html[lang="en"] .hr-landing-page .path-number,
body.en .hr-landing-page .path-number {
    right: auto;
    left: 32px;
}

.hr-landing-page .path-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 28px;
}

.hr-landing-page .path-title {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 900;
    line-height: 1.2;
    color: var(--color-white);
    margin: 0;
}

.hr-landing-page .path-card-premium--right .path-title {
    padding-top: 0;
    padding-bottom: 0;
}

.hr-landing-page .path-subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-gold);
    margin: -16px 0 8px;
    min-height: 3.2em;
    line-height: 1.6;
}

.hr-landing-page .path-steps {
    display: grid;
    flex: 1 1 auto;
    align-content: start;
    gap: 14px;
}

.hr-landing-page .step-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: var(--transition-smooth);
    opacity: 0;
    animation: hrSectionFadeInUp 0.6s ease forwards;
}

@keyframes hrSectionFadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hr-landing-page .step-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--color-gold);
    transform: translateX(8px);
}

html[lang="en"] .hr-landing-page .step-item:hover,
body.en .hr-landing-page .step-item:hover {
    transform: translateX(-8px);
}

.hr-landing-page .step-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--color-gold);
    flex-shrink: 0;
    box-shadow: 0 0 16px var(--color-gold);
}

.hr-landing-page .step-item span {
    color: var(--color-white-soft);
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.5;
}

.hr-landing-page .solutions-section-premium .cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 16px;
    padding: 18px 32px;
    border: 2px solid var(--color-gold);
    border-radius: 14px;
    background: linear-gradient(135deg, var(--color-gold), var(--color-gold-hover));
    color: #1F424F;
    font-size: 1.1rem;
    font-weight: 800;
    text-decoration: none;
    transition: var(--transition-smooth);
    box-shadow: 0 12px 32px rgba(201, 168, 76, 0.32);
    margin-top: auto;
    width: fit-content;
    margin-inline: auto;
    text-align: center;
}

.hr-landing-page .solutions-section-premium .cta-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(201, 168, 76, 0.48);
}

.hr-landing-page .cta-arrow {
    width: 24px;
    height: 24px;
    transition: var(--transition-smooth);
}

.hr-landing-page .solutions-section-premium .cta-button:hover .cta-arrow {
    transform: translateX(4px);
}

html[dir="rtl"] .hr-landing-page .cta-arrow,
html[lang="ar"] .hr-landing-page .cta-arrow,
body.arabic .hr-landing-page .cta-arrow {
    transform: scaleX(-1);
}

html[dir="rtl"] .hr-landing-page .solutions-section-premium .cta-button:hover .cta-arrow,
html[lang="ar"] .hr-landing-page .solutions-section-premium .cta-button:hover .cta-arrow,
body.arabic .hr-landing-page .solutions-section-premium .cta-button:hover .cta-arrow {
    transform: scaleX(-1) translateX(4px);
}

.hr-landing-page .bento-section {
    position: relative;
    padding: 120px 0;
    background: linear-gradient(180deg, #1F424F 0%, #162F38 100%);
}

.hr-landing-page .bento-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.hr-landing-page .bento-card {
    position: relative;
    padding: 36px 28px;
    border: 1px solid rgba(31, 66, 79, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    transition: var(--transition-smooth);
    overflow: hidden;
}

.hr-landing-page .bento-card::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, var(--color-gold) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.6s ease;
}

.hr-landing-page .bento-card:hover::before {
    opacity: 0.12;
}

.hr-landing-page .bento-card:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: var(--color-gold);
    box-shadow: 0 32px 64px rgba(201, 168, 76, 0.24);
}

.hr-landing-page .bento-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    color: #B89332;
    position: relative;
    z-index: 1;
}

.hr-landing-page .bento-icon svg {
    width: 100%;
    height: 100%;
}

.hr-landing-page .bento-card h3 {
    margin: 0 0 12px;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.3;
    color: #1F424F;
    position: relative;
    z-index: 1;
}

.hr-landing-page .bento-card p {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;
    color: rgba(31, 66, 79, 0.72);
    position: relative;
    z-index: 1;
}

.hr-landing-page .hr-proof-stats {
    position: relative;
    padding: 0 0 110px;
    background: linear-gradient(180deg, #1F424F 0%, #162F38 100%);
}

.hr-landing-page .hr-proof-stats .container {
    width: min(1240px, calc(100% - 48px));
    margin-inline: auto;
}

.hr-landing-page .hr-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.hr-landing-page .hr-stat-card {
    padding: 34px 28px;
    border: 1px solid rgba(31, 66, 79, 0.1);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 24px 64px rgba(9, 43, 51, 0.08);
    text-align: center;
}

.hr-landing-page .hr-stat-number {
    font-size: clamp(2.6rem, 5vw, 4rem);
    font-weight: 900;
    line-height: 1;
    color: #1F424F;
}

.hr-landing-page .hr-stat-label {
    margin: 14px 0 0;
    font-size: 1.02rem;
    line-height: 1.55;
    font-weight: 700;
    color: rgba(31, 66, 79, 0.74);
}

.hr-landing-page .cta-premium-section {
    position: relative;
    padding: 104px 0;
    background: #FFFFFF;
    overflow: hidden;
}

.hr-landing-page .cta-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(201, 168, 76, 0.24) 0%, transparent 70%);
    pointer-events: none;
    animation: hrCtaPulseGlow 4s ease-in-out infinite;
}

@keyframes hrCtaPulseGlow {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.8;
    }
}

.hr-landing-page .cta-premium-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.hr-landing-page .cta-premium-content--split {
    max-width: 1060px;
}

.hr-landing-page .cta-premium-heading {
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: 900;
    line-height: 1.1;
    color: #1F424F;
    margin: 0 0 24px;
    letter-spacing: -0.03em;
}

.hr-landing-page .cta-premium-text {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    font-weight: 400;
    line-height: 1.7;
    color: rgba(31, 66, 79, 0.72);
    margin: 0 0 48px;
}

.hr-landing-page .cta-premium-text--intro {
    margin-bottom: 18px;
}

.hr-landing-page .cta-premium-services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 34px;
}

.hr-landing-page .cta-service-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 16px 24px;
    border: 1px solid rgba(31, 66, 79, 0.12);
    border-radius: 999px;
    background: rgba(245, 243, 237, 0.84);
    color: #1F424F;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 800;
}

.hr-landing-page .cta-premium-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}

.hr-landing-page .cta-button-hero {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    padding: 24px 48px;
    border: 2px solid var(--color-gold);
    border-radius: 16px;
    background: linear-gradient(135deg, var(--color-gold), var(--color-gold-hover));
    color: #1F424F;
    font-size: 1.3rem;
    font-weight: 900;
    text-decoration: none;
    transition: var(--transition-smooth);
    box-shadow: 0 16px 48px rgba(201, 168, 76, 0.48);
    overflow: hidden;
}

.hr-landing-page .cta-button-hero--secondary {
    background: #1F424F;
    border-color: #1F424F;
    color: #FFFFFF;
    box-shadow: 0 16px 48px rgba(31, 66, 79, 0.24);
}

.hr-landing-page .cta-button-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: translateX(-100%);
    transition: transform 0.6s ease;
}

.hr-landing-page .cta-button-hero:hover::before {
    transform: translateX(100%);
}

.hr-landing-page .cta-button-hero:hover {
    transform: translateY(-6px) scale(1.05);
    box-shadow: 0 24px 64px rgba(201, 168, 76, 0.64);
}

.hr-landing-page .cta-button-text {
    position: relative;
    z-index: 1;
}

.hr-landing-page .cta-button-glow {
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: var(--color-gold);
    filter: blur(20px);
    opacity: 0.6;
    z-index: -1;
}

.hr-landing-page .cta-button-hero--secondary .cta-button-glow {
    background: rgba(31, 66, 79, 0.72);
}

.hr-landing-page .cta-premium-note {
    margin-top: 24px;
    font-size: 1.06rem;
    color: rgba(31, 66, 79, 0.66);
    font-weight: 700;
}

[data-aos-delay="100"] { animation-delay: 0.1s; }
[data-aos-delay="150"] { animation-delay: 0.15s; }
[data-aos-delay="200"] { animation-delay: 0.2s; }
[data-aos-delay="250"] { animation-delay: 0.25s; }
[data-aos-delay="300"] { animation-delay: 0.3s; }
[data-aos-delay="350"] { animation-delay: 0.35s; }
[data-aos-delay="400"] { animation-delay: 0.4s; }
[data-aos-delay="450"] { animation-delay: 0.45s; }
[data-aos-delay="500"] { animation-delay: 0.5s; }

@media (max-width: 1100px) {
    .hr-landing-page .dual-path-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .hr-landing-page .path-divider {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .hr-landing-page {
        --hr-friction-intro-lift: clamp(140px, 22vh, 240px);
    }

    .hr-landing-page .hr-hero__grid {
        gap: 36px;
    }

    .hr-landing-page .hr-hero__title {
        font-size: 2.32rem;
    }

    html[lang="en"] .hr-landing-page .hr-hero__title,
    body.en .hr-landing-page .hr-hero__title {
        font-size: 2.08rem;
    }

    .hr-landing-page .hr-visual {
        min-height: 580px;
    }

    .hr-landing-page .hr-visual__plane--back {
        width: 340px;
        height: 224px;
        transform: translate3d(-82px, -78px, 0) rotate(-12deg);
    }

    .hr-landing-page .hr-visual__plane--front {
        width: 270px;
        height: 176px;
        transform: translate3d(86px, 74px, 0) rotate(8deg);
    }

    .hr-landing-page .hr-visual__person--support {
        width: min(58%, 390px);
        left: -4%;
        right: auto;
        bottom: -1%;
    }

    .hr-landing-page .hr-visual__person--lead {
        width: min(82%, 520px);
        right: -10%;
        left: auto;
    }

    html[dir="rtl"] .hr-landing-page .hr-visual__person--support,
    html[lang="ar"] .hr-landing-page .hr-visual__person--support,
    body.arabic .hr-landing-page .hr-visual__person--support {
        left: auto;
        right: 0;
    }

    html[dir="rtl"] .hr-landing-page .hr-visual__person--lead,
    html[lang="ar"] .hr-landing-page .hr-visual__person--lead,
    body.arabic .hr-landing-page .hr-visual__person--lead {
        right: auto;
        left: -10%;
    }

    .hr-landing-page .hr-friction-section {
        padding: calc(92px + var(--hr-friction-intro-lift)) 0 100px;
    }

    .hr-landing-page .hr-friction-card__title {
        font-size: 1.56rem;
    }

    html[lang="en"] .hr-landing-page .hr-friction-card__title,
    body.en .hr-landing-page .hr-friction-card__title {
        font-size: 1.42rem;
    }

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

    .hr-landing-page .solutions-section-premium--unified .solutions-trust-block {
        margin-top: 100px;
        padding-top: 72px;
    }
}

@media (max-width: 991.98px) {
    .hr-landing-page {
        --hr-friction-intro-lift: clamp(88px, 14vh, 150px);
    }

    .hr-landing-page .hr-hero {
        background:
            linear-gradient(180deg, #082D35 0%, #0B3943 56%, #145866 56%, #176372 100%);
    }

    .hr-landing-page .hr-hero::before {
        inset-inline: 0;
        inset-block-start: 52%;
        inset-block-end: 0;
        width: auto;
        clip-path: none;
        background:
            radial-gradient(520px 280px at 50% 20%, rgba(243, 240, 232, 0.12), rgba(243, 240, 232, 0) 70%),
            linear-gradient(180deg, rgba(103, 145, 146, 0.28), rgba(51, 115, 126, 0.16));
        opacity: 0.86;
    }

    .hr-landing-page .hr-hero::after {
        inset-inline: 0;
        inset-block-start: 52%;
        width: auto;
        height: 1px;
        clip-path: none;
        background: rgba(196, 176, 130, 0.22);
        opacity: 1;
    }

    html[dir="rtl"] .hr-landing-page .hr-hero::before,
    html[lang="ar"] .hr-landing-page .hr-hero::before,
    body.arabic .hr-landing-page .hr-hero::before,
    html[dir="rtl"] .hr-landing-page .hr-hero::after,
    html[lang="ar"] .hr-landing-page .hr-hero::after,
    body.arabic .hr-landing-page .hr-hero::after {
        inset-inline: 0;
        clip-path: none;
    }

    .hr-landing-page .hr-hero__texture {
        opacity: 0.12;
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.18));
    }

    .hr-landing-page .hr-hero__curves {
        opacity: 0.42;
    }

    .hr-landing-page .highlights-header.hr-header-dark .hl-mobile-menu-toggle {
        color: #ffffff;
        border-color: rgba(243, 240, 232, 0.35);
        background: rgba(255, 255, 255, 0.06);
    }

    .hr-landing-page .highlights-header.hr-header-dark .hl-mobile-menu-panel {
        background: rgba(15, 75, 88, 0.98);
        border-color: rgba(243, 240, 232, 0.16);
        box-shadow: 0 18px 34px rgba(3, 28, 34, 0.32);
    }

    .hr-landing-page .highlights-header.hr-header-dark .hl-mobile-menu-panel > .nav > .nav-link,
    .hr-landing-page .highlights-header.hr-header-dark .hl-mobile-menu-panel > .nav .dropdown-toggle {
        color: rgba(243, 240, 232, 0.9);
    }

    .hr-landing-page .highlights-header.hr-header-dark .hl-mobile-menu-panel > .nav > .nav-link:hover,
    .hr-landing-page .highlights-header.hr-header-dark .hl-mobile-menu-panel > .nav .dropdown-toggle:hover {
        background: rgba(196, 176, 130, 0.12);
    }

    .hr-landing-page .hr-hero,
    .hr-landing-page .hr-hero__container {
        min-height: auto;
    }

    .hr-landing-page .hr-hero__container {
        padding-top: 44px;
        padding-bottom: 42px;
    }

    .hr-landing-page .hr-hero__grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .hr-landing-page .hr-hero__copy,
    .hr-landing-page .hr-hero__visual,
    html[dir="rtl"] .hr-landing-page .hr-hero__copy,
    html[lang="ar"] .hr-landing-page .hr-hero__copy,
    body.arabic .hr-landing-page .hr-hero__copy,
    html[dir="rtl"] .hr-landing-page .hr-hero__visual,
    html[lang="ar"] .hr-landing-page .hr-hero__visual,
    body.arabic .hr-landing-page .hr-hero__visual {
        grid-column: 1;
        grid-row: auto;
    }

    .hr-landing-page .hr-hero__copy,
    html[dir="rtl"] .hr-landing-page .hr-hero__copy,
    html[lang="ar"] .hr-landing-page .hr-hero__copy,
    body.arabic .hr-landing-page .hr-hero__copy {
        max-width: 760px;
        margin-inline: auto;
    }

    html[dir="rtl"] .hr-landing-page .hr-hero__visual,
    html[lang="ar"] .hr-landing-page .hr-hero__visual,
    body.arabic .hr-landing-page .hr-hero__visual {
        margin-left: 0;
    }

    .hr-landing-page .hr-hero__title {
        font-size: 2.18rem;
    }

    html[lang="en"] .hr-landing-page .hr-hero__title,
    body.en .hr-landing-page .hr-hero__title {
        font-size: 1.98rem;
    }

    .hr-landing-page .hr-hero__lead {
        font-size: 1.08rem;
    }

    .hr-landing-page .hr-hero__paths {
        grid-template-columns: repeat(2, minmax(180px, 220px));
        justify-content: center;
    }

    .hr-landing-page .hr-visual {
        min-height: 450px;
        transform: none;
    }

    .hr-landing-page .hr-visual__ring--wide {
        width: 420px;
        height: 420px;
    }

    .hr-landing-page .hr-visual__ring--tight {
        width: 300px;
        height: 300px;
    }

    .hr-landing-page .hr-visual__people {
        inset: 2% -4% 0;
    }

    .hr-landing-page .hr-visual__person--support {
        width: min(288px, 46%);
        left: 4%;
        right: auto;
        bottom: 1%;
    }

    .hr-landing-page .hr-visual__person--lead {
        width: min(348px, 58%);
        right: 4%;
        left: auto;
        bottom: -3%;
    }

    html[dir="rtl"] .hr-landing-page .hr-visual__person--support,
    html[lang="ar"] .hr-landing-page .hr-visual__person--support,
    body.arabic .hr-landing-page .hr-visual__person--support {
        left: 4%;
        right: auto;
    }

    html[dir="rtl"] .hr-landing-page .hr-visual__person--lead,
    html[lang="ar"] .hr-landing-page .hr-visual__person--lead,
    body.arabic .hr-landing-page .hr-visual__person--lead {
        right: 4%;
        left: auto;
    }

    .hr-landing-page .hr-friction-section {
        padding: calc(82px + var(--hr-friction-intro-lift)) 0 90px;
    }

    .hr-landing-page .hr-friction-section__intro {
        margin-bottom: 52px;
    }

    .hr-landing-page .hr-friction-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .hr-landing-page .hr-friction-grid:hover .hr-friction-card,
    .hr-landing-page .hr-friction-grid:focus-within .hr-friction-card,
    .hr-landing-page .hr-friction-grid:hover .hr-friction-card:hover,
    .hr-landing-page .hr-friction-grid:focus-within .hr-friction-card:focus-visible,
    .hr-landing-page .hr-friction-grid:focus-within .hr-friction-card:focus {
        opacity: 1;
        transform: none;
    }

    .hr-landing-page .hr-friction-card {
        padding: 24px 24px 22px;
    }

    .hr-landing-page .hr-friction-section__title {
        font-size: clamp(2.2rem, 5.8vw, 2.9rem);
        line-height: 1.15;
    }

    html[lang="en"] .hr-landing-page .hr-friction-section__title,
    body.en .hr-landing-page .hr-friction-section__title {
        font-size: clamp(2rem, 5.1vw, 2.55rem);
    }

    .hr-landing-page .hr-friction-section__lead {
        font-size: 1.08rem;
    }

    .hr-landing-page .hr-friction-section__closing {
        margin-top: 52px;
    }

    .hr-landing-page .hr-stats-grid {
        grid-template-columns: 1fr;
    }

    .hr-landing-page .solutions-section-premium--unified .solutions-trust-block {
        margin-top: 84px;
        padding-top: 60px;
    }

    .hr-landing-page .solutions-section-premium--unified .solutions-stats-block {
        margin-top: 36px;
    }
}

@media (max-width: 767.98px) {
    .hr-landing-page {
        --hr-friction-intro-lift: 0px;
    }

    .hr-landing-page .hr-hero__container {
        padding-top: 42px;
        padding-bottom: 40px;
    }

    .hr-landing-page .hr-hero__title {
        font-size: 1.84rem;
        line-height: 1.22;
    }

    html[lang="en"] .hr-landing-page .hr-hero__title,
    body.en .hr-landing-page .hr-hero__title {
        font-size: 1.66rem;
    }

    .hr-landing-page .hr-hero__lead {
        font-size: 0.96rem;
        line-height: 1.75;
    }

    .hr-landing-page .hr-hero__paths {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .hr-landing-page .hr-path-card {
        aspect-ratio: auto;
        min-height: 152px;
    }

    .hr-landing-page .hr-visual {
        min-height: 380px;
    }

    .hr-landing-page .hr-visual__plane--back {
        width: 224px;
        height: 148px;
        transform: translate3d(-34px, -28px, 0) rotate(-10deg);
    }

    .hr-landing-page .hr-visual__plane--front {
        width: 184px;
        height: 128px;
        transform: translate3d(38px, 44px, 0) rotate(8deg);
    }

    .hr-landing-page .hr-visual__ring--wide {
        width: 320px;
        height: 320px;
    }

    .hr-landing-page .hr-visual__ring--tight {
        width: 224px;
        height: 224px;
    }

    .hr-landing-page .hr-visual__person--support {
        width: min(220px, 44%);
        left: 4%;
        right: auto;
        bottom: 1%;
        opacity: 0.7;
    }

    .hr-landing-page .hr-visual__person--lead {
        width: min(270px, 62%);
        right: 4%;
        left: auto;
        bottom: -2%;
    }

    .hr-landing-page .hr-friction-section {
        padding: calc(72px + var(--hr-friction-intro-lift)) 0 80px;
    }

    .hr-landing-page .hr-friction-section__intro {
        margin-bottom: 40px;
    }

    .hr-landing-page .hr-friction-section__title {
        font-size: clamp(2rem, 8vw, 2.8rem);
        line-height: 1.16;
    }

    html[lang="en"] .hr-landing-page .hr-friction-section__title,
    body.en .hr-landing-page .hr-friction-section__title {
        font-size: clamp(1.84rem, 7vw, 2.4rem);
    }

    .hr-landing-page .hr-friction-section__lead {
        font-size: 1rem;
        line-height: 1.75;
    }

    .hr-landing-page .hr-friction-card {
        gap: 16px;
        padding: 22px 20px 20px;
    }

    .hr-landing-page .hr-friction-card__title {
        font-size: 1.34rem;
    }

    html[lang="en"] .hr-landing-page .hr-friction-card__title,
    body.en .hr-landing-page .hr-friction-card__title {
        font-size: 1.24rem;
    }

    .hr-landing-page .hr-friction-list li {
        min-height: 0;
        font-size: 0.94rem;
    }

    .hr-landing-page .hr-friction-section__closing {
        margin-top: 36px;
        font-size: 1.08rem;
        line-height: 1.6;
    }

    .hr-landing-page .solutions-section-premium > .container,
    .hr-landing-page .bento-section > .container,
    .hr-landing-page .hr-proof-stats .container,
    .hr-landing-page .cta-premium-section > .container {
        width: calc(100% - 32px);
    }

    .hr-landing-page .bento-grid {
        grid-template-columns: 1fr;
    }

    .hr-landing-page .section-heading--center {
        text-align: right;
    }

    html[lang="en"] .hr-landing-page .section-heading--center,
    body.en .hr-landing-page .section-heading--center {
        text-align: left;
    }

    .hr-landing-page .premium-heading {
        font-size: clamp(2rem, 8vw, 2.8rem);
    }

    .hr-landing-page .path-card-premium {
        padding: 36px 28px;
    }

    .hr-landing-page .solutions-section-premium--unified .solutions-trust-block {
        margin-top: 72px;
        padding-top: 48px;
    }

    .hr-landing-page .solutions-section-premium--unified .solutions-stats-block {
        margin-top: 28px;
    }

    .hr-landing-page .path-number {
        font-size: 7rem;
        top: -16px;
    }

    .hr-landing-page .cta-button-hero {
        min-width: 100%;
    }

    .hr-landing-page .cta-premium-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .hr-landing-page .hr-hero__title {
        font-size: 1.68rem;
    }

    html[lang="en"] .hr-landing-page .hr-hero__title,
    body.en .hr-landing-page .hr-hero__title {
        font-size: 1.56rem;
    }

    .hr-landing-page .hr-path-card__main {
        font-size: 1.08rem;
    }

    .hr-landing-page .hr-path-card__sub {
        padding-top: 22px;
        font-size: 1.08rem;
    }

    .hr-landing-page .hr-friction-card {
        padding: 20px 18px 18px;
    }

    .hr-landing-page .premium-heading {
        font-size: clamp(1.8rem, 7vw, 2.4rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hr-landing-page .hr-hero__atmosphere,
    .hr-landing-page .hr-hero__curves,
    .hr-landing-page .hr-visual,
    .hr-landing-page .hr-visual__person--support,
    .hr-landing-page .hr-visual__person--lead,
    .hr-landing-page .hr-path-card,
    .hr-landing-page .hr-friction-card,
    .hr-landing-page [data-aos],
    .hr-landing-page [data-aos-delay],
    .hr-landing-page .step-item,
    .hr-landing-page .cta-glow {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition: none;
        transform: none;
    }
}