.phcl-erp-page {
        --erp-primary: #2563eb;
        --erp-primary-2: #4f46e5;
        --erp-cyan: #06b6d4;
        --erp-green: #16a34a;
        --erp-orange: #f59e0b;
        --erp-red: #ef4444;

        --erp-dark: #07111f;
        --erp-dark-2: #0c192b;
        --erp-text: #172033;
        --erp-muted: #66758a;
        --erp-border: #e3e9f1;
        --erp-light: #f6f8fc;
        --erp-white: #fff;

        font-family: Inter, -apple-system, BlinkMacSystemFont,
            "Segoe UI", Roboto, Arial, sans-serif;

        color: var(--erp-text);
        background: #fff;
        overflow: hidden;
    }

    .phcl-erp-page *,
    .phcl-erp-page *::before,
    .phcl-erp-page *::after {
        box-sizing: border-box;
    }

    .phcl-erp-page a {
        text-decoration: none;
    }

    .phcl-erp-container {
        width: min(1180px, calc(100% - 40px));
        margin: auto;
    }

    /* =========================================================
       HERO
    ========================================================= */

    .phcl-erp-hero {
        position: relative;
        overflow: hidden;
        padding: 105px 0 95px;

        background:
            radial-gradient(
                circle at 88% 15%,
                rgba(37,99,235,.18),
                transparent 30%
            ),
            radial-gradient(
                circle at 8% 80%,
                rgba(6,182,212,.13),
                transparent 28%
            ),
            linear-gradient(
                135deg,
                #f8faff,
                #eef5ff
            );
    }

    .phcl-erp-hero::before {
        content: "";
        position: absolute;
        inset: 0;

        background-image:
            linear-gradient(
                rgba(37,99,235,.045) 1px,
                transparent 1px
            ),
            linear-gradient(
                90deg,
                rgba(37,99,235,.045) 1px,
                transparent 1px
            );

        background-size: 44px 44px;

        mask-image:
            linear-gradient(
                to bottom,
                black,
                transparent
            );
    }

    .phcl-erp-hero-grid {
        position: relative;

        display: grid;
        grid-template-columns: .92fr 1.08fr;

        align-items: center;
        gap: 65px;
    }

    .phcl-erp-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;

        padding: 8px 14px;
        margin-bottom: 22px;

        border: 1px solid rgba(37,99,235,.16);
        border-radius: 50px;

        color: var(--erp-primary);
        background: rgba(255,255,255,.75);

        font-size: 12px;
        font-weight: 800;

        letter-spacing: .055em;
        text-transform: uppercase;

        backdrop-filter: blur(10px);
    }

    .phcl-erp-eyebrow-dot {
        width: 8px;
        height: 8px;

        border-radius: 50%;

        background: #22c55e;

        box-shadow:
            0 0 0 5px rgba(34,197,94,.10);
    }

    .phcl-erp-hero h1 {
        max-width: 680px;

        margin: 0 0 22px;

        color: var(--erp-dark);

        font-size: clamp(44px,5vw,69px);
        line-height: 1.02;

        letter-spacing: -.055em;
        font-weight: 850;
    }

    .phcl-erp-gradient {
        background:
            linear-gradient(
                90deg,
                #2563eb,
                #06b6d4
            );

        -webkit-background-clip: text;
        background-clip: text;

        color: transparent;
    }

    .phcl-erp-hero-description {
        max-width: 610px;

        margin: 0 0 30px;

        color: #59687c;

        font-size: 18px;
        line-height: 1.75;
    }

    .phcl-erp-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;

        margin-bottom: 29px;
    }

    .phcl-erp-btn {
        display: inline-flex;

        align-items: center;
        justify-content: center;
        gap: 9px;

        min-height: 51px;

        padding: 0 21px;

        border-radius: 11px;

        font-size: 14px;
        font-weight: 750;

        transition: .25s ease;
    }

    .phcl-erp-btn-primary {
        color: #fff;

        background:
            linear-gradient(
                135deg,
                #2563eb,
                #06b6d4
            );

        box-shadow:
            0 15px 35px rgba(37,99,235,.23);
    }

    .phcl-erp-btn-primary:hover {
        transform: translateY(-3px);

        box-shadow:
            0 20px 42px rgba(37,99,235,.31);
    }

    .phcl-erp-btn-outline {
        color: #1e293b;

        border: 1px solid #d8e0eb;

        background: rgba(255,255,255,.82);
    }

    .phcl-erp-btn-outline:hover {
        color: var(--erp-primary);

        border-color: var(--erp-primary);

        transform: translateY(-3px);
    }

    .phcl-erp-trust {
        display: flex;
        align-items: center;
        gap: 10px;

        color: #7a8798;
        font-size: 12px;
    }

    .phcl-erp-trust-icon {
        width: 31px;
        height: 31px;

        display: grid;
        place-items: center;

        border-radius: 9px;

        color: #2563eb;
        background: #eaf2ff;

        font-size: 14px;
    }


    /* =========================================================
       ERP DASHBOARD
    ========================================================= */

    .phcl-erp-dashboard-wrap {
        position: relative;
        perspective: 1200px;
    }

    .phcl-erp-dashboard {
        position: relative;

        overflow: hidden;

        border:
            1px solid rgba(255,255,255,.14);

        border-radius: 20px;

        background: #0b1627;

        box-shadow:
            0 40px 90px rgba(15,23,42,.23),
            0 15px 35px rgba(37,99,235,.11);

        transform:
            rotateY(-4deg)
            rotateX(2deg);

        transition: .5s ease;
    }

    .phcl-erp-dashboard:hover {
        transform:
            rotateY(0)
            rotateX(0)
            translateY(-5px);
    }

    .phcl-erp-dashboard-bar {
        height: 55px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 17px;

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

        background: #101d30;
    }

    .phcl-erp-dots {
        display: flex;
        gap: 6px;
    }

    .phcl-erp-dots span {
        width: 8px;
        height: 8px;

        border-radius: 50%;

        background: #334155;
    }

    .phcl-erp-dashboard-title {
        color: #e9eef8;

        font-size: 12px;
        font-weight: 750;
    }

    .phcl-erp-live {
        display: flex;
        align-items: center;
        gap: 6px;

        color: #4ade80;

        font-size: 9px;
        font-weight: 800;
    }

    .phcl-erp-live i {
        width: 6px;
        height: 6px;

        border-radius: 50%;

        background: #4ade80;

        box-shadow:
            0 0 0 4px rgba(74,222,128,.10);
    }

    .phcl-erp-dashboard-content {
        padding: 18px;
    }

    .phcl-erp-dashboard-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;

        margin-bottom: 14px;
    }

    .phcl-erp-dashboard-heading strong {
        color: #fff;
        font-size: 15px;
    }

    .phcl-erp-dashboard-heading small {
        color: #64748b;
        font-size: 9px;
    }


    /* Dashboard stats */

    .phcl-erp-stat-grid {
        display: grid;

        grid-template-columns:
            repeat(4,1fr);

        gap: 8px;

        margin-bottom: 10px;
    }

    .phcl-erp-stat {
        padding: 12px;

        border:
            1px solid rgba(255,255,255,.055);

        border-radius: 10px;

        background: #111f33;
    }

    .phcl-erp-stat span {
        display: block;

        color: #718096;

        font-size: 8px;
        text-transform: uppercase;
    }

    .phcl-erp-stat strong {
        display: block;

        margin-top: 5px;

        color: #fff;

        font-size: 18px;
    }

    .phcl-erp-stat small {
        color: #4ade80;

        font-size: 8px;
    }


    /* Dashboard chart */

    .phcl-erp-chart {
        height: 150px;

        position: relative;

        overflow: hidden;

        padding: 13px;

        border:
            1px solid rgba(255,255,255,.06);

        border-radius: 11px;

        background: #111f33;
    }

    .phcl-erp-chart-title {
        display: flex;
        justify-content: space-between;

        color: #718096;

        font-size: 8px;
    }

    .phcl-erp-chart svg {
        position: absolute;

        left: 12px;
        right: 12px;
        bottom: 10px;

        width: calc(100% - 24px);
        height: 105px;
    }

    .phcl-erp-grid-line {
        stroke: rgba(255,255,255,.055);
        stroke-width: 1;
    }

    .phcl-erp-chart-line {
        fill: none;

        stroke: #38bdf8;

        stroke-width: 3;

        stroke-linecap: round;
        stroke-linejoin: round;

        filter:
            drop-shadow(
                0 0 7px
                rgba(56,189,248,.4)
            );
    }


    /* Dashboard bottom */

    .phcl-erp-dashboard-bottom {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 8px;

        margin-top: 10px;
    }

    .phcl-erp-mini-panel {
        padding: 12px;

        border:
            1px solid rgba(255,255,255,.06);

        border-radius: 10px;

        background: #111f33;
    }

    .phcl-erp-mini-title {
        display: flex;

        justify-content: space-between;

        margin-bottom: 9px;

        color: #718096;

        font-size: 8px;
    }

    .phcl-erp-mini-row {
        display: flex;

        justify-content: space-between;

        padding: 6px 0;

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

        color: #b8c3d4;

        font-size: 8px;
    }

    .phcl-erp-mini-row:last-child {
        border-bottom: 0;
    }

    .phcl-erp-green {
        color: #4ade80 !important;
    }

    .phcl-erp-orange {
        color: #fbbf24 !important;
    }


    /* Floating stock alert */

    .phcl-erp-floating {
        position: absolute;

        right: -35px;
        bottom: 35px;

        width: 205px;

        padding: 14px;

        border:
            1px solid #e2e8f0;

        border-radius: 14px;

        background:
            rgba(255,255,255,.96);

        box-shadow:
            0 25px 55px rgba(15,23,42,.15);

        animation:
            phclERPFloat 4s ease-in-out infinite;
    }

    .phcl-erp-floating-top {
        display: flex;

        justify-content: space-between;

        margin-bottom: 11px;
    }

    .phcl-erp-floating-top strong {
        color: #263247;
        font-size: 10px;
    }

    .phcl-erp-warning {
        color: #f59e0b;
        font-size: 12px;
    }

    .phcl-erp-floating-row {
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .phcl-erp-floating-icon {
        width: 34px;
        height: 34px;

        display: grid;
        place-items: center;

        border-radius: 10px;

        color: #2563eb;
        background: #eaf2ff;

        font-size: 15px;
    }

    .phcl-erp-floating-row strong {
        display: block;

        color: #263247;
        font-size: 9px;
    }

    .phcl-erp-floating-row small {
        display: block;

        margin-top: 3px;

        color: #8996a7;
        font-size: 8px;
    }

    @keyframes phclERPFloat {

        0%,100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-8px);
        }
    }


    /* =========================================================
       STATS
    ========================================================= */

    .phcl-erp-stats {
        padding: 30px 0;

        border-bottom:
            1px solid var(--erp-border);

        background: #fff;
    }

    .phcl-erp-stats-grid {
        display: grid;

        grid-template-columns:
            repeat(4,1fr);
    }

    .phcl-erp-stat-item {
        padding: 5px 25px;

        text-align: center;

        border-right:
            1px solid var(--erp-border);
    }

    .phcl-erp-stat-item:last-child {
        border-right: 0;
    }

    .phcl-erp-stat-item strong {
        display: block;

        color: var(--erp-dark);

        font-size: 27px;

        letter-spacing: -.04em;
    }

    .phcl-erp-stat-item span {
        color: var(--erp-muted);

        font-size: 12px;
    }


    /* =========================================================
       SECTIONS
    ========================================================= */

    .phcl-erp-section {
        padding: 100px 0;
    }

    .phcl-erp-section-light {
        background: var(--erp-light);
    }

    .phcl-erp-section-heading {
        max-width: 770px;

        margin: 0 auto 55px;

        text-align: center;
    }

    .phcl-erp-section-heading h2 {
        margin: 0 0 16px;

        color: var(--erp-dark);

        font-size:
            clamp(34px,4vw,51px);

        line-height: 1.08;

        letter-spacing: -.045em;
    }

    .phcl-erp-section-heading p {
        margin: 0;

        color: var(--erp-muted);

        font-size: 16px;
        line-height: 1.75;
    }


    /* =========================================================
       MODULES
    ========================================================= */

    .phcl-erp-modules {
        display: grid;

        grid-template-columns:
            repeat(3,1fr);

        gap: 18px;
    }

    .phcl-erp-module {
        position: relative;

        overflow: hidden;

        padding: 29px;

        border:
            1px solid var(--erp-border);

        border-radius: 18px;

        background: #fff;

        transition: .3s ease;
    }

    .phcl-erp-module:hover {
        transform: translateY(-6px);

        border-color:
            rgba(37,99,235,.22);

        box-shadow:
            0 20px 45px rgba(15,23,42,.08);
    }

    .phcl-erp-module-icon {
        width: 51px;
        height: 51px;

        display: grid;
        place-items: center;

        margin-bottom: 20px;

        border-radius: 14px;

        color: #2563eb;

        background: #eaf2ff;

        font-size: 21px;
    }

    .phcl-erp-module h3 {
        margin: 0 0 10px;

        color: var(--erp-dark);

        font-size: 18px;
    }

    .phcl-erp-module p {
        margin: 0;

        color: var(--erp-muted);

        font-size: 14px;

        line-height: 1.7;
    }


    /* =========================================================
       SALES + PURCHASE WORKFLOW
    ========================================================= */

    .phcl-erp-workflow {
        display: grid;

        grid-template-columns:
            .8fr 1.2fr;

        align-items: center;

        gap: 75px;
    }

    .phcl-erp-workflow-copy h2 {
        margin: 0 0 18px;

        color: var(--erp-dark);

        font-size:
            clamp(34px,4vw,49px);

        line-height: 1.08;

        letter-spacing: -.045em;
    }

    .phcl-erp-workflow-copy > p {
        margin: 0 0 28px;

        color: var(--erp-muted);

        font-size: 16px;

        line-height: 1.8;
    }

    .phcl-erp-checks {
        display: grid;

        gap: 13px;

        padding: 0;

        margin: 0;

        list-style: none;
    }

    .phcl-erp-checks li {
        display: flex;

        gap: 10px;

        color: #526176;

        font-size: 13px;
    }

    .phcl-erp-checks li::before {
        content: "✓";

        flex: 0 0 22px;

        width: 22px;
        height: 22px;

        display: grid;
        place-items: center;

        border-radius: 50%;

        color: #15803d;
        background: #eaf8ee;

        font-size: 10px;

        font-weight: 800;
    }


    /* Workflow visual */

    .phcl-erp-workflow-card {
        padding: 24px;

        border:
            1px solid #dce5ef;

        border-radius: 22px;

        background: #fff;

        box-shadow:
            0 25px 60px rgba(15,23,42,.08);
    }

    .phcl-erp-workflow-header {
        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 22px;
    }

    .phcl-erp-workflow-header strong {
        color: #263247;
        font-size: 14px;
    }

    .phcl-erp-workflow-header span {
        color: #16a34a;
        font-size: 9px;
        font-weight: 800;
    }

    .phcl-erp-flow {
        display: grid;

        grid-template-columns:
            repeat(5,1fr);

        gap: 8px;

        align-items: center;
    }

    .phcl-erp-flow-step {
        position: relative;

        padding: 17px 9px;

        text-align: center;

        border:
            1px solid #e1e7ef;

        border-radius: 12px;

        background: #f8fafc;
    }

    .phcl-erp-flow-icon {
        width: 38px;
        height: 38px;

        display: grid;
        place-items: center;

        margin: 0 auto 9px;

        border-radius: 10px;

        color: #2563eb;

        background: #eaf2ff;

        font-size: 16px;
    }

    .phcl-erp-flow-step strong {
        display: block;

        color: #263247;

        font-size: 9px;
    }

    .phcl-erp-flow-step small {
        display: block;

        margin-top: 4px;

        color: #8996a7;

        font-size: 7px;
    }

    .phcl-erp-flow-arrow {
        position: absolute;

        right: -10px;
        top: 50%;

        transform: translateY(-50%);

        z-index: 3;

        color: #2563eb;

        font-size: 15px;
        font-weight: 800;
    }


    /* =========================================================
       INVENTORY VISUAL
    ========================================================= */

    .phcl-erp-inventory-grid {
        display: grid;

        grid-template-columns:
            1.15fr .85fr;

        gap: 18px;
    }

    .phcl-erp-inventory-panel {
        padding: 25px;

        border:
            1px solid var(--erp-border);

        border-radius: 18px;

        background: #fff;
    }

    .phcl-erp-panel-title {
        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 22px;
    }

    .phcl-erp-panel-title strong {
        color: #263247;
        font-size: 14px;
    }

    .phcl-erp-panel-title span {
        color: #8996a7;
        font-size: 9px;
    }

    .phcl-stock-item {
        display: grid;

        grid-template-columns:
            1.4fr .65fr .65fr;

        align-items: center;

        gap: 10px;

        padding: 13px 0;

        border-bottom:
            1px solid #edf0f4;
    }

    .phcl-stock-item:last-child {
        border-bottom: 0;
    }

    .phcl-stock-product {
        display: flex;

        align-items: center;

        gap: 9px;
    }

    .phcl-stock-icon {
        width: 34px;
        height: 34px;

        display: grid;
        place-items: center;

        border-radius: 9px;

        color: #2563eb;
        background: #eaf2ff;

        font-size: 13px;
    }

    .phcl-stock-product strong {
        display: block;

        color: #263247;
        font-size: 10px;
    }

    .phcl-stock-product small {
        display: block;

        margin-top: 3px;

        color: #8996a7;
        font-size: 8px;
    }

    .phcl-stock-number {
        color: #263247;
        font-size: 11px;
        font-weight: 750;
    }

    .phcl-stock-bar {
        height: 6px;

        overflow: hidden;

        border-radius: 20px;

        background: #edf1f5;
    }

    .phcl-stock-bar span {
        display: block;

        height: 100%;

        border-radius: inherit;

        background:
            linear-gradient(
                90deg,
                #2563eb,
                #06b6d4
            );
    }


    /* Warehouse cards */

    .phcl-warehouse-list {
        display: grid;

        gap: 10px;
    }

    .phcl-warehouse {
        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 13px;

        border:
            1px solid #e4e9f0;

        border-radius: 11px;

        background: #fafbfd;
    }

    .phcl-warehouse-left {
        display: flex;

        align-items: center;

        gap: 9px;
    }

    .phcl-warehouse-icon {
        width: 32px;
        height: 32px;

        display: grid;
        place-items: center;

        border-radius: 9px;

        color: #4f46e5;
        background: #eeedff;

        font-size: 13px;
    }

    .phcl-warehouse strong {
        display: block;

        color: #263247;
        font-size: 10px;
    }

    .phcl-warehouse small {
        display: block;

        margin-top: 3px;

        color: #8996a7;
        font-size: 8px;
    }

    .phcl-warehouse-status {
        padding: 5px 7px;

        border-radius: 20px;

        color: #15803d;
        background: #eaf8ee;

        font-size: 7px;
        font-weight: 800;
    }


    /* =========================================================
       HR SaaS
    ========================================================= */

    .phcl-erp-hr {
        display: grid;

        grid-template-columns:
            .85fr 1.15fr;

        gap: 75px;

        align-items: center;
    }

    .phcl-erp-hr-copy h2 {
        margin: 0 0 18px;

        color: #fff;

        font-size:
            clamp(34px,4vw,49px);

        line-height: 1.08;

        letter-spacing: -.045em;
    }

    .phcl-erp-hr-copy > p {
        margin: 0 0 28px;

        color: #91a1b7;

        font-size: 16px;

        line-height: 1.8;
    }

    .phcl-erp-hr-section {
        background: #07111f;
    }

    .phcl-erp-hr-list {
        display: grid;

        gap: 12px;

        padding: 0;

        margin: 0;

        list-style: none;
    }

    .phcl-erp-hr-list li {
        display: flex;

        gap: 10px;

        color: #b8c5d6;

        font-size: 13px;
    }

    .phcl-erp-hr-list li::before {
        content: "✓";

        color: #4ade80;

        font-weight: 800;
    }


    /* HR dashboard */

    .phcl-erp-hr-dashboard {
        padding: 23px;

        border:
            1px solid rgba(255,255,255,.09);

        border-radius: 21px;

        background: #0c192b;

        box-shadow:
            0 25px 60px rgba(0,0,0,.20);
    }

    .phcl-erp-hr-title {
        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 18px;
    }

    .phcl-erp-hr-title strong {
        color: #fff;
        font-size: 14px;
    }

    .phcl-erp-hr-title span {
        color: #4ade80;
        font-size: 8px;
        font-weight: 800;
    }

    .phcl-erp-hr-stats {
        display: grid;

        grid-template-columns:
            repeat(4,1fr);

        gap: 8px;

        margin-bottom: 10px;
    }

    .phcl-erp-hr-stat {
        padding: 12px;

        border:
            1px solid rgba(255,255,255,.06);

        border-radius: 10px;

        background: #111f33;
    }

    .phcl-erp-hr-stat span {
        display: block;

        color: #718096;
        font-size: 8px;
    }

    .phcl-erp-hr-stat strong {
        display: block;

        margin-top: 5px;

        color: #fff;
        font-size: 17px;
    }

    .phcl-erp-hr-stat small {
        color: #4ade80;
        font-size: 7px;
    }

    .phcl-erp-employee-list {
        padding: 12px;

        border:
            1px solid rgba(255,255,255,.06);

        border-radius: 11px;

        background: #111f33;
    }

    .phcl-erp-employee {
        display: flex;

        justify-content: space-between;

        align-items: center;

        padding: 10px 0;

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

    .phcl-erp-employee:last-child {
        border-bottom: 0;
    }

    .phcl-erp-employee-left {
        display: flex;

        align-items: center;

        gap: 8px;
    }

    .phcl-erp-avatar {
        width: 27px;
        height: 27px;

        display: grid;

        place-items: center;

        border-radius: 8px;

        color: #dbeafe;
        background: #243e6c;

        font-size: 8px;
        font-weight: 800;
    }

    .phcl-erp-employee strong {
        display: block;

        color: #d6deea;

        font-size: 9px;
    }

    .phcl-erp-employee small {
        display: block;

        margin-top: 3px;

        color: #718096;

        font-size: 7px;
    }

    .phcl-erp-attendance {
        padding: 5px 7px;

        border-radius: 20px;

        color: #4ade80;

        background:
            rgba(34,197,94,.10);

        font-size: 7px;
        font-weight: 800;
    }


    /* =========================================================
       UNIFIED ERP ARCHITECTURE
    ========================================================= */

    .phcl-erp-unified {
        display: grid;

        grid-template-columns:
            .85fr 1.15fr;

        align-items: center;

        gap: 75px;
    }

    .phcl-erp-unified-copy h2 {
        margin: 0 0 18px;

        color: var(--erp-dark);

        font-size:
            clamp(34px,4vw,49px);

        line-height: 1.08;

        letter-spacing: -.045em;
    }

    .phcl-erp-unified-copy > p {
        margin: 0 0 28px;

        color: var(--erp-muted);

        font-size: 16px;

        line-height: 1.8;
    }

    .phcl-erp-unified-visual {
        position: relative;

        min-height: 410px;

        padding: 20px;

        display: flex;

        align-items: center;
        justify-content: center;

        border:
            1px solid #dce5ef;

        border-radius: 23px;

        background:
            radial-gradient(
                circle at center,
                rgba(37,99,235,.09),
                transparent 60%
            ),
            #f8faff;
    }

    .phcl-erp-core {
        position: relative;
        z-index: 3;

        width: 145px;
        height: 145px;

        display: flex;

        flex-direction: column;

        align-items: center;
        justify-content: center;

        border:
            1px solid rgba(37,99,235,.20);

        border-radius: 50%;

        color: #fff;

        background:
            radial-gradient(
                circle,
                #245ca8,
                #10233e
            );

        box-shadow:
            0 0 70px rgba(37,99,235,.18);
    }

    .phcl-erp-core-icon {
        font-size: 29px;
        margin-bottom: 5px;
    }

    .phcl-erp-core strong {
        font-size: 12px;
    }

    .phcl-erp-core small {
        margin-top: 4px;

        color: #9db0c7;

        font-size: 7px;
    }

    .phcl-erp-module-node {
        position: absolute;
        z-index: 4;

        width: 108px;
        height: 96px;

        display: flex;

        flex-direction: column;

        align-items: center;
        justify-content: center;

        border:
            1px solid #dce4ee;

        border-radius: 16px;

        background: #fff;

        box-shadow:
            0 15px 35px rgba(15,23,42,.08);
    }

    .phcl-erp-node-icon {
        margin-bottom: 7px;

        color: #2563eb;

        font-size: 20px;
    }

    .phcl-erp-module-node strong {
        color: #263247;
        font-size: 9px;
    }

    .phcl-erp-module-node small {
        margin-top: 4px;

        color: #8996a7;

        font-size: 7px;
    }

    .phcl-node-sales {
        top: 18px;
        left: 6%;
    }

    .phcl-node-purchase {
        top: 18px;
        right: 6%;
    }

    .phcl-node-inventory {
        bottom: 18px;
        left: 6%;
    }

    .phcl-node-hr {
        bottom: 18px;
        right: 6%;
    }

    .phcl-erp-connector {
        position: absolute;

        width: 42%;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(37,99,235,.45),
                transparent
            );
    }

    .phcl-connector-1 {
        transform: rotate(27deg);
    }

    .phcl-connector-2 {
        transform: rotate(-27deg);
    }

    .phcl-connector-3 {
        transform: rotate(-27deg);
    }

    .phcl-connector-4 {
        transform: rotate(27deg);
    }


    /* =========================================================
       REPORTING
    ========================================================= */

    .phcl-erp-reports {
        display: grid;

        grid-template-columns:
            repeat(3,1fr);

        gap: 17px;
    }

    .phcl-erp-report-card {
        padding: 27px;

        border:
            1px solid var(--erp-border);

        border-radius: 18px;

        background: #fff;
    }

    .phcl-erp-report-icon {
        width: 46px;
        height: 46px;

        display: grid;
        place-items: center;

        margin-bottom: 17px;

        border-radius: 12px;

        color: #2563eb;

        background: #eaf2ff;

        font-size: 18px;
    }

    .phcl-erp-report-card h3 {
        margin: 0 0 9px;

        color: #263247;

        font-size: 16px;
    }

    .phcl-erp-report-card p {
        margin: 0;

        color: #8290a2;

        font-size: 12px;

        line-height: 1.7;
    }


    /* =========================================================
       CTA
    ========================================================= */

    .phcl-erp-cta {
        padding: 95px 0;

        background:
            radial-gradient(
                circle at 10% 20%,
                rgba(6,182,212,.22),
                transparent 28%
            ),
            radial-gradient(
                circle at 90% 80%,
                rgba(37,99,235,.30),
                transparent 30%
            ),
            #07111f;
    }

    .phcl-erp-cta-box {
        padding: 65px;

        text-align: center;

        border:
            1px solid rgba(255,255,255,.10);

        border-radius: 25px;

        background:
            rgba(255,255,255,.035);
    }

    .phcl-erp-cta-box h2 {
        max-width: 820px;

        margin: 0 auto 17px;

        color: #fff;

        font-size:
            clamp(34px,4vw,52px);

        line-height: 1.08;

        letter-spacing: -.045em;
    }

    .phcl-erp-cta-box p {
        max-width: 680px;

        margin: 0 auto 30px;

        color: #8fa0b8;

        font-size: 16px;

        line-height: 1.75;
    }


    /* =========================================================
       RESPONSIVE
    ========================================================= */

    @media(max-width:1000px) {

        .phcl-erp-hero-grid,
        .phcl-erp-workflow,
        .phcl-erp-hr,
        .phcl-erp-unified {
            grid-template-columns: 1fr;
        }

        .phcl-erp-dashboard-wrap {
            width: 100%;
            max-width: 700px;

            margin: 15px auto 0;
        }

        .phcl-erp-modules {
            grid-template-columns:
                repeat(2,1fr);
        }

        .phcl-erp-inventory-grid {
            grid-template-columns: 1fr;
        }

        .phcl-erp-reports {
            grid-template-columns:
                repeat(2,1fr);
        }
    }


    @media(max-width:700px) {

        .phcl-erp-container {
            width:
                min(
                    100% - 28px,
                    1180px
                );
        }

        .phcl-erp-hero {
            padding: 70px 0;
        }

        .phcl-erp-hero h1 {
            font-size: 43px;
        }

        .phcl-erp-hero-description {
            font-size: 16px;
        }

        .phcl-erp-dashboard {
            transform: none;
        }

        .phcl-erp-floating {
            right: 7px;
            bottom: 15px;
        }

        .phcl-erp-stats-grid {
            grid-template-columns:
                repeat(2,1fr);

            gap: 20px 0;
        }

        .phcl-erp-stat-item:nth-child(2) {
            border-right: 0;
        }

        .phcl-erp-modules {
            grid-template-columns: 1fr;
        }

        .phcl-erp-section {
            padding: 70px 0;
        }

        .phcl-erp-flow {
            grid-template-columns:
                1fr;
        }

        .phcl-erp-flow-arrow {
            display: none;
        }

        .phcl-erp-hr-stats {
            grid-template-columns:
                repeat(2,1fr);
        }

        .phcl-erp-reports {
            grid-template-columns: 1fr;
        }

        .phcl-erp-cta-box {
            padding: 45px 22px;
        }
    }


    @media(max-width:480px) {

        .phcl-erp-actions {
            flex-direction: column;
        }

        .phcl-erp-btn {
            width: 100%;
        }

        .phcl-erp-dashboard-content {
            padding: 10px;
        }

        .phcl-erp-stat-grid {
            gap: 6px;
        }

        .phcl-erp-stat {
            padding: 10px;
        }

        .phcl-erp-stat strong {
            font-size: 16px;
        }

        .phcl-erp-dashboard-bottom {
            grid-template-columns: 1fr;
        }

        .phcl-erp-stock-item {
            grid-template-columns:
                1.2fr .6fr;
        }

        .phcl-stock-item > div:nth-child(3) {
            display: none;
        }

        .phcl-erp-module-node {
            width: 88px;
            height: 84px;
        }

        .phcl-erp-core {
            width: 125px;
            height: 125px;
        }
    }