/* ========================================================= */
/*                                                         */
/*               ARS GLOBAL VISUAL DNA                     */
/*          SHARED DESIGN SYSTEM — ALL ARS PAGES           */
/*                                                         */
/*  ARS HERITAGE GROUP • ARS DESIGN • ARS COMPANY          */
/*  ARS BRAIN • ROSE AI • ZHR NAJI • ALL FUTURE PAGES      */
/*                                                         */
/* ========================================================= */


/* ========================================================= */
/* 01 — GLOBAL COLOR DNA                                    */
/* ========================================================= */

:root{

    /* ----------------------------------------------------- */
    /* CORE BLACK                                             */
    /* ----------------------------------------------------- */

    --ars-black:
        #000000;

    --ars-black-deep:
        #010101;

    --ars-black-surface:
        #030405;


    /* ----------------------------------------------------- */
    /* DEEP NAVY                                              */
    /* ----------------------------------------------------- */

    --ars-navy-deep:
        #020712;

    --ars-navy:
        #06101f;

    --ars-navy-soft:
        #0a1728;


    /* ----------------------------------------------------- */
    /* GOLD                                                   */
    /* ----------------------------------------------------- */

    --ars-gold:
        #c49a4a;

    --ars-gold-light:
        #e6c77a;

    --ars-gold-bright:
        #f3d995;

    --ars-gold-dark:
        #8d6729;


    /* ----------------------------------------------------- */
    /* BRONZE                                                 */
    /* ----------------------------------------------------- */

    --ars-bronze:
        #8f6238;

    --ars-bronze-light:
        #b4875a;

    --ars-bronze-dark:
        #4a2e1c;


    /* ----------------------------------------------------- */
    /* WHITE                                                  */
    /* ----------------------------------------------------- */

    --ars-white:
        #ffffff;

    --ars-white-soft:
        #f4f1e8;

    --ars-white-muted:
        #c8c6bf;


    /* ----------------------------------------------------- */
    /* TECHNOLOGY BLUE                                        */
    /* ----------------------------------------------------- */

    --ars-blue:
        #174b82;

    --ars-blue-light:
        #4d91d1;

    --ars-blue-glow:
        rgba(45,130,220,.35);


    /* ----------------------------------------------------- */
    /* ENERGY RED                                             */
    /* ----------------------------------------------------- */

    --ars-red:
        #7d2024;

    --ars-red-light:
        #bd4b4f;

    --ars-red-glow:
        rgba(180,50,55,.22);


    /* ----------------------------------------------------- */
    /* ENERGY YELLOW                                          */
    /* ----------------------------------------------------- */

    --ars-yellow:
        #d7ad3f;

    --ars-yellow-light:
        #f1d36e;

    --ars-yellow-glow:
        rgba(235,190,65,.25);


    /* ----------------------------------------------------- */
    /* EARTH BROWN                                            */
    /* ----------------------------------------------------- */

    --ars-brown:
        #4a3020;

    --ars-brown-light:
        #806047;


    /* ----------------------------------------------------- */
    /* GLOBAL TEXT                                            */
    /* ----------------------------------------------------- */

    --ars-text:
        #f4f1e8;

    --ars-text-soft:
        rgba(244,241,232,.78);

    --ars-text-muted:
        rgba(244,241,232,.56);


    /* ----------------------------------------------------- */
    /* GLOBAL BORDERS                                         */
    /* ----------------------------------------------------- */

    --ars-border:
        rgba(255,255,255,.10);

    --ars-border-gold:
        rgba(196,154,74,.40);

    --ars-border-gold-bright:
        rgba(230,199,122,.70);


    /* ----------------------------------------------------- */
    /* GLOBAL GLASS                                           */
    /* ----------------------------------------------------- */

    --ars-glass-dark:
        rgba(2,7,15,.76);

    --ars-glass-navy:
        rgba(5,15,29,.68);

    --ars-glass-light:
        rgba(255,255,255,.075);

    --ars-glass-gold:
        rgba(196,154,74,.10);


    /* ----------------------------------------------------- */
    /* GLOBAL SHADOWS                                         */
    /* ----------------------------------------------------- */

    --ars-shadow-black:
        0 25px 80px rgba(0,0,0,.70);

    --ars-shadow-gold:
        0 20px 70px rgba(160,115,35,.18);

    --ars-shadow-blue:
        0 20px 70px rgba(25,85,150,.16);

    --ars-shadow-red:
        0 20px 70px rgba(130,25,30,.12);

}


/* ========================================================= */
/* 02 — GLOBAL RESET                                         */
/* ========================================================= */

html{

    width:100%;

    min-height:100%;

    margin:0;

    padding:0;

    background:
        #000000;

    overflow-x:hidden;

    scroll-behavior:smooth;

}


body{

    width:100%;

    min-height:100vh;

    margin:0;

    padding:0;

    background:
        #000000;

    color:
        var(--ars-text);

    overflow-x:hidden;

    font-family:

        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;

}


*,
*::before,
*::after{

    box-sizing:
        border-box;

}


img,
video,
svg,
canvas{

    display:
        block;

    max-width:
        100%;

}


a{

    color:
        inherit;

    text-decoration:
        none;

}


button,
a{

    -webkit-tap-highlight-color:
        transparent;

}


/* ========================================================= */
/* 03 — GLOBAL PAGE BACKGROUND                               */
/* ========================================================= */

body{

    position:
        relative;

    background:

        radial-gradient(
            circle at 50% 0%,
            rgba(20,38,65,.16),
            transparent 32%
        ),

        radial-gradient(
            circle at 15% 35%,
            rgba(196,154,74,.035),
            transparent 30%
        ),

        radial-gradient(
            circle at 85% 70%,
            rgba(23,75,130,.035),
            transparent 32%
        ),

        #000000;

}


/* ========================================================= */
/* 04 — CINEMATIC GLOBAL LIGHT FIELD                         */
/* ========================================================= */

body::before{

    content:"";

    position:
        fixed;

    inset:
        -35%;

    z-index:
        0;

    pointer-events:
        none;

    background:

        radial-gradient(
            ellipse at 25% 20%,
            rgba(196,154,74,.055),
            transparent 28%
        ),

        radial-gradient(
            ellipse at 75% 60%,
            rgba(23,75,130,.045),
            transparent 32%
        ),

        radial-gradient(
            ellipse at 50% 100%,
            rgba(125,32,36,.025),
            transparent 28%
        );

    animation:

        arsGlobalAtmosphere
        22s
        ease-in-out
        infinite
        alternate;

}


@keyframes arsGlobalAtmosphere{

    0%{

        transform:
            translate3d(-2%,-1%,0)
            scale(1);

        opacity:
            .55;

    }

    50%{

        transform:
            translate3d(2%,2%,0)
            scale(1.04);

        opacity:
            .85;

    }

    100%{

        transform:
            translate3d(-1%,3%,0)
            scale(1.08);

        opacity:
            .65;

    }

}


/* ========================================================= */
/* 05 — GLOBAL PAGE ROOT                                     */
/* ========================================================= */

section,
header,
footer,
main,
nav{

    position:
        relative;

    max-width:
        100%;

}


.ars-group-page,
.ars-company-page,
.ars-design-page,
.ars-brain-page,
.ars-future-page{

    position:
        relative;

    z-index:
        1;

    width:
        100%;

    max-width:
        100%;

    overflow:
        hidden;

}


/* ========================================================= */
/* 06 — GLOBAL CONTAINER                                     */
/* ========================================================= */

.container{

    width:
        min(1400px, 90%);

    max-width:
        100%;

    margin-left:
        auto;

    margin-right:
        auto;

    position:
        relative;

    z-index:
        2;

}


/* ========================================================= */
/* 07 — GLOBAL SECTION                                      */
/* ========================================================= */

section{

    width:
        100%;

    padding:

        clamp(
            90px,
            9vw,
            170px
        )
        0;

    isolation:
        isolate;

}


/* ========================================================= */
/* 08 — GLOBAL SECTION HEADER                                */
/* ========================================================= */

.section-header{

    position:
        relative;

    z-index:
        3;

    width:
        100%;

    max-width:
        1000px;

    margin:

        0
        auto
        70px;

    text-align:
        center;

}


.section-label{

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        20px;

    padding:

        8px
        18px;

    border:

        1px
        solid
        var(--ars-border-gold);

    border-radius:
        999px;

    color:
        var(--ars-gold-light);

    background:

        rgba(5,12,22,.55);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    box-shadow:

        0
        0
        25px
        rgba(196,154,74,.05);

    font-size:
        .70rem;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}


.section-header h2{

    margin:
        0;

    color:
        var(--ars-white-soft);

    font-size:

        clamp(
            2rem,
            4vw,
            4rem
        );

    line-height:
        1.12;

    letter-spacing:
        -.025em;

}


.section-header p{

    max-width:
        780px;

    margin:

        25px
        auto
        0;

    color:
        var(--ars-text-soft);

    line-height:
        1.9;

}


/* ========================================================= */
/* 09 — UNIVERSAL ARS GLASS SYSTEM                           */
/* ========================================================= */

.ars-glass{

    position:
        relative;

    overflow:
        hidden;

    border:

        1px
        solid
        rgba(255,255,255,.11);

    background:

        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        );

    backdrop-filter:

        blur(24px)
        saturate(125%);

    -webkit-backdrop-filter:

        blur(24px)
        saturate(125%);

    box-shadow:

        var(--ars-shadow-black),

        inset
        0
        1px
        0
        rgba(255,255,255,.10);

    transition:

        transform .6s cubic-bezier(.2,.8,.2,1),

        border-color .5s ease,

        box-shadow .5s ease,

        background .5s ease;

}


/* ========================================================= */
/* 10 — GLASS LIGHT REFLECTION                               */
/* ========================================================= */

.ars-glass::before{

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:

        linear-gradient(
            115deg,
            transparent 20%,
            rgba(255,255,255,.09) 45%,
            transparent 70%
        );

    transform:
        translateX(-120%);

    transition:
        transform 1.2s ease;

}


.ars-glass:hover::before{

    transform:
        translateX(120%);

}


/* ========================================================= */
/* 11 — GLASS HOVER                                         */
/* ========================================================= */

.ars-glass:hover{

    transform:
        translateY(-10px);

    border-color:
        var(--ars-border-gold-bright);

    box-shadow:

        0
        30px
        90px
        rgba(0,0,0,.78),

        0
        0
        35px
        rgba(196,154,74,.10),

        inset
        0
        1px
        0
        rgba(255,255,255,.18);

}


/* ========================================================= */
/* 12 — GLASS VARIANTS                                      */
/* ========================================================= */

.ars-glass-dark{

    background:

        linear-gradient(
            135deg,
            rgba(0,0,0,.88),
            rgba(4,9,17,.72)
        );

}


.ars-glass-navy{

    background:

        linear-gradient(
            135deg,
            rgba(5,15,29,.82),
            rgba(2,7,14,.65)
        );

    border-color:

        rgba(38,91,145,.25);

}


.ars-glass-gold{

    background:

        linear-gradient(
            135deg,
            rgba(196,154,74,.16),
            rgba(5,13,24,.70)
        );

    border-color:

        rgba(196,154,74,.32);

}


.ars-glass-bronze{

    background:

        linear-gradient(
            135deg,
            rgba(143,98,56,.16),
            rgba(3,7,12,.75)
        );

    border-color:

        rgba(143,98,56,.30);

}


.ars-glass-blue{

    background:

        linear-gradient(
            135deg,
            rgba(23,75,130,.16),
            rgba(2,8,17,.76)
        );

    border-color:

        rgba(77,145,209,.22);

}


.ars-glass-red{

    background:

        linear-gradient(
            135deg,
            rgba(125,32,36,.13),
            rgba(3,7,12,.78)
        );

    border-color:

        rgba(189,75,79,.20);

}


.ars-glass-bright{

    background:

        linear-gradient(
            135deg,
            rgba(255,255,255,.13),
            rgba(255,255,255,.035)
        );

}


.ars-glass-flat{

    box-shadow:

        inset
        0
        1px
        0
        rgba(255,255,255,.08);

}


.ars-glass-floating{

    box-shadow:

        0
        30px
        100px
        rgba(0,0,0,.75),

        0
        0
        40px
        rgba(196,154,74,.08);

}


/* ========================================================= */
/* 13 — GOLD TYPOGRAPHY                                     */
/* ========================================================= */

.gold-text{

    background:

        linear-gradient(
            120deg,
            var(--ars-gold-dark),
            var(--ars-gold-light),
            var(--ars-gold),
            var(--ars-gold-bright)
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

}


h1,
h2,
h3,
h4{

    text-wrap:
        balance;

}


h1,
h2,
h3{

    color:
        var(--ars-white-soft);

}


/* ========================================================= */
/* 14 — UNIVERSAL ARS BUTTONS                               */
/* ========================================================= */

.btn-primary,
.btn-secondary{

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        52px;

    padding:

        0
        28px;

    border-radius:
        999px;

    font-size:
        .84rem;

    font-weight:
        600;

    letter-spacing:
        .04em;

    transition:

        transform .4s ease,

        box-shadow .4s ease,

        background .4s ease,

        border-color .4s ease;

}


.btn-primary{

    color:
        #090909;

    background:

        linear-gradient(
            135deg,
            #9e742c,
            #e5c477,
            #b7842e
        );

    box-shadow:

        0
        10px
        35px
        rgba(196,154,74,.20);

}


.btn-secondary{

    color:
        var(--ars-gold-light);

    border:

        1px
        solid
        var(--ars-border-gold);

    background:

        rgba(4,11,20,.60);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

}


.btn-primary:hover,
.btn-secondary:hover{

    transform:
        translateY(-4px);

    box-shadow:

        0
        15px
        45px
        rgba(196,154,74,.28);

}


/* ========================================================= */
/* 15 — GOLD CINEMATIC SCROLL INDICATOR                     */
/* ========================================================= */

.ars-scroll-line{

    position:
        fixed;

    right:
        24px;

    top:
        50%;

    width:
        2px;

    height:
        100px;

    transform:
        translateY(-50%);

    z-index:
        100;

    pointer-events:
        none;

    background:

        linear-gradient(
            180deg,
            transparent,
            var(--ars-gold-light),
            transparent
        );

    opacity:
        .65;

    animation:

        arsScrollGlow
        2.5s
        ease-in-out
        infinite;

}


@keyframes arsScrollGlow{

    0%,
    100%{

        opacity:
            .30;

        box-shadow:
            0
            0
            5px
            rgba(230,199,122,.15);

    }

    50%{

        opacity:
            1;

        box-shadow:
            0
            0
            22px
            rgba(230,199,122,.70);

    }

}


/* ========================================================= */
/* 16 — UNIVERSAL FOCUS                                     */
/* ========================================================= */

a:focus-visible,
button:focus-visible{

    outline:

        2px
        solid
        var(--ars-gold-light);

    outline-offset:
        5px;

}


/* ========================================================= */
/* 17 — RESPONSIVE DNA                                      */
/* ========================================================= */

@media (max-width:1024px){

    .container{

        width:
            90%;

    }

    section{

        padding:
            100px 0;

    }

}


@media (max-width:768px){

    .container{

        width:
            90%;

    }

    section{

        padding:
            80px 0;

    }

    .section-header{

        margin-bottom:
            50px;

    }

    .section-header h2{

        font-size:

            clamp(
                1.8rem,
                8vw,
                3rem
            );

    }

    .btn-primary,
    .btn-secondary{

        width:
            100%;

    }

}


@media (max-width:480px){

    .container{

        width:
            92%;

    }

    section{

        padding:
            70px 0;

    }

    .section-label{

        font-size:
            .62rem;

        letter-spacing:
            .12em;

    }

}


/* ========================================================= */
/* 18 — MOBILE OVERFLOW PROTECTION                          */
/* ========================================================= */

@media (max-width:768px){

    html,
    body{

        width:
            100%;

        max-width:
            100%;

        overflow-x:
            hidden;

    }

    .ars-glass{

        max-width:
            100%;

        min-width:
            0;

    }

}


/* ========================================================= */
/* 19 — REDUCED MOTION                                      */
/* ========================================================= */

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

    *,
    *::before,
    *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        scroll-behavior:
            auto !important;

        transition-duration:
            .01ms !important;

    }

}
/* =========================================================
   ARS PARTNERSHIP
   PREMIUM EXECUTIVE DESIGN SYSTEM
   SECTION 01 — GLOBAL FOUNDATION + HERO
   ========================================================= */


