/* Prologic redesign - home page sections.
   Loaded only on the Hebrew home page; every rule is scoped under .ph-home. */

.ph-home {
    display: block;
    overflow-x: clip;
    color: var(--color-ink);
}

.ph-home p {
    margin: 0;
}

.ph-home ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ph-home img {
    max-width: none;
}

/* ------------------------------------------------------------------
   Hero (435:1390) - 1920 x 937 at the Figma frame
   ------------------------------------------------------------------ */
.ph-home .ph-hero {
    position: relative;
    height: clamp(520px, 48.80208vw, 1100px);
    overflow: hidden;
    background: #F4F4F6;
    container-type: inline-size;      /* overlays are placed in cqw = 1% of the hero width (1920 frame) */
}

.ph-home .ph-hero__media {
    position: absolute;
    inset: 0;
}

.ph-home .ph-hero__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.ph-home .ph-hero__overlays {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ph-home .ph-hero__label,
.ph-home .ph-hero__lockup {
    position: absolute;
    display: block;
    height: auto;
}

/* Figma px at 1920 / 19.2 = cqw */
.ph-home .ph-hero__label--enterprise {
    left: 4.9cqw;
    top: 13.42cqw;
    width: 15.68cqw;
}

.ph-home .ph-hero__label--talent {
    left: 80.49cqw;
    top: 13.42cqw;
    width: 12.9cqw;
}

.ph-home .ph-hero__lockup {
    left: calc(50% - 0.08cqw);
    top: 11.41cqw;
    width: 25.08cqw;
    transform: translateX(-50%);
}

/* Client logo marquee (Component 71 - Figma moves 361px per 10s = 36.1px/s) */
/* The client logos are JPGs with a white background (from the DB). Multiply-blending the whole strip
   onto the video makes the white disappear while the coloured logo marks stay intact. */
.ph-home .ph-marquee {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    overflow: hidden;
    mix-blend-mode: multiply;
}

.ph-home .ph-marquee__track {
    display: flex;
    align-items: flex-end;
    width: max-content;
    animation: ph-marquee-rtl var(--marquee-duration, 75.4s) linear infinite;
}

.ph-home .ph-marquee:hover .ph-marquee__track {
    animation-play-state: paused;
}

[dir="ltr"] .ph-home .ph-marquee__track {
    animation-name: ph-marquee-ltr;
}

.ph-home .ph-marquee__item {
    flex: none;
    display: flex;
    justify-content: center;
    width: 226.8px;
    padding: 0 13.5px 27px;
}

.ph-home .ph-marquee__item img {
    display: block;
    width: 129.852px;
    height: 64.926px;
    object-fit: contain;
}

@keyframes ph-marquee-rtl {
    from { transform: translateX(50%); }
    to { transform: translateX(0); }
}

@keyframes ph-marquee-ltr {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* ------------------------------------------------------------------
   About + stats (648:3768)
   ------------------------------------------------------------------ */
.ph-home .ph-about {
    padding: 100px 0 40px;
    background: var(--color-seasalt);
}

.ph-home .ph-about .ph-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
}

.ph-home .ph-about__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1431px;
}

.ph-home .ph-about__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 667px;
}

.ph-home .ph-about__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.ph-home .ph-about__body {
    width: 100%;
    color: var(--color-body);
    font-family: var(--font-assistant) !important;
    font-size: var(--fs-about);
    line-height: normal;
    font-weight: 400;
}

.ph-home .ph-about__body p {
    margin-bottom: 1.309em;          /* one empty line between paragraphs, as in Figma */
}

.ph-home .ph-about__actions {
    display: flex;
    width: 100%;
}

.ph-home .ph-about__actions .ph-more {
    padding: 0;
}

.ph-home .ph-about__media {
    flex: none;
    width: 421px;
    height: 488px;
    border-radius: 11px;
    overflow: hidden;
}

