/* =========================================================
   PRIMESCAPE INFOSOFT
   FOUNDER SECTION V2
   GURU PRASAD — FOUNDER & CEO
========================================================= */

.ps-founder-v2 {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding:
        clamp(96px, 9vw, 148px)
        0;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(77, 101, 255, 0.16),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 85%,
            rgba(137, 74, 220, 0.09),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #07101d 0%,
            #091524 42%,
            #0b1321 100%
        );

    color: #f8fbff;
}


/* =========================================================
   BACKGROUND
========================================================= */

.ps-founder-v2__bg,
.ps-founder-v2__grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
}


.ps-founder-v2__grid {
    opacity: 0.2;

    background-image:
        linear-gradient(
            rgba(146, 170, 211, 0.09) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(146, 170, 211, 0.09) 1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    mask-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.18),
            #000 48%,
            rgba(0, 0, 0, 0.52)
        );
}


.ps-founder-v2__beam {
    position: absolute;

    height: 1px;

    transform-origin:
        left center;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91, 157, 255, 0.75),
            transparent
        );

    filter:
        drop-shadow(
            0 0 8px
            rgba(60, 133, 255, 0.55)
        );
}


.ps-founder-v2__beam--one {
    width: 48%;
    right: -8%;
    top: 18%;

    transform:
        rotate(-41deg);
}


.ps-founder-v2__beam--two {
    width: 36%;
    right: 1%;
    bottom: 11%;

    transform:
        rotate(-28deg);

    opacity: 0.46;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.ps-founder-v2__layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(480px, 1.08fr);

    gap:
        clamp(
            56px,
            7vw,
            118px
        );

    align-items: center;
}


.ps-founder-v2__content {
    max-width: 690px;
}


/* =========================================================
   EYEBROW
========================================================= */

.ps-founder-v2__eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 16px;

    color: #8fb8ff;

    font-size: 11px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: 0.27em;
}


.ps-founder-v2__eyebrow::after {
    content: "";

    width: 46px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #438aff,
            transparent
        );
}


/* =========================================================
   HEADLINE
========================================================= */

.ps-founder-v2 h2 {
    margin:
        26px
        0
        28px;

    max-width: 760px;

    font-size:
        clamp(
            54px,
            5.6vw,
            88px
        );

    line-height: 0.95;

    letter-spacing:
        -0.06em;

    font-weight: 430;
}


.ps-founder-v2 h2 strong {
    display: block;

    font-weight: 780;

    background:
        linear-gradient(
            90deg,
            #6ea4ff 0%,
            #7869ff 52%,
            #bb72ef 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;
}


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

.ps-founder-v2__lead {
    max-width: 640px;

    margin: 0;

    color:
        rgba(
            231,
            239,
            251,
            0.69
        );

    font-size: 17px;

    line-height: 1.8;
}


/* =========================================================
   IDENTITY
========================================================= */

.ps-founder-v2__identity {
    display: flex;
    flex-wrap: wrap;

    align-items:
        baseline;

    gap:
        12px
        20px;

    margin-top:
        33px;
}


.ps-founder-v2__identity strong {
    font-size:
        30px;

    letter-spacing:
        -0.035em;
}


.ps-founder-v2__identity span {
    color:
        #8daee0;

    font-size:
        13px;

    letter-spacing:
        0.035em;
}


/* =========================================================
   QUOTE
========================================================= */

.ps-founder-v2__quote {
    position: relative;

    margin:
        28px
        0
        0;

    padding:
        0
        0
        0
        24px;

    max-width:
        610px;

    border-left:
        1px solid
        rgba(
            87,
            144,
            241,
            0.52
        );

    color:
        rgba(
            246,
            249,
            255,
            0.85
        );

    font-size:
        15px;

    line-height:
        1.8;

    font-style:
        normal;
}


/* =========================================================
   VALUES
========================================================= */

.ps-founder-v2__values {
    display: grid;

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

    margin-top:
        38px;

    border-top:
        1px solid
        rgba(
            157,
            180,
            219,
            0.14
        );

    border-bottom:
        1px solid
        rgba(
            157,
            180,
            219,
            0.14
        );
}


.ps-founder-v2__values > div {
    min-height:
        138px;

    padding:
        20px
        16px
        18px
        0;

    border-right:
        1px solid
        rgba(
            157,
            180,
            219,
            0.12
        );
}


.ps-founder-v2__values > div:not(:first-child) {
    padding-left:
        17px;
}


.ps-founder-v2__values > div:last-child {
    border-right:
        0;
}


.ps-founder-v2__values span {
    display: block;

    color:
        #608de1;

    font-size:
        9px;

    letter-spacing:
        0.13em;
}


.ps-founder-v2__values strong {
    display: block;

    margin-top:
        23px;

    font-size:
        14px;
}


.ps-founder-v2__values small {
    display: block;

    margin-top:
        7px;

    color:
        rgba(
            228,
            236,
            249,
            0.5
        );

    font-size:
        10px;

    line-height:
        1.5;
}


/* =========================================================
   BUTTONS
========================================================= */

.ps-founder-v2__actions {
    display: flex;
    flex-wrap: wrap;

    gap:
        13px;

    margin-top:
        36px;
}


.ps-founder-v2__primary,
.ps-founder-v2__secondary {
    min-height:
        54px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        18px;

    padding:
        0
        24px;

    border-radius:
        999px;

    text-decoration:
        none;

    font-size:
        13px;

    font-weight:
        750;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}


.ps-founder-v2__primary {
    color:
        #ffffff;

    border:
        1px solid
        rgba(
            100,
            143,
            255,
            0.75
        );

    background:
        linear-gradient(
            120deg,
            rgba(37, 112, 236, 0.23),
            rgba(103, 72, 214, 0.19)
        );

    box-shadow:
        0 16px 36px
        rgba(
            14,
            43,
            97,
            0.25
        );
}


.ps-founder-v2__secondary {
    color:
        #dce8fa;

    border:
        1px solid
        rgba(
            190,
            207,
            235,
            0.18
        );

    background:
        rgba(
            255,
            255,
            255,
            0.035
        );
}


.ps-founder-v2__primary:hover,
.ps-founder-v2__secondary:hover {
    transform:
        translateY(-2px);
}
/* =========================================================
   VISUAL / PORTRAIT SIDE
========================================================= */

.ps-founder-v2__visual {
    position: relative;

    min-height:
        690px;

    display: flex;

    align-items:
        center;

    justify-content:
        center;
}


/* =========================================================
   HALO
========================================================= */

.ps-founder-v2__halo {
    position:
        absolute;

    width:
        520px;

    height:
        520px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(53, 103, 255, 0.22)
            0%,
            rgba(82, 63, 230, 0.08)
            48%,
            transparent
            70%
        );

    box-shadow:
        0 0 0 1px
        rgba(
            105,
            129,
            255,
            0.13
        ),

        0 0 0 62px
        rgba(
            83,
            75,
            216,
            0.035
        ),

        0 0 0 123px
        rgba(
            54,
            92,
            175,
            0.022
        );
}