/* =========================================================
   PARTNERSHIP PAGE FOUNDATION
   ========================================================= */

.partnership-hero,
.partnership-center,
.why-partner,
.global-partners,
.executive-program,
.partnership-opportunities,
.investment-reasons,
.executive-center,
.global-trust,
.partnership-footer-cta{

    position:relative;
    isolation:isolate;
    overflow:hidden;

}


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

.partnership-hero{

    min-height:100vh;

    display:flex;
    align-items:center;

    padding:
        140px
        0
        120px;

    background:

        radial-gradient(
            circle at 72% 45%,
            rgba(184,137,63,.20),
            transparent 25%
        ),

        radial-gradient(
            circle at 15% 25%,
            rgba(20,38,70,.28),
            transparent 35%
        ),

        linear-gradient(
            180deg,
            #000 0%,
            #020408 55%,
            #000 100%
        );

}


/* =========================================================
   HERO BACKGROUND IMAGE
   ========================================================= */

.partnership-background{

    position:absolute;
    inset:0;

    z-index:-3;

    background-image:
        url("images/partnership/hero-partnership.png");

    background-size:cover;
    background-position:center;

    opacity:.18;

    filter:
        saturate(.75)
        contrast(1.15);

    transform:scale(1.04);

}


/* =========================================================
   HERO DARK CINEMATIC OVERLAY
   ========================================================= */

.partnership-overlay{

    position:absolute;
    inset:0;

    z-index:-2;

    background:

        linear-gradient(
            90deg,
            rgba(0,0,0,.98) 0%,
            rgba(0,0,0,.88) 42%,
            rgba(0,0,0,.52) 72%,
            rgba(0,0,0,.82) 100%
        ),

        linear-gradient(
            180deg,
            rgba(0,0,0,.25),
            rgba(0,0,0,.88)
        );

}


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

.partnership-hero .container{

    width:min(
        1440px,
        calc(100% - 80px)
    );

    margin:auto;

}


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

.partnership-wrapper{

    min-height:720px;

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(420px,.95fr);

    align-items:center;

    gap:80px;

}


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

.partnership-content{

    max-width:760px;

    position:relative;

    z-index:2;

}


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

.partnership-hero .section-label{

    display:inline-flex;

    align-items:center;

    gap:14px;

    margin-bottom:26px;

    font-size:11px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#c89a52;

}


.partnership-hero .section-label::before{

    content:"";

    width:42px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c89a52
        );

}


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

.partnership-content h1{

    margin:0 0 30px;

    max-width:780px;

    font-size:
        clamp(
            52px,
            6vw,
            92px
        );

    line-height:1.02;

    font-weight:700;

    letter-spacing:-2.5px;

    color:#fff;

    text-wrap:balance;

}


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

.partnership-content p{

    max-width:700px;

    margin:0 0 38px;

    font-size:17px;

    line-height:1.9;

    letter-spacing:.2px;

    color:
        rgba(
            255,
            255,
            255,
            .70
        );

}


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

.hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

}


.hero-buttons a{

    min-height:54px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        0
        30px;

    border-radius:2px;

    text-decoration:none;

    font-size:12px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease,
        border-color .35s ease;

}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.hero-buttons .btn-primary{

    color:#080808;

    background:
        linear-gradient(
            135deg,
            #e3bf7c,
            #a97735
        );

    box-shadow:
        0 12px 35px
        rgba(184,137,63,.18);

}


.hero-buttons .btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 45px
        rgba(184,137,63,.32);

}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

.hero-buttons .btn-secondary{

    color:#fff;

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

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

    backdrop-filter:
        blur(12px);

}


.hero-buttons .btn-secondary:hover{

    transform:translateY(-3px);

    border-color:
        rgba(200,154,82,.65);

    background:
        rgba(200,154,82,.08);

}


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

.hero-visual{

    position:relative;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:30px;

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

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.015)
        );

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.08),

        0 35px 100px
        rgba(0,0,0,.55);

    backdrop-filter:
       
/* =========================================================
   ARS INVESTMENT OPPORTUNITY
   PREMIUM EXECUTIVE INVESTMENT EXPERIENCE
   ========================================================= */

.ars-investment-opportunity{

    position:relative;

    padding:150px 0 170px;

    overflow:hidden;

    background:

    radial-gradient(
        circle at 15% 15%,
        rgba(196,150,70,.10),
        transparent 28%
    ),

    radial-gradient(
        circle at 85% 20%,
        rgba(255,255,255,.035),
        transparent 30%
    ),

    linear-gradient(
        180deg,
        #080808 0%,
        #0c0c0c 48%,
        #080808 100%
    );

    isolation:isolate;
}


/* =========================================================
   GLOBAL AMBIENT LIGHT
   ========================================================= */

.ars-investment-opportunity::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    top:-300px;
    left:-300px;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(210,165,78,.09),
        transparent 68%
    );

    filter:blur(30px);

    pointer-events:none;

    z-index:-1;
}


.ars-investment-opportunity::after{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-250px;
    bottom:-250px;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(255,255,255,.035),
        transparent 70%
    );

    filter:blur(40px);

    pointer-events:none;

    z-index:-1;
}


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

.investment-hero{

    max-width:1100px;

    margin:0 auto 110px;

    padding:95px 70px;

    text-align:center;

    position:relative;

    border-radius:32px;

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

    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.055),
        rgba(255,255,255,.018)
    );

    box-shadow:

    0 40px 100px rgba(0,0,0,.45),

    inset 0 1px 0 rgba(255,255,255,.06);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    overflow:hidden;
}


.investment-hero::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:260px;
    height:2px;

    transform:translateX(-50%);

    background:

    linear-gradient(
        90deg,
        transparent,
        rgba(215,169,81,.9),
        transparent
    );

    box-shadow:

    0 0 25px rgba(215,169,81,.45);
}


.investment-hero::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(
        circle at 50% 0%,
        rgba(210,165,78,.10),
        transparent 45%
    );

    pointer-events:none;
}


.investment-hero .section-label{

    display:inline-block;

    margin-bottom:25px;

    font-size:12px;

    letter-spacing:4px;

    color:#d8ad5c;

    font-weight:700;
}


.investment-hero h2{

    max-width:900px;

    margin:0 auto 28px;

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

    line-height:1.08;

    letter-spacing:-1.8px;

    font-weight:700;

    color:#f5f1e8;
}


.investment-hero h2::after{

    content:"";

    display:block;

    width:80px;

    height:1px;

    margin:30px auto 0;

    background:

    linear-gradient(
        90deg,
        transparent,
        #cda65d,
        transparent
    );
}


.investment-hero > p{

    max-width:760px;

    margin:30px auto 40px;

    color:rgba(255,255,255,.68);

    font-size:17px;

    line-height:1.9;
}


/* =========================================================
   INVESTMENT ACTIONS
   ========================================================= */

.investment-actions{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:16px;

    flex-wrap:wrap;
}


.investment-actions a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:54px;

    padding:0 30px;

    border-radius:999px;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    letter-spacing:.6px;

    transition:

    transform .35s ease,

    box-shadow .35s ease,

    background .35s ease,

    border-color .35s ease;
}


.investment-actions .btn-primary{

    color:#111;

    background:

    linear-gradient(
        135deg,
        #f0d28d,
        #b88638
    );

    box-shadow:

    0 12px 35px rgba(184,134,56,.20);
}


.investment-actions .btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:

    0 18px 45px rgba(184,134,56,.35);
}


.investment-actions .btn-secondary{

    color:#eee;

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

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


.investment-actions .btn-secondary:hover{

    transform:translateY(-4px);

    border-color:rgba(216,173,92,.55);

    background:rgba(216,173,92,.08);
}


/* =========================================================
   INVESTMENT THESIS
   ========================================================= */

.investment-thesis{

    max-width:1200px;

    margin:0 auto 120px;

    padding:70px;

    display:grid;

    grid-template-columns:

    minmax(0,1.15fr)

    minmax(0,1fr);

    gap:70px;

    align-items:center;

    border-radius:28px;

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

    background:

    linear-gradient(
        135deg,
        rgba(255,255,255,.055),
        rgba(255,255,255,.018)
    );

    box-shadow:

    0 30px 80px rgba(0,0,0,.35),

    inset 0 1px 0 rgba(255,255,255,.04);

    backdrop-filter:blur(20px);

    -webkit-backdrop-filter:blur(20px);

    position:relative;

    overflow:hidden;
}


.investment-thesis::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:4px;
    height:100%;

    background:

    linear-gradient(
        180deg,
        transparent,
        #c99b4d,
        transparent
    );
}


.thesis-content > span{

    color:#d5aa59;

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;
}


.thesis-content h2{

    margin:20px 0 25px;

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

    line-height:1.12;

    color:#f3efe6;

    letter-spacing:-1px;
}


.thesis-content p{

    margin:0 0 20px;

    color:rgba(255,255,255,.63);

    line-height:1.85;

    font-size:16px;
}


/* =========================================================
   THESIS POINTS
   ========================================================= */

.thesis-points{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;
}


.thesis-points > div{

    padding:28px 24px;

    border-radius:18px;

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

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

    transition:

    transform .35s ease,

    border-color .35s ease,

    background .35s ease;
}


.thesis-points > div:hover{

    transform:translateY(-6px);

    border-color:rgba(210,165,78,.38);

    background:rgba(210,165,78,.055);
}


.thesis-points span{

    display:block;

    margin-bottom:15px;

    color:#cda45a;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;
}


.thesis-points h3{

    margin:0 0 10px;

    color:#f2eee6;

    font-size:17px;
}


.thesis-points p{

    margin:0;

    color:rgba(255,255,255,.53);

    font-size:13px;

    line-height:1.7;
}


/* =========================================================
   CAPITAL OPPORTUNITY
   ========================================================= */

.capital-opportunity{

    max-width:1200px;

    margin:0 auto 130px;
}


.capital-opportunity .section-heading{

    max-width:780px;

    margin:0 auto 55px;

    text-align:center;
}


.capital-opportunity .section-label{

    color:#d3a85a;

    letter-spacing:3px;

    font-size:11px;

    font-weight:700;
}


.capital-opportunity h2{

    margin:18px 0;

    color:#f4f0e8;

    font-size:clamp(32px,4vw,50px);

    line-height:1.15;
}


.capital-opportunity .section-heading p{

    color:rgba(255,255,255,.60);

    line-height:1.8;
}


/* =========================================================
   CAPITAL GRID
   ========================================================= */

.capital-grid{

    display:grid;

    grid-template-columns:

    repeat(3,1fr);

    gap:20px;
}


.capital-card{

    position:relative;

    min-height:245px;

    padding:36px 30px;

    border-radius:22px;

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

    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.018)
    );

    overflow:hidden;

    transition:

    transform .4s ease,

    border-color .4s ease,

    box-shadow .4s ease;
}


.capital-card::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-90px;
    bottom:-90px;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(207,163,80,.13),
        transparent 70%
    );

    transition:transform .5s ease;
}


.capital-card:hover{

    transform:translateY(-8px);

    border-color:rgba(211,167,84,.35);

    box-shadow:

    0 25px 60px rgba(0,0,0,.35);
}


.capital-card:hover::after{

    transform:scale(1.5);
}


.capital-card > span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:38px;
    height:38px;

    border-radius:50%;

    margin-bottom:25px;

    color:#d4aa5c;

    border:1px solid rgba(212,170,92,.35);

    font-size:11px;

    font-weight:700;
}


.capital-card h3{

    margin:0 0 14px;

    color:#f2eee6;

    font-size:20px;
}


.capital-card p{

    margin:0;

    color:rgba(255,255,255,.55);

    line-height:1.75;

    font-size:14px;
}


/* =========================================================
   INVESTMENT PATH
   ========================================================= */

.investment-path{

    max-width:1200px;

    margin:0 auto 120px;
}


.investment-path .section-heading{

    max-width:800px;

    margin:0 auto 55px;

    text-align:center;
}


.investment-path .section-label{

    color:#d5aa5a;

    letter-spacing:3px;

    font-size:11px;

    font-weight:700;
}


.investment-path h2{

    margin:18px 0;

    color:#f4f0e8;

    font-size:clamp(32px,4vw,50px);
}


.investment-path .section-heading p{

    color:rgba(255,255,255,.60);

    line-height:1.8;
}


.investor-types{

    display:grid;

    grid-template-columns:

    repeat(4,1fr);

    gap:18px;
}


.investor-type{

    padding:35px 28px;

    min-height:290px;

    display:flex;

    flex-direction:column;

    border-radius:22px;

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

    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.045),
        rgba(255,255,255,.015)
    );

    transition:

    transform .4s ease,

    border-color .4s ease,

    box-shadow .4s ease;
}


.investor-type:hover{

    transform:translateY(-8px);

    border-color:rgba(212,169,85,.4);

    box-shadow:

    0 25px 60px rgba(0,0,0,.35);
}


.investor-type h3{

    margin:0 0 18px;

    color:#f4efe5;

    font-size:19px;
}


.investor-type p{

    margin:0;

    color:rgba(255,255,255,.55);

    line-height:1.75;

    font-size:14px;
}


.investor-type a{

    margin-top:auto;

    padding-top:25px;

    color:#d6ad60;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    transition:color .3s ease;
}


.investor-type a:hover{

    color:#f2d28d;
}


/* =========================================================
   INVESTMENT PROCESS
   ========================================================= */

.investment-process{

    max-width:1200px;

    margin:0 auto 110px;

    padding:65px;

    border-radius:28px;

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

    background:

    linear-gradient(
        135deg,
        rgba(255,255,255,.045),
        rgba(255,255,255,.015)
    );

    box-shadow:

    0 30px 80px rgba(0,0,0,.3);
}


.investment-process > .section-label{

    color:#d4aa5b;

    letter-spacing:3px;

    font-size:11px;

    font-weight:700;
}


.investment-process > h2{

    margin:18px 0 55px;

    color:#f4f0e8;

    font-size:clamp(30px,4vw,46px);

    max-width:650px;
}


.investment-steps{

    display:grid;

    grid-template-columns:

    repeat(6,1fr);

    gap:15px;

    position:relative;
}


.investment-steps::before{

    content:"";

    position:absolute;

    top:22px;

    left:5%;

    right:5%;

    height:1px;

    background:

    linear-gradient(
        90deg,
        transparent,
        rgba(205,164,86,.45),
        transparent
    );

    z-index:0;
}


.investment-steps > div{

    position:relative;

    z-index:1;

    text-align:center;
}


.investment-steps span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:45px;

    height:45px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#111;

    border:1px solid rgba(211,166,83,.5);

    color:#d6ad60;

    font-size:11px;

    font-weight:700;
}


.investment-steps h3{

    margin:0 0 10px;

    color:#eee9df;

    font-size:15px;
}


.investment-steps p{

    margin:0;

    color:rgba(255,255,255,.48);

    font-size:12px;

    line-height:1.65;
}


/* =========================================================
   TRANSPARENCY
   ========================================================= */

.investment-transparency{

    max-width:1200px;

    margin:0 auto 110px;

    padding:65px;

    display:grid;

    grid-template-columns:

    1.1fr 1fr;

    gap:70px;

    align-items:center;

    border-radius:28px;

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

    background:

    linear-gradient(
        135deg,
        rgba(210,165,78,.045),
        rgba(255,255,255,.018)
    );
}


.investment-transparency .section-label{

    color:#d5aa5a;

    font-size:11px;

    letter-spacing:3px;

    font-weight:700;
}


.investment-transparency h2{

    margin:20px 0;

    color:#f4f0e8;

    font-size:clamp(30px,4vw,46px);

    line-height:1.15;
}


.investment-transparency p{

    margin:0;

    color:rgba(255,255,255,.58);

    line-height:1.85;
}


.transparency-list{

    display:flex;

    flex-direction:column;

    gap:14px;
}