.ph-home .ph-about__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ph-home .ph-about__proof-title {
    width: 430px;
    margin: 0;
    color: var(--color-ink);
    font-family: var(--font-heading) !important;
    font-size: var(--fs-h3noto);
    line-height: var(--lh-h3noto);
    font-weight: var(--fw-h3noto);
}

.ph-home .ph-stats {
    display: flex;
    align-items: center;
    gap: 60px;
}

.ph-home .ph-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 172px;
}

.ph-home .ph-stat__num {
    color: var(--color-orange-label);
    font-family: var(--font-label) !important;
    font-size: var(--fs-stat);
    line-height: normal;
    font-weight: var(--fw-stat);
    white-space: nowrap;
}

.ph-home .ph-stat__label {
    min-height: 54px;
    color: var(--color-body);
    font-family: var(--font-heading) !important;
    font-size: var(--fs-nav);
    line-height: var(--lh-nav);
    font-weight: var(--fw-nav);
}

/* ------------------------------------------------------------------
   Solutions (820:3416)
   ------------------------------------------------------------------ */
.ph-home .ph-solutions {
    padding: 100px 0;
    background: var(--color-bg-alt);
}

.ph-home .ph-solutions .ph-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.ph-home .ph-solutions__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.ph-home .ph-solutions__title {
    max-width: 900px;
    color: var(--color-ink-2);
}

/* Bento grid, RTL column order: FireMon | Idera | Island | SecPod */
.ph-home .ph-sol-grid {
    display: grid;
    grid-template-columns: 360fr 360fr 360fr 337fr;
    grid-template-rows: 233px 223px;
    column-gap: 40px;
    row-gap: 32px;
    width: calc(100% + 17px);         /* Figma grid is 1537px inside the 1520px container */
    max-width: 1537px;
}

.ph-home .ph-sol-card {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid var(--color-orange);
    border-radius: var(--radius-card);
    background: var(--color-white);
    color: var(--color-black) !important;
    transition: transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);
}

.ph-home .ph-sol-card:hover,
.ph-home .ph-sol-card:focus-visible {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(243, 111, 34, 0.16);
}

.ph-home .ph-sol-card--firemon {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-top: 3px;
}

.ph-home .ph-sol-card--solarwinds {
    grid-column: 2 / span 2;
    grid-row: 1;
    align-self: end;
    height: 230px;
    background: var(--grad-solarwinds);
}

.ph-home .ph-sol-card--idera {
    grid-column: 2;
    grid-row: 2;
}

.ph-home .ph-sol-card--island {
    grid-column: 3;
    grid-row: 2;
}

.ph-home .ph-sol-card--secpod {
    grid-column: 4;
    grid-row: 1 / span 2;
}

.ph-home .ph-sol-card__img {
    position: absolute;
    display: block;
    pointer-events: none;
}

/* Image boxes = visible rect of each Figma layer inside its card (left/top from the card's left edge) */
.ph-home .ph-sol-card--secpod .ph-sol-card__img--screen { left: 0; top: 48px; width: 204px; height: 238px; }
.ph-home .ph-sol-card--secpod .ph-sol-card__img--logo { left: 100px; top: 0; width: 227.4px; height: 119.2px; }
.ph-home .ph-sol-card--idera .ph-sol-card__img--logo { left: 7.41px; top: 0; width: 208.19px; height: 86.76px; }
.ph-home .ph-sol-card--idera .ph-sol-card__img--screen { left: 0; top: 94px; width: 144px; height: 129px; }
.ph-home .ph-sol-card--island .ph-sol-card__img--screen { left: 0; top: 8px; width: 178px; height: 205px; }
.ph-home .ph-sol-card--firemon .ph-sol-card__img--screen { left: 0; top: 43px; width: 251.36px; height: 249px; }
.ph-home .ph-sol-card--firemon .ph-sol-card__img--logo { left: 119px; top: 0; width: 231px; height: 96px; }
.ph-home .ph-sol-card--solarwinds .ph-sol-card__img--screen { left: 0; top: 32px; width: 238.61px; height: 198px; }
.ph-home .ph-sol-card--solarwinds .ph-sol-card__img--logo { left: 134px; top: 0; width: 277px; height: 112.07px; }