/* =========================================================
   PORTRAIT FRAME
========================================================= */

.ps-founder-v2__portrait-frame {
    position:
        relative;

    z-index:
        3;

    width:
        min(
            530px,
            88%
        );

    aspect-ratio:
        0.95;

    overflow:
        hidden;

    border-radius:
        28px;

    border:
        1px solid
        rgba(
            163,
            188,
            232,
            0.17
        );

    background:
        #0c1523;

    box-shadow:
        0 42px 90px
        rgba(
            0,
            0,
            0,
            0.35
        ),

        inset 0 1px
        rgba(
            255,
            255,
            255,
            0.08
        );
}


.ps-founder-v2__portrait-frame img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    max-width:
        none;

    object-fit:
        cover;

    object-position:
        center top;

    filter:
        saturate(0.9)
        contrast(1.03);
}


/* =========================================================
   IMAGE GRADIENT
========================================================= */

.ps-founder-v2__portrait-shade {
    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            180deg,
            transparent 54%,
            rgba(4, 9, 18, 0.86) 100%
        ),

        linear-gradient(
            90deg,
            rgba(15, 36, 73, 0.13),
            transparent 34%
        );

    pointer-events:
        none;
}


/* =========================================================
   PORTRAIT CAPTION
========================================================= */

.ps-founder-v2__portrait-caption {
    position:
        absolute;

    z-index:
        2;

    left:
        28px;

    right:
        28px;

    bottom:
        25px;
}


.ps-founder-v2__portrait-caption span {
    display:
        block;

    color:
        #86aef0;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.21em;
}


.ps-founder-v2__portrait-caption strong {
    display:
        block;

    margin-top:
        7px;

    font-size:
        25px;

    letter-spacing:
        -0.035em;
}


.ps-founder-v2__portrait-caption small {
    display:
        block;

    margin-top:
        5px;

    color:
        rgba(
            236,
            243,
            255,
            0.6
        );

    font-size:
        10px;
}


/* =========================================================
   ORBITS
========================================================= */

.ps-founder-v2__orbit {
    position:
        absolute;

    border:
        1px solid
        rgba(
            104,
            126,
            255,
            0.16
        );

    border-radius:
        50%;

    pointer-events:
        none;
}


.ps-founder-v2__orbit--one {
    width:
        610px;

    height:
        610px;
}


.ps-founder-v2__orbit--two {
    width:
        700px;

    height:
        700px;

    border-style:
        dashed;

    opacity:
        0.45;
}