.transparency-list > div{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:20px 24px;

    border-radius:14px;

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

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


.transparency-list strong{

    color:#eee9df;

    font-size:14px;
}


.transparency-list span{

    color:#cda45a;

    font-size:12px;

    text-align:right;
}


/* =========================================================
   FINAL INVESTMENT CTA
   ========================================================= */

.investment-final{

    max-width:1000px;

    margin:0 auto;

    padding:90px 60px;

    text-align:center;

    position:relative;

    border-radius:32px;

    border:1px solid rgba(211,167,84,.22);

    background:

    radial-gradient(
        circle at 50% 0%,
        rgba(210,165,78,.12),
        transparent 55%
    ),

    linear-gradient(
        145deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.015)
    );

    box-shadow:

    0 40px 100px rgba(0,0,0,.45),

    inset 0 1px 0 rgba(255,255,255,.05);

    overflow:hidden;
}


.investment-final::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:180px;
    height:1px;

    transform:translateX(-50%);

    background:#d2a654;

    box-shadow:

    0 0 25px rgba(210,166,84,.6);
}


.investment-final .section-label{

    color:#d7ae60;

    font-size:11px;

    letter-spacing:4px;

    font-weight:700;
}


.investment-final h2{

    max-width:800px;

    margin:25px auto;

    color:#f5f0e7;

    font-size:clamp(32px,4.5vw,58px);

    line-height:1.12;

    letter-spacing:-1px;
}


.investment-final > p{

    max-width:700px;

    margin:0 auto 38px;

    color:rgba(255,255,255,.60);

    line-height:1.85;

    font-size:16px;
}


.investment-contact-actions{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;
}


.investment-contact-actions a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:52px;

    padding:0 26px;

    border-radius:999px;

    border:1px solid rgba(212,168,84,.35);

    color:#e8d5a9;

    background:rgba(210,165,78,.045);

    text-decoration:none;

    font-size:12px;

    font-weight:700;

    transition:

    transform .35s ease,

    background .35s ease,

    border-color .35s ease,

    box-shadow .35s ease;
}


.investment-contact-actions a:first-child{

    color:#111;

    background:

    linear-gradient(
        135deg,
        #efd18a,
        #b78537
    );

    border-color:transparent;
}


.investment-contact-actions a:hover{

    transform:translateY(-4px);

    border-color:rgba(232,193,112,.75);

    background:rgba(210,165,78,.12);

    box-shadow:

    0 15px 40px rgba(0,0,0,.3);
}


.investment-contact-actions a:first-child:hover{

    background:

    linear-gradient(
        135deg,
        #f5d995,
        #c99743
    );
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width:1000px){

    .investment-thesis{

        grid-template-columns:1fr;

        padding:55px 45px;

        gap:45px;
    }


    .capital-grid{

        grid-template-columns:

        repeat(2,1fr);
    }


    .investor-types{

        grid-template-columns:

        repeat(2,1fr);
    }


    .investment-steps{

        grid-template-columns:

        repeat(3,1fr);

        row-gap:45px;
    }


    .investment-steps::before{

        display:none;
    }


    .investment-transparency{

        grid-template-columns:1fr;

        padding:55px 45px;

        gap:45px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width:700px){

    .ars-investment-opportunity{

        padding:90px 16px 110px;
    }


    .investment-hero{

        margin-bottom:80px;

        padding:65px 25px;

        border-radius:24px;
    }


    .investment-hero h2{

        font-size:36px;

        letter-spacing:-1px;
    }


    .investment-hero > p{

        font-size:15px;

        line-height:1.8;
    }


    .investment-actions{

        flex-direction:column;
    }


    .investment-actions a{

        width:100%;
    }


    .investment-thesis{

        padding:45px 25px;

        border-radius:22px;
    }


    .thesis-points{

        grid-template-columns:1fr;
    }


    .capital-opportunity,
    .investment-path{

        margin-bottom:90px;
    }


    .capital-grid{

        grid-template-columns:1fr;
    }


    .capital-card{

        min-height:auto;

        padding:30px 25px;
    }


    .investor-types{

        grid-template-columns:1fr;
    }


    .investor-type{

        min-height:auto;

        padding:30px 25px;
    }


    .investment-process{

        padding:45px 25px;

        border-radius:22px;
    }


    .investment-steps{

        grid-template-columns:1fr;

        gap:35px;
    }


    .investment-steps > div{

        text-align:left;

        display:grid;

        grid-template-columns:45px 1fr;

        column-gap:18px;

        align-items:center;
    }


    .investment-steps span{

        grid-row:span 2;

        margin:0;
    }


    .investment-steps p{

        padding-top:5px;
    }


    .investment-transparency{

        padding:45px 25px;

        border-radius:22px;
    }


    .transparency-list > div{

        flex-direction:column;

        align-items:flex-start;

        gap:7px;
    }


    .transparency-list span{

        text-align:left;
    }


    .investment-final{

        padding:65px 25px;

        border-radius:24px;
    }


    .investment-final h2{

        font-size:34px;
    }


    .investment-contact-actions{

        flex-direction:column;
    }


    .investment-contact-actions a{

        width:100%;
    }

}


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

.investment-actions a:focus-visible,
.investor-type a:focus-visible,
.investment-contact-actions a:focus-visible{

    outline:2px solid #e0b96d;

    outline-offset:4px;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .investment-actions a,
    .capital-card,
    .thesis-points > div,
    .investor-type,
    .investment-contact-actions a{

        transition:none;
    }

                  }

/* =========================================================
   ARS PARTNERSHIP
   SECTION 03 — WHY PARTNER WITH ARS
   PREMIUM TRUST & VALUE SYSTEM
   ========================================================= */


/* =========================================================
   WHY PARTNER SECTION
   ========================================================= */

.why-partner{

    position:relative;

    padding:
        140px
        0
        130px;

    background:

        radial-gradient(
            circle at 15% 35%,
            rgba(22,42,75,.18),
            transparent 32%
        ),

        radial-gradient(
            circle at 85% 70%,
            rgba(184,137,63,.08),
            transparent 30%
        ),

        linear-gradient(
            180deg,
            #000 0%,
            #020305 50%,
            #000 100%
        );

}


/* =========================================================
   ATMOSPHERIC LIGHT
   ========================================================= */

.why-partner::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:1px;
    height:100%;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(200,154,82,.10),
            transparent
        );

    opacity:.5;

    pointer-events:none;

}


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

.why-partner .section-heading{

    position:relative;

    max-width:850px;

    margin:
        0
        auto
        75px;

    text-align:center;

}


/* =========================================================
   BENEFITS GRID
   ========================================================= */

.benefits-grid{

    display:grid;

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

    gap:20px;

    position:relative;

}


/* =========================================================
   BENEFIT CARD
   ========================================================= */

.benefit-card{

    position:relative;

    min-height:260px;

    padding:
        38px
        36px
        36px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    overflow:hidden;

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

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.012)
        );

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.045),

        0 18px 55px
        rgba(0,0,0,.20);

    transition:

        transform .45s
        cubic-bezier(.2,.8,.2,1),

        border-color .45s ease,

        box-shadow .45s ease,

        background .45s ease;

}


/* =========================================================
   BENEFIT CARD GOLD EDGE
   ========================================================= */

.benefit-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(200,154,82,.75) 50%,
            transparent 100%
        );

    transform:
        scaleX(0);

    transform-origin:center;

    transition:
        transform .55s
        cubic-bezier(.2,.8,.2,1);

}


/* =========================================================
   BENEFIT CARD GLOW
   ========================================================= */

.benefit-card::after{

    content:"";

    position:absolute;

    top:-100px;
    right:-100px;

    width:220px;
    height:220px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(200,154,82,.10),
            transparent 68%
        );

    opacity:0;

    transition:
        opacity .45s ease;

    pointer-events:none;

}


/* =========================================================
   BENEFIT HOVER
   ========================================================= */

.benefit-card:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(200,154,82,.28);

    background:

        linear-gradient(
            145deg,
            rgba(200,154,82,.075),
            rgba(255,255,255,.018)
        );

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.07),

        0 30px 75px
        rgba(0,0,0,.42),

        0 0 35px
        rgba(200,154,82,.035);

}


.benefit-card:hover::before{

    transform:
        scaleX(1);

}


.benefit-card:hover::after{

    opacity:1;

}


/* =========================================================
   BENEFIT NUMBER
   ========================================================= */

.benefit-number{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;
    height:48px;

    margin-bottom:30px;

    border:
        1px solid
        rgba(200,154,82,.28);

    background:

        linear-gradient(
            145deg,
            rgba(200,154,82,.11),
            rgba(200,154,82,.025)
        );

    color:
        rgba(220,184,116,.95);

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    box-shadow:

        inset 0 0 18px
        rgba(200,154,82,.035);

}


/* =========================================================
   BENEFIT TITLE
   ========================================================= */

.benefit-card h3{

    position:relative;

    z-index:2;

    margin:
        0
        0
        12px;

    color:#fff;

    font-size:20px;

    line-height:1.35;

    font-weight:600;

    letter-spacing:-.2px;

}


/* =========================================================
   BENEFIT DESCRIPTION
   ========================================================= */

.benefit-card p{

    position:relative;

    z-index:2;

    margin:0;

    max-width:440px;

    color:

        rgba(
            255,
            255,
            255,
            .54
        );

    font-size:14px;

    line-height:1.85;

}


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

.partnership-values{

    display:grid;

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

    gap:16px;

    margin-top:22px;

}


/* =========================================================
   VALUE CARD
   ========================================================= */

.value-card{

    position:relative;

    min-height:190px;

    padding:
        30px
        28px;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

    overflow:hidden;

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

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.012)
        );

    transition:

        transform .4s ease,

        border-color .4s ease,

        background .4s ease;

}


/* =========================================================
   VALUE CARD HOVER
   ========================================================= */

.value-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(200,154,82,.24);

    background:

        linear-gradient(
            145deg,
            rgba(200,154,82,.065),
            rgba(255,255,255,.015)
        );

}


/* =========================================================
   VALUE ICON
   ========================================================= */

.value-icon{

    width:48px;
    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

    border:
        1px solid
        rgba(200,154,82,.20);

    background:
        rgba(200,154,82,.045);

    font-size:20px;

    transition:
        transform .4s ease,

        border-color .4s ease;

}


.value-card:hover .value-icon{

    transform:
        translateY(-3px)
        scale(1.04);

    border-color:
        rgba(200,154,82,.45);

}


/* =========================================================
   VALUE TITLE
   ========================================================= */

.value-card h3{

    margin:
        0
        8px;

    color:#fff;

    font-size:17px;

    font-weight:600;

}


/* =========================================================
   VALUE DESCRIPTION
   ========================================================= */

.value-card p{

    margin:0;

    color:

        rgba(
            255,
            255,
            255,
            .48
        );

    font-size:13px;

    line-height:1.7;

}


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

.partner-quote{

    position:relative;

    margin-top:24px;

    padding:
        55px
        60px;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:210px;

    overflow:hidden;

    text-align:center;

    border:
        1px solid
        rgba(200,154,82,.14);

    background:

        radial-gradient(
            ellipse at center,
            rgba(200,154,82,.075),
            transparent 65%
        ),

        linear-gradient(
            135deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.05),

        0 25px 70px
        rgba(0,0,0,.28);

}


/* =========================================================
   QUOTE DECORATIVE LINE
   ========================================================= */

.partner-quote::before{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:140px;
    height:1px;

    transform:
        translateX(-50%);

    background:

        linear-gradient(
            90deg,
            transparent,
            #c89a52,
            transparent
        );

}


/* =========================================================
   QUOTE DECORATIVE ORB
   ========================================================= */

.partner-quote::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    border-radius:50%;

    top:-190px;
    left:50%;

    transform:
        translateX(-50%);

    background:

        radial-gradient(
            circle,
            rgba(200,154,82,.10),
            transparent 70%
        );

    pointer-events:none;

}


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

.partner-quote h2{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:0;

    color:#fff;

    font-size:
        clamp(
            25px,
            3vw,
            42px
        );

    line-height:1.35;

    font-weight:500;

    letter-spacing:-.8px;

}


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

@media
(max-width:1100px){

    .why-partner{

        padding:
            110px
            0
            100px;

    }


    .benefits-grid{

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

    }


    .partnership-values{

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

    }

}


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

@media
(max-width:700px){

    .why-partner{

        padding:
            90px
            0
            80px;

    }


    .why-partner .section-heading{

        margin-bottom:50px;

    }


    .benefits-grid{

        grid-template-columns:1fr;

        gap:16px;

    }


    .benefit-card{

        min-height:auto;

        padding:
            30px
            28px;

    }


    .partnership-values{

        grid-template-columns:1fr;

        gap:14px;

    }


    .value-card{

        min-height:auto;

        padding:
            28px;

    }


    .partner-quote{

        min-height:180px;

        padding:
            40px
            25px;

    }


    .partner-quote h2{

        font-size:25px;

    }

    }

    /* =========================================================
   ARS PARTNERSHIP
   SECTION 04 — GLOBAL PARTNERS
   PARTNERSHIP ECOSYSTEM
   PREMIUM GLOBAL NETWORK SYSTEM
   ========================================================= */


/* =========================================================
   GLOBAL PARTNERS SECTION
   ========================================================= */

.global-{partners

    position:relative;

    padding:
        140px
        0
        130px;

    background:

        radial-gradient(
            circle at 50% 0%,
            rgba(184,137,63,.11),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 65%,
            rgba(18,42,76,.16),
            transparent 32%
        ),

        linear-gradient(
            180deg,
            #000 0%,
            #020406 50%,
            #000 100%
        );

}


/* =========================================================
   GLOBAL NETWORK ATMOSPHERE
   ========================================================= */

.global-partners::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background-image:

        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size:
        90px 90px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 80%,
            transparent
        );

    opacity:.25;

}


/* =========================================================
   GLOBAL PARTNERS HEADING
   ========================================================= */

.global-partners .section-heading{

    position:relative;

    max-width:900px;

    margin:
        0
        auto
        75px;

    text-align:center;

}


/* =========================================================
   ECOSYSTEM GRID
   ========================================================= */

.ecosystem-grid{

    position:relative;

    display:grid;

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

    gap:20px;

}


/* =========================================================
   ECOSYSTEM CARD
   ========================================================= */

.ecosystem-card{

    position:relative;

    min-height:410px;

    display:flex;

    flex-direction:column;

    padding:
        38px;

    overflow:hidden;

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

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.012)
        );

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.045),

        0 20px 60px
        rgba(0,0,0,.22);

    transition:

        transform .45s
        cubic-bezier(.2,.8,.2,1),

        border-color .45s ease,

        box-shadow .45s ease,

        background .45s ease;

}


/* =========================================================
   ECOSYSTEM CARD TOP LINE
   ========================================================= */

.ecosystem-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(200,154,82,.8),
            transparent
        );

    transform:
        scaleX(0);

    transition:
        transform .55s ease;

}


/* =========================================================
   ECOSYSTEM CARD GLOW
   ========================================================= */

.ecosystem-card::after{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

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

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(200,154,82,.10),
            transparent 70%
        );

    opacity:0;

    transition:
        opacity .45s ease;

    pointer-events:none;

}


/* =========================================================
   ECOSYSTEM HOVER
   ========================================================= */

.ecosystem-card:hover{

    transform:
        translateY(-9px);

    border-color:
        rgba(200,154,82,.30);

    background:

        linear-gradient(
            145deg,
            rgba(200,154,82,.075),
            rgba(255,255,255,.015)
        );

    box-shadow:

        0 35px 80px
        rgba(0,0,0,.42),

        0 0 40px
        rgba(200,154,82,.035);

}


.ecosystem-card:hover::before{

    transform:
        scaleX(1);

}


.ecosystem-card:hover::after{

    opacity:1;

}


/* =========================================================
   ECOSYSTEM HEADER
   ========================================================= */

.ecosystem-header{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:20px;

}


/* =========================================================
   ECOSYSTEM ICON
   ========================================================= */

.ecosystem-icon{

    width:58px;
    height:58px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid
        rgba(200,154,82,.25);

    background:

        linear-gradient(
            145deg,
            rgba(200,154,82,.10),
            rgba(200,154,82,.025)
        );

    font-size:24px;

}


/* =========================================================
   ECOSYSTEM TITLE
   ========================================================= */

