/*
============================================================
P029M20 — HOME 04 / 05 / 06 PROFESSIONAL POLISH
Paint-safe:
no blur / no filter / no radial-gradient / no animation
============================================================
*/


/* ========================================================
   COMMON RHYTHM
   ======================================================== */

.ph-architecture,
.ph-ownership,
.ph-process {
    position: relative;

    padding-block-start:
        clamp(92px,8vw,122px) !important;

    padding-block-end:
        clamp(92px,8vw,122px) !important;
}


/* ========================================================
   04 — ARCHITECTURE
   Technical / cyan navy
   ======================================================== */

.ph-architecture {
    background:
        linear-gradient(
            180deg,
            #061923 0%,
            #082633 48%,
            #071d29 100%
        ) !important;

    border-top:
        1px solid rgba(81,220,240,.11);

    border-bottom:
        1px solid rgba(255,255,255,.04);
}


.ph-architecture-frame {
    border-color:
        rgba(85,220,240,.15) !important;

    background:
        linear-gradient(
            180deg,
            rgba(9,35,47,.96),
            rgba(5,22,31,.98)
        ) !important;
}


/* ========================================================
   05 — OWNERSHIP
   Strategic / deeper navy-aubergine
   ======================================================== */

.ph-ownership {
    background:
        linear-gradient(
            180deg,
            #071d29 0%,
            #0a1825 50%,
            #071c28 100%
        ) !important;

    border-top:
        1px solid rgba(153,116,219,.09);

    border-bottom:
        1px solid rgba(255,255,255,.04);
}


.ph-ownership-ledger {
    border-color:
        rgba(178,152,224,.13) !important;

    background:
        linear-gradient(
            180deg,
            rgba(10,31,43,.96),
            rgba(6,23,33,.98)
        ) !important;
}


/* ========================================================
   06 — PROCESS
   Strongest section in this sequence
   ======================================================== */

.ph-process {
    padding-block-start:
        clamp(108px,9vw,138px) !important;

    padding-block-end:
        clamp(108px,9vw,138px) !important;

    background:
        linear-gradient(
            180deg,
            #071c28 0%,
            #092b38 48%,
            #071d29 100%
        ) !important;

    border-top:
        1px solid rgba(75,224,242,.18);

    border-bottom:
        1px solid rgba(255,255,255,.045);
}


/* 06 index */

.ph-process-index {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 7px 13px;

    border:
        1px solid rgba(215,178,94,.25);

    border-radius: 999px;

    background:
        rgba(215,178,94,.045);
}


/* 06 main frame */

.ph-process-frame {
    border:
        1px solid rgba(76,223,241,.20) !important;

    border-inline-start:
        3px solid rgba(74,222,241,.58) !important;

    background:
        linear-gradient(
            180deg,
            #092b38 0%,
            #071e29 100%
        ) !important;

    box-shadow:
        none !important;
}


/* 06 internal rail */

.ph-process-rail {
    border:
        1px solid rgba(255,255,255,.065) !important;

    background:
        linear-gradient(
            90deg,
            rgba(64,219,240,.045),
            rgba(255,255,255,.014) 50%,
            rgba(128,104,215,.035)
        ) !important;
}


/* 06 stages */

.ph-process-stage {
    border:
        1px solid rgba(255,255,255,.065) !important;

    background:
        linear-gradient(
            90deg,
            rgba(73,220,239,.045),
            rgba(255,255,255,.012) 48%,
            transparent 82%
        ) !important;
}


.ph-process-stage:nth-child(even) {
    background:
        linear-gradient(
            270deg,
            rgba(132,105,218,.035),
            rgba(255,255,255,.012) 48%,
            transparent 82%
        ) !important;
}


.ph-process-stage + .ph-process-stage {
    margin-top: 9px;
}


/* ========================================================
   VISUAL SEPARATION
   ======================================================== */

.ph-ownership {
    margin-block-start:
        clamp(18px,2vw,28px);
}

.ph-process {
    margin-block-start:
        clamp(22px,2.5vw,36px);
}


/* ========================================================
   MOBILE
   ======================================================== */

@media (max-width:720px) {

    .ph-architecture,
    .ph-ownership,
    .ph-process {
        padding-block-start:
            clamp(62px,12vw,78px) !important;

        padding-block-end:
            clamp(62px,12vw,78px) !important;

        margin-block-start: 0;
    }

    .ph-process-frame {
        border-inline-start-width:
            1px !important;
    }

    .ph-process-stage + .ph-process-stage {
        margin-top: 6px;
    }
}

/* END P029M20 */