/* Homepage-only visual system. Keep the existing content, routes and carousel behaviour. */
.premium-site main .ph-home {
    --ph-width: min(1320px, calc(100% - 80px));
    --ph-blue: #214e7d;
    --ph-ink: #17212d;
    --ph-muted: #526070;
    --ph-line: #dce2e7;
    --hp-ink: #17212d;
    --hp-blue: #214e7d;
    --hp-soft: #f4f6f7;
    --hp-line: #dce2e7;
    color: var(--ph-ink);
}
.premium-site main .ph-home .hp-container,
.premium-site main .ph-home .hp-company__inner,
.premium-site main .ph-home .ph-services .ph-section-heading,
.premium-site main .ph-home .ph-service-grid,
.premium-site main .ph-home .hp-service-extras,
.premium-site main .ph-home .ph-platform__wrap,
.premium-site main .ph-home .custom-sectors__wrap,
.premium-site main .ph-home .ph-process__wrap {
    width: var(--ph-width);
    max-width: none;
    margin-inline: auto;
}
.premium-site main .ph-home :is(.ph-kicker, .hp-eyebrow) {
    color: #47617d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .09em;
}
.premium-site main .ph-home :is(.ph-section-heading h2, .hp-section-head h2, .hp-company h2, .hp-devices h2, .ph-platform__copy h2, .ph-process h2) {
    color: var(--ph-ink);
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 650;
    line-height: 1.12;
    letter-spacing: -.042em;
}
.premium-site main .ph-home :is(.ph-section-heading > p:last-child, .hp-section-head > p, .hp-devices__copy > p:not(.hp-eyebrow):not(.hp-note)) {
    color: var(--ph-muted);
    font-size: 16px;
    line-height: 1.55;
}