.ecosystem-header h3{

    margin:0;

    color:#fff;

    font-size:20px;

    line-height:1.35;

}


/* =========================================================
   ECOSYSTEM DESCRIPTION
   ========================================================= */

.ecosystem-card > p{

    margin:
        0
        0
        28px;

    color:

        rgba(
            255,
            255,
            255,
            .55
        );

    font-size:14px;

    line-height:1.8;

}


/* =========================================================
   LOGO WALL
   ========================================================= */

.logo-wall{

    display:grid;

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

    gap:10px;

    margin-top:auto;

    margin-bottom:26px;

}


/* =========================================================
   LOGO PLACEHOLDER
   ========================================================= */

.logo-placeholder{

    min-height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    background:

        rgba(
            255,
            255,
            255,
            .025
        );

    color:

        rgba(
            255,
            255,
            255,
            .22
        );

    font-size:9px;

    font-weight:700;

    letter-spacing:2px;

    transition:

        border-color .3s ease,

        color .3s ease,

        background .3s ease;

}


.ecosystem-card:hover
.logo-placeholder{

    border-color:
        rgba(200,154,82,.14);

    color:
        rgba(200,154,82,.55);

    background:
        rgba(200,154,82,.025);

}


/* =========================================================
   ECOSYSTEM LINK
   ========================================================= */

.ecosystem-card > a{

    display:inline-flex;

    align-items:center;

    gap:5px;

    width:max-content;

    color:#c89a52;

    text-decoration:none;

    font-size:11px;

    font-weight:700;

    letter-spacing:1.4px;

    text-transform:uppercase;

    transition:

        letter-spacing .3s ease,

        color .3s ease;

}


.ecosystem-card > a:hover{

    color:#e1bd79;

    letter-spacing:2px;

}


/* =========================================================
   WORLD MAP PANEL
   ========================================================= */

.world-map{

    position:relative;

    min-height:520px;

    margin-top:24px;

    display:grid;

    grid-template-columns:
        minmax(300px,.75fr)
        minmax(0,1.25fr);

    align-items:center;

    gap:30px;

    padding:
        55px;

    overflow:hidden;

    border:
        1px solid
        rgba(200,154,82,.14);

    background:

        radial-gradient(
            circle at 70% 50%,
            rgba(200,154,82,.075),
            transparent 38%
        ),

        linear-gradient(
            135deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.05),

        0 30px 80px
        rgba(0,0,0,.30);

}


/* =========================================================
   MAP PANEL LIGHT
   ========================================================= */

.world-map::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-120px;
    top:50%;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(200,154,82,.10),
            transparent 70%
        );

    filter:
        blur(10px);

    pointer-events:none;

}


/* =========================================================
   MAP LEFT CONTENT
   ========================================================= */

.map-left{

    position:relative;

    z-index:2;

    max-width:480px;

}


.map-left h3{

    margin:
        0
        0
        18px;

    color:#fff;

    font-size:
        clamp(
            28px,
            3vw,
            42px
        );

    line-height:1.15;

    letter-spacing:-1px;

}


.map-left p{

    margin:
        0
        0
        30px;

    color:

        rgba(
            255,
            255,
            255,
            .55
        );

    font-size:14px;

    line-height:1.85;

}


/* =========================================================
   MAP LIST
   ========================================================= */

.map-left ul{

    display:grid;

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

    gap:12px;

    margin:0;

    padding:0;

    list-style:none;

}


.map-left li{

    position:relative;

    padding-left:18px;

    color:

        rgba(
            255,
            255,
            255,
            .68
        );

    font-size:12px;

    letter-spacing:.5px;

}


.map-left li::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:5px;
    height:5px;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:#c89a52;

    box-shadow:
        0 0 10px
        rgba(200,154,82,.45);

}


/* =========================================================
   MAP RIGHT
   ========================================================= */

.map-right{

    position:relative;

    min-height:400px;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* =========================================================
   WORLD MAP IMAGE
   ========================================================= */

.map-right img{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:850px;

    height:auto;

    object-fit:contain;

    opacity:.78;

    filter:

        brightness(.75)

        contrast(1.15)

        drop-shadow(
            0 0 25px
            rgba(200,154,82,.10)
        );

    transition:

        transform .8s ease,

        opacity .5s ease,

        filter .5s ease;

}


.world-map:hover
.map-right img{

    transform:
        scale(1.025);

    opacity:.95;

    filter:

        brightness(.85)

        contrast(1.2)

        drop-shadow(
            0 0 40px
            rgba(200,154,82,.18)
        );

}


/* =========================================================
   GLOBAL STATISTICS
   ========================================================= */

.statistics-grid{

    display:grid;

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

    gap:16px;

    margin-top:24px;

}


/* =========================================================
   STAT CARD
   ========================================================= */

.stat-card{

    min-height:180px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

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

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.012)
        );

    transition:

        transform .4s ease,

        border-color .4s ease,

        background .4s ease;

}


.stat-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(200,154,82,.25);

    background:

        linear-gradient(
            145deg,
            rgba(200,154,82,.06),
            rgba(255,255,255,.015)
        );

}


/* =========================================================
   STAT NUMBER
   ========================================================= */

.stat-card h2{

    margin:
        0
        12px;

    color:

        #d5ac68;

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

    line-height:1;

    font-weight:600;

    letter-spacing:-1px;

}


/* =========================================================
   STAT LABEL
   ========================================================= */

.stat-card span{

    color:

        rgba(
            255,
            255,
            255,
            .48
        );

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

}


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

@media
(max-width:1100px){

    .global-partners{

        padding:
            110px
            0
            100px;

    }


    .ecosystem-grid{

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

    }


    .ecosystem-card:last-child{

        grid-column:
            1 / -1;

        max-width:
            calc(
                50% - 10px
            );

        margin:auto;

        width:100%;

    }


    .world-map{

        grid-template-columns:
            1fr;

        padding:
            45px;

    }


    .map-left{

        max-width:700px;

    }


    .map-right{

        min-height:350px;

    }

}


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

@media
(max-width:700px){

    .global-partners{

        padding:
            90px
            0
            80px;

    }


    .ecosystem-grid{

        grid-template-columns:1fr;

    }


    .ecosystem-card:last-child{

        grid-column:auto;

        max-width:none;

    }


    .ecosystem-card{

        min-height:380px;

        padding:
            30px;

    }


    .world-map{

        min-height:auto;

        padding:
            32px
            24px;

    }


    .map-left h3{

        font-size:31px;

    }


    .map-left ul{

        grid-template-columns:1fr;

    }


    .map-right{

        min-height:230px;

    }


    .map-right img{

        width:115%;

        max-width:none;

    }


    .statistics-grid{

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

    }


    .stat-card{

        min-height:150px;

    }


    .stat-card h2{

        font-size:34px;

    }

        }

/* =========================================================
   ARS PARTNERSHIP
   SECTION 05 — EXECUTIVE PARTNERSHIP PROGRAM
   PREMIUM PARTNERSHIP PROGRAM SYSTEM
   ========================================================= */


/* =========================================================
   EXECUTIVE PARTNERSHIP PROGRAM
   ========================================================= */

.executive-program{

    position:relative;

    padding:140px 0;

    overflow:hidden;

}


/* =========================================================
   PROGRAM GRID
   ========================================================= */

.program-grid{

    display:grid;

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

    gap:30px;

    margin-top:65px;

}


/* =========================================================
   PROGRAM CARD
   ========================================================= */

.program-card{

    position:relative;

    display:flex;

    flex-direction:column;

    padding:42px 36px;

    min-height:500px;

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

    border-radius:24px;

    overflow:hidden;

    transition:
    transform .45s ease,
    border-color .45s ease,
    box-shadow .45s ease;

}


/* =========================================================
   PROGRAM CARD LIGHT
   ========================================================= */

.program-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
    circle at 50% 0%,
    rgba(184,137,63,.16),
    transparent 48%
    );

    opacity:0;

    transition:
    opacity .45s ease;

    pointer-events:none;

}


/* =========================================================
   PROGRAM CARD HOVER
   ========================================================= */

.program-card:hover{

    transform:
    translateY(-10px);

    border-color:
    rgba(184,137,63,.38);

    box-shadow:
    0 25px 70px
    rgba(0,0,0,.32);

}


.program-card:hover::before{

    opacity:1;

}


/* =========================================================
   PROGRAM TAG
   ========================================================= */

.program-tag{

    position:relative;

    z-index:2;

    display:inline-flex;

    align-items:center;

    width:max-content;

    margin-bottom:24px;

    padding:8px 14px;

    border:
    1px solid
    rgba(184,137,63,.35);

    border-radius:999px;

    color:
    rgba(184,137,63,.95);

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

}


/* =========================================================
   PROGRAM TITLE
   ========================================================= */

.program-card h3{

    position:relative;

    z-index:2;

    margin:0 0 18px;

    font-size:
    clamp(24px,2vw,32px);

    line-height:1.2;

}


/* =========================================================
   PROGRAM DESCRIPTION
   ========================================================= */

.program-card > p{

    position:relative;

    z-index:2;

    margin:0;

    color:
    rgba(255,255,255,.68);

    line-height:1.8;

}


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

.program-card ul{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    gap:13px;

    margin:
    30px 0 35px;

    padding:0;

    list-style:none;

}


.program-card li{

    position:relative;

    padding-left:24px;

    color:
    rgba(255,255,255,.78);

    line-height:1.5;

}


.program-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:.65em;

    width:7px;

    height:7px;

    border-radius:50%;

    background:
    rgba(184,137,63,.9);

    box-shadow:
    0 0 12px
    rgba(184,137,63,.4);

}


/* =========================================================
   PROGRAM LINK
   ========================================================= */

.program-card > a{

    position:relative;

    z-index:2;

    display:inline-flex;

    align-items:center;

    width:max-content;

    margin-top:auto;

    color:
    rgba(184,137,63,1);

    font-weight:700;

    text-decoration:none;

    transition:
    transform .35s ease,
    color .35s ease;

}


.program-card > a:hover{

    transform:
    translateX(6px);

    color:
    #ffffff;

}


/* =========================================================
   FEATURED PROGRAM
   ========================================================= */

.program-card.featured{

    border-color:
    rgba(184,137,63,.45);

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

    transform:
    translateY(-8px);

}


.program-card.featured::after{

    content:"";

    position:absolute;

    top:0;

    left:12%;

    right:12%;

    height:2px;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(184,137,63,.95),
    transparent
    );

    box-shadow:
    0 0 20px
    rgba(184,137,63,.35);

}


/* =========================================================
   FEATURED HOVER
   ========================================================= */

.program-card.featured:hover{

    transform:
    translateY(-16px);

}


/* =========================================================
   APPLICATION PROCESS
   ========================================================= */

.application-process{

    position:relative;

    margin-top:70px;

    padding:55px 50px;

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

    border-radius:26px;

    overflow:hidden;

}


/* =========================================================
   APPLICATION PROCESS GLOW
   ========================================================= */

.application-process::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    top:-280px;

    left:50%;

    transform:
    translateX(-50%);

    background:
    radial-gradient(
    circle,
    rgba(184,137,63,.12),
    transparent 70%
    );

    pointer-events:none;

}


/* =========================================================
   APPLICATION PROCESS TITLE
   ========================================================= */

.application-process h2{

    position:relative;

    z-index:2;

    margin:
    0 0 50px;

    text-align:center;

    font-size:
    clamp(28px,3vw,42px);

}


/* =========================================================
   PROCESS LINE
   ========================================================= */

.process-line{

    position:relative;

    display:grid;

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

    gap:20px;

}


/* =========================================================
   PROCESS CONNECTOR
   ========================================================= */

.process-line::before{

    content:"";

    position:absolute;

    top:27px;

    left:10%;

    right:10%;

    height:1px;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(184,137,63,.5),
    rgba(184,137,63,.5),
    transparent
    );

}


/* =========================================================
   PROCESS STEP
   ========================================================= */

.process-step{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

}


/* =========================================================
   STEP CIRCLE
   ========================================================= */

.step-circle{

    display:flex;

    align-items:center;

    justify-content:center;

    width:56px;

    height:56px;

    margin-bottom:20px;

    border:
    1px solid
    rgba(184,137,63,.55);

    border-radius:50%;

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

    color:
    rgba(184,137,63,1);

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    box-shadow:
    0 0 0 7px
    rgba(184,137,63,.04);

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;

}


.process-step:hover
.step-circle{

    transform:
    scale(1.1);

    background:
    rgba(184,137,63,.12);

    box-shadow:
    0 0 0 9px
    rgba(184,137,63,.06),
    0 0 25px
    rgba(184,137,63,.2);

}


/* =========================================================
   PROCESS STEP TITLE
   ========================================================= */

.process-step h4{

    margin:0;

    color:
    rgba(255,255,255,.82);

    font-size:15px;

    font-weight:600;

    letter-spacing:.4px;

}


/* =========================================================
   EXECUTIVE CONTACT
   ========================================================= */

.executive-contact{

    display:grid;

    grid-template-columns:
    minmax(0,1.35fr)
    minmax(320px,.65fr);

    gap:50px;

    align-items:center;

    margin-top:70px;

    padding:60px;

    border:
    1px solid
    rgba(184,137,63,.18);

    border-radius:28px;

    overflow:hidden;

}


/* =========================================================
   EXECUTIVE CONTACT LEFT
   ========================================================= */

.executive-left span{

    display:block;

    margin-bottom:16px;

    color:
    rgba(184,137,63,.95);

    font-size:11px;

    font-weight:700;

    letter-spacing:2.5px;

}


.executive-left h2{

    margin:
    0 0 20px;

    max-width:700px;

    font-size:
    clamp(30px,3.5vw,52px);

    line-height:1.12;

}


.executive-left p{

    max-width:680px;

    margin:0;

    color:
    rgba(255,255,255,.65);

    line-height:1.85;

}


/* =========================================================
   EXECUTIVE CONTACT RIGHT
   ========================================================= */

.executive-right{

    display:flex;

    flex-direction:column;

    gap:14px;

}


.executive-right a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:58px;

    padding:
    0 22px;

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

    border-radius:12px;

    color:
    rgba(255,255,255,.86);

    text-decoration:none;

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

    transition:
    transform .35s ease,
    border-color .35s ease,
    background .35s ease,
    color .35s ease;

}


.executive-right a::after{

    content:"→";

    color:
    rgba(184,137,63,.95);

    transition:
    transform .35s ease;

}


.executive-right a:hover{

    transform:
    translateX(5px);

    border-color:
    rgba(184,137,63,.4);

    background:
    rgba(184,137,63,.06);

    color:
    #ffffff;

}


.executive-right a:hover::after{

    transform:
    translateX(4px);

}


/* =========================================================
   EXECUTIVE PROGRAM RESPONSIVE
   ========================================================= */

@media
(max-width:1100px){

    .program-grid{

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

    }


    .program-card.featured{

        transform:none;

    }


    .program-card.featured:hover{

        transform:
        translateY(-10px);

    }


    .executive-contact{

        grid-template-columns:
        1fr;

    }

}


@media
(max-width:768px){

    .executive-program{

        padding:
        100px 0;

    }


    .program-grid{

        grid-template-columns:
        1fr;

        gap:22px;

        margin-top:45px;

    }


    .program-card{

        min-height:auto;

        padding:
        32px 26px;

    }


    .application-process{

        margin-top:45px;

        padding:
        38px 22px;

    }


    .process-line{

        grid-template-columns:
        1fr;

        gap:28px;

    }


    .process-line::before{

        top:28px;

        bottom:28px;

        left:27px;

        right:auto;

        width:1px;

        height:auto;

        background:
        linear-gradient(
        180deg,
        transparent,
        rgba(184,137,63,.5),
        transparent
        );

    }


    .process-step{

        display:grid;

        grid-template-columns:
        56px 1fr;

        gap:18px;

        align-items:center;

        text-align:left;

    }


    .step-circle{

        margin:0;

    }


    .executive-contact{

        margin-top:45px;

        padding:
        38px 26px;

        gap:35px;

    }

}


