/* =====================================================
   PGIF ABOUT PAGE - GLOBAL STYLE BASE
===================================================== */

/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* BODY */
body {
    font-family: "Poppins", sans-serif;
    background: #ffffff;
    color: #1f2937;
    line-height: 1.6;
    overflow-x: hidden;
}

/* LINKS */
a {
    text-decoration: none;
    color: inherit;
}

/* SECTION DEFAULT SPACING */
section {
    padding: 100px 8%;
    position: relative;
}

/* PAGE HEADING STYLE SYSTEM */
.pgif-title {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
}

.pgif-subtitle {
    font-size: 16px;
    text-align: center;
    color: #6b7280;
    max-width: 700px;
    margin: 15px auto 0;
}

/* LABEL TAG (SMALL HIGHLIGHT TEXT) */
.pgif-label {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #1976D2;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* CONTAINER SYSTEM */
.pgif-container {
    max-width: 1200px;
    margin: auto;
}

/* FLEX HELPERS */
.pgif-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

/* GRID HELPERS */
.pgif-grid {
    display: grid;
    gap: 25px;
}

/* CARD BASE STYLE */
.pgif-card {
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: 0.3s ease;
}

.pgif-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* ICON STYLE */
.pgif-icon {
    font-size: 28px;
    margin-bottom: 10px;
    color: #1976D2;
}

/* RESPONSIVE */
@media (max-width: 900px) {

    section {
        padding: 70px 5%;
    }

    .pgif-flex {
        flex-direction: column;
    }

    .pgif-title {
        font-size: 32px;
    }
}


/* =====================================================
   ABOUT HERO SECTION
===================================================== */

.pgif-about-hero{
    position:relative;
    min-height:85vh;
    display:flex;
    align-items:center;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1976D2,
        #7B1FA2,
        #4CAF50
    );

    color:#fff;
}

/* SHAPES */
.pgif-about-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:.22;
    animation:aboutFloat 8s ease-in-out infinite;
}

.shape-one{
    width:320px;
    height:320px;
    background:#FBC02D;
    top:-100px;
    left:-80px;
}

.shape-two{
    width:300px;
    height:300px;
    background:#D32F2F;
    bottom:-120px;
    right:-80px;
}

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

    50%{
        transform:translateY(25px);
    }
}

/* CONTENT */
.pgif-about-hero-content{
    position:relative;
    z-index:2;
    max-width:750px;
}

/* TITLE */
.pgif-about-hero h1{
    font-size:58px;
    line-height:1.15;
    margin:15px 0;
}

/* TEXT */
.pgif-about-hero p{
    font-size:17px;
    line-height:1.8;
    color:rgba(255,255,255,.9);
    max-width:650px;
}

/* BUTTONS */
.pgif-about-buttons{
    display:flex;
    gap:16px;
    margin-top:30px;
    flex-wrap:wrap;
}

/* PRIMARY BUTTON */
.pgif-about-btn-primary{
    padding:13px 24px;
    background:#FBC02D;
    color:#000;
    border-radius:40px;
    font-weight:600;
    transition:.3s ease;
}

.pgif-about-btn-primary:hover{
    transform:translateY(-4px);
    background:#ffd54f;
}

/* SECONDARY BUTTON */
.pgif-about-btn-secondary{
    padding:13px 24px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:40px;
    color:#fff;
    transition:.3s ease;
    backdrop-filter:blur(8px);
}

.pgif-about-btn-secondary:hover{
    background:#fff;
    color:#1976D2;
    transform:translateY(-4px);
}

/* RESPONSIVE */
@media(max-width:900px){

    .pgif-about-hero{
        min-height:75vh;
    }

    .pgif-about-hero h1{
        font-size:38px;
    }

    .pgif-about-hero p{
        font-size:15px;
    }

}



/* =====================================================
   WHO WE ARE - PRO PREMIUM VERSION
===================================================== */

.pgif-who-pro{
    position:relative;
    padding:120px 8%;
    overflow:hidden;
    background:#ffffff;
}

/* BACKGROUND BLOBS */
.pgif-who-bg{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    opacity:.12;
    animation:floatPro 10s ease-in-out infinite;
}

.blob-1{
    width:320px;
    height:320px;
    background:#1976D2;
    top:-120px;
    left:-100px;
}

.blob-2{
    width:350px;
    height:350px;
    background:#7B1FA2;
    bottom:-120px;
    right:-120px;
}

@keyframes floatPro{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(25px);}
}

