.phcl-school-page {
        --school-primary: #4f46e5;
        --school-primary-2: #7c3aed;
        --school-cyan: #06b6d4;
        --school-green: #16a34a;
        --school-orange: #f59e0b;
        --school-red: #ef4444;

        --school-dark: #08111f;
        --school-dark-2: #0d192b;

        --school-text: #172033;
        --school-muted: #66758a;

        --school-border: #e4e9f1;
        --school-light: #f6f8fc;
        --school-white: #fff;

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

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

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

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

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


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

    .phcl-school-hero {
        position: relative;
        overflow: hidden;

        padding: 105px 0 95px;

        background:
            radial-gradient(
                circle at 88% 15%,
                rgba(79,70,229,.18),
                transparent 30%
            ),
            radial-gradient(
                circle at 8% 80%,
                rgba(6,182,212,.13),
                transparent 28%
            ),
            linear-gradient(
                135deg,
                #f8faff 0%,
                #eef3ff 100%
            );
    }

    .phcl-school-hero::before {
        content: "";

        position: absolute;
        inset: 0;

        background-image:
            linear-gradient(
                rgba(79,70,229,.045) 1px,
                transparent 1px
            ),
            linear-gradient(
                90deg,
                rgba(79,70,229,.045) 1px,
                transparent 1px
            );

        background-size: 44px 44px;

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

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

        display: grid;

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

        align-items: center;

        gap: 65px;
    }

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

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

        border:
            1px solid rgba(79,70,229,.16);

        border-radius: 50px;

        color: var(--school-primary);

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

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

        letter-spacing: .055em;

        text-transform: uppercase;

        backdrop-filter: blur(10px);
    }

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

        border-radius: 50%;

        background: #22c55e;

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

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

        margin: 0 0 22px;

        color: var(--school-dark);

        font-size: clamp(44px,5vw,70px);

        line-height: 1.02;

        letter-spacing: -.055em;

        font-weight: 850;
    }

    .phcl-school-gradient {
        background:
            linear-gradient(
                90deg,
                #4f46e5,
                #06b6d4
            );

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

        color: transparent;
    }

    .phcl-school-hero-description {
        max-width: 600px;

        margin: 0 0 30px;

        color: #59687c;

        font-size: 18px;

        line-height: 1.75;
    }

    .phcl-school-actions {
        display: flex;

        flex-wrap: wrap;

        gap: 12px;

        margin-bottom: 29px;
    }

    .phcl-school-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-school-btn-primary {
        color: #fff;

        background:
            linear-gradient(
                135deg,
                #4f46e5,
                #06b6d4
            );

        box-shadow:
            0 15px 35px rgba(79,70,229,.23);
    }

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

        box-shadow:
            0 20px 42px rgba(79,70,229,.31);
    }

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

        border:
            1px solid #d8e0eb;

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

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

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

        transform: translateY(-3px);
    }

    .phcl-school-trust {
        display: flex;

        align-items: center;

        gap: 10px;

        color: #7a8798;

        font-size: 12px;
    }

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

        display: grid;

        place-items: center;

        border-radius: 9px;

        color: #4f46e5;

        background: #ebeaff;

        font-size: 14px;
    }


    /* =========================================================
       SCHOOL DASHBOARD
    ========================================================= */

    .phcl-school-dashboard-wrap {
        position: relative;

        perspective: 1200px;
    }

    .phcl-school-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(79,70,229,.11);

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

        transition: .5s ease;
    }

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

    .phcl-school-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-school-dots {
        display: flex;
        gap: 6px;
    }

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

        border-radius: 50%;

        background: #334155;
    }

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

        font-size: 12px;

        font-weight: 750;
    }

    .phcl-school-live {
        display: flex;

        align-items: center;

        gap: 6px;

        color: #4ade80;

        font-size: 9px;

        font-weight: 800;
    }

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

        border-radius: 50%;

        background: #4ade80;

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

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

    .phcl-school-dashboard-heading {
        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 14px;
    }

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

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

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

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

        gap: 8px;

        margin-bottom: 10px;
    }

    .phcl-school-stat-card {
        padding: 12px;

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

        border-radius: 10px;

        background: #111f33;
    }

    .phcl-school-stat-card span {
        display: block;

        color: #718096;

        font-size: 8px;

        text-transform: uppercase;
    }

    .phcl-school-stat-card strong {
        display: block;

        margin-top: 5px;

        color: #fff;

        font-size: 18px;
    }

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

        font-size: 8px;
    }


    /* Student Table */

    .phcl-student-table {
        overflow: hidden;

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

        border-radius: 11px;

        background: #111f33;
    }

    .phcl-student-table-head,
    .phcl-student-row {
        display: grid;

        grid-template-columns:
            1.35fr
            .9fr
            .75fr
            .65fr;
    }

    .phcl-student-table-head {
        padding: 11px 13px;

        color: #64748b;

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

        font-size: 8px;

        text-transform: uppercase;
    }

    .phcl-student-row {
        align-items: center;

        padding: 10px 13px;

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

        color: #b8c3d4;

        font-size: 9px;
    }

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

    .phcl-student {
        display: flex;

        align-items: center;

        gap: 7px;
    }

    .phcl-student-avatar {
        width: 25px;
        height: 25px;

        display: grid;

        place-items: center;

        border-radius: 8px;

        color: #dbeafe;

        background: #253c68;

        font-size: 9px;

        font-weight: 800;
    }

    .phcl-performance {
        display: inline-flex;

        width: fit-content;

        padding: 4px 7px;

        border-radius: 20px;

        color: #4ade80;

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

        font-size: 7px;

        font-weight: 800;
    }

    .phcl-performance-average {
        color: #fbbf24;

        background:
            rgba(245,158,11,.10);
    }

    .phcl-dashboard-bottom {
        display: flex;

        justify-content: space-between;

        margin-top: 10px;

        padding: 12px 14px;

        border-radius: 10px;

        color: #8fa0b5;

        background: #111f33;

        font-size: 9px;
    }

    .phcl-dashboard-bottom strong {
        color: #fff;
    }


    /* Floating AI card */

    .phcl-ai-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:
            phclSchoolFloat 4s ease-in-out infinite;
    }

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

        justify-content: space-between;

        margin-bottom: 11px;
    }

    .phcl-ai-floating-top strong {
        color: #263247;

        font-size: 10px;
    }

    .phcl-ai-badge {
        padding: 4px 7px;

        border-radius: 20px;

        color: #4f46e5;

        background: #eeedff;

        font-size: 7px;

        font-weight: 800;
    }

    .phcl-ai-report-row {
        display: flex;

        align-items: center;

        gap: 9px;
    }

    .phcl-ai-score {
        width: 39px;
        height: 39px;

        display: grid;

        place-items: center;

        border-radius: 11px;

        color: #fff;

        background:
            linear-gradient(
                135deg,
                #4f46e5,
                #06b6d4
            );

        font-size: 12px;

        font-weight: 800;
    }

    .phcl-ai-report-row strong {
        display: block;

        color: #263247;

        font-size: 9px;
    }

    .phcl-ai-report-row small {
        display: block;

        margin-top: 3px;

        color: #8995a6;

        font-size: 8px;
    }

    @keyframes phclSchoolFloat {

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

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


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

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

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

        background: #fff;
    }

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

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

    .phcl-school-stat {
        padding: 5px 25px;

        text-align: center;

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

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

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

        color: var(--school-dark);

        font-size: 27px;

        letter-spacing: -.04em;
    }

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

        font-size: 12px;
    }


    /* =========================================================
       SECTION
    ========================================================= */

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

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

    .phcl-school-section-heading {
        max-width: 760px;

        margin: 0 auto 55px;

        text-align: center;
    }

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

        color: var(--school-dark);

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

        line-height: 1.08;

        letter-spacing: -.045em;
    }

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

        color: var(--school-muted);

        font-size: 16px;

        line-height: 1.75;
    }


    /* =========================================================
       FEATURES
    ========================================================= */

    .phcl-school-features {
        display: grid;

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

        gap: 18px;
    }

    .phcl-school-feature {
        position: relative;

        overflow: hidden;

        padding: 29px;

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

        border-radius: 18px;

        background: #fff;

        transition: .3s ease;
    }

    .phcl-school-feature:hover {
        transform: translateY(-6px);

        border-color:
            rgba(79,70,229,.22);

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

    .phcl-school-feature-icon {
        width: 51px;
        height: 51px;

        display: grid;

        place-items: center;

        margin-bottom: 20px;

        border-radius: 14px;

        color: var(--school-primary);

        background: #edecff;

        font-size: 21px;
    }

    .phcl-school-feature h3 {
        margin: 0 0 10px;

        color: var(--school-dark);

        font-size: 18px;
    }

    .phcl-school-feature p {
        margin: 0;

        color: var(--school-muted);

        font-size: 14px;

        line-height: 1.7;
    }


    /* =========================================================
       ROLE BASED SYSTEM
    ========================================================= */

    .phcl-school-roles {
        display: grid;

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

        gap: 15px;
    }

    .phcl-school-role {
        padding: 27px 20px;

        text-align: center;

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

        border-radius: 17px;

        background: #fff;

        transition: .3s ease;
    }

    .phcl-school-role:hover {
        transform: translateY(-5px);

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

    .phcl-school-role-icon {
        width: 49px;
        height: 49px;

        display: grid;

        place-items: center;

        margin: 0 auto 15px;

        border-radius: 13px;

        color: #4f46e5;

        background: #eeedff;

        font-size: 20px;
    }

    .phcl-school-role h3 {
        margin: 0 0 7px;

        color: #263247;

        font-size: 15px;
    }

    .phcl-school-role p {
        margin: 0;

        color: #8592a4;

        font-size: 10px;

        line-height: 1.6;
    }


    /* =========================================================
       GOVERNMENT SCHOOL
    ========================================================= */

    .phcl-school-government {
        background: #07111f;
        color: #fff;
    }

    .phcl-school-government-layout {
        display: grid;

        grid-template-columns:
            .9fr 1.1fr;

        gap: 75px;

        align-items: center;
    }

    .phcl-school-government-copy h2 {
        margin: 0 0 17px;

        color: #fff;

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

        line-height: 1.08;

        letter-spacing: -.045em;
    }

    .phcl-school-government-copy > p {
        margin: 0 0 28px;

        color: #91a1b7;

        font-size: 16px;

        line-height: 1.8;
    }

    .phcl-government-list {
        display: grid;

        gap: 13px;

        padding: 0;

        margin: 0;

        list-style: none;
    }

    .phcl-government-list li {
        display: flex;

        gap: 10px;

        color: #b8c5d6;

        font-size: 13px;
    }

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

        color: #4ade80;

        font-weight: 800;
    }


    /* Government Architecture */

    .phcl-government-visual {
        position: relative;

        padding: 28px;

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

        border-radius: 23px;

        background:
            radial-gradient(
                circle at center,
                rgba(79,70,229,.13),
                transparent 58%
            ),
            #0c192b;
    }

    .phcl-government-title {
        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 25px;
    }

    .phcl-government-title strong {
        color: #fff;

        font-size: 13px;
    }

    .phcl-government-title span {
        color: #4ade80;

        font-size: 8px;

        font-weight: 800;
    }

    .phcl-government-flow {
        display: grid;

        grid-template-columns:
            1fr auto 1.15fr auto 1fr;

        align-items: center;

        gap: 10px;
    }

    .phcl-government-box {
        min-height: 125px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        padding: 13px;

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

        border-radius: 14px;

        text-align: center;

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

    .phcl-government-box-icon {
        width: 43px;
        height: 43px;

        display: grid;

        place-items: center;

        margin-bottom: 9px;

        border-radius: 11px;

        color: #67e8f9;

        background:
            rgba(6,182,212,.09);

        font-size: 18px;
    }

    .phcl-government-box strong {
        color: #fff;

        font-size: 10px;
    }

    .phcl-government-box small {
        margin-top: 5px;

        color: #71839a;

        font-size: 7px;
    }

    .phcl-government-arrow {
        color: #38bdf8;

        font-size: 19px;

        font-weight: 800;
    }


    /* =========================================================
       AI REPORT
    ========================================================= */

    .phcl-ai-section {
        display: grid;

        grid-template-columns:
            1.05fr .95fr;

        gap: 70px;

        align-items: center;
    }

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

        color: var(--school-dark);

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

        line-height: 1.08;

        letter-spacing: -.045em;
    }

    .phcl-ai-copy > p {
        margin: 0 0 27px;

        color: var(--school-muted);

        font-size: 16px;

        line-height: 1.8;
    }

    .phcl-ai-points {
        display: grid;

        gap: 13px;

        padding: 0;

        margin: 0;

        list-style: none;
    }

    .phcl-ai-points li {
        display: flex;

        align-items: flex-start;

        gap: 10px;

        color: #526176;

        font-size: 13px;
    }

    .phcl-ai-points li::before {
        content: "✦";

        color: #4f46e5;

        font-weight: 800;
    }


    /* AI Report Card */

    .phcl-report-card {
        position: relative;

        overflow: hidden;

        padding: 25px;

        border:
            1px solid #dce5f0;

        border-radius: 22px;

        background: #fff;

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

    .phcl-report-card::before {
        content: "";

        position: absolute;

        width: 180px;
        height: 180px;

        right: -70px;
        top: -70px;

        border-radius: 50%;

        background:
            rgba(79,70,229,.08);
    }

    .phcl-report-header {
        position: relative;

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding-bottom: 16px;

        border-bottom:
            1px solid #e7ebf1;
    }

    .phcl-report-header strong {
        color: #263247;

        font-size: 14px;
    }

    .phcl-report-badge {
        padding: 6px 9px;

        border-radius: 20px;

        color: #4f46e5;

        background: #edecff;

        font-size: 7px;

        font-weight: 800;
    }

    .phcl-report-student {
        display: flex;

        align-items: center;

        gap: 11px;

        margin-top: 17px;
    }

    .phcl-report-avatar {
        width: 43px;
        height: 43px;

        display: grid;

        place-items: center;

        border-radius: 12px;

        color: #fff;

        background:
            linear-gradient(
                135deg,
                #4f46e5,
                #06b6d4
            );

        font-size: 14px;

        font-weight: 800;
    }

    .phcl-report-student strong {
        display: block;

        color: #263247;

        font-size: 11px;
    }

    .phcl-report-student small {
        display: block;

        margin-top: 3px;

        color: #8996a7;

        font-size: 8px;
    }

    .phcl-report-metrics {
        display: grid;

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

        gap: 8px;

        margin-top: 18px;
    }

    .phcl-report-metric {
        padding: 12px;

        border-radius: 11px;

        background: #f6f8fb;
    }

    .phcl-report-metric span {
        display: block;

        color: #8996a7;

        font-size: 8px;
    }

    .phcl-report-metric strong {
        display: block;

        margin-top: 5px;

        color: #263247;

        font-size: 16px;
    }

    .phcl-report-summary {
        margin-top: 13px;

        padding: 14px;

        border:
            1px solid #e4e9f0;

        border-radius: 12px;

        background: #fbfcfe;
    }

    .phcl-report-summary strong {
        display: block;

        margin-bottom: 7px;

        color: #263247;

        font-size: 9px;
    }

    .phcl-report-summary p {
        margin: 0;

        color: #7b8899;

        font-size: 9px;

        line-height: 1.7;
    }


    /* =========================================================
       AFFORDABLE PLAN
    ========================================================= */

    .phcl-pricing-section {
        background:
            linear-gradient(
                135deg,
                #f7f8ff,
                #eefcff
            );
    }

    .phcl-pricing-card {
        position: relative;

        max-width: 760px;

        margin: auto;

        padding: 38px;

        overflow: hidden;

        border:
            1px solid #dce4f0;

        border-radius: 23px;

        background: #fff;

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

    .phcl-pricing-card::before {
        content: "";

        position: absolute;

        width: 250px;
        height: 250px;

        right: -120px;
        top: -120px;

        border-radius: 50%;

        background:
            rgba(79,70,229,.08);
    }

    .phcl-pricing-content {
        position: relative;

        display: grid;

        grid-template-columns:
            .75fr 1.25fr;

        gap: 35px;

        align-items: center;
    }

    .phcl-pricing-label {
        color: #4f46e5;

        font-size: 11px;

        font-weight: 800;

        text-transform: uppercase;

        letter-spacing: .07em;
    }

    .phcl-pricing-card h3 {
        margin: 9px 0 10px;

        color: #172033;

        font-size: 27px;

        letter-spacing: -.035em;
    }

    .phcl-pricing-card > div > p {
        margin: 0;

        color: #758397;

        font-size: 12px;

        line-height: 1.7;
    }

    .phcl-pricing-features {
        display: grid;

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

        gap: 11px;

        padding: 0;

        margin: 0;

        list-style: none;
    }

    .phcl-pricing-features li {
        display: flex;

        gap: 8px;

        color: #526176;

        font-size: 11px;
    }

    .phcl-pricing-features li::before {
        content: "✓";

        color: #16a34a;

        font-weight: 800;
    }


    /* =========================================================
       SUPPORT
    ========================================================= */

    .phcl-support-grid {
        display: grid;

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

        gap: 17px;
    }

    .phcl-support-card {
        padding: 28px;

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

        border-radius: 18px;

        background: #fff;

        text-align: center;
    }

    .phcl-support-icon {
        width: 52px;
        height: 52px;

        display: grid;

        place-items: center;

        margin: 0 auto 17px;

        border-radius: 14px;

        color: #4f46e5;

        background: #edecff;

        font-size: 20px;
    }

    .phcl-support-card h3 {
        margin: 0 0 8px;

        color: #263247;

        font-size: 17px;
    }

    .phcl-support-card p {
        margin: 0;

        color: #8290a2;

        font-size: 12px;

        line-height: 1.7;
    }


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

    .phcl-school-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(79,70,229,.30),
                transparent 30%
            ),
            #07111f;
    }

    .phcl-school-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-school-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-school-cta-box p {
        max-width: 670px;

        margin: 0 auto 30px;

        color: #8fa0b8;

        font-size: 16px;

        line-height: 1.75;
    }


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

    @media(max-width:1000px) {

        .phcl-school-hero-grid,
        .phcl-school-government-layout,
        .phcl-ai-section {
            grid-template-columns: 1fr;
        }

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

            margin: 15px auto 0;
        }

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

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

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


    @media(max-width:700px) {

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

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

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

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

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

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

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

            gap: 20px 0;
        }

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

        .phcl-school-features {
            grid-template-columns: 1fr;
        }

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

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

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

        .phcl-government-arrow {
            transform: rotate(90deg);
            text-align: center;
        }

        .phcl-pricing-content {
            grid-template-columns: 1fr;
        }

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

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

        .phcl-student-table-head,
        .phcl-student-row {
            grid-template-columns:
                1.3fr
                .8fr
                .7fr;
        }

        .phcl-student-table-head div:nth-child(3),
        .phcl-student-row > div:nth-child(3) {
            display: none;
        }
    }


    @media(max-width:480px) {

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

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

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

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

        .phcl-school-stat-card {
            padding: 10px;
        }

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

        .phcl-school-roles {
            grid-template-columns: 1fr;
        }

        .phcl-pricing-card {
            padding: 25px 20px;
        }

        .phcl-pricing-features {
            grid-template-columns: 1fr;
        }

        .phcl-report-metrics {
            grid-template-columns:
                repeat(3,1fr);
        }
    }