.ph-home .ph-sol-card__body {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 21px;
}

.ph-home .ph-sol-card--secpod .ph-sol-card__body { top: 271px; right: 23px; width: 291px; }
.ph-home .ph-sol-card--idera .ph-sol-card__body { top: 79px; right: 24px; width: 283px; }
.ph-home .ph-sol-card--island .ph-sol-card__body { top: 79px; right: 24px; width: 283px; }
.ph-home .ph-sol-card--firemon .ph-sol-card__body { top: 262px; right: 27px; width: 283px; }
.ph-home .ph-sol-card--solarwinds .ph-sol-card__body { top: 45px; right: 33px; width: 478px; }

.ph-home .ph-sol-card__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}

.ph-home .ph-sol-card--solarwinds .ph-sol-card__text {
    width: 464px;
}

.ph-home .ph-sol-card__name {
    color: var(--color-black);
    font-family: var(--font-body) !important;
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
    font-weight: var(--fw-h4);
}

.ph-home .ph-sol-card__cat {
    display: block;
    color: var(--color-ink-2);
    font-family: var(--font-latin-ui) !important;
    font-size: var(--fs-card-sub);
    line-height: var(--lh-card-sub);
    font-weight: 600;
    text-align: end;
    white-space: nowrap;
}

.ph-home .ph-sol-card__desc {
    display: block;
    color: var(--color-black);
    font-family: var(--font-body) !important;
    font-size: var(--fs-p);
    line-height: var(--lh-p);
    font-weight: var(--fw-p);
}

.ph-home .ph-sol-card .ph-more {
    width: 122px;
}

.ph-home .ph-solutions__more {
    width: 195px;
}

.ph-home .ph-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    min-height: 58px;
}

.ph-home .ph-chip {
    display: block;
    padding: 12px 18px;
    border: 1px solid var(--color-orange);
    border-radius: var(--radius-chip);
    background: var(--color-white);
    color: var(--color-chip) !important;
    font-family: var(--font-assistant) !important;
    font-size: var(--fs-chip);
    line-height: normal;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ph-home .ph-chip:hover,
.ph-home .ph-chip:focus-visible {
    background: var(--color-orange);
    color: var(--color-white) !important;
}

/* ------------------------------------------------------------------
   Quote + press (648:3907)
   ------------------------------------------------------------------ */
.ph-home .ph-quote {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 679px;
    padding: 200px 10px 250px;
    background: #262626 url("../../images/redesign/quote-team-bg.webp") center / cover no-repeat;
    isolation: isolate;
}

.ph-home .ph-quote::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--grad-quote);
}

.ph-home .ph-quote__inner {
    position: relative;
    width: 1331px;
    max-width: 100%;
}

.ph-home .ph-quote__mark {
    position: absolute;
    left: -34.5px;
    top: -88.5px;
    width: 144px;
    height: 117.298px;
}

.ph-home .ph-quote__text {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}

.ph-home .ph-quote__text p {
    color: var(--color-white);
    font-family: var(--font-body) !important;
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-h3);
    text-align: center;
}

.ph-home .ph-press {
    position: absolute;
    bottom: 0;
    inset-inline: 0;
    padding-bottom: 20px;
    width: min(1488px, 100% - 2 * var(--gutter));
    margin-inline: auto;
}

.ph-home .ph-press__label {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--color-white);
    font-family: var(--font-body) !important;
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
    font-weight: var(--fw-h4);
}

.ph-home .ph-press__label::before {
    content: "";
    flex: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--color-orange);
}

.ph-home .ph-press__logos {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 74px;
    margin-top: 6px;
}

.ph-home .ph-press__logos img {
    display: block;
    width: auto;
    object-fit: contain;
}