@media
(max-width:480px){

    .program-card{

        padding:
        28px 22px;

        border-radius:20px;

    }


    .application-process{

        border-radius:20px;

    }


    .executive-contact{

        border-radius:20px;

    }


    .executive-left h2{

        font-size:30px;

    }


    .executive-right a{

        min-height:54px;

        padding:
        0 18px;

        font-size:14px;

    }

        }

/* =========================================================
   ARS PARTNERSHIP
   SECTION 06 — ARS INVESTMENT OPPORTUNITY
   GLOBAL STRATEGIC CAPITAL & PARTNERSHIP
   PREMIUM INVESTMENT SYSTEM
   ========================================================= */


/* =========================================================
   06.01 — INVESTMENT OPPORTUNITY
   MAIN SECTION
   ========================================================= */

.ars-investment-opportunity{
    position:relative;
    padding:140px 0;
    overflow:hidden;
}


/* =========================================================
   06.02 — INVESTMENT HERO
   ========================================================= */

.ars-investment-opportunity .investment-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
    align-items:center;
    gap:80px;
    min-height:620px;
    padding:80px;
    margin-bottom:100px;
    overflow:hidden;
}


/* =========================================================
   06.03 — INVESTMENT HERO CONTENT
   ========================================================= */

.ars-investment-opportunity .investment-hero-content{
    position:relative;
    z-index:2;
    max-width:850px;
}

.ars-investment-opportunity .investment-hero-content .section-label{
    display:inline-block;
    margin-bottom:25px;
}

.ars-investment-opportunity .investment-hero-content h2{
    max-width:800px;
    margin:0 0 30px;
    font-size:clamp(42px,5vw,76px);
    line-height:1.05;
    letter-spacing:-2px;
}

.ars-investment-opportunity .investment-lead{
    max-width:760px;
    margin-bottom:25px;
    font-size:20px;
    line-height:1.9;
}

.ars-investment-opportunity .investment-hero-content p:not(.investment-lead){
    max-width:720px;
    line-height:1.9;
}


/* =========================================================
   06.04 — INVESTMENT ACTIONS
   ========================================================= */

.ars-investment-opportunity .investment-actions{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:40px;
}

.ars-investment-opportunity .investment-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 30px;
}


/* =========================================================
   06.05 — INVESTMENT HERO VISUAL
   ========================================================= */

.ars-investment-opportunity .investment-hero-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:460px;
}

.ars-investment-opportunity .investment-core{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:230px;
    height:230px;
    border-radius:50%;
    border:1px solid rgba(212,169,92,.45);
    background:
        radial-gradient(
            circle at center,
            rgba(212,169,92,.22),
            rgba(20,20,20,.55) 55%,
            rgba(0,0,0,.8)
        );
    box-shadow:
        0 0 60px rgba(212,169,92,.16),
        inset 0 0 50px rgba(255,255,255,.03);
    backdrop-filter:blur(10px);
}

.ars-investment-opportunity .investment-core span{
    font-size:64px;
    font-weight:700;
    letter-spacing:8px;
}

.ars-investment-opportunity .investment-core small{
    margin-top:8px;
    font-size:10px;
    letter-spacing:4px;
    text-align:center;
    line-height:1.6;
}


/* =========================================================
   06.06 — INVESTMENT ORBIT
   ========================================================= */

.ars-investment-opportunity .investment-orbit{
    position:absolute;
    width:390px;
    height:390px;
    border:1px solid rgba(212,169,92,.18);
    border-radius:50%;
    transform:rotate(-25deg);
}

.ars-investment-opportunity .investment-orbit::before,
.ars-investment-opportunity .investment-orbit::after{
    content:"";
    position:absolute;
    border-radius:50%;
}

.ars-investment-opportunity .investment-orbit::before{
    inset:45px;
    border:1px solid rgba(212,169,92,.14);
}

.ars-investment-opportunity .investment-orbit::after{
    top:50%;
    left:-5px;
    width:10px;
    height:10px;
    background:rgba(212,169,92,.8);
    box-shadow:0 0 25px rgba(212,169,92,.7);
}


/* =========================================================
   06.07 — INVESTMENT THESIS
   ========================================================= */

.ars-investment-opportunity .investment-thesis{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:80px;
    padding:80px;
    margin-bottom:120px;
}

.ars-investment-opportunity .thesis-content{
    max-width:760px;
}

.ars-investment-opportunity .thesis-content h2{
    margin:20px 0 30px;
    font-size:clamp(38px,4vw,62px);
    line-height:1.1;
}

.ars-investment-opportunity .thesis-content p{
    margin-bottom:25px;
    line-height:1.9;
}

.ars-investment-opportunity .thesis-points{
    display:grid;
    gap:20px;
}

.ars-investment-opportunity .thesis-point{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:20px;
    padding:25px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ars-investment-opportunity .thesis-point > span{
    font-size:14px;
    letter-spacing:3px;
    opacity:.65;
}

.ars-investment-opportunity .thesis-point h3{
    margin:0 0 8px;
}

.ars-investment-opportunity .thesis-point p{
    margin:0;
    line-height:1.7;
}


/* =========================================================
   06.08 — WHY NOW
   ========================================================= */

.ars-investment-opportunity .investment-why-now{
    margin-bottom:120px;
}

.ars-investment-opportunity .investment-why-now .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.ars-investment-opportunity .why-now-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.ars-investment-opportunity .why-now-card{
    position:relative;
    padding:45px 35px;
    min-height:300px;
    overflow:hidden;
}

.ars-investment-opportunity .why-now-card > span{
    display:block;
    margin-bottom:45px;
    font-size:14px;
    letter-spacing:4px;
    opacity:.6;
}

.ars-investment-opportunity .why-now-card h3{
    margin-bottom:18px;
}

.ars-investment-opportunity .why-now-card p{
    line-height:1.8;
}


/* =========================================================
   06.09 — WHERE CAPITAL CREATES VALUE
   ========================================================= */

.ars-investment-opportunity .capital-opportunity{
    margin-bottom:120px;
}

.ars-investment-opportunity .capital-opportunity .section-heading{
    max-width:800px;
    margin-bottom:60px;
}

.ars-investment-opportunity .capital-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.ars-investment-opportunity .capital-card{
    position:relative;
    min-height:280px;
    padding:40px 35px;
    overflow:hidden;
    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.ars-investment-opportunity .capital-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.25);
}

.ars-investment-opportunity .capital-card > span{
    display:block;
    margin-bottom:40px;
    font-size:13px;
    letter-spacing:4px;
    opacity:.6;
}

.ars-investment-opportunity .capital-card h3{
    margin-bottom:18px;
}

.ars-investment-opportunity .capital-card p{
    line-height:1.8;
}


/* =========================================================
   06.10 — STRATEGIC PARTICIPATION
   ========================================================= */

.ars-investment-opportunity .strategic-participation{
    margin-bottom:120px;
}

.ars-investment-opportunity .strategic-participation .section-heading{
    max-width:850px;
    margin-bottom:60px;
}

.ars-investment-opportunity .investor-types{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.ars-investment-opportunity .investor-type{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:390px;
    padding:40px 30px;
    overflow:hidden;
    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.ars-investment-opportunity .investor-type:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.25);
}

.ars-investment-opportunity .investor-number{
    margin-bottom:45px;
    font-size:14px;
    letter-spacing:4px;
    opacity:.6;
}

.ars-investment-opportunity .investor-type h3{
    margin-bottom:18px;
}

.ars-investment-opportunity .investor-type p{
    flex:1;
    line-height:1.8;
}

.ars-investment-opportunity .investor-type a{
    display:inline-block;
    margin-top:30px;
    font-size:13px;
    letter-spacing:1px;
}


/* =========================================================
   06.11 — STRATEGIC CONTRIBUTION MATRIX
   ========================================================= */

.ars-investment-opportunity .contribution-matrix{
    padding:80px;
    margin-bottom:120px;
}

.ars-investment-opportunity .contribution-matrix .section-heading{
    max-width:800px;
    margin-bottom:60px;
}

.ars-investment-opportunity .contribution-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
}

.ars-investment-opportunity .contribution-item{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-height:160px;
    padding:35px;
    border:1px solid rgba(255,255,255,.06);
    transition:background .35s ease;
}

.ars-investment-opportunity .contribution-item:hover{
    background:rgba(255,255,255,.025);
}

.ars-investment-opportunity .contribution-item strong{
    font-size:20px;
}

.ars-investment-opportunity .contribution-item span{
    line-height:1.7;
    opacity:.75;
}


/* =========================================================
   06.12 — INVESTMENT JOURNEY
   ========================================================= */

.ars-investment-opportunity .investment-process{
    padding:80px;
    margin-bottom:120px;
}

.ars-investment-opportunity .process-heading{
    max-width:800px;
    margin-bottom:70px;
}

.ars-investment-opportunity .process-heading h2{
    margin:20px 0 25px;
    font-size:clamp(36px,4vw,58px);
}

.ars-investment-opportunity .process-heading p{
    line-height:1.8;
}

.ars-investment-opportunity .investment-steps{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
    position:relative;
}

.ars-investment-opportunity .investment-step{
    position:relative;
    padding-top:30px;
}

.ars-investment-opportunity .investment-step::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:rgba(255,255,255,.12);
}

.ars-investment-opportunity .investment-step > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    margin-bottom:25px;
    border:1px solid rgba(212,169,92,.4);
    border-radius:50%;
    font-size:12px;
    letter-spacing:2px;
}

.ars-investment-opportunity .investment-step h3{
    margin-bottom:15px;
    font-size:18px;
}

.ars-investment-opportunity .investment-step p{
    font-size:14px;
    line-height:1.75;
    opacity:.75;
}


/* =========================================================
   06.13 — INVESTMENT PRINCIPLES
   ========================================================= */

.ars-investment-opportunity .investment-transparency{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    padding:80px;
    margin-bottom:120px;
}

.ars-investment-opportunity .transparency-content h2{
    margin:20px 0 25px;
    font-size:clamp(36px,4vw,58px);
    line-height:1.1;
}

.ars-investment-opportunity .transparency-content p{
    max-width:700px;
    line-height:1.9;
}

.ars-investment-opportunity .transparency-list{
    display:grid;
    gap:15px;
}

.ars-investment-opportunity .transparency-item{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:25px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ars-investment-opportunity .transparency-item strong{
    font-size:18px;
}

.ars-investment-opportunity .transparency-item span{
    opacity:.7;
}


/* =========================================================
   06.14 — INVESTMENT OFFICE
   ========================================================= */

.ars-investment-opportunity .investment-final{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    align-items:center;
    gap:80px;
    padding:90px;
    overflow:hidden;
}

.ars-investment-opportunity .investment-final-content{
    max-width:900px;
}

.ars-investment-opportunity .investment-final-content h2{
    margin:20px 0 30px;
    font-size:clamp(38px,4.5vw,68px);
    line-height:1.08;
}

.ars-investment-opportunity .investment-final-content p{
    max-width:800px;
    line-height:1.9;
    margin-bottom:20px;
}

.ars-investment-opportunity .investment-contact-actions{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:40px;
}

.ars-investment-opportunity .investment-contact-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 28px;
}


/* =========================================================
   06.15 — INVESTMENT FINAL SYMBOL
   ========================================================= */

.ars-investment-opportunity .investment-final-symbol{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:240px;
    height:240px;
    margin:auto;
    border:1px solid rgba(212,169,92,.3);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,169,92,.12),
            transparent 70%
        );
    box-shadow:
        0 0 70px rgba(212,169,92,.08),
        inset 0 0 50px rgba(255,255,255,.025);
}

.ars-investment-opportunity .investment-final-symbol span{
    font-size:52px;
    font-weight:700;
    letter-spacing:7px;
}

.ars-investment-opportunity .investment-final-symbol small{
    margin-top:10px;
    font-size:9px;
    letter-spacing:3px;
}


/* =========================================================
   06.16 — INVESTMENT HOVER SYSTEM
   ========================================================= */

.ars-investment-opportunity .investment-hero,
.ars-investment-opportunity .investment-thesis,
.ars-investment-opportunity .contribution-matrix,
.ars-investment-opportunity .investment-process,
.ars-investment-opportunity .investment-transparency,
.ars-investment-opportunity .investment-final{
    transition:
        border-color .4s ease,
        box-shadow .4s ease;
}


/* =========================================================
   06.17 — TABLET RESPONSIVE
   ========================================================= */

@media (max-width:1100px){

    .ars-investment-opportunity{
        padding:110px 0;
    }

    .ars-investment-opportunity .investment-hero{
        grid-template-columns:1fr;
        gap:50px;
        padding:60px;
    }

    .ars-investment-opportunity .investment-hero-content{
        max-width:100%;
    }

    .ars-investment-opportunity .investment-hero-visual{
        min-height:380px;
    }

    .ars-investment-opportunity .investment-thesis{
        grid-template-columns:1fr;
        gap:60px;
        padding:60px;
    }

    .ars-investment-opportunity .why-now-grid,
    .ars-investment-opportunity .capital-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ars-investment-opportunity .investor-types{
        grid-template-columns:repeat(2,1fr);
    }

    .ars-investment-opportunity .contribution-matrix,
    .ars-investment-opportunity .investment-process,
    .ars-investment-opportunity .investment-transparency,
    .ars-investment-opportunity .investment-final{
        padding:60px;
    }

    .ars-investment-opportunity .contribution-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ars-investment-opportunity .investment-steps{
        grid-template-columns:repeat(3,1fr);
        row-gap:50px;
    }

    .ars-investment-opportunity .investment-transparency{
        grid-template-columns:1fr;
        gap:50px;
    }

    .ars-investment-opportunity .investment-final{
        grid-template-columns:1fr;
        gap:50px;
    }

    .ars-investment-opportunity .investment-final-symbol{
        margin:0 auto;
    }

}


/* =========================================================
   06.18 — MOBILE RESPONSIVE
   ========================================================= */

@media (max-width:700px){

    .ars-investment-opportunity{
        padding:80px 0;
    }

    .ars-investment-opportunity .investment-hero{
        min-height:auto;
        padding:40px 25px;
        margin-bottom:70px;
    }

    .ars-investment-opportunity .investment-hero-content h2{
        font-size:40px;
        letter-spacing:-1px;
    }

    .ars-investment-opportunity .investment-lead{
        font-size:17px;
    }

    .ars-investment-opportunity .investment-actions{
        flex-direction:column;
    }

    .ars-investment-opportunity .investment-actions a{
        width:100%;
    }

    .ars-investment-opportunity .investment-hero-visual{
        min-height:300px;
    }

    .ars-investment-opportunity .investment-core{
        width:180px;
        height:180px;
    }

    .ars-investment-opportunity .investment-core span{
        font-size:48px;
    }

    .ars-investment-opportunity .investment-orbit{
        width:280px;
        height:280px;
    }

    .ars-investment-opportunity .investment-thesis{
        padding:40px 25px;
        margin-bottom:80px;
    }

    .ars-investment-opportunity .thesis-content h2,
    .ars-investment-opportunity .process-heading h2,
    .ars-investment-opportunity .transparency-content h2{
        font-size:38px;
    }

    .ars-investment-opportunity .why-now-grid,
    .ars-investment-opportunity .capital-grid,
    .ars-investment-opportunity .investor-types,
    .ars-investment-opportunity .contribution-grid{
        grid-template-columns:1fr;
    }

    .ars-investment-opportunity .investment-why-now,
    .ars-investment-opportunity .capital-opportunity,
    .ars-investment-opportunity .strategic-participation{
        margin-bottom:80px;
    }

    .ars-investment-opportunity .investment-process,
    .ars-investment-opportunity .investment-transparency,
    .ars-investment-opportunity .investment-final,
    .ars-investment-opportunity .contribution-matrix{
        padding:40px 25px;
        margin-bottom:80px;
    }

    .ars-investment-opportunity .investment-steps{
        grid-template-columns:1fr;
        gap:35px;
    }

    .ars-investment-opportunity .investment-step::before{
        display:none;
    }

    .ars-investment-opportunity .investment-step{
        padding-top:0;
    }

    .ars-investment-opportunity .investment-final-content h2{
        font-size:38px;
    }

    .ars-investment-opportunity .investment-contact-actions{
        flex-direction:column;
    }

    .ars-investment-opportunity .investment-contact-actions a{
        width:100%;
    }

    .ars-investment-opportunity .investment-final-symbol{
        width:190px;
        height:190px;
    }

    .ars-investment-opportunity .investment-final-symbol span{
        font-size:42px;
    }

    }