/* =========================================================
   SIGNAL LABELS
========================================================= */

.ps-founder-v2__signal {
    position:
        absolute;

    z-index:
        4;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        9px 12px;

    border:
        1px solid
        rgba(
            160,
            187,
            232,
            0.13
        );

    border-radius:
        999px;

    background:
        rgba(
            8,
            18,
            33,
            0.72
        );

    backdrop-filter:
        blur(8px);

    color:
        rgba(
            222,
            234,
            252,
            0.62
        );

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        0.14em;
}


.ps-founder-v2__signal span {
    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #5d91ff;

    box-shadow:
        0 0 10px
        rgba(
            93,
            145,
            255,
            0.8
        );
}


.ps-founder-v2__signal--one {
    left:
        1%;

    top:
        25%;
}


.ps-founder-v2__signal--two {
    right:
        -1%;

    top:
        41%;
}


.ps-founder-v2__signal--three {
    left:
        4%;

    bottom:
        22%;
}


/* =========================================================
   ENTRANCE ANIMATION
========================================================= */

[data-founder-reveal] {
    opacity:
        0;

    transform:
        translateY(24px);

    transition:
        opacity
        0.85s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),

        transform
        0.85s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );
}


[data-founder-reveal].ps-founder-in {
    opacity:
        1;

    transform:
        none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .ps-founder-v2__layout {
        grid-template-columns:
            1fr;

        gap:
            60px;
    }


    .ps-founder-v2__content {
        max-width:
            820px;
    }


    .ps-founder-v2__visual {
        min-height:
            620px;
    }


    .ps-founder-v2__portrait-frame {
        width:
            min(
                560px,
                82vw
            );
    }

}


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

@media (max-width: 760px) {

    .ps-founder-v2 {
        padding:
            80px
            0;
    }


    .ps-founder-v2__layout {
        gap:
            46px;
    }


    .ps-founder-v2 h2 {
        font-size:
            clamp(
                46px,
                14vw,
                65px
            );
    }


    .ps-founder-v2__lead {
        font-size:
            15px;
    }


    .ps-founder-v2__identity {
        display:
            block;
    }


    .ps-founder-v2__identity strong {
        display:
            block;

        font-size:
            27px;
    }


    .ps-founder-v2__identity span {
        display:
            block;

        margin-top:
            8px;
    }


    .ps-founder-v2__values {
        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }


    .ps-founder-v2__values > div {
        min-height:
            120px;

        border-bottom:
            1px solid
            rgba(
                157,
                180,
                219,
                0.12
            );
    }


    .ps-founder-v2__values > div:nth-child(2) {
        border-right:
            0;
    }


    .ps-founder-v2__values > div:nth-child(3),
    .ps-founder-v2__values > div:nth-child(4) {
        border-bottom:
            0;
    }


    .ps-founder-v2__values > div:nth-child(3) {
        padding-left:
            0;
    }


    .ps-founder-v2__actions {
        flex-direction:
            column;
    }


    .ps-founder-v2__primary,
    .ps-founder-v2__secondary {
        width:
            100%;
    }


    .ps-founder-v2__visual {
        min-height:
            auto;

        padding:
            35px 0;
    }


    .ps-founder-v2__portrait-frame {
        width:
            100%;

        max-width:
            520px;

        border-radius:
            22px;
    }


    .ps-founder-v2__halo {
        width:
            76vw;

        height:
            76vw;

        max-width:
            470px;

        max-height:
            470px;
    }


    .ps-founder-v2__orbit--one {
        width:
            88vw;

        height:
            88vw;

        max-width:
            560px;

        max-height:
            560px;
    }


    .ps-founder-v2__orbit--two {
        display:
            none;
    }


    .ps-founder-v2__signal {
        font-size:
            7px;
    }


    .ps-founder-v2__signal--one {
        left:
            -2%;

        top:
            18%;
    }


    .ps-founder-v2__signal--two {
        right:
            -2%;

        top:
            43%;
    }


    .ps-founder-v2__signal--three {
        left:
            0;

        bottom:
            18%;
    }

}


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

@media (max-width: 430px) {

    .ps-founder-v2__values {
        grid-template-columns:
            1fr 1fr;
    }


    .ps-founder-v2__values > div {
        padding:
            17px
            10px
            16px
            0;
    }


    .ps-founder-v2__values > div:not(:first-child) {
        padding-left:
            11px;
    }


    .ps-founder-v2__values > div:nth-child(3) {
        padding-left:
            0;
    }


    .ps-founder-v2__signal {
        display:
            none;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (
    prefers-reduced-motion:
    reduce
) {

    [data-founder-reveal] {

        opacity:
            1;

        transform:
            none;

        transition:
            none;

    }

}