/* ------------------------------------------------------------------
   Careers (435:1456)
   ------------------------------------------------------------------ */
.ph-home .ph-careers {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    padding: 149px var(--gutter) 128px;
    background: var(--color-white);
    overflow: hidden;
}

.ph-home .ph-careers__intro {
    position: relative;
    display: flex;
    align-items: center;
    gap: 173px;
}

.ph-home .ph-careers__media {
    position: relative;
    flex: none;
    width: 536px;
    height: 302px;
}

.ph-home .ph-careers__media img:not(.ph-careers__ring),
.ph-home .ph-careers__video {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-box);
    object-fit: cover;
    background: #EEEEEE;
}

/* Decorative ring (451:1981) - rotated -157.47deg, centred 161.8px right / 13.7px above the card centre */
.ph-home .ph-careers__ring {
    position: absolute;
    z-index: 0;
    top: -161.35px;
    left: 131.15px;
    width: 597.327px;
    height: 597.327px;
    transform: rotate(-157.47deg);
    pointer-events: none;
}

.ph-home .ph-careers__text {
    position: relative;
    z-index: 1;
}

.ph-home .ph-careers__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 618px;
}

.ph-home .ph-careers__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.ph-home .ph-careers__eyebrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 375px;
    color: var(--color-card-title);
    font-family: var(--font-body) !important;
    font-size: var(--fs-career-eyebrow);
    line-height: var(--lh-career-eyebrow);
    font-weight: 500;
    text-transform: uppercase;
    direction: ltr;
}

.ph-home .ph-careers__eyebrow::after {
    content: "";
    flex: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--color-orange);
}

.ph-home .ph-careers__title {
    color: var(--color-black);
}

.ph-home .ph-careers__body {
    width: 565px;
    max-width: 100%;
    color: var(--color-black);
    font-family: var(--font-body) !important;
    font-size: var(--fs-p);
    line-height: var(--lh-p);
}

.ph-home .ph-jobs {
    display: grid;
    grid-template-columns: repeat(3, 420px);
    justify-content: space-between;
    row-gap: 24px;
    width: 100%;
    max-width: 1368px;
    padding-top: 20px !important;
}

.ph-home .ph-job {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    min-height: 200px;
    height: 100%;
    padding: 4px 4px 20px;
    border: 1px solid var(--color-card-border);
    border-radius: var(--radius-card);
    background: var(--color-white);
    box-shadow: var(--shadow-card);
    transition: border-color var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);
}

.ph-home .ph-job__media {
    display: block;
    height: 100px;
    overflow: hidden;
    border-radius: var(--radius-card);
    background: var(--color-white);
}

.ph-home .ph-job__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 64%;
    transition: transform var(--dur-hover) var(--ease-out);
}

.ph-home .ph-job__title {
    display: block;
    padding-inline: 12px;
    color: var(--color-card-title);
    font-family: var(--font-body) !important;
    font-size: var(--fs-job);
    line-height: var(--lh-h4);
    font-weight: 700;
    text-align: center;
    transition: transform var(--dur-hover) var(--ease-out);
}

/* Hover = Figma variant "Component 73": 2px orange border, deeper shadow, 24px title */
.ph-home .ph-job:hover,
.ph-home .ph-job:focus-visible {
    border-color: var(--color-orange);
    box-shadow: 0 0 0 1px var(--color-orange), var(--shadow-card-hover);
}

.ph-home .ph-job:hover .ph-job__media img,
.ph-home .ph-job:focus-visible .ph-job__media img {
    transform: scale(1.04);
}

/* Figma grows the title 22 -> 24px; scale it instead so the card height (and the page) never moves */
.ph-home .ph-job:hover .ph-job__title,
.ph-home .ph-job:focus-visible .ph-job__title {
    transform: scale(1.0909);
}

/* ------------------------------------------------------------------
   Clients (849:3897)
   ------------------------------------------------------------------ */