/* =========================================================
   ARS PARTNERSHIP
   SECTION 07 — PARTNERSHIP OPPORTUNITIES
   PREMIUM OPPORTUNITY NETWORK SYSTEM
   ========================================================= */


/* =========================================================
   07.01 — PARTNERSHIP OPPORTUNITIES
   MAIN SECTION
   ========================================================= */

.partnership-opportunities{
    position:relative;
    padding:140px 0;
    overflow:hidden;
}


/* =========================================================
   07.02 — OPPORTUNITIES SECTION HEADING
   ========================================================= */

.partnership-opportunities .section-heading{
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

.partnership-opportunities .section-heading .section-label{
    display:inline-block;
    margin-bottom:22px;
}

.partnership-opportunities .section-heading h2{
    margin:0 0 25px;
    font-size:clamp(42px,5vw,70px);
    line-height:1.08;
    letter-spacing:-1.5px;
}

.partnership-opportunities .section-heading p{
    max-width:720px;
    margin:0 auto;
    line-height:1.9;
    opacity:.8;
}


/* =========================================================
   07.03 — OPPORTUNITY GRID
   ========================================================= */

.partnership-opportunities .opportunity-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-bottom:100px;
}


/* =========================================================
   07.04 — OPPORTUNITY CARD
   ========================================================= */

.partnership-opportunities .opportunity-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:330px;
    padding:42px 35px;
    overflow:hidden;
    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}

.partnership-opportunities .opportunity-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:2px;
    background:currentColor;
    transition:width .45s ease;
}

.partnership-opportunities .opportunity-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 65px rgba(0,0,0,.25);
}

.partnership-opportunities .opportunity-card:hover::before{
    width:100%;
}


/* =========================================================
   07.05 — OPPORTUNITY ICON
   ========================================================= */

.partnership-opportunities .opportunity-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    margin-bottom:35px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    background:rgba(255,255,255,.025);
    font-size:28px;
    transition:
        transform .4s ease,
        background .4s ease;
}

.partnership-opportunities .opportunity-card:hover .opportunity-icon{
    transform:translateY(-4px) scale(1.05);
    background:rgba(255,255,255,.06);
}


/* =========================================================
   07.06 — OPPORTUNITY CARD CONTENT
   ========================================================= */

.partnership-opportunities .opportunity-card h3{
    margin:0 0 15px;
    font-size:22px;
    line-height:1.3;
}

.partnership-opportunities .opportunity-card p{
    flex:1;
    margin:0;
    line-height:1.8;
    opacity:.75;
}

.partnership-opportunities .opportunity-card a{
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    margin-top:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-decoration:none;
    transition:
        transform .3s ease,
        opacity .3s ease;
}

.partnership-opportunities .opportunity-card a:hover{
    transform:translateX(6px);
    opacity:.75;
}


/* =========================================================
   07.07 — PREMIUM MESSAGE
   ========================================================= */

.partnership-opportunities .premium-message{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:60px;
    padding:70px 75px;
    overflow:hidden;
}

.partnership-opportunities .premium-message::after{
    content:"";
    position:absolute;
    top:-180px;
    right:-120px;
    width:420px;
    height:420px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:
        0 0 0 45px rgba(255,255,255,.015),
        0 0 0 90px rgba(255,255,255,.01);
    pointer-events:none;
}


/* =========================================================
   07.08 — PREMIUM CONTENT
   ========================================================= */

.partnership-opportunities .premium-content{
    position:relative;
    z-index:2;
    max-width:800px;
}

.partnership-opportunities .premium-content h2{
    margin:0 0 20px;
    font-size:clamp(32px,4vw,52px);
    line-height:1.12;
}

.partnership-opportunities .premium-content p{
    max-width:720px;
    margin:0;
    line-height:1.9;
    opacity:.78;
}


/* =========================================================
   07.09 — PREMIUM BUTTONS
   ========================================================= */

.partnership-opportunities .premium-buttons{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:210px;
}

.partnership-opportunities .premium-buttons a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 25px;
    border:1px solid rgba(255,255,255,.12);
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease;
}

.partnership-opportunities .premium-buttons a:hover{
    transform:translateX(-5px);
    background:rgba(255,255,255,.05);
    border-color:rgba(255,255,255,.25);
}


/* =========================================================
   07.10 — OPPORTUNITY CARD VISUAL DEPTH
   ========================================================= */

.partnership-opportunities .opportunity-card:nth-child(1),
.partnership-opportunities .opportunity-card:nth-child(4),
.partnership-opportunities .opportunity-card:nth-child(7){
    background-image:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,255,255,.035),
            transparent 45%
        );
}

.partnership-opportunities .opportunity-card:nth-child(2),
.partnership-opportunities .opportunity-card:nth-child(5),
.partnership-opportunities .opportunity-card:nth-child(8){
    background-image:
        radial-gradient(
            circle at 0% 100%,
            rgba(255,255,255,.025),
            transparent 45%
        );
}

.partnership-opportunities .opportunity-card:nth-child(3),
.partnership-opportunities .opportunity-card:nth-child(6),
.partnership-opportunities .opportunity-card:nth-child(9){
    background-image:
        radial-gradient(
            circle at 100% 100%,
            rgba(255,255,255,.03),
            transparent 45%
        );
}


/* =========================================================
   07.11 — TABLET RESPONSIVE
   ========================================================= */

@media (max-width:1100px){

    .partnership-opportunities{
        padding:110px 0;
    }

    .partnership-opportunities .opportunity-grid{
        grid-template-columns:repeat(2,1fr);
        gap:22px;
    }

    .partnership-opportunities .premium-message{
        grid-template-columns:1fr;
        gap:40px;
        padding:60px;
    }

    .partnership-opportunities .premium-buttons{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        width:100%;
    }

    .partnership-opportunities .premium-buttons a:hover{
        transform:translateY(-4px);
    }

}


/* =========================================================
   07.12 — MOBILE RESPONSIVE
   ========================================================= */

@media (max-width:700px){

    .partnership-opportunities{
        padding:80px 0;
    }

    .partnership-opportunities .section-heading{
        margin-bottom:50px;
    }

    .partnership-opportunities .section-heading h2{
        font-size:40px;
        letter-spacing:-1px;
    }

    .partnership-opportunities .section-heading p{
        font-size:15px;
        line-height:1.8;
    }

    .partnership-opportunities .opportunity-grid{
        grid-template-columns:1fr;
        gap:18px;
        margin-bottom:70px;
    }

    .partnership-opportunities .opportunity-card{
        min-height:300px;
        padding:35px 28px;
    }

    .partnership-opportunities .opportunity-icon{
        width:58px;
        height:58px;
        margin-bottom:28px;
        font-size:25px;
    }

    .partnership-opportunities .opportunity-card h3{
        font-size:21px;
    }

    .partnership-opportunities .premium-message{
        padding:40px 28px;
        gap:35px;
    }

    .partnership-opportunities .premium-content h2{
        font-size:34px;
    }

    .partnership-opportunities .premium-content p{
        font-size:15px;
        line-height:1.8;
    }

    .partnership-opportunities .premium-buttons{
        grid-template-columns:1fr;
    }

    .partnership-opportunities .premium-buttons a{
        width:100%;
    }

    }

/* =========================================================
   ARS PARTNERSHIP
   SECTION 08 — WHY INVEST IN ARS
   PREMIUM INVESTMENT REASONS SYSTEM
   GLOBAL TECHNOLOGY & AUTOMOTIVE INVESTMENT EXPERIENCE
   ========================================================= */


/* =========================================================
   08.01 — INVESTMENT REASONS
   MAIN SECTION
   ========================================================= */

.investment-reasons{
    position:relative;
    padding:150px 0;
    overflow:hidden;
}


/* =========================================================
   08.02 — SECTION HEADING
   ========================================================= */

.investment-reasons .section-heading{
    position:relative;
    max-width:900px;
    margin:0 auto 85px;
    text-align:center;
}

.investment-reasons .section-heading .section-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
}

.investment-reasons .section-heading h2{
    margin:0 0 25px;
    font-size:clamp(44px,5.2vw,76px);
    line-height:1.05;
    letter-spacing:-2px;
}

.investment-reasons .section-heading p{
    max-width:720px;
    margin:0 auto;
    line-height:1.9;
    opacity:.76;
}


/* =========================================================
   08.03 — INVESTMENT LAYOUT
   ========================================================= */

.investment-reasons .investment-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px, .95fr);
    gap:35px;
    align-items:stretch;
    margin-bottom:45px;
}


/* =========================================================
   08.04 — INVESTMENT LEFT
   ========================================================= */

.investment-reasons .investment-left{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}


/* =========================================================
   08.05 — REASON CARD
   ========================================================= */

.investment-reasons .reason-card{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:22px;
    min-height:210px;
    padding:35px 30px;
    overflow:hidden;
    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        border-color .45s ease,
        box-shadow .45s ease;
}

.investment-reasons .reason-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );
    opacity:.5;
}

.investment-reasons .reason-card::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    top:-90px;
    right:-90px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(255,255,255,.045),
        transparent 70%
    );
    pointer-events:none;
}

.investment-reasons .reason-card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 25px 70px rgba(0,0,0,.22);
}


/* =========================================================
   08.06 — REASON ICON
   ========================================================= */

.investment-reasons .reason-icon{
    position:relative;
    flex:0 0 58px;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:rgba(255,255,255,.025);
    font-size:25px;
    transition:
        transform .4s ease,
        background .4s ease,
        border-color .4s ease;
}

.investment-reasons .reason-card:hover .reason-icon{
    transform:translateY(-4px) scale(1.05);
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.22);
}


/* =========================================================
   08.07 — REASON CARD TYPOGRAPHY
   ========================================================= */

.investment-reasons .reason-card h3{
    margin:3px 0 13px;
    font-size:20px;
    line-height:1.35;
    letter-spacing:-.2px;
}

.investment-reasons .reason-card p{
    margin:0;
    font-size:14px;
    line-height:1.85;
    opacity:.7;
}


/* =========================================================
   08.08 — INVESTMENT IMAGE PANEL
   ========================================================= */

.investment-reasons .investment-right{
    position:relative;
    min-height:500px;
    overflow:hidden;
    isolation:isolate;
}

.investment-reasons .investment-right::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.04) 0%,
            rgba(0,0,0,.12) 40%,
            rgba(0,0,0,.82) 100%
        );
    pointer-events:none;
}

.investment-reasons .investment-right::after{
    content:"";
    position:absolute;
    inset:15px;
    z-index:2;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}

.investment-reasons .investment-right img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:
        transform 1s cubic-bezier(.2,.8,.2,1);
}

.investment-reasons .investment-right:hover img{
    transform:scale(1.045);
}


/* =========================================================
   08.09 — INVESTMENT OVERLAY
   ========================================================= */

.investment-reasons .investment-overlay{
    position:absolute;
    left:45px;
    right:45px;
    bottom:45px;
    z-index:3;
}

.investment-reasons .investment-overlay h3{
    margin:0 0 12px;
    font-size:clamp(30px,3vw,48px);
    line-height:1.1;
    letter-spacing:-1px;
}

.investment-reasons .investment-overlay p{
    max-width:430px;
    margin:0;
    font-size:15px;
    line-height:1.8;
    opacity:.82;
}


/* =========================================================
   08.10 — INVESTMENT HIGHLIGHT
   ========================================================= */

.investment-reasons .investment-highlight{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:45px;
}


/* =========================================================
   08.11 — HIGHLIGHT CARD
   ========================================================= */

.investment-reasons .highlight-card{
    position:relative;
    min-height:175px;
    padding:35px 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.investment-reasons .highlight-card::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    transform:scaleX(0);
    transform-origin:left;
    background:currentColor;
    transition:transform .5s ease;
}

.investment-reasons .highlight-card:hover{
    transform:translateY(-7px);
    box-shadow:
        0 20px 55px rgba(0,0,0,.2);
}

.investment-reasons .highlight-card:hover::before{
    transform:scaleX(1);
}

.investment-reasons .highlight-card h2{
    margin:0 0 8px;
    font-size:clamp(25px,2.4vw,38px);
    line-height:1.1;
    letter-spacing:-1px;
}

.investment-reasons .highlight-card span{
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:.58;
}


/* =========================================================
   08.12 — EXECUTIVE NOTE
   ========================================================= */

.investment-reasons .executive-note{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:40px;
    padding:55px 65px;
    overflow:hidden;
}

.investment-reasons .executive-note::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:100%;
    background:currentColor;
    opacity:.6;
}

.investment-reasons .executive-note::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-220px;
    top:-180px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.05);
    box-shadow:
        0 0 0 45px rgba(255,255,255,.012),
        0 0 0 90px rgba(255,255,255,.008);
    pointer-events:none;
}


/* =========================================================
   08.13 — QUOTE MARK
   ========================================================= */

.investment-reasons .quote-mark{
    position:relative;
    z-index:1;
    font-family:Georgia,serif;
    font-size:82px;
    line-height:.7;
    opacity:.28;
}


/* =========================================================
   08.14 — EXECUTIVE QUOTE
   ========================================================= */

.investment-reasons .executive-note p{
    position:relative;
    z-index:1;
    max-width:850px;
    margin:0;
    font-size:clamp(20px,2.2vw,30px);
    line-height:1.65;
    letter-spacing:-.3px;
}


/* =========================================================
   08.15 — QUOTE AUTHOR
   ========================================================= */

.investment-reasons .quote-author{
    position:relative;
    z-index:1;
    white-space:nowrap;
    font-size:12px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    opacity:.55;
}


/* =========================================================
   08.16 — LARGE SCREEN REFINEMENT
   ========================================================= */

@media (min-width:1400px){

    .investment-reasons .investment-layout{
        gap:45px;
    }

    .investment-reasons .reason-card{
        min-height:230px;
        padding:40px 35px;
    }

    .investment-reasons .investment-right{
        min-height:520px;
    }

}


/* =========================================================
   08.17 — TABLET RESPONSIVE
   ========================================================= */

@media (max-width:1100px){

    .investment-reasons{
        padding:115px 0;
    }

    .investment-reasons .investment-layout{
        grid-template-columns:1fr;
    }

    .investment-reasons .investment-right{
        min-height:550px;
    }

    .investment-reasons .investment-highlight{
        grid-template-columns:repeat(2,1fr);
    }

    .investment-reasons .executive-note{
        grid-template-columns:auto minmax(0,1fr);
        gap:30px;
        padding:50px;
    }

    .investment-reasons .quote-author{
        grid-column:2;
    }

}


/* =========================================================
   08.18 — MOBILE RESPONSIVE
   ========================================================= */

@media (max-width:700px){

    .investment-reasons{
        padding:85px 0;
    }

    .investment-reasons .section-heading{
        margin-bottom:55px;
    }

    .investment-reasons .section-heading h2{
        font-size:40px;
        letter-spacing:-1px;
    }

    .investment-reasons .section-heading p{
        font-size:15px;
        line-height:1.8;
    }

    .investment-reasons .investment-left{
        grid-template-columns:1fr;
        gap:16px;
    }

    .investment-reasons .reason-card{
        min-height:auto;
        padding:30px 25px;
    }

    .investment-reasons .reason-icon{
        flex-basis:52px;
        width:52px;
        height:52px;
        font-size:23px;
    }

    .investment-reasons .reason-card h3{
        font-size:19px;
    }

    .investment-reasons .reason-card p{
        font-size:14px;
    }

    .investment-reasons .investment-right{
        min-height:430px;
    }

    .investment-reasons .investment-right::after{
        inset:10px;
    }

    .investment-reasons .investment-overlay{
        left:30px;
        right:30px;
        bottom:30px;
    }

    .investment-reasons .investment-overlay h3{
        font-size:34px;
    }

    .investment-reasons .investment-highlight{
        grid-template-columns:1fr 1fr;
        gap:15px;
        margin-bottom:30px;
    }

    .investment-reasons .highlight-card{
        min-height:145px;
        padding:25px 20px;
    }

    .investment-reasons .highlight-card h2{
        font-size:26px;
    }

    .investment-reasons .executive-note{
        grid-template-columns:1fr;
        gap:20px;
        padding:40px 30px;
    }

    .investment-reasons .quote-mark{
        font-size:65px;
    }

    .investment-reasons .executive-note p{
        font-size:20px;
        line-height:1.65;
    }

    .investment-reasons .quote-author{
        grid-column:auto;
        white-space:normal;
        line-height:1.6;
    }

}