/* A consistent dark treatment across all three slides: no abrupt pale-blue slide. */
.premium-site main .ph-home .ph-carousel,
.premium-site main .ph-home .ph-slide,
.premium-site main .ph-home .ph-slide--rental {
    background: #111a24;
    color: #fff;
}
.premium-site main .ph-home .ph-carousel__slides,
.premium-site main .ph-home .ph-slide { height: 410px; }
.premium-site main .ph-home .ph-slide__visual { inset: 0 0 0 39%; }
.premium-site main .ph-home .ph-slide__visual img { filter: saturate(.9) contrast(1.03); }
.premium-site main .ph-home .ph-slide::before,
.premium-site main .ph-home .ph-slide--rental::before {
    display: block;
    background: linear-gradient(90deg, #111a24 0%, #111a24 27%, #111a24f5 38%, #111a24bd 51%, #111a2438 75%, #111a2415 100%);
}
.premium-site main .ph-home .ph-slide__copy {
    width: var(--ph-width);
    padding: 40px 12px 64px;
}
.premium-site main .ph-home .ph-slide__copy > .ph-kicker { color: #d0dce8; }
.premium-site main .ph-home .ph-slide h2 {
    max-width: 680px;
    margin-top: 13px;
    color: #fff;
    font-size: clamp(36px, 3.25vw, 56px);
    font-weight: 640;
    line-height: 1.08;
    letter-spacing: -.05em;
}
.premium-site main .ph-home .ph-slide__intro {
    max-width: 590px;
    margin-top: 16px !important;
    color: #e3e9ee;
    font-size: 17px;
}
.premium-site main .ph-home .ph-slide .ph-actions { margin-top: 24px; }
.premium-site main .ph-home .ph-slide .ph-button--slide,
.premium-site main .ph-home .ph-slide--rental .ph-button--slide {
    min-height: 48px;
    padding-inline: 20px;
    border-color: #fff;
    border-radius: 2px;
    background: #fff;
    color: #142130;
}
.premium-site main .ph-home .ph-slide :is(.ph-text-link, .ph-slide--rental .ph-text-link) { color: #fff; }
.premium-site main .ph-home .ph-carousel__controls {
    position: absolute;
    z-index: 4;
    right: max(40px, calc((100% - 1320px) / 2));
    bottom: 0;
    left: max(40px, calc((100% - 1320px) / 2));
    min-height: 48px;
    padding: 0 12px 8px;
    border: 0;
    background: transparent;
}
.premium-site main .ph-home .ph-carousel { position: relative; }
.premium-site main .ph-home .ph-carousel__counter,
.premium-site main .ph-home .ph-carousel__counter strong { color: #fff; }
.premium-site main .ph-home .ph-carousel__controls button { background: transparent; color: #fff; }
.premium-site main .ph-home .ph-carousel__dots button span { background: #ffffff9c; }
.premium-site main .ph-home .ph-carousel__dots button[aria-current="true"] span { background: #fff; }
.premium-site main .ph-home .ph-carousel__controls :is(.ph-carousel__arrow, .ph-carousel__toggle) {
    border-color: #ffffff7d;
    color: #fff;
}
.premium-site main .ph-home .ph-carousel__controls button:hover { background: #ffffff29; }
@media (min-width: 801px) {
    [dir="rtl"] .premium-site main .ph-home .ph-slide__visual { inset: 0 39% 0 0; }
    [dir="rtl"] .premium-site main .ph-home .ph-slide::before,
    [dir="rtl"] .premium-site main .ph-home .ph-slide--rental::before {
        background: linear-gradient(270deg, #111a24 0%, #111a24 27%, #111a24f5 38%, #111a24bd 51%, #111a2438 75%, #111a2415 100%);
    }
}

/* Company proof is the quiet white pause after the cinematic opening. */
.premium-site main .ph-home .hp-company {
    padding: 54px 0;
    border-bottom: 1px solid var(--ph-line);
    background: #fff;
    color: var(--ph-ink);
}
.premium-site main .ph-home .hp-company__inner { gap: clamp(40px, 5vw, 82px); }
.premium-site main .ph-home .hp-company .hp-eyebrow,
.premium-site main .ph-home .hp-company h2 { color: var(--ph-ink); }
.premium-site main .ph-home .hp-company__lead {
    max-width: 570px;
    margin-top: 16px;
    color: #263749;
    font-size: 19px;
}
.premium-site main .ph-home .hp-company__copy > p:not(.hp-eyebrow):not(.hp-company__lead) { color: var(--ph-muted); }
.premium-site main .ph-home .hp-company__facts { gap: 22px; margin-top: 26px; }
.premium-site main .ph-home .hp-company__facts > div { border-top-color: #c7d0d8; }
.premium-site main .ph-home .hp-company__facts dt { color: var(--ph-muted); }
.premium-site main .ph-home .hp-company__facts dd { color: var(--ph-ink); }
.premium-site main .ph-home .hp-company .hp-inline-link { color: var(--ph-blue); }
.premium-site main .ph-home .hp-company__visual { border-radius: 2px; }
.premium-site main .ph-home .hp-company__visual > img { height: 310px; }
.premium-site main .ph-home .hp-company__markets { border: 1px solid var(--ph-line); border-top: 0; }
.premium-site main .ph-home .hp-company__markets li { border-radius: 2px; }

/* Four service columns remain in one row on desktop, but read like a portfolio. */
.premium-site main .ph-home .ph-services { padding: 58px 0 60px; background: #f4f6f7; }
.premium-site main .ph-home .ph-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .6fr);
    column-gap: 60px;
    align-items: end;
    padding-bottom: 28px;
}
.premium-site main .ph-home .ph-section-heading > .ph-kicker { grid-column: 1 / -1; margin-bottom: 8px; }
.premium-site main .ph-home .ph-section-heading h2 { max-width: 680px; margin: 0; }
.premium-site main .ph-home .ph-section-heading > p:last-child { margin: 0; }
.premium-site main .ph-home .ph-service-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}
.premium-site main .ph-home .ph-service {
    min-width: 0;
    border-color: #d8e0e6;
    border-radius: 2px;
    box-shadow: none;
}
.premium-site main .ph-home .ph-service__visual { height: 175px; }
.premium-site main .ph-home .ph-service__image { filter: saturate(.85); }
.premium-site main .ph-home .ph-service__copy {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 20px 18px;
}
.premium-site main .ph-home .ph-service .ph-kicker { color: #587086; font-size: 13px; letter-spacing: .055em; }
.premium-site main .ph-home .ph-service h3 {
    min-height: 55px;
    margin-top: 8px;
    color: var(--ph-ink);
    font-size: clamp(20px, 1.65vw, 26px);
    font-weight: 660;
    line-height: 1.14;
    letter-spacing: -.035em;
}
.premium-site main .ph-home .ph-service--custom h3 {
    font-size: 22px;
}
html[lang="tr"] .premium-site main .ph-home .ph-service--custom .ph-service__choice-title {
    white-space: nowrap;
}
.premium-site main .ph-home .ph-service--custom .ph-service__choice-title > span {
    display: none;
}
.premium-site main .ph-home .ph-service__intro { margin-top: 7px !important; color: #465769; font-size: 14px; }
.premium-site main .ph-home .ph-service__features { gap: 5px 13px; margin-top: 13px; color: #526070; }
.premium-site main .ph-home .ph-service__features li::before { background: #6f8192; }
.premium-site main .ph-home .ph-service__price { margin: auto 0 0 !important; padding-top: 20px; }
.premium-site main .ph-home .ph-service--custom .ph-service__price { flex-direction: column; align-items: flex-start; gap: 2px; }
.premium-site main .ph-home .ph-service--custom .ph-service__price span { flex-basis: auto; }
.premium-site main .ph-home .ph-service__price strong {
    color: var(--ph-ink);
    font-size: 21px;
    font-weight: 700;
}
.premium-site main .ph-home .ph-service__price span { color: #63717f; }
.premium-site main .ph-home .ph-service .ph-button--outline {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin-top: 17px;
    border-color: #20354a;
    border-radius: 2px;
    background: #20354a;
    color: #fff;
    font-size: 13px;
}
.premium-site main .ph-home .ph-service__note { color: #697785; font-size: 13px; }
.premium-site main .ph-home .hp-service-extras {
    margin-top: 14px;
    border-color: #d8e0e6;
    border-radius: 2px;
}
.premium-site main .ph-home .hp-service-extras > a { min-height: 78px; }
.premium-site main .ph-home .hp-service-extras i { color: var(--ph-blue); }

/* One grid, one typographic scale and a restrained rhythm through the stories. */
.premium-site main .ph-home .ph-platform { padding: 60px 0; background: #17212d; }
.premium-site main .ph-home .ph-platform__wrap { gap: clamp(40px, 5vw, 70px); }
.premium-site main .ph-home .ph-platform__copy h2 { color: #fff; }
.premium-site main .ph-home .ph-platform .ph-kicker { color: #c0d4e7; }
.premium-site main .ph-home .ph-platform__visual { border-radius: 2px; }
.premium-site main .ph-home .ph-platform__visual img { height: 315px; }
.premium-site main .ph-home .hp-screens,
.premium-site main .ph-home .hp-devices,
.premium-site main .ph-home .hp-operations,
.premium-site main .ph-home .ph-integrations,
.premium-site main .ph-home .ph-process,
.premium-site main .ph-home .custom-sectors { padding-block: 58px; }
.premium-site main .ph-home .hp-screens { background: #fff; }
.premium-site main .ph-home .hp-devices { background: #f4f6f7; }
.premium-site main .ph-home .hp-operations { background: #fff; }
.premium-site main .ph-home .custom-sectors { background: #f4f6f7; }
.premium-site main .ph-home .ph-integrations { background: #fff; }
.premium-site main .ph-home .ph-process { background: #f4f6f7; }
.premium-site main .ph-home .hp-section-head { gap: 48px; margin-bottom: 26px; }
.premium-site main .ph-home :is(.hp-screen-grid figure, .hp-device-gallery, .hp-integration-layout > img, .hp-operations__photos) { border-radius: 2px; }
.premium-site main .ph-home .hp-screen-grid figure { border-color: #d8e0e6; }
.premium-site main .ph-home .hp-device-gallery { background: #e7ecef; }
.premium-site main .ph-home .ph-process li { border-top-color: #50677c; }
.premium-site main .ph-home .ph-process h2 { color: var(--ph-ink); }
.premium-site main .ph-home .ph-next { padding-block: 54px; background: #17212d; color: #fff; }
.premium-site main .ph-home .ph-next :is(.ph-kicker, h2, p, .ph-next__support) { color: #fff; }
.premium-site main .ph-home .ph-button--white { border-color: #fff; background: #fff; color: #17212d; }

@media (max-width: 1200px) {
    .premium-site main .ph-home { --ph-width: calc(100% - 48px); }
    .premium-site main .ph-home .ph-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .premium-site main .ph-home .ph-service h3 { min-height: 0; font-size: 25px; }
    .premium-site main .ph-home .ph-service--custom h3 { font-size: clamp(20px, 2vw, 23px); }
    .premium-site main .ph-home .ph-section-heading { grid-template-columns: 1fr; row-gap: 8px; }
    .premium-site main .ph-home .ph-section-heading > .ph-kicker { margin-bottom: 0; }
    .premium-site main .ph-home .ph-section-heading > p:last-child { max-width: 640px; }
}
@media (max-width: 800px) {
    .premium-site main .ph-home { --ph-width: calc(100% - 40px); }
    .premium-site main .ph-home .ph-service-grid { grid-template-columns: 1fr; }
    .premium-site main .ph-home .ph-carousel__slides,
    .premium-site main .ph-home .ph-slide { height: 460px; }
    .premium-site main .ph-home .ph-slide { display: flex; flex-direction: column; }
    .premium-site main .ph-home .ph-slide__visual { position: relative; inset: auto; width: 100%; height: 160px; }
    .premium-site main .ph-home .ph-slide::before,
    .premium-site main .ph-home .ph-slide--rental::before { display: none; }
    .premium-site main .ph-home .ph-slide__copy {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        width: var(--ph-width);
        margin-inline: auto;
        padding: 20px 0 57px;
    }
    .premium-site main .ph-home .ph-slide h2 { max-width: none; font-size: clamp(28px, 5vw, 36px); }
    .premium-site main .ph-home .ph-slide__intro { margin-top: 10px !important; font-size: 15px; }
    .premium-site main .ph-home .ph-slide .ph-actions { margin-top: 16px; }
    .premium-site main .ph-home .ph-carousel__controls { right: 20px; left: 20px; padding-inline: 0; }
    .premium-site main .ph-home .hp-company__inner,
    .premium-site main .ph-home .ph-platform__wrap { grid-template-columns: 1fr; }
    .premium-site main .ph-home .ph-platform__visual img { object-fit: contain; }
    .premium-site main .ph-home .hp-section-head { gap: 12px; }
}
@media (max-width: 560px) {
    .premium-site main .ph-home { --ph-width: calc(100% - 32px); }
    .premium-site main .ph-home :is(.ph-section-heading h2, .hp-section-head h2, .hp-company h2, .hp-devices h2, .ph-platform__copy h2, .ph-process h2) { font-size: 31px; }
    .premium-site main .ph-home .ph-carousel__slides,
    .premium-site main .ph-home .ph-slide { height: 438px; }
    .premium-site main .ph-home .ph-slide__visual { height: 142px; }
    .premium-site main .ph-home .ph-slide__copy { padding-bottom: 54px; }
    .premium-site main .ph-home .ph-slide h2 { font-size: 27px; }
    .premium-site main .ph-home .ph-slide .ph-actions { gap: 9px 15px; }
    .premium-site main .ph-home .ph-slide .ph-button--slide { min-height: 42px; padding-inline: 14px; }
    .premium-site main .ph-home .ph-carousel__controls { right: 16px; left: 16px; }
    .premium-site main .ph-home .hp-company,
    .premium-site main .ph-home .ph-services,
    .premium-site main .ph-home .ph-platform,
    .premium-site main .ph-home .hp-screens,
    .premium-site main .ph-home .hp-devices,
    .premium-site main .ph-home .hp-operations,
    .premium-site main .ph-home .ph-integrations,
    .premium-site main .ph-home .ph-process,
    .premium-site main .ph-home .custom-sectors { padding-block: 38px; }
    .premium-site main .ph-home .ph-service-grid { grid-template-columns: 1fr; }
    .premium-site main .ph-home .ph-service__visual { height: 185px; }
    .premium-site main .ph-home .ph-service h3 { font-size: 26px; }
    .premium-site main .ph-home .ph-service--custom h3 { font-size: clamp(16px, 4.8vw, 20px); }
    .premium-site main .ph-home .ph-service__copy { padding: 19px 18px; }
    .premium-site main .ph-home .ph-service__price { margin-top: 4px !important; }
    .premium-site main .ph-home .hp-company__visual > img { height: 210px; }
    .premium-site main .ph-home .hp-company__facts { gap: 9px; }
    .premium-site main .ph-home .hp-company__markets > strong { text-align: center; }
    .premium-site main .ph-home .hp-company__markets ul { justify-content: center; }
    .premium-site main .ph-home .hp-operations__photos img { height: 118px; }
    .premium-site main .ph-home .ph-next { padding-block: 40px; }
}

/* The closing invitation is a full editorial panel, not a small centered CTA. */
.premium-site main .ph-home .ph-next {
    display: grid;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%);
    align-items: stretch;
    min-height: 560px;
    padding: 0;
    background: #111820;
    text-align: left;
}
.ph-next__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    padding: 64px clamp(36px, 6vw, 114px);
}
.premium-site main .ph-home .ph-next__content > .ph-kicker {
    margin: 0 0 28px;
    color: #a9bbcf;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .17em;
}
.premium-site main .ph-home .ph-next h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 3.6vw, 66px);
    font-weight: 600;
    line-height: 1.09;
    letter-spacing: -.055em;
}
.premium-site main .ph-home .ph-next__intro {
    max-width: 480px;
    margin: 27px 0 0;
    color: #d3dce6;
    font-size: clamp(16px, 1.1vw, 19px);
    line-height: 1.55;
}
.ph-next__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px 28px; margin-top: 34px; }
.premium-site main .ph-home .ph-next .ph-button--white {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    min-width: 238px;
    min-height: 53px;
    margin: 0;
    padding-inline: 20px;
    background: #fff;
    border-color: #fff;
    color: #111820;
    font-weight: 700;
}
.premium-site main .ph-home .ph-next__support {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #9aa9bc;
    text-underline-offset: 5px;
}
.premium-site main .ph-home .ph-next__steps {
    margin: 54px 0 0;
    padding-top: 17px;
    border-top: 1px solid #44505e;
    color: #b7c4d0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .035em;
}
.ph-next__steps span { padding-inline: 10px; color: #7592ae; }
.ph-next__visual { position: relative; min-width: 0; min-height: 560px; overflow: hidden; background: #283642; }
.ph-next__visual::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 62%, #10182075); content: ''; pointer-events: none; }
.ph-next__visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 55% center; }
.ph-next__visual-label { position: absolute; right: 32px; bottom: 30px; z-index: 1; display: flex; gap: 38px; align-items: center; padding: 12px 14px; border: 1px solid #ffffff8c; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .1em; }
@media (max-width: 1100px) {
    .premium-site main .ph-home .ph-next { grid-template-columns: 51% 49%; }
    .ph-next__content { padding: 54px 36px; }
    .premium-site main .ph-home .ph-next h2 { font-size: clamp(34px, 4vw, 50px); }
}
@media (max-width: 800px) {
    .premium-site main .ph-home .ph-next { grid-template-columns: 1fr; min-height: 0; }
    .ph-next__visual { order: -1; min-height: 0; height: clamp(240px, 50vw, 380px); }
    .ph-next__content { padding: 44px 32px 48px; }
    .premium-site main .ph-home .ph-next h2 { font-size: clamp(36px, 6vw, 49px); }
    .premium-site main .ph-home .ph-next__steps { margin-top: 38px; }
}
@media (max-width: 560px) {
    .ph-next__visual { height: 238px; }
    .ph-next__visual img { object-position: 54% center; }
    .ph-next__visual-label { right: 16px; bottom: 16px; padding: 9px 11px; font-size: 13px; }
    .ph-next__content { padding: 38px 24px 42px; }
    .premium-site main .ph-home .ph-next__content > .ph-kicker { margin-bottom: 18px; }
    .premium-site main .ph-home .ph-next h2 { font-size: clamp(34px, 9vw, 43px); }
    .premium-site main .ph-home .ph-next__intro { margin-top: 20px; font-size: 15px; }
    .ph-next__actions { align-items: stretch; flex-direction: column; width: 100%; gap: 22px; margin-top: 25px; }
    .premium-site main .ph-home .ph-next .ph-button--white { width: 100%; }
    .premium-site main .ph-home .ph-next__steps { margin-top: 34px; line-height: 1.6; }
}

/* The two stories preceding the final invitation share its editorial rhythm. */
.premium-site main .ph-home .ph-integrations {
    padding-block: 76px;
    background: #1b2936;
    color: #fff;
}
.premium-site main .ph-home .ph-integrations .hp-container {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
    gap: clamp(38px, 5vw, 86px);
    align-items: center;
}
.ph-integrations__copy { grid-column: 2; grid-row: 1; min-width: 0; }
.ph-integrations__visual { grid-column: 1; grid-row: 1; min-width: 0; }
.ph-integrations__visual img { display: block; width: 100%; height: 430px; object-fit: cover; object-position: center; border: 1px solid #647487; }
.premium-site main .ph-home .ph-integrations .hp-section-head { display: block; margin-bottom: 22px; }
.premium-site main .ph-home .ph-integrations .hp-eyebrow { margin-bottom: 18px; color: #adbed0; }
.premium-site main .ph-home .ph-integrations h2 { color: #fff; font-size: clamp(35px, 3.1vw, 48px); }
.premium-site main .ph-home .ph-integrations .hp-section-head > p { max-width: 560px; margin: 17px 0 0; color: #d3deea !important; font-size: 16px; line-height: 1.5; }
.premium-site main .ph-home .hp-integration-layout { display: block; }
.premium-site main .ph-home .hp-integration-layout dl { border-top-color: #607183; }
.premium-site main .ph-home .hp-integration-layout dl > div { grid-template-columns: minmax(165px, .8fr) minmax(0, 1fr); gap: 20px; padding: 11px 0; border-bottom-color: #607183; }
.premium-site main .ph-home .hp-integration-layout dt { color: #fff; font-size: 15px; }
.premium-site main .ph-home .hp-integration-layout dd { color: #bdcad8; font-size: 13px; }
.premium-site main .ph-home .ph-integrations .hp-note { max-width: 600px; margin-top: 18px; color: #afbdca; }
.premium-site main .ph-home .ph-integrations .hp-inline-link { margin-top: 18px; color: #fff; text-decoration: underline; text-decoration-color: #9bafc2; text-underline-offset: 5px; }
.premium-site main .ph-home .ph-process { padding-block: 78px; background: #eef2f4; }
.premium-site main .ph-home .ph-process__wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 38%); gap: clamp(38px, 5vw, 86px); align-items: center; }
.ph-process__copy { min-width: 0; }
.ph-process__visual { min-width: 0; }
.ph-process__visual img { display: block; width: 100%; height: 440px; object-fit: cover; object-position: 52% center; border: 1px solid #c9d4dc; }
.premium-site main .ph-home .ph-process header { display: block; margin-bottom: 29px; }
.premium-site main .ph-home .ph-process header .ph-kicker { margin: 0 0 19px; color: #425e79; }
.premium-site main .ph-home .ph-process h2 { margin: 0; font-size: clamp(35px, 3vw, 47px); }
.premium-site main .ph-home .ph-process header .ph-text-link { display: inline-flex; margin-top: 15px; color: #183e63; font-size: 14px; font-weight: 700; }
.premium-site main .ph-home .ph-process ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 28px; }
.premium-site main .ph-home .ph-process li { padding-top: 11px; border-top: 1px solid #a7b7c5; }
.premium-site main .ph-home .ph-process li > span { color: #365978; }
.premium-site main .ph-home .ph-process h3 { margin: 8px 0 6px; font-size: 17px; }
.premium-site main .ph-home .ph-process li p { margin: 0; color: #4d6070; font-size: 14px; line-height: 1.5; }
@media (max-width: 900px) {
    .premium-site main .ph-home .ph-integrations .hp-container,
    .premium-site main .ph-home .ph-process__wrap { gap: 30px; }
    .ph-integrations__visual img,
    .ph-process__visual img { height: 375px; }
}
@media (max-width: 800px) {
    .premium-site main .ph-home .ph-integrations,
    .premium-site main .ph-home .ph-process { padding-block: 46px; }
    .premium-site main .ph-home .ph-integrations .hp-container,
    .premium-site main .ph-home .ph-process__wrap { grid-template-columns: 1fr; gap: 28px; }
    .ph-integrations__visual,
    .ph-integrations__copy { grid-column: 1; }
    .ph-integrations__visual { grid-row: 1; }
    .ph-integrations__copy { grid-row: 2; }
    .ph-integrations__visual img,
    .ph-process__visual img { height: 300px; }
    .ph-process__visual { order: -1; }
}
@media (max-width: 560px) {
    .premium-site main .ph-home .ph-integrations,
    .premium-site main .ph-home .ph-process { padding-block: 36px; }
    .ph-integrations__visual img,
    .ph-process__visual img { height: 220px; }
    .premium-site main .ph-home .ph-integrations h2,
    .premium-site main .ph-home .ph-process h2 { font-size: 31px; }
    .premium-site main .ph-home .ph-integrations .hp-section-head > p { font-size: 15px; }
    .premium-site main .ph-home .hp-integration-layout dl > div { grid-template-columns: minmax(0, .82fr) minmax(0, 1fr); gap: 10px; }
    .premium-site main .ph-home .hp-integration-layout dt { font-size: 14px; }
    .premium-site main .ph-home .ph-process ol { gap: 19px 15px; }
    .premium-site main .ph-home .ph-process h3 { font-size: 16px; }
    .premium-site main .ph-home .ph-process li p { font-size: 13px; }
}