.ph-home .ph-clients {
    padding: 100px 0;
    background: var(--color-white);
}

.ph-home .ph-clients .ph-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.ph-home .ph-clients__title {
    color: var(--color-thunder);
    text-align: center;
}

.ph-home .ph-clients__grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.ph-home .ph-clients__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.ph-home .ph-clients__logo {
    display: flex;
    justify-content: center;
    flex: 0 0 calc(100% / 6);
    max-width: 253.333px;
    padding: 0 15px 30px;
}

.ph-home .ph-clients__logo img {
    display: block;
    width: 144.28px;
    height: 72.14px;
    max-width: 163.8px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.ph-home .ph-clients__logo:hover img {
    transform: scale(1.05);
}

/* ------------------------------------------------------------------
   CTA banner (849:4033)
   ------------------------------------------------------------------ */
.ph-home .ph-cta {
    display: flex;
    justify-content: center;
    padding: 90px var(--gutter) 0;
    background: var(--color-white);
}

.ph-home .ph-cta__box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1154px;
    max-width: 100%;
    height: 380px;
    border-radius: var(--radius-box);
    overflow: hidden;
    background: #0B1A2C url("../../images/redesign/cta-bg.webp") center / cover no-repeat;
}

.ph-home .ph-cta__mark {
    position: absolute;
    right: 0;
    top: -7.59px;
    width: 366px;
    height: 388px;
    pointer-events: none;
}

.ph-home .ph-cta__title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 261px;
    margin: 0 0 -26px;
    color: var(--color-white);
    font-family: var(--font-heading) !important;
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    font-weight: var(--fw-h2);
    text-align: center;
}

.ph-home .ph-cta__btn {
    position: relative;
}

/* ------------------------------------------------------------------
   Responsive (Figma only has the 1920 desktop frame; breakpoints below are our own)
   ------------------------------------------------------------------ */
@media (max-width: 1599px) {
    .ph-home .ph-about__text {
        width: 600px;
    }

    .ph-home .ph-careers__intro {
        gap: 96px;
    }
}

/* Solutions grid: stacked cards below 1360px */
@media (max-width: 1359px) {
    .ph-home .ph-sol-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
        grid-auto-rows: minmax(300px, auto);
        width: 100%;
        gap: 24px;
    }

    .ph-home .ph-sol-card--firemon,
    .ph-home .ph-sol-card--solarwinds,
    .ph-home .ph-sol-card--idera,
    .ph-home .ph-sol-card--island,
    .ph-home .ph-sol-card--secpod {
        grid-column: auto;
        grid-row: auto;
        margin-top: 0;
        height: auto;
        align-self: stretch;
    }

    .ph-home .ph-sol-card--solarwinds {
        grid-column: 1 / -1;
        order: -1;
    }

    .ph-home .ph-sol-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 24px;
    }

    .ph-home .ph-sol-card .ph-sol-card__img--logo {
        position: relative;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: 72px !important;
        max-width: 60%;
        object-fit: contain;
        object-position: right center;
    }

    .ph-home .ph-sol-card .ph-sol-card__img--screen {
        top: auto !important;
        bottom: 0;
        left: 0;
        width: auto !important;
        height: auto !important;
        max-width: 36%;
        max-height: 80%;
        opacity: 0.9;
    }

    .ph-home .ph-sol-card .ph-sol-card__body {
        position: relative;
        top: auto !important;
        right: auto !important;
        width: 62% !important;
        margin-top: auto;
    }

    .ph-home .ph-sol-card .ph-sol-card__text {
        width: 100% !important;
    }

    .ph-home .ph-sol-card__cat {
        white-space: normal;
    }
}

@media (max-width: 1439px) {
    .ph-home .ph-jobs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 24px;
    }
}