/* =========================================================
   08.19 — SMALL MOBILE REFINEMENT
   ========================================================= */

@media (max-width:430px){

    .investment-reasons .investment-highlight{
        grid-template-columns:1fr;
    }

    .investment-reasons .investment-right{
        min-height:390px;
    }

    .investment-reasons .investment-overlay h3{
        font-size:30px;
    }

        }

/* =========================================================
   ARS PARTNERSHIP
   SECTION 09 — EXECUTIVE CONTACT CENTER
   PREMIUM EXECUTIVE RELATIONS & CONTACT SYSTEM
   GLOBAL BUSINESS COMMUNICATION EXPERIENCE
   ========================================================= */


/* =========================================================
   09.01 — EXECUTIVE CONTACT CENTER
   MAIN SECTION
   ========================================================= */

.executive-center{
    position:relative;
    padding:150px 0;
    overflow:hidden;
}


/* =========================================================
   09.02 — SECTION HEADING
   ========================================================= */

.executive-center .section-heading{
    position:relative;
    max-width:850px;
    margin:0 auto 80px;
    text-align:center;
}

.executive-center .section-heading .section-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
}

.executive-center .section-heading h2{
    margin:0 0 24px;
    font-size:clamp(44px,5vw,74px);
    line-height:1.05;
    letter-spacing:-2px;
}

.executive-center .section-heading p{
    max-width:680px;
    margin:0 auto;
    font-size:15px;
    line-height:1.9;
    opacity:.72;
}


/* =========================================================
   09.03 — EXECUTIVE GRID
   ========================================================= */

.executive-center .executive-grid{
    display:grid;
    grid-template-columns:
        minmax(0,1.5fr)
        repeat(2,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
}


/* =========================================================
   09.04 — EXECUTIVE MAIN CARD
   ========================================================= */

.executive-center .executive-main{
    grid-column:span 2;
    position:relative;
    min-height:500px;
    padding:0;
    overflow:hidden;
    isolation:isolate;
    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease;
}

.executive-center .executive-main::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.72) 42%,
            rgba(0,0,0,.25) 100%
        );
    pointer-events:none;
}

.executive-center .executive-main:hover{
    transform:translateY(-7px);
    box-shadow:
        0 30px 80px rgba(0,0,0,.25);
}


/* =========================================================
   09.05 — EXECUTIVE HEADER IMAGE
   ========================================================= */

.executive-center .executive-header{
    position:absolute;
    inset:0;
    z-index:0;
}

.executive-center .executive-header img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:
        transform 1s cubic-bezier(.2,.8,.2,1);
}

.executive-center .executive-main:hover
.executive-header img{
    transform:scale(1.045);
}


/* =========================================================
   09.06 — EXECUTIVE HEADER CONTENT
   ========================================================= */

.executive-center .executive-header > div{
    position:absolute;
    left:55px;
    bottom:45px;
    z-index:3;
    max-width:600px;
}

.executive-center .executive-header span{
    display:block;
    margin-bottom:14px;
    font-size:11px;
    letter-spacing:2.5px;
    text-transform:uppercase;
    opacity:.62;
}

.executive-center .executive-header h3{
    margin:0;
    font-size:clamp(28px,3vw,45px);
    line-height:1.15;
    letter-spacing:-1px;
}


/* =========================================================
   09.07 — EXECUTIVE MAIN DESCRIPTION
   ========================================================= */

.executive-center .executive-main > p{
    position:absolute;
    left:55px;
    top:55px;
    z-index:3;
    max-width:520px;
    margin:0;
    font-size:16px;
    line-height:1.9;
    opacity:.78;
}


/* =========================================================
   09.08 — EXECUTIVE BUTTONS
   ========================================================= */

.executive-center .executive-buttons{
    position:absolute;
    left:55px;
    bottom:45px;
    z-index:4;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    transform:translateY(95px);
    opacity:0;
    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        opacity .5s ease;
}

.executive-center .executive-main:hover
.executive-buttons{
    transform:translateY(0);
    opacity:1;
}

.executive-center .executive-buttons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(0,0,0,.28);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:12px;
    letter-spacing:.5px;
    text-decoration:none;
    transition:
        background .35s ease,
        border-color .35s ease,
        transform .35s ease;
}

.executive-center .executive-buttons a:hover{
    transform:translateY(-3px);
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.3);
}


/* =========================================================
   09.09 — CONTACT PANELS
   ========================================================= */

.executive-center .contact-panel{
    position:relative;
    min-height:285px;
    padding:35px 32px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.executive-center .contact-panel::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2px;
    transform:scaleX(0);
    transform-origin:left;
    background:currentColor;
    transition:transform .45s ease;
}

.executive-center .contact-panel:hover{
    transform:translateY(-7px);
    box-shadow:
        0 25px 65px rgba(0,0,0,.2);
}

.executive-center .contact-panel:hover::before{
    transform:scaleX(1);
}


/* =========================================================
   09.10 — CONTACT PANEL TITLE
   ========================================================= */

.executive-center .contact-panel h3{
    margin:0 0 25px;
    font-size:22px;
    line-height:1.3;
    letter-spacing:-.3px;
}


/* =========================================================
   09.11 — CONTACT PANEL LIST
   ========================================================= */

.executive-center .contact-panel ul{
    display:flex;
    flex-direction:column;
    gap:13px;
    margin:0;
    padding:0;
    list-style:none;
}

.executive-center .contact-panel li{
    position:relative;
    padding-left:18px;
    font-size:13px;
    line-height:1.6;
    opacity:.65;
}

.executive-center .contact-panel li::before{
    content:"";
    position:absolute;
    left:0;
    top:.65em;
    width:5px;
    height:5px;
    border-radius:50%;
    background:currentColor;
    opacity:.55;
}


/* =========================================================
   09.12 — CONTACT PANEL LINK
   ========================================================= */

.executive-center .contact-panel a{
    display:inline-flex;
    align-items:center;
    margin-top:auto;
    padding-top:25px;
    font-size:12px;
    letter-spacing:.4px;
    text-decoration:none;
    opacity:.7;
    transition:
        opacity .3s ease,
        transform .3s ease;
}

.executive-center .contact-panel a:hover{
    opacity:1;
    transform:translateX(5px);
}


/* =========================================================
   09.13 — COMMUNICATION WALL
   ========================================================= */

.executive-center .communication-wall{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:22px;
}


/* =========================================================
   09.14 — WALL CARD
   ========================================================= */

.executive-center .wall-card{
    position:relative;
    min-height:180px;
    padding:30px 25px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.executive-center .wall-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 20px 55px rgba(0,0,0,.18);
}


/* =========================================================
   09.15 — WALL ICON
   ========================================================= */

.executive-center .wall-icon{
    width:52px;
    height:52px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    background:rgba(255,255,255,.025);
    font-size:21px;
    transition:
        transform .4s ease,
        background .4s ease;
}

.executive-center .wall-card:hover .wall-icon{
    transform:scale(1.08);
    background:rgba(255,255,255,.07);
}


/* =========================================================
   09.16 — WALL TYPOGRAPHY
   ========================================================= */

.executive-center .wall-card h3{
    margin:0 0 8px;
    font-size:17px;
}

.executive-center .wall-card p{
    margin:0;
    font-size:12px;
    line-height:1.7;
    opacity:.58;
}


/* =========================================================
   09.17 — EXECUTIVE FINAL
   ========================================================= */

.executive-center .executive-final{
    position:relative;
    margin-top:45px;
    padding:80px 70px;
    text-align:center;
    overflow:hidden;
    isolation:isolate;
}

.executive-center .executive-final::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(255,255,255,.055),
        transparent 68%
    );
    pointer-events:none;
    z-index:-1;
}

.executive-center .executive-final::after{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(255,255,255,.055);
    pointer-events:none;
}


/* =========================================================
   09.18 — EXECUTIVE FINAL TYPOGRAPHY
   ========================================================= */

.executive-center .executive-final h2{
    position:relative;
    z-index:1;
    max-width:800px;
    margin:0 auto 20px;
    font-size:clamp(35px,4vw,60px);
    line-height:1.1;
    letter-spacing:-1.5px;
}

.executive-center .executive-final p{
    position:relative;
    z-index:1;
    max-width:620px;
    margin:0 auto;
    font-size:15px;
    line-height:1.9;
    opacity:.7;
}


/* =========================================================
   09.19 — EXECUTIVE FINAL BUTTONS
   ========================================================= */

.executive-center .executive-final-buttons{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
    margin-top:35px;
}

.executive-center .executive-final-buttons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 28px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.025);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:12px;
    text-decoration:none;
    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.executive-center .executive-final-buttons a:first-child{
    background:rgba(255,255,255,.09);
    border-color:rgba(255,255,255,.22);
}

.executive-center .executive-final-buttons a:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.09);
    border-color:rgba(255,255,255,.3);
    box-shadow:
        0 12px 35px rgba(0,0,0,.16);
}


/* =========================================================
   09.20 — LARGE SCREEN REFINEMENT
   ========================================================= */

@media (min-width:1400px){

    .executive-center{
        padding:175px 0;
    }

    .executive-center .executive-main{
        min-height:550px;
    }

    .executive-center .executive-header > div{
        left:65px;
        bottom:55px;
    }

    .executive-center .executive-main > p{
        left:65px;
        top:65px;
    }

    .executive-center .executive-buttons{
        left:65px;
        bottom:55px;
    }

}


/* =========================================================
   09.21 — TABLET RESPONSIVE
   ========================================================= */

@media (max-width:1100px){

    .executive-center{
        padding:115px 0;
    }

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

    .executive-center .executive-main{
        grid-column:1 / -1;
        min-height:520px;
    }

    .executive-center .communication-wall{
        grid-template-columns:repeat(2,1fr);
    }

    .executive-center .executive-final{
        padding:65px 50px;
    }

}


/* =========================================================
   09.22 — MOBILE RESPONSIVE
   ========================================================= */

@media (max-width:700px){

    .executive-center{
        padding:85px 0;
    }

    .executive-center .section-heading{
        margin-bottom:55px;
    }

    .executive-center .section-heading h2{
        font-size:40px;
        letter-spacing:-1px;
    }

    .executive-center .section-heading p{
        font-size:14px;
        line-height:1.8;
    }

    .executive-center .executive-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .executive-center .executive-main{
        grid-column:auto;
        min-height:620px;
    }

    .executive-center .executive-main::before{
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.18) 0%,
                rgba(0,0,0,.48) 42%,
                rgba(0,0,0,.92) 100%
            );
    }

    .executive-center .executive-main > p{
        left:30px;
        right:30px;
        top:35px;
        max-width:none;
        font-size:14px;
        line-height:1.8;
    }

    .executive-center .executive-header > div{
        left:30px;
        right:30px;
        bottom:135px;
    }

    .executive-center .executive-header h3{
        font-size:30px;
    }

    .executive-center .executive-buttons{
        left:30px;
        right:30px;
        bottom:35px;
        transform:none;
        opacity:1;
        flex-direction:column;
    }

    .executive-center .executive-buttons a{
        width:100%;
    }

    .executive-center .contact-panel{
        min-height:250px;
        padding:30px 25px;
    }

    .executive-center .communication-wall{
        grid-template-columns:1fr 1fr;
        gap:14px;
    }

    .executive-center .wall-card{
        min-height:155px;
        padding:25px 18px;
    }

    .executive-center .executive-final{
        margin-top:30px;
        padding:55px 25px;
    }

    .executive-center .executive-final::after{
        inset:10px;
    }

    .executive-center .executive-final h2{
        font-size:34px;
    }

    .executive-center .executive-final-buttons{
        flex-direction:column;
    }

    .executive-center .executive-final-buttons a{
        width:100%;
    }

}


/* =========================================================
   09.23 — SMALL MOBILE REFINEMENT
   ========================================================= */

@media (max-width:430px){

    .executive-center .executive-main{
        min-height:660px;
    }

    .executive-center .executive-header h3{
        font-size:27px;
    }

    .executive-center .communication-wall{
        grid-template-columns:1fr;
    }

    .executive-center .wall-card{
        min-height:135px;
    }

}

/* =========================================================
   ARS PARTNERSHIP
   SECTION 10 — INVESTMENT REASONS
   PREMIUM INVESTMENT VALUE SYSTEM
   ========================================================= */


/* =========================================================
   INVESTMENT REASONS
   ========================================================= */

.investment-reasons{
    position:relative;
    padding:110px 0;
    overflow:hidden;
}

.investment-reasons .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}


/* =========================================================
   INVESTMENT LAYOUT
   ========================================================= */

.investment-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:stretch;
}


/* =========================================================
   REASON CARDS
   ========================================================= */

.investment-left{
    display:grid;
    gap:18px;
}

.reason-card{
    display:flex;
    align-items:center;
    gap:22px;
    padding:26px 28px;
    border:1px solid rgba(212,168,92,.14);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.reason-card:hover{
    transform:translateY(-5px);
    border-color:rgba(212,168,92,.45);
    box-shadow:0 18px 45px rgba(0,0,0,.25);
}

.reason-icon{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:grid;
    place-items:center;
    font-size:24px;
    border-radius:14px;
    background:rgba(212,168,92,.08);
    border:1px solid rgba(212,168,92,.18);
}

.reason-card h3{
    margin:0 0 7px;
}

.reason-card p{
    margin:0;
    opacity:.72;
    line-height:1.7;
}


/* =========================================================
   INVESTMENT VISUAL
   ========================================================= */

.investment-right{
    position:relative;
    min-height:520px;
    overflow:hidden;
}

.investment-right img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .7s ease;
}

.investment-right:hover img{
    transform:scale(1.04);
}

.investment-overlay{
    position:absolute;
    inset:auto 25px 25px;
    padding:25px;
    background:rgba(8,8,8,.72);
    backdrop-filter:blur(12px);
    border:1px solid rgba(212,168,92,.18);
}

.investment-overlay h3{
    margin:0 0 8px;
}

.investment-overlay p{
    margin:0;
    opacity:.75;
}


/* =========================================================
   INVESTMENT HIGHLIGHTS
   ========================================================= */

.investment-highlight{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:40px;
}

.highlight-card{
    padding:28px 20px;
    text-align:center;
    transition:transform .3s ease;
}

.highlight-card:hover{
    transform:translateY(-5px);
}

.highlight-card h2{
    margin:0;
}

.highlight-card span{
    display:block;
    margin-top:7px;
    opacity:.65;
}


/* =========================================================
   EXECUTIVE NOTE
   ========================================================= */

.executive-note{
    margin-top:40px;
    padding:45px;
    text-align:center;
    border:1px solid rgba(212,168,92,.16);
}

.quote-mark{
    font-size:50px;
    line-height:1;
    opacity:.45;
}

.executive-note p{
    max-width:800px;
    margin:15px auto 20px;
    font-size:20px;
    line-height:1.8;
}

.quote-author{
    font-size:13px;
    letter-spacing:2px;
    opacity:.6;
}


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

@media(max-width:900px){

    .investment-layout{
        grid-template-columns:1fr;
    }

    .investment-right{
        min-height:420px;
    }

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

}

@media(max-width:600px){

    .investment-reasons{
        padding:80px 0;
    }

    .reason-card{
        padding:22px;
    }

    .investment-highlight{
        grid-template-columns:1fr;
    }

    .executive-note{
        padding:30px 22px;
    }

    .executive-note p{
        font-size:17px;
    }

}

/* =========================================================
   ARS PARTNERSHIP
   SECTION 11 — PARTNERSHIP FOOTER CTA
   PREMIUM FINAL PARTNERSHIP CONVERSION SYSTEM
   ========================================================= */


/* =========================================================
   PARTNERSHIP FOOTER CTA
   ========================================================= */

.partnership-footer-cta{

    position:relative;

    padding:120px 0 80px;

    overflow:hidden;

}