/* INTRO */
.pgif-who-intro{
    text-align:center;
    max-width:800px;
    margin:auto;
}

.pgif-who-intro h2{
    font-size:44px;
    margin:15px 0;
    line-height:1.2;
}

.pgif-who-intro p{
    color:#4b5563;
    line-height:1.8;
}

/* GLASS CARD */
.pgif-who-glass{
    margin-top:60px;
    padding:40px;
    border-radius:25px;

    background:rgba(255,255,255,.6);
    backdrop-filter:blur(15px);

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

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

    text-align:center;
}

.pgif-who-glass h3{
    font-size:24px;
    margin-bottom:15px;
}

.pgif-who-glass p{
    color:#4b5563;
    line-height:1.8;
}

/* BADGES */
.pgif-badges{
    margin-top:20px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}

.pgif-badges span{
    padding:8px 14px;
    border-radius:30px;
    font-size:12px;

    background:#f3f4f6;
    color:#374151;

    transition:.3s;
}

.pgif-badges span:hover{
    background:#1976D2;
    color:#fff;
}

/* FEATURE CARDS */
.pgif-who-features{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.feature-card{
    padding:30px;
    border-radius:22px;
    color:#fff;

    transition:.3s ease;
    box-shadow:0 20px 40px rgba(0,0,0,.1);
}

.feature-card:hover{
    transform:translateY(-10px);
}

.feature-card i{
    font-size:28px;
    margin-bottom:15px;
}

.feature-card h4{
    margin-bottom:10px;
}

/* COLORS */
.feature-card.blue{background:linear-gradient(135deg,#1976D2,#42A5F5);}
.feature-card.purple{background:linear-gradient(135deg,#7B1FA2,#BA68C8);}
.feature-card.green{background:linear-gradient(135deg,#2E7D32,#66BB6A);}

/* QUOTE */
.pgif-who-quote{
    margin-top:70px;
    text-align:center;
    font-size:22px;
    font-style:italic;
    color:#111827;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
}

/* RESPONSIVE */
@media(max-width:900px){

    .pgif-who-features{
        grid-template-columns:1fr;
    }

    .pgif-who-intro h2{
        font-size:32px;
    }

}


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

.purpose-section{

    padding:90px 60px;

    background:#f7f4ef;

}

.purpose-header{

    text-align:center;

    max-width:760px;

    margin:0 auto 60px;

}

.purpose-tag{

    display:inline-block;

    background:#23473b;

    color:#fff;

    padding:8px 20px;

    border-radius:30px;

    letter-spacing:2px;

    font-size:.8rem;

    margin-bottom:20px;

}

.purpose-header h2{

    font-size:3rem;

    color:#23473b;

    line-height:1.2;

    margin-bottom:20px;

    font-family:Georgia,serif;

}

.purpose-header p{

    color:#666;

    line-height:1.9;

}

/*====================*/

.purpose-layout{

    display:grid;

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

    gap:35px;

    align-items:start;

}

/*====================*/

.mission-panel,
.vision-panel{

    background:#fff;

    border-radius:24px;

    padding:35px;

    box-shadow:0 18px 45px rgba(0,0,0,.06);

    transition:.35s;

}

.mission-panel{

    border-left:6px solid #c89b62;

}

.vision-panel{

    position:relative;

    overflow:hidden;

}

.mission-panel:hover,
.vision-panel:hover{

    transform:translateY(-8px);

}

/*====================*/

.panel-top{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:30px;

}

.panel-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#23473b;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:1.3rem;

}

.panel-label{

    color:#c89b62;

    text-transform:uppercase;

    font-size:.8rem;

    letter-spacing:2px;

}

.panel-top h3{

    color:#23473b;

    font-size:2rem;

    margin-top:5px;

}

.panel-text{

    line-height:2;
    color:#555;
    margin-bottom:30px;

}

/*====================*/

.mission-items{

    display:grid;

    gap:18px;

}

.mission-item{

    display:flex;

    align-items:center;

    gap:15px;

}

.mission-item i{

    color:#c89b62;

    font-size:1rem;

}

/*====================*/

.vision-panel::before{

    content:"“";

    position:absolute;

    right:20px;

    top:5px;

    font-size:180px;

    color:#f4f0ea;

    font-family:serif;

}

blockquote{

    margin:30px 0;

    font-size:1.35rem;

    line-height:1.8;

    color:#23473b;

    font-style:italic;

    position:relative;

    z-index:2;

}

.vision-footer{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

    margin-top:35px;

}

.vision-footer div{

    background:#f8f8f8;

    border-radius:16px;

    padding:20px;

}

.vision-footer strong{

    display:block;

    color:#23473b;

    margin-bottom:8px;

}

.vision-footer span{

    color:#777;

}

/*====================*/

@media(max-width:991px){

.purpose-layout{

grid-template-columns:1fr;

}

.purpose-header h2{

font-size:2.3rem;

}

}

@media(max-width:576px){

.purpose-section{

padding:70px 0;

}

.mission-panel,
.vision-panel{

padding:28px;

}

.purpose-header h2{

font-size:1.9rem;

}

blockquote{

font-size:1.1rem;

}

.vision-footer{

grid-template-columns:1fr;

}

}


/* =====================================================
   CORE VALUES - FLOWING ECOSYSTEM DESIGN
===================================================== */

.pgif-core-flow{
    position:relative;
    padding:140px 8%;
    overflow:hidden;
    background:linear-gradient(135deg,#f9fafb,#ffffff);
}

/* CURVED FLOW BACKGROUND */
.pgif-flow-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 30%, rgba(25,118,210,.15), transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(123,31,162,.15), transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(76,175,80,.10), transparent 60%);

    filter:blur(20px);
    animation:flowMove 10s ease-in-out infinite;
}

@keyframes flowMove{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(20px);}
}

/* HEADER */
.pgif-flow-header{
    text-align:center;
    max-width:750px;
    margin:auto;
    position:relative;
    z-index:2;
}

.pgif-flow-header h2{
    font-size:42px;
    margin:10px 0;
}

.pgif-flow-header p{
    color:#6b7280;
    line-height:1.7;
}

/* NODES CONTAINER */
.pgif-flow-nodes{
    margin-top:70px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:25px;
    position:relative;
    z-index:2;
}

/* NODE BASE */
.node{
    width:130px;
    height:130px;
    border-radius:50%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.6);
    backdrop-filter:blur(12px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

    transition:.4s ease;
    animation:floatNode 5s ease-in-out infinite;
}

.node i{
    font-size:22px;
    margin-bottom:8px;
}

.node span{
    font-size:13px;
    font-weight:600;
}

/* FLOAT ANIMATION */
@keyframes floatNode{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
}

/* HOVER EFFECT */
.node:hover{
    transform:scale(1.12);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* COLORS */
.node-blue i{color:#1976D2;}
.node-purple i{color:#7B1FA2;}
.node-green i{color:#4CAF50;}
.node-orange i{color:#FBC02D;}
.node-pink i{color:#D32F2F;}
.node-teal i{color:#009688;}

/* RESPONSIVE */
@media(max-width:900px){

    .pgif-flow-header h2{
        font-size:30px;
    }

    .node{
        width:110px;
        height:110px;
    }

}


/* =====================================================
   TRANSFORMATION MODEL - CINEMATIC PRO
===================================================== */

.pgif-transform-pro{
    position:relative;
    padding:140px 8%;
    overflow:hidden;
    background:#ffffff;
}

/* BACKGROUND GLOW */
.pgif-transform-bg{
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at 20% 30%, rgba(25,118,210,.15), transparent 40%),
        radial-gradient(circle at 80% 40%, rgba(123,31,162,.15), transparent 40%),
        radial-gradient(circle at 50% 80%, rgba(76,175,80,.12), transparent 50%);

    filter:blur(30px);
    animation:floatBg 10s ease-in-out infinite;
}

@keyframes floatBg{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(25px);}
}

/* HEADER */
.pgif-transform-header{
    text-align:center;
    max-width:800px;
    margin:auto;
    position:relative;
    z-index:2;
}

.pgif-transform-header h2{
    font-size:42px;
    margin:10px 0;
}

.pgif-transform-header p{
    color:#6b7280;
    line-height:1.7;
}

/* PATH WRAPPER */
.pgif-transform-path{
    margin-top:80px;
    position:relative;
    height:320px;
}

/* SVG */
.curve-svg{
    width:100%;
    height:200px;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

/* ENERGY DOT ANIMATION IS INSIDE SVG */

/* NODES */
.t-node{
    position:absolute;
    width:180px;
    padding:18px;
    border-radius:18px;

    background:rgba(255,255,255,.7);
    backdrop-filter:blur(12px);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    text-align:center;

    transition:.3s ease;
    z-index:2;
}

.t-node:hover{
    transform:translateY(-10px) scale(1.03);
}

/* DOTS */
.dot{
    width:14px;
    height:14px;
    border-radius:50%;
    margin:0 auto 10px;
}

.blue{background:#1976D2;}
.purple{background:#7B1FA2;}
.green{background:#4CAF50;}
.gold{background:#FBC02D;}

/* NODE POSITIONS ALONG CURVE */
.node-1{top:120px; left:5%;}
.node-2{top:40px; left:30%;}
.node-3{top:120px; left:55%;}
.node-4{top:40px; left:80%;}

/* TEXT */
.t-node h4{
    font-size:16px;
    margin-bottom:8px;
}

.t-node p{
    font-size:13px;
    color:#4b5563;
    line-height:1.5;
}

/* RESPONSIVE */
@media(max-width:900px){

    .pgif-transform-path{
        height:auto;
    }

    .curve-svg{
        position:relative;
    }

    .t-node{
        position:relative;
        width:100%;
        margin-bottom:20px;
        left:auto !important;
        top:auto !important;
    }

    .pgif-transform-header h2{
        font-size:30px;
    }
}



/* =====================================================
   GOVERNANCE STRUCTURE - PREMIUM NETWORK
===================================================== */

.pgif-governance{
    position:relative;
    padding:140px 8%;
    overflow:hidden;
    background:#f9fafb;
}

/* BACKGROUND GLOW */
.pgif-governance-bg{
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at 20% 30%, rgba(25,118,210,.14), transparent 40%),
        radial-gradient(circle at 80% 40%, rgba(123,31,162,.14), transparent 40%),
        radial-gradient(circle at 50% 80%, rgba(76,175,80,.10), transparent 50%);

    filter:blur(30px);

    animation:gMove 10s ease-in-out infinite;
}

@keyframes gMove{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(20px);}
}

/* HEADER */
.pgif-governance-header{
    text-align:center;
    max-width:800px;
    margin:auto;
    position:relative;
    z-index:2;
}

.pgif-governance-header h2{
    font-size:42px;
    margin:10px 0;
}

.pgif-governance-header p{
    color:#6b7280;
    line-height:1.7;
}

/* NETWORK */
.pgif-governance-network{
    margin-top:80px;
    position:relative;
    z-index:2;
}

/* NODE */
.g-node{
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(14px);

    border-radius:22px;
    padding:25px;

    text-align:center;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.3s ease;
}

.g-node:hover{
    transform:translateY(-10px);
}

/* ICON */
.g-node i{
    font-size:28px;
    margin-bottom:14px;
}

/* COLORS */
.blue i{color:#1976D2;}
.purple i{color:#7B1FA2;}
.green i{color:#4CAF50;}
.gold i{color:#FBC02D;}
.red i{color:#D32F2F;}
.g-main i{color:#1976D2;}

/* TOP NODE */
.g-main{
    max-width:420px;
    margin:auto;
}

/* CONNECTORS */
.g-connector.vertical{
    width:4px;
    height:70px;
    background:linear-gradient(to bottom,#1976D2,#7B1FA2);
    margin:20px auto;
    border-radius:20px;
}

/* MIDDLE */
.g-middle-row{
    display:flex;
    justify-content:center;
    gap:30px;
}

/* CURVED LINE */
.g-curve-line{
    width:70%;
    height:80px;
    margin:20px auto;

    border-bottom:4px solid rgba(25,118,210,.3);
    border-left:4px solid transparent;
    border-right:4px solid transparent;

    border-radius:0 0 120px 120px;
}

/* BOTTOM */
.g-bottom-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

/* TEXT */
.g-node h4{
    margin-bottom:10px;
}

.g-node p{
    color:#4b5563;
    line-height:1.6;
    font-size:14px;
}

/* RESPONSIVE */
@media(max-width:900px){

    .g-middle-row,
    .g-bottom-row{
        grid-template-columns:1fr;
        display:grid;
    }

    .g-curve-line{
        display:none;
    }

    .pgif-governance-header h2{
        font-size:30px;
    }

}


/* =====================================================
   TEAM SECTION - BOXED PRO (GRADIENT EDGE)
===================================================== */

/* =====================================================
   HOME TEAM SECTION - PREMIUM GOVERNANCE UI
   Square 1:1 Image Cards
===================================================== */

.pgifHomeTeam{
    position:relative;
    overflow:hidden;
    padding:115px 0;
    background:
        radial-gradient(circle at 15% 15%, rgba(25,118,210,.10), transparent 32%),
        radial-gradient(circle at 85% 25%, rgba(123,31,162,.10), transparent 32%),
        radial-gradient(circle at 50% 85%, rgba(76,175,80,.09), transparent 35%),
        linear-gradient(135deg,#ffffff,#f8fbff);
}

.pgifHomeTeam *{
    box-sizing:border-box;
}

.pgifHomeTeamContainer{
    width:90%;
    max-width:1180px;
    margin:0 auto;
    position:relative;
    z-index:2;
}

/* BACKGROUND GLOWS */

.pgifHomeTeamGlow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(75px);
    opacity:.30;
    animation:pgifTeamFloat 8s ease-in-out infinite;
}

.pgifHomeTeamGlow--blue{
    width:260px;
    height:260px;
    background:#1976D2;
    left:-100px;
    top:110px;
}

.pgifHomeTeamGlow--purple{
    width:260px;
    height:260px;
    background:#7B1FA2;
    right:-110px;
    top:180px;
    animation-delay:.6s;
}

.pgifHomeTeamGlow--green{
    width:300px;
    height:300px;
    background:#4CAF50;
    left:45%;
    bottom:-130px;
    animation-delay:1s;
}

/* HEADER */

.pgifHomeTeamHeader{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
    animation:pgifTeamReveal .9s ease forwards;
}

.pgifHomeTeamLabel{
    display:inline-flex;
    padding:8px 14px;
    border-radius:999px;
    background:#eef6ff;
    color:#1976D2;
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.pgifHomeTeamHeader h2{
    font-size:42px;
    line-height:1.18;
    color:#111827;
    letter-spacing:-.8px;
    margin-bottom:16px;
}

.pgifHomeTeamHeader p{
    color:#6b7280;
    line-height:1.85;
    font-size:15px;
}

/* CEO FEATURE CARD */

.pgifHomeTeamCeo{
    position:relative;
    overflow:hidden;
    max-width:920px;
    margin:0 auto 70px;
    padding:32px;
    border-radius:36px;
    background:rgba(255,255,255,.90);
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 30px 90px rgba(0,0,0,.09);
    display:grid;
    grid-template-columns:230px 1fr;
    gap:34px;
    align-items:center;
    animation:pgifTeamReveal .9s ease .15s both;
}

.pgifHomeTeamCeo::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg,rgba(25,118,210,.10),rgba(123,31,162,.08),rgba(76,175,80,.08));
}

.pgifHomeTeamCeo::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    right:-80px;
    top:-80px;
    background:rgba(25,118,210,.13);
    filter:blur(12px);
}

.pgifHomeTeamCeoImage,
.pgifHomeTeamCeoContent{
    position:relative;
    z-index:2;
}

.pgifHomeTeamCeoImage{
    width:230px;
    aspect-ratio:1 / 1;
    border-radius:32px;
    padding:8px;
    background:linear-gradient(135deg,#1976D2,#7B1FA2,#4CAF50);
}

.pgifHomeTeamCeoImage img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:25px;
    border:5px solid #fff;
}

.pgifHomeTeamCeoContent span{
    display:inline-flex;
    padding:8px 13px;
    border-radius:999px;
    background:#1976D2;
    color:#fff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.8px;
    margin-bottom:14px;
}

.pgifHomeTeamCeoContent h3{
    font-size:34px;
    line-height:1.15;
    color:#111827;
    margin-bottom:12px;
}

.pgifHomeTeamCeoContent p{
    color:#5b6472;
    line-height:1.8;
    font-size:15px;
    max-width:620px;
}

.pgifHomeTeamCeoMeta{
    margin-top:24px;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.pgifHomeTeamCeoMeta div{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 14px;
    border-radius:999px;
    background:#f3f8ff;
    color:#374151;
    font-size:13px;
    font-weight:800;
}

.pgifHomeTeamCeoMeta i{
    color:#1976D2;
}

/* GROUP TITLE */

.pgifHomeTeamGroup{
    margin-top:52px;
}

.pgifHomeTeamGroupTitle{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:28px;
}

.pgifHomeTeamGroupTitle span{
    width:42px;
    height:42px;
    border-radius:50%;
    background:linear-gradient(135deg,#1976D2,#4CAF50);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:900;
    box-shadow:0 14px 32px rgba(25,118,210,.22);
}

.pgifHomeTeamGroupTitle h3{
    color:#111827;
    font-size:24px;
}

/* GRID */

.pgifHomeTeamGrid{
    display:grid;
    gap:22px;
}

.pgifHomeTeamGrid--trustees,
.pgifHomeTeamGrid--members{
    grid-template-columns:repeat(4,1fr);
}

/* TEAM CARDS */

.pgifHomeTeamCard{
    position:relative;
    overflow:hidden;
    min-height:345px;
    padding:18px 18px 24px;
    border-radius:30px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 18px 50px rgba(0,0,0,.06);
    text-align:center;
    transition:.35s ease;
    animation:pgifTeamReveal .9s ease both;
}

.pgifHomeTeamCard:nth-child(1){animation-delay:.08s;}
.pgifHomeTeamCard:nth-child(2){animation-delay:.16s;}
.pgifHomeTeamCard:nth-child(3){animation-delay:.24s;}
.pgifHomeTeamCard:nth-child(4){animation-delay:.32s;}

.pgifHomeTeamCard::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.08;
    transition:.35s ease;
}

.pgifHomeTeamCard::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    right:-65px;
    bottom:-65px;
    opacity:.14;
    filter:blur(6px);
}

.pgifHomeTeamCard:hover{
    transform:translateY(-9px);
    box-shadow:0 30px 80px rgba(0,0,0,.11);
}

.pgifHomeTeamCard:hover::before{
    opacity:.13;
}

/* 1:1 PHOTO WRAPPER */

.pgifHomeTeamPhoto{
    position:relative;
    z-index:2;
    width:100%;
    aspect-ratio:1 / 1;
    border-radius:24px;
    overflow:hidden;
    margin-bottom:18px;
    background:#f3f8ff;
    box-shadow:0 14px 34px rgba(0,0,0,.12);
}

.pgifHomeTeamPhoto img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.55s ease;
}

.pgifHomeTeamCard:hover .pgifHomeTeamPhoto img{
    transform:scale(1.06);
}

.pgifHomeTeamCard h4,
.pgifHomeTeamCard span{
    position:relative;
    z-index:2;
}

.pgifHomeTeamCard h4{
    color:#111827;
    font-size:16px;
    line-height:1.35;
    margin-bottom:9px;
}

.pgifHomeTeamCard span{
    display:inline-flex;
    padding:7px 12px;
    border-radius:999px;
    background:#f3f8ff;
    color:#1976D2;
    font-size:12px;
    font-weight:900;
}

/* CARD COLORS */

.pgifHomeTeamCard--blue::before,
.pgifHomeTeamCard--blue::after{background:#1976D2;}

.pgifHomeTeamCard--purple::before,
.pgifHomeTeamCard--purple::after{background:#7B1FA2;}

.pgifHomeTeamCard--green::before,
.pgifHomeTeamCard--green::after{background:#4CAF50;}

.pgifHomeTeamCard--gold::before,
.pgifHomeTeamCard--gold::after{background:#FB8C00;}

.pgifHomeTeamCard--pink::before,
.pgifHomeTeamCard--pink::after{background:#E91E63;}

.pgifHomeTeamCard--teal::before,
.pgifHomeTeamCard--teal::after{background:#009688;}

.pgifHomeTeamCard--indigo::before,
.pgifHomeTeamCard--indigo::after{background:#3949AB;}

.pgifHomeTeamCard--orange::before,
.pgifHomeTeamCard--orange::after{background:#FF7043;}

/* PHOTO BORDER ACCENTS */

.pgifHomeTeamCard--blue .pgifHomeTeamPhoto{border:4px solid rgba(25,118,210,.18);}
.pgifHomeTeamCard--purple .pgifHomeTeamPhoto{border:4px solid rgba(123,31,162,.18);}
.pgifHomeTeamCard--green .pgifHomeTeamPhoto{border:4px solid rgba(76,175,80,.18);}
.pgifHomeTeamCard--gold .pgifHomeTeamPhoto{border:4px solid rgba(251,140,0,.18);}
.pgifHomeTeamCard--pink .pgifHomeTeamPhoto{border:4px solid rgba(233,30,99,.18);}
.pgifHomeTeamCard--teal .pgifHomeTeamPhoto{border:4px solid rgba(0,150,136,.18);}
.pgifHomeTeamCard--indigo .pgifHomeTeamPhoto{border:4px solid rgba(57,73,171,.18);}
.pgifHomeTeamCard--orange .pgifHomeTeamPhoto{border:4px solid rgba(255,112,67,.18);}

/* ANIMATIONS */

@keyframes pgifTeamReveal{
    from{
        opacity:0;
        transform:translateY(35px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

    50%{
        transform:translateY(25px);
    }
}

/* RESPONSIVE */

@media(max-width:1100px){

    .pgifHomeTeamGrid--trustees,
    .pgifHomeTeamGrid--members{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:850px){

    .pgifHomeTeam{
        padding:85px 0;
    }

    .pgifHomeTeamHeader h2{
        font-size:32px;
    }

    .pgifHomeTeamCeo{
        grid-template-columns:1fr;
        text-align:center;
        padding:28px 22px;
    }

    .pgifHomeTeamCeoImage{
        margin:0 auto;
    }

    .pgifHomeTeamCeoMeta{
        justify-content:center;
    }
}

@media(max-width:560px){

    .pgifHomeTeamContainer{
        width:92%;
    }

    .pgifHomeTeamGrid--trustees,
    .pgifHomeTeamGrid--members{
        grid-template-columns:1fr;
    }

    .pgifHomeTeamCeoImage{
        width:100%;
        max-width:260px;
        border-radius:28px;
    }

    .pgifHomeTeamCeoImage img{
        border-radius:22px;
    }

    .pgifHomeTeamCeoContent h3{
        font-size:27px;
    }

    .pgifHomeTeamGroupTitle h3{
        font-size:21px;
    }

    .pgifHomeTeamCard{
        min-height:auto;
    }
}

/* =====================================================
   ECOSYSTEM MATRIX - PRO DESIGN
===================================================== */

.eco-matrix-section{
    position:relative;
    padding:140px 8%;
    background:#f8fbff;
    overflow:hidden;
}

/* BACKGROUND */
.eco-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 20%, rgba(25,118,210,.12), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(123,31,162,.12), transparent 40%),
        radial-gradient(circle at 50% 80%, rgba(76,175,80,.10), transparent 50%);
    filter:blur(45px);
}

/* CONTAINER */
.eco-container{
    display:flex;
    gap:60px;
    align-items:center;
    position:relative;
    z-index:2;
}

/* =====================================================
   LEFT INTRO
===================================================== */

.eco-intro{
    flex:1;
    max-width:420px;
}

.eco-tag{
    font-size:14px;
    color:#1976D2;
    font-weight:600;
    letter-spacing:1px;
}

.eco-intro h2{
    font-size:42px;
    margin:15px 0;
    line-height:1.2;
}

.eco-intro p{
    color:#6b7280;
    line-height:1.8;
}

/* BUTTON */
.eco-btn{
    display:inline-block;
    margin-top:20px;
    padding:12px 22px;
    border-radius:30px;
    background:linear-gradient(135deg,#1976D2,#7B1FA2);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.eco-btn:hover{
    transform:translateY(-3px);
}

/* =====================================================
   GRID SYSTEM
===================================================== */

.eco-grid{
    flex:1.5;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:25px;
}

/* CARD */
.eco-card{
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(16px);
    border-radius:18px;
    padding:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.eco-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 80px rgba(0,0,0,.12);
}

/* ICON */
.eco-card i{
    font-size:28px;
    margin-bottom:12px;
    background:linear-gradient(135deg,#1976D2,#7B1FA2,#4CAF50);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* TEXT */
.eco-card h3{
    font-size:18px;
    margin-bottom:8px;
}

.eco-card p{
    font-size:14px;
    color:#6b7280;
    line-height:1.6;
}

/* =====================================================
   UNIQUE COLOR ACCENTS (PRO DETAIL)
===================================================== */

.g1{ border-left:4px solid #1976D2; }
.g2{ border-left:4px solid #7B1FA2; }
.g3{ border-left:4px solid #F59E0B; }
.g4{ border-left:4px solid #10B981; }
.g5{ border-left:4px solid #EF4444; }
.g6{ border-left:4px solid #06B6D4; }

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

@media(max-width:1000px){

    .eco-container{
        flex-direction:column;
        text-align:center;
    }

    .eco-intro{
        max-width:100%;
    }

    .eco-grid{
        grid-template-columns:1fr;
        width:100%;
    }

    .eco-intro h2{
        font-size:32px;
    }
}


/* =====================================================
   IMPACT SNAPSHOT - HYBRID PRO
===================================================== */

.impact-section{
    position:relative;
    padding:140px 8%;
    background:#f8fbff;
    overflow:hidden;
}

/* BACKGROUND LAYER (DATA FEEL) */
.impact-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 20%, rgba(25,118,210,.12), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(123,31,162,.12), transparent 40%),
        radial-gradient(circle at 50% 80%, rgba(16,185,129,.10), transparent 50%);
    filter:blur(50px);
    animation:floatBg 10s ease-in-out infinite;
}

@keyframes floatBg{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(20px); }
}

/* CONTAINER */
.impact-container{
    position:relative;
    z-index:2;
}

/* HEADER */
.impact-header{
    text-align:center;
    max-width:850px;
    margin:auto;
}

.impact-tag{
    font-size:14px;
    color:#1976D2;
    font-weight:600;
    letter-spacing:1px;
}

.impact-header h2{
    font-size:42px;
    margin:10px 0;
}

.impact-header p{
    color:#6b7280;
    line-height:1.8;
}

/* GRID */
.impact-grid{
    margin-top:70px;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:25px;
}

/* BLOCK */
.impact-block{
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    border-radius:18px;
    padding:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.impact-block:hover{
    transform:translateY(-8px);
}

/* HEADERS */
.impact-block h3{
    margin-bottom:20px;
    font-size:18px;
}

/* METRICS */
.impact-metrics{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.metric{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.metric i{
    font-size:20px;
    margin-top:4px;
    background:linear-gradient(135deg,#1976D2,#7B1FA2,#4CAF50);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.metric h4{
    font-size:20px;
    margin:0;
}

.metric p{
    font-size:13px;
    color:#6b7280;
    margin:0;
}

/* DOMAIN ACCENTS */
.community{ border-left:4px solid #10B981; }
.institution{ border-left:4px solid #1976D2; }
.innovation{ border-left:4px solid #7B1FA2; }

/* FOOTER INSIGHT */
.impact-footer{
    text-align:center;
    margin-top:60px;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    color:#374151;
    font-style:italic;
}

/* RESPONSIVE */
@media(max-width:1000px){

    .impact-grid{
        grid-template-columns:1fr;
    }

    .impact-header h2{
        font-size:32px;
    }
}


/* =====================================================
   FINAL CTA - PREMIUM ECOSYSTEM DESIGN
===================================================== */

.cta-section{
    position:relative;
    padding:140px 8%;
    overflow:hidden;
    background:#0b1220;
    color:#fff;
}

/* BACKGROUND EFFECT */
.cta-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 20%, rgba(25,118,210,.25), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(123,31,162,.25), transparent 40%),
        radial-gradient(circle at 50% 80%, rgba(16,185,129,.20), transparent 50%);
    filter:blur(60px);
    animation:bgMove 10s ease-in-out infinite;
}

@keyframes bgMove{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(30px); }
}

/* CONTAINER */
.cta-container{
    position:relative;
    z-index:2;
    max-width:1100px;
    margin:auto;
    text-align:center;
}

/* HEADER */
.cta-header{
    max-width:800px;
    margin:auto;
}

.cta-tag{
    font-size:14px;
    letter-spacing:2px;
    color:#60a5fa;
    font-weight:600;
}

.cta-header h2{
    font-size:44px;
    margin:15px 0;
}

.cta-header p{
    color:#cbd5e1;
    line-height:1.8;
}

/* GRID */
.cta-grid{
    margin-top:70px;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:25px;
}

/* CARD */
.cta-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(16px);
    border-radius:18px;
    padding:35px;
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.cta-card:hover{
    transform:translateY(-10px);
    border-color:rgba(255,255,255,.2);
}

/* ICON */
.cta-card i{
    font-size:30px;
    margin-bottom:15px;
    background:linear-gradient(135deg,#60a5fa,#a78bfa,#34d399);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* TEXT */
.cta-card h3{
    font-size:20px;
    margin-bottom:10px;
}

.cta-card p{
    font-size:14px;
    color:#cbd5e1;
    line-height:1.7;
}

/* BUTTONS */
.cta-btn{
    display:inline-block;
    margin-top:20px;
    padding:12px 20px;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

/* PRIMARY */
.primary{
    background:linear-gradient(135deg,#1976D2,#7B1FA2);
    color:#fff;
}

.primary:hover{
    transform:scale(1.05);
}

/* SECONDARY */
.secondary{
    border:1px solid #60a5fa;
    color:#60a5fa;
}

.secondary:hover{
    background:#60a5fa;
    color:#0b1220;
}

/* TRUST STRIP */
.cta-trust{
    margin-top:60px;
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
    color:#94a3b8;
    font-size:14px;
}

.cta-trust div{
    display:flex;
    align-items:center;
    gap:8px;
}

/* FOOTER QUOTE */
.cta-footer{
    margin-top:50px;
    font-style:italic;
    color:#e2e8f0;
}

/* RESPONSIVE */
@media(max-width:900px){

    .cta-grid{
        grid-template-columns:1fr;
    }

    .cta-header h2{
        font-size:32px;
    }
}