@media (max-width: 1279px) {
    .ph-home .ph-about__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .ph-home .ph-about__row:first-child {
        align-items: center;
    }

    .ph-home .ph-about__text,
    .ph-home .ph-about__proof-title {
        width: 100%;
    }

    .ph-home .ph-careers__intro {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 56px;
        width: 100%;
        max-width: 760px;
    }

    .ph-home .ph-careers__media {
        align-self: center;
    }

    .ph-home .ph-quote__text p {
        font-size: 30px;
        line-height: 44px;
    }
}

@media (max-width: 991px) {
    .ph-home .ph-careers__ring {
        display: none;
    }

    .ph-home .ph-jobs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ph-home .ph-quote {
        flex-direction: column;
        min-height: 0;
        padding: 140px var(--gutter) 64px;
        gap: 72px;
    }

    .ph-home .ph-quote__mark {
        left: 0;
        top: -96px;
        width: 96px;
        height: 78px;
    }

    .ph-home .ph-press {
        position: static;
        width: 100%;
        padding-bottom: 0;
    }

    .ph-home .ph-press__logos {
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px 32px;
        height: auto;
        margin-top: 24px;
    }

    .ph-home .ph-stats {
        gap: 32px;
    }

    .ph-home .ph-cta__title {
        font-size: 36px;
        line-height: 46px;
        padding-inline: 24px;
    }

    .ph-home .ph-cta__mark {
        opacity: 0.6;
    }
}

