/* 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__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-operations__photos img { height: 118px; }
    .premium-site main .ph-home .ph-next { padding-block: 40px; }
}