/* =========================================================
   FOOTER CTA CARD
   ========================================================= */

.footer-cta-card{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

    padding:70px 65px;

    border-radius:28px;

    overflow:hidden;

}


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

.footer-cta-content{

    position:relative;

    z-index:2;

    max-width:760px;

}


.footer-cta-content h2{

    margin:18px 0 20px;

    font-size:clamp(2.2rem,4vw,4.5rem);

    line-height:1.05;

    letter-spacing:-.03em;

}


.footer-cta-content p{

    max-width:680px;

    margin:0;

    font-size:1.08rem;

    line-height:1.9;

    opacity:.78;

}


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

.footer-cta-actions{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    gap:16px;

    min-width:230px;

}


.footer-cta-actions a{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:56px;

    padding:0 28px;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

    letter-spacing:.02em;

    transition:

        transform .35s ease,

        box-shadow .35s ease,

        background .35s ease,

        border-color .35s ease;

}


.footer-cta-actions a:hover{

    transform:translateY(-3px);

}


/* =========================================================
   PARTNER LINKS GRID
   ========================================================= */

.partner-links-grid{

    display:grid;

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

    gap:20px;

    margin-top:28px;

}


.partner-link{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:220px;

    padding:32px 28px;

    border-radius:22px;

    text-decoration:none;

    overflow:hidden;

    transition:

        transform .4s ease,

        border-color .4s ease,

        box-shadow .4s ease;

}


.partner-link:hover{

    transform:translateY(-7px);

}


.partner-link h3{

    margin:0 0 12px;

    font-size:1.35rem;

}


.partner-link p{

    margin:0;

    line-height:1.7;

    opacity:.7;

}


.partner-link span{

    margin-top:auto;

    font-size:.9rem;

    font-weight:600;

    letter-spacing:.04em;

    transition:transform .3s ease;

}


.partner-link:hover span{

    transform:translateX(5px);

}


/* =========================================================
   PARTNERSHIP BOTTOM BAR
   ========================================================= */

.partnership-bottom{

    display:grid;

    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:35px;

    margin-top:28px;

    padding:28px 32px;

    border-radius:22px;

}


/* =========================================================
   BOTTOM LOGO
   ========================================================= */

.bottom-logo{

    display:flex;

    align-items:center;

    justify-content:center;

}


.bottom-logo img{

    display:block;

    width:auto;

    max-width:120px;

    max-height:55px;

    object-fit:contain;

}


/* =========================================================
   BOTTOM TEXT
   ========================================================= */

.bottom-text h3{

    margin:0 0 6px;

    font-size:1.1rem;

}


.bottom-text p{

    margin:0;

    font-size:.9rem;

    line-height:1.6;

    opacity:.65;

}


/* =========================================================
   BOTTOM NAVIGATION
   ========================================================= */

.bottom-buttons{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    flex-wrap:wrap;

    gap:10px;

}


.bottom-buttons a{

    padding:10px 15px;

    border-radius:8px;

    text-decoration:none;

    font-size:.85rem;

    opacity:.72;

    transition:

        opacity .3s ease,

        transform .3s ease,

        background .3s ease;

}


.bottom-buttons a:hover{

    opacity:1;

    transform:translateY(-2px);

}


/* =========================================================
   PREMIUM MICRO INTERACTION
   ========================================================= */

.footer-cta-card::before,
.partner-link::before,
.partnership-bottom::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:0;

    transition:opacity .5s ease;

}


.footer-cta-card:hover::before,
.partner-link:hover::before,
.partnership-bottom:hover::before{

    opacity:1;

}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width:1100px){

    .footer-cta-card{

        flex-direction:column;

        align-items:flex-start;

        padding:55px 45px;

    }


    .footer-cta-actions{

        width:100%;

        flex-direction:row;

        flex-wrap:wrap;

    }


    .footer-cta-actions a{

        flex:1;

    }


    .partner-links-grid{

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

    }


    .partnership-bottom{

        grid-template-columns:1fr;

        text-align:center;

    }


    .bottom-logo{

        justify-content:center;

    }


    .bottom-buttons{

        justify-content:center;

    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width:650px){

    .partnership-footer-cta{

        padding:80px 0 50px;

    }


    .footer-cta-card{

        gap:35px;

        padding:42px 25px;

        border-radius:20px;

    }


    .footer-cta-content h2{

        font-size:2.1rem;

    }


    .footer-cta-content p{

        font-size:.95rem;

        line-height:1.8;

    }


    .footer-cta-actions{

        flex-direction:column;

        width:100%;

    }


    .footer-cta-actions a{

        width:100%;

    }


    .partner-links-grid{

        grid-template-columns:1fr;

        gap:15px;

    }


    .partner-link{

        min-height:180px;

        padding:28px 24px;

    }


    .partnership-bottom{

        gap:22px;

        padding:25px 20px;

        border-radius:18px;

    }


    .bottom-buttons{

        gap:6px;

    }


    .bottom-buttons a{

        font-size:.8rem;

        padding:9px 11px;

    }

    }
/* =========================================================
   ARS PARTNERSHIP
   SECTION 12 — FINAL PREMIUM POLISH
   ULTRA PREMIUM GLASSMORPHISM + MOTION SYSTEM
   FINAL VISUAL & INTERACTION LAYER
   ========================================================= */


/* =========================================================
   01 — GLOBAL PARTNERSHIP MOTION FOUNDATION
   ========================================================= */

.partnership-hero,
.partnership-center,
.why-partner,
.global-partners,
.executive-program,
.ars-investment-opportunity,
.partnership-opportunities,
.investment-reasons,
.executive-center,
.global-trust,
.partnership-footer-cta{

    position:relative;

    isolation:isolate;

}


/* =========================================================
   02 — PREMIUM GLASS SYSTEM
   ========================================================= */

.partnership-center .ars-glass,
.why-partner .ars-glass,
.global-partners .ars-glass,
.executive-program .ars-glass,
.ars-investment-opportunity .ars-glass,
.partnership-opportunities .ars-glass,
.investment-reasons .ars-glass,
.executive-center .ars-glass,
.global-trust .ars-glass,
.partnership-footer-cta .ars-glass{

    position:relative;

    overflow:hidden;

    backdrop-filter:blur(22px) saturate(135%);

    -webkit-backdrop-filter:blur(22px) saturate(135%);

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

    box-shadow:

        0 20px 70px rgba(0,0,0,.22),

        inset 0 1px 0 rgba(255,255,255,.08);

    transition:

        transform .5s cubic-bezier(.16,1,.3,1),

        border-color .5s ease,

        box-shadow .5s ease,

        background .5s ease;

}


/* =========================================================
   03 — MOVING GLASS LIGHT
   ========================================================= */

.partnership-center .ars-glass::after,
.why-partner .ars-glass::after,
.global-partners .ars-glass::after,
.executive-program .ars-glass::after,
.ars-investment-opportunity .ars-glass::after,
.partnership-opportunities .ars-glass::after,
.investment-reasons .ars-glass::after,
.executive-center .ars-glass::after,
.global-trust .ars-glass::after,
.partnership-footer-cta .ars-glass::after{

    content:"";

    position:absolute;

    top:-120%;

    left:-40%;

    width:45%;

    height:300%;

    pointer-events:none;

    opacity:0;

    transform:rotate(25deg);

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.07),

        rgba(212,168,92,.12),

        transparent

    );

    transition:

        left 1s cubic-bezier(.16,1,.3,1),

        opacity .5s ease;

}


.partnership-center .ars-glass:hover::after,
.why-partner .ars-glass:hover::after,
.global-partners .ars-glass:hover::after,
.executive-program .ars-glass:hover::after,
.ars-investment-opportunity .ars-glass:hover::after,
.partnership-opportunities .ars-glass:hover::after,
.investment-reasons .ars-glass:hover::after,
.executive-center .ars-glass:hover::after,
.global-trust .ars-glass:hover::after,
.partnership-footer-cta .ars-glass:hover::after{

    left:120%;

    opacity:1;

}


/* =========================================================
   04 — PREMIUM CARD HOVER
   ========================================================= */

.partner-card:hover,
.benefit-card:hover,
.value-card:hover,
.ecosystem-card:hover,
.program-card:hover,
.opportunity-card:hover,
.reason-card:hover,
.contact-panel:hover,
.trust-card:hover,
.partner-link:hover{

    transform:translateY(-8px);

    border-color:rgba(212,168,92,.32);

    box-shadow:

        0 30px 80px rgba(0,0,0,.30),

        0 0 35px rgba(212,168,92,.07),

        inset 0 1px 0 rgba(255,255,255,.12);

}


/* =========================================================
   05 — PREMIUM GOLD LINE
   ========================================================= */

.partner-card::before,
.benefit-card::before,
.value-card::before,
.ecosystem-card::before,
.program-card::before,
.opportunity-card::before,
.reason-card::before,
.contact-panel::before,
.trust-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:2px;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(212,168,92,.9),

        transparent

    );

    transition:

        width .7s cubic-bezier(.16,1,.3,1);

}


.partner-card:hover::before,
.benefit-card:hover::before,
.value-card:hover::before,
.ecosystem-card:hover::before,
.program-card:hover::before,
.opportunity-card:hover::before,
.reason-card:hover::before,
.contact-panel:hover::before,
.trust-card:hover::before{

    width:100%;

}


/* =========================================================
   06 — FLOATING ORB MOTION
   ========================================================= */

.partnership-hero::before,
.partnership-center::before,
.global-partners::before,
.executive-program::before,
.global-trust::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    pointer-events:none;

    opacity:.14;

    filter:blur(70px);

    background:rgba(212,168,92,.45);

    animation:

        arsFloatingOrb 12s ease-in-out infinite alternate;

}


.partnership-hero::before{

    top:12%;

    right:8%;

}


.partnership-center::before{

    top:35%;

    left:-100px;

}


.global-partners::before{

    bottom:10%;

    right:-80px;

}


.executive-program::before{

    top:20%;

    right:-100px;

}


.global-trust::before{

    top:45%;

    left:-100px;

}


@keyframes arsFloatingOrb{

    0%{

        transform:

            translate3d(0,0,0)

            scale(.85);

    }

    50%{

        transform:

            translate3d(45px,-35px,0)

            scale(1.08);

    }

    100%{

        transform:

            translate3d(-25px,35px,0)

            scale(.92);

    }

}


/* =========================================================
   07 — HERO VISUAL FLOAT
   ========================================================= */

.hero-visual{

    animation:

        arsHeroFloat 7s ease-in-out infinite;

}


@keyframes arsHeroFloat{

    0%,
    100%{

        transform:translateY(0) rotate(0deg);

    }

    50%{

        transform:translateY(-12px) rotate(.5deg);

    }

}


/* =========================================================
   08 — INVESTMENT ORBIT MOTION
   ========================================================= */

.investment-orbit{

    animation:

        arsOrbitSpin 18s linear infinite;

}


@keyframes arsOrbitSpin{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


/* =========================================================
   09 — NUMBER MICRO MOTION
   ========================================================= */

.benefit-number,
.investor-number,
.program-tag,
.investment-step > span,
.why-now-card > span,
.capital-card > span{

    transition:

        transform .4s ease,

        letter-spacing .4s ease,

        opacity .4s ease;

}


.benefit-card:hover .benefit-number,
.investor-type:hover .investor-number,
.program-card:hover .program-tag,
.investment-step:hover > span,
.why-now-card:hover > span,
.capital-card:hover > span{

    transform:translateX(5px);

    letter-spacing:.12em;

}


/* =========================================================
   10 — ICON FLOAT
   ========================================================= */

.partner-icon,
.benefit-icon,
.value-icon,
.ecosystem-icon,
.opportunity-icon,
.reason-icon,
.trust-icon,
.wall-icon{

    transition:

        transform .45s cubic-bezier(.16,1,.3,1),

        filter .45s ease;

}


.partner-card:hover .partner-icon,
.benefit-card:hover .benefit-icon,
.value-card:hover .value-icon,
.ecosystem-card:hover .ecosystem-icon,
.opportunity-card:hover .opportunity-icon,
.reason-card:hover .reason-icon,
.trust-card:hover .trust-icon,
.wall-card:hover .wall-icon{

    transform:

        translateY(-5px)

        scale(1.08);

    filter:

        drop-shadow(0 0 14px rgba(212,168,92,.35));

}


/* =========================================================
   11 — PREMIUM IMAGE MOTION
   ========================================================= */

.hero-visual img,
.map-right img,
.investment-right img,
.executive-header img{

    transition:

        transform 1s cubic-bezier(.16,1,.3,1),

        filter 1s ease;

}


.hero-visual:hover img,
.map-right:hover img,
.investment-right:hover img,
.executive-header:hover img{

    transform:scale(1.035);

}


/* =========================================================
   12 — CTA PREMIUM PULSE
   ========================================================= */

.footer-cta-actions .btn-primary,
.investment-actions .btn-primary,
.executive-final-buttons a:first-child{

    position:relative;

    overflow:hidden;

}


.footer-cta-actions .btn-primary::before,
.investment-actions .btn-primary::before,
.executive-final-buttons a:first-child::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:80%;

    height:100%;

    transform:skewX(-20deg);

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.25),

        transparent

    );

    animation:

        arsButtonShine 5s ease-in-out infinite;

}


@keyframes arsButtonShine{

    0%{

        left:-120%;

    }

    35%,
    100%{

        left:140%;

    }

}


/* =========================================================
   13 — SECTION HEADING PREMIUM REVEAL
   ========================================================= */

.section-heading{

    position:relative;

}


.section-heading .section-label{

    display:inline-block;

    animation:

        arsLabelReveal 1s ease both;

}


@keyframes arsLabelReveal{

    from{

        opacity:0;

        transform:translateY(12px);

        letter-spacing:.25em;

    }

    to{

        opacity:1;

        transform:translateY(0);

        letter-spacing:normal;

    }

}


/* =========================================================
   14 — ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

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

    *,
    *::before,
    *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

    }

}


/* =========================================================
   15 — FINAL MOBILE POLISH
   ========================================================= */

@media (max-width:650px){

    .partnership-center .ars-glass,
    .why-partner .ars-glass,
    .global-partners .ars-glass,
    .executive-program .ars-glass,
    .ars-investment-opportunity .ars-glass,
    .partnership-opportunities .ars-glass,
    .investment-reasons .ars-glass,
    .executive-center .ars-glass,
    .global-trust .ars-glass,
    .partnership-footer-cta .ars-glass{

        backdrop-filter:blur(16px) saturate(125%);

        -webkit-backdrop-filter:blur(16px) saturate(125%);

    }


    .partner-card:hover,
    .benefit-card:hover,
    .value-card:hover,
    .ecosystem-card:hover,
    .program-card:hover,
    .opportunity-card:hover,
    .reason-card:hover,
    .contact-panel:hover,
    .trust-card:hover,
    .partner-link:hover{

        transform:translateY(-4px);

    }


    .partnership-hero::before,
    .partnership-center::before,
    .global-partners::before,
    .executive-program::before,
    .global-trust::before{

        width:180px;

        height:180px;

        filter:blur(55px);

    }

}


/* =========================================================
   16 — FINAL PARTNERSHIP VISUAL SIGNATURE
   ========================================================= */

.partnership-footer-cta{

    background:

        radial-gradient(

            circle at 50% 20%,

            rgba(212,168,92,.08),

            transparent 38%

        );

}


.partnership-footer-cta .footer-cta-card{

    box-shadow:

        0 35px 100px rgba(0,0,0,.35),

        0 0 70px rgba(212,168,92,.06),

        inset 0 1px 0 rgba(255,255,255,.10);

}


.partnership-footer-cta .footer-cta-card:hover{

    box-shadow:

        0 45px 120px rgba(0,0,0,.42),

        0 0 90px rgba(212,168,92,.10),

        inset 0 1px 0 rgba(255,255,255,.14);

}


/* =========================================================
   END — ARS PARTNERSHIP FINAL PREMIUM POLISH
   ========================================================= */






/* ========================================================= */
/*                                                         */
/*       END OF ARS GLOBAL VISUAL DNA                      */
/*       START OF ARS COMPANY UNIQUE DESIGN                */
/*                                                         */
/* ========================================================= */