@media (max-width: 767px) {
    .ph-home .ph-hero {
        height: clamp(420px, 120vw, 560px);
    }

    .ph-home .ph-hero__label {
        display: none;
    }

    .ph-home .ph-hero__lockup {
        top: 96px;
        width: min(72%, 320px);
    }

    .ph-home .ph-marquee__item {
        width: 160px;
        padding: 0 10px 18px;
    }

    .ph-home .ph-marquee__item img {
        width: 104px;
        height: 52px;
    }

    .ph-home .ph-about {
        padding-top: 64px;
    }

    .ph-home .ph-about__media {
        width: 100%;
        max-width: 421px;
        height: auto;
        aspect-ratio: 421 / 488;
    }

    .ph-home .ph-about__proof-title {
        font-size: 28px;
        line-height: 40px;
    }

    .ph-home .ph-stats {
        flex-wrap: wrap;
        gap: 24px;
    }

    .ph-home .ph-stat {
        width: auto;
        min-width: 120px;
    }

    .ph-home .ph-stat__num {
        font-size: 44px;
    }

    .ph-home .ph-stat__label {
        min-height: 0;
    }

    .ph-home .ph-solutions {
        padding: 64px 0;
    }

    .ph-home .ph-sol-grid {
        grid-template-columns: 1fr;
    }

    .ph-home .ph-sol-card .ph-sol-card__img--screen {
        display: none;
    }

    .ph-home .ph-sol-card .ph-sol-card__body {
        width: 100% !important;
    }

    .ph-home .ph-quote__text p {
        font-size: 22px;
        line-height: 34px;
    }

    .ph-home .ph-careers {
        padding-top: 72px;
        padding-bottom: 72px;
        gap: 48px;
    }

    .ph-home .ph-careers__media {
        width: 100%;
        height: auto;
        aspect-ratio: 536 / 302;
    }

    .ph-home .ph-careers__eyebrow {
        width: 100%;
        max-width: 375px;
        font-size: 13px;
    }

    .ph-home .ph-careers__text {
        width: 100%;
    }

    .ph-home .ph-jobs {
        grid-template-columns: 1fr;
    }

    .ph-home .ph-clients {
        padding: 64px 0;
    }

    .ph-home .ph-clients__logo {
        flex-basis: 50%;
        max-width: none;
        padding-bottom: 20px;
    }

    .ph-home .ph-clients__logo img {
        width: 120px;
        height: 60px;
    }

    .ph-home .ph-cta {
        padding-top: 56px;
    }

    .ph-home .ph-cta__box {
        height: auto;
        padding: 48px 0;
    }

    .ph-home .ph-cta__title {
        height: auto;
        margin: 0 0 24px;
        font-size: 28px;
        line-height: 38px;
    }

    .ph-home .ph-cta__mark {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ph-home .ph-marquee__track {
        animation: none;
    }
}

/* ------------------------------------------------------------------
   English home (/en, html[dir="ltr"]): the layout mirrors the Hebrew page.
   Flex/grid rows follow the direction on their own; only the physically
   positioned artwork and the arrow icons need flipping here.
   ------------------------------------------------------------------ */
[dir="ltr"] .ph-home .ph-sol-card__img { left: auto; }
[dir="ltr"] .ph-home .ph-sol-card--secpod .ph-sol-card__img--screen { right: 0; }
[dir="ltr"] .ph-home .ph-sol-card--secpod .ph-sol-card__img--logo { right: 100px; }
[dir="ltr"] .ph-home .ph-sol-card--idera .ph-sol-card__img--logo { right: 7.41px; }
[dir="ltr"] .ph-home .ph-sol-card--idera .ph-sol-card__img--screen { right: 0; }
[dir="ltr"] .ph-home .ph-sol-card--island .ph-sol-card__img--screen { right: 0; }
[dir="ltr"] .ph-home .ph-sol-card--firemon .ph-sol-card__img--screen { right: 0; }
[dir="ltr"] .ph-home .ph-sol-card--firemon .ph-sol-card__img--logo { right: 119px; }
[dir="ltr"] .ph-home .ph-sol-card--solarwinds .ph-sol-card__img--screen { right: 0; }
[dir="ltr"] .ph-home .ph-sol-card--solarwinds .ph-sol-card__img--logo { right: 134px; }

/* The product screenshots fade out on the side that faces the text, so they are flipped with the layout;
   the logos keep their reading direction and drop their white box (multiply) so no hard edge shows */
[dir="ltr"] .ph-home .ph-sol-card__img--screen { transform: scaleX(-1); }
[dir="ltr"] .ph-home .ph-sol-card__img--logo { mix-blend-mode: multiply; }
[dir="ltr"] .ph-home .ph-sol-card__cat { text-align: left; }

[dir="ltr"] .ph-home .ph-sol-card__body { right: auto; }
[dir="ltr"] .ph-home .ph-sol-card--secpod .ph-sol-card__body { left: 23px; }
[dir="ltr"] .ph-home .ph-sol-card--idera .ph-sol-card__body { left: 24px; }
[dir="ltr"] .ph-home .ph-sol-card--island .ph-sol-card__body { left: 24px; }
[dir="ltr"] .ph-home .ph-sol-card--firemon .ph-sol-card__body { left: 27px; }
[dir="ltr"] .ph-home .ph-sol-card--solarwinds .ph-sol-card__body { left: 33px; }

[dir="ltr"] .ph-home .ph-quote__mark {
    left: auto;
    right: -34.5px;
}

[dir="ltr"] .ph-home .ph-careers__ring {
    left: auto;
    right: 131.15px;
    transform: scaleX(-1) rotate(-157.47deg);
}

[dir="ltr"] .ph-home .ph-cta__mark {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

/* Arrows point left in Hebrew ("forward" in RTL); in English they point right */
[dir="ltr"] .ph-more__icon,
[dir="ltr"] .ph-btn__icon {
    transform: scaleX(-1);
}

@media (max-width: 1359px) {
    [dir="ltr"] .ph-home .ph-sol-card .ph-sol-card__img--logo {
        right: auto !important;
        object-position: left center;
    }

    [dir="ltr"] .ph-home .ph-sol-card .ph-sol-card__img--screen {
        left: auto;
        right: 0;
    }

    [dir="ltr"] .ph-home .ph-sol-card .ph-sol-card__body {
        left: auto !important;
    }
}

@media (max-width: 991px) {
    [dir="ltr"] .ph-home .ph-quote__mark {
        left: auto;
        right: 0;
    }
}