/* ========================================================= */
/*                                                         */
/*               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;

    }

}
/* =========================================================
   ZHR NAJI — DEDICATED PREMIUM PROTECTION SYSTEM
   FILE: zhr-naji.css
   VERSION: 01
   ========================================================= */

:root{

    --zhr-bg-0:#050607;
    --zhr-bg-1:#080b0d;
    --zhr-bg-2:#0d1114;

    --zhr-gold:#c49a52;
    --zhr-gold-light:#e4c27b;
    --zhr-gold-soft:rgba(196,154,82,.18);

    --zhr-white:#f5f3ee;
    --zhr-text:#d7d5cf;
    --zhr-muted:#8e918f;

    --zhr-line:rgba(255,255,255,.09);
    --zhr-glass:rgba(255,255,255,.035);
    --zhr-glass-strong:rgba(255,255,255,.055);

    --zhr-shadow:
        0 30px 90px rgba(0,0,0,.48);

    --zhr-gold-glow:
        0 0 70px rgba(196,154,82,.14);

    --zhr-radius:28px;

    --zhr-max-width:1400px;

}


/* =========================================================
   ۰۲ — GLOBAL ZHR RESET
   ========================================================= */

.zhr-naji-page{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(196,154,82,.075),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            var(--zhr-bg-0),
            var(--zhr-bg-1) 45%,
            var(--zhr-bg-0)
        );

    color:var(--zhr-text);

}


.zhr-naji-page *,
.zhr-naji-page *::before,
.zhr-naji-page *::after{

    box-sizing:border-box;

}


.zhr-naji-page img{

    max-width:100%;

    display:block;

}


.zhr-naji-page p{

    line-height:2;

    color:var(--zhr-text);

}


.zhr-naji-page h1,
.zhr-naji-page h2,
.zhr-naji-page h3{

    color:var(--zhr-white);

    letter-spacing:-.025em;

}


.zhr-naji-page .container{

    width:min(
        calc(100% - 48px),
        var(--zhr-max-width)
    );

    margin-inline:auto;

}


/* =========================================================
   ۰۳ — PREMIUM GLASS SYSTEM
   ========================================================= */

.zhr-naji-page .ars-glass{

    position:relative;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.018)
        );

    border:1px solid var(--zhr-line);

    border-radius:var(--zhr-radius);

    box-shadow:var(--zhr-shadow);

    backdrop-filter:blur(22px);

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

    overflow:hidden;

}


.zhr-naji-page .ars-glass::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.07),
            transparent 25%,
            transparent 75%,
            rgba(196,154,82,.035)
        );

    opacity:.7;

}


.zhr-naji-page .ars-glass::after{

    content:"";

    position:absolute;

    top:0;

    left:8%;

    right:8%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(196,154,82,.55),
            transparent
        );

    opacity:.55;

}


/* =========================================================
   ۰۴ — SECTION HEADING SYSTEM
   ========================================================= */

.zhr-naji-page .section-heading{

    position:relative;

    z-index:2;

    max-width:900px;

    margin-bottom:64px;

}


.zhr-naji-page .section-label{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-bottom:20px;

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

    font-size:.72rem;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

}


.zhr-naji-page .section-label::before{

    content:"";

    width:34px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--zhr-gold),
            transparent
        );

}


.zhr-naji-page .section-heading h2{

    margin:0;

    font-size:
        clamp(
            2rem,
            4vw,
            4.2rem
        );

    line-height:1.08;

    font-weight:600;

}


.zhr-naji-page .section-heading p{

    margin-top:28px;

    max-width:760px;

    color:var(--zhr-muted);

}


/* =========================================================
   ۰۵ — GOLD EMPHASIS
   ========================================================= */

.zhr-naji-page .gold-emphasis{

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

}


.zhr-naji-page .feature-emphasis{

    position:relative;

    padding-left:24px;

    color:var(--zhr-white);

}


.zhr-naji-page .feature-emphasis::before{

    content:"";

    position:absolute;

    left:0;

    top:.5em;

    width:2px;

    height:calc(100% - 1em);

    background:
        linear-gradient(
            180deg,
            var(--zhr-gold),
            transparent
        );

}


/* =========================================================
   ۰۶ — HERO FOUNDATION
   ========================================================= */

.zhr-naji-page
.zhr-naji-hero,
.zhr-naji-page
.living-ecosystem-hero,
.zhr-naji-page
.engineering-hero,
.zhr-naji-page
.trust-security-hero,
.zhr-naji-page
.future-protection-hero{

    position:relative;

    min-height:88vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        clamp(90px,12vw,180px)
        clamp(28px,7vw,100px);

    margin-bottom:120px;

}


.zhr-naji-page
.zhr-naji-hero::before,
.zhr-naji-page
.living-ecosystem-hero::before,
.zhr-naji-page
.engineering-hero::before,
.zhr-naji-page
.trust-security-hero::before,
.zhr-naji-page
.future-protection-hero::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    top:-300px;

    right:-180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(196,154,82,.13),
            transparent 68%
        );

    filter:blur(12px);

    pointer-events:none;

}


.zhr-naji-page
.zhr-naji-hero h1,
.zhr-naji-page
.living-ecosystem-hero h1,
.zhr-naji-page
.engineering-hero h1,
.zhr-naji-page
.trust-security-hero h1,
.zhr-naji-page
.future-protection-hero h1{

    position:relative;

    z-index:2;

    max-width:1000px;

    margin:0 0 32px;

    font-size:
        clamp(
            3rem,
            7vw,
            7.8rem
        );

    line-height:.95;

    font-weight:500;

}


.zhr-naji-page .hero-lead{

    position:relative;

    z-index:2;

    max-width:760px;

    font-size:
        clamp(
            1.25rem,
            2vw,
            2rem
        );

    color:var(--zhr-white);

}


.zhr-naji-page
.zhr-naji-hero p,
.zhr-naji-page
.living-ecosystem-hero p,
.zhr-naji-page
.engineering-hero p,
.zhr-naji-page
.trust-security-hero p,
.zhr-naji-page
.future-protection-hero p{

    position:relative;

    z-index:2;

    max-width:780px;

}


.zhr-naji-page .hero-emphasis{

    position:relative;

    z-index:2;

    max-width:850px;

    margin-top:36px;

    padding:28px 32px;

    border-left:1px solid var(--zhr-gold);

    background:
        linear-gradient(
            90deg,
            rgba(196,154,82,.08),
            transparent
        );

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

}


/* =========================================================
   ۰۷ — HERO SYMBOL
   ========================================================= */

.zhr-naji-page .hero-symbol,
.zhr-naji-page .final-symbol{

    position:relative;

    z-index:3;

    width:76px;

    height:76px;

    display:grid;

    place-items:center;

    margin-bottom:34px;

    border:1px solid
        rgba(196,154,82,.38);

    border-radius:50%;

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

    font-size:1.8rem;

    box-shadow:
        0 0 0 12px
            rgba(196,154,82,.025),
        0 0 70px
            rgba(196,154,82,.12);

    animation:
        zhrSymbolPulse
        5s
        ease-in-out
        infinite;

}


@keyframes zhrSymbolPulse{

    0%,
    100%{

        transform:scale(1);

        box-shadow:
            0 0 0 12px
                rgba(196,154,82,.025),
            0 0 50px
                rgba(196,154,82,.08);

    }

    50%{

        transform:scale(1.035);

        box-shadow:
            0 0 0 18px
                rgba(196,154,82,.018),
            0 0 90px
                rgba(196,154,82,.16);

    }

}


/* =========================================================
   ۰۸ — AURA SYSTEM
   ========================================================= */

.zhr-naji-page
.living-ecosystem-aura,
.zhr-naji-page
.engineering-aura,
.zhr-naji-page
.trust-security-aura,
.zhr-naji-page
.future-protection-aura,
.zhr-naji-page
.humanity-aura,
.zhr-naji-page
.final-message-aura{

    position:absolute;

    width:600px;

    height:600px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(196,154,82,.13),
            transparent 70%
        );

    filter:blur(18px);

    pointer-events:none;

    animation:
        zhrAuraFloat
        14s
        ease-in-out
        infinite;

}


@keyframes zhrAuraFloat{

    0%,
    100%{

        transform:
            translate3d(0,0,0)
            scale(1);

        opacity:.65;

    }

    50%{

        transform:
            translate3d(25px,-20px,0)
            scale(1.08);

        opacity:.9;

    }

}


/* =========================================================
   ۰۹ — HUMAN PROTECTION OPENING
   ========================================================= */

.zhr-naji-page
.human-protection-opening{

    padding:
        clamp(50px,7vw,100px);

    margin-bottom:100px;

}


.zhr-naji-page
.opening-content{

    max-width:900px;

}


.zhr-naji-page
.opening-content p{

    font-size:
        clamp(
            1.05rem,
            1.5vw,
            1.35rem
        );

}


.zhr-naji-page
.opening-content
.gold-emphasis{

    margin-top:48px;

    padding:
        36px 42px;

    border:
        1px solid
        rgba(196,154,82,.2);

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            rgba(196,154,82,.08),
            transparent
        );

}


/* =========================================================
   ۱۰ — HUMAN FEATURE LAYOUT
   ========================================================= */

.zhr-naji-page
.human-protection-feature{

    padding:
        110px 0;

}


.zhr-naji-page
.human-feature-layout{

    display:grid;

    grid-template-columns:
        minmax(280px,.8fr)
        minmax(0,1.4fr);

    gap:32px;

    align-items:stretch;

}


.zhr-naji-page
.human-protection-feature.reverse
.human-feature-layout{

    grid-template-columns:
        minmax(0,1.4fr)
        minmax(280px,.8fr);

}


/* =========================================================
   ۱۱ — HUMAN VISUAL CARDS
   ========================================================= */

.zhr-naji-page
.human-feature-visual{

    min-height:500px;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    align-items:flex-start;

    padding:48px;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(196,154,82,.12),
            transparent 42%
        ),
        rgba(255,255,255,.025);

}


.zhr-naji-page
.human-feature-icon{

    position:relative;

    z-index:2;

    font-size:5rem;

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

    text-shadow:
        0 0 50px
        rgba(196,154,82,.25);

}


.zhr-naji-page
.human-feature-visual span{

    position:relative;

    z-index:2;

    margin-top:20px;

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

    letter-spacing:.22em;

    font-size:.72rem;

    font-weight:700;

}


/* =========================================================
   ۱۲ — HUMAN CONTENT
   ========================================================= */

.zhr-naji-page
.human-feature-content{

    padding:
        clamp(35px,5vw,72px);

}


.zhr-naji-page
.human-feature-content h3{

    font-size:
        clamp(
            1.5rem,
            2.4vw,
            2.5rem
        );

    line-height:1.15;

    margin-top:0;

    margin-bottom:34px;

}


.zhr-naji-page
.human-feature-content p{

    max-width:850px;

}


/* =========================================================
   ۱۳ — ROSE HUMAN ACCESSIBILITY
   ========================================================= */

.zhr-naji-page
.human-rose,
.zhr-naji-page
.rose-evolution,
.zhr-naji-page
.intelligence-rose{

    position:relative;

    padding:
        clamp(45px,7vw,100px);

    margin:
        120px 0;

}


.zhr-naji-page
.rose-aura,
.zhr-naji-page
.rose-evolution-aura,
.zhr-naji-page
.rose-intelligence-aura{

    position:absolute;

    width:500px;

    height:500px;

    right:-180px;

    top:-180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(196,154,82,.14),
            transparent 70%
        );

    filter:blur(20px);

}


.zhr-naji-page
.rose-human-content,
.zhr-naji-page
.rose-evolution-content,
.zhr-naji-page
.rose-intelligence-content{

    position:relative;

    z-index:2;

    max-width:900px;

}


.zhr-naji-page
.rose-human-content
.gold-emphasis,
.zhr-naji-page
.rose-evolution-content
.gold-emphasis,
.zhr-naji-page
.rose-intelligence-content
.gold-emphasis{

    margin-top:42px;

    padding-top:30px;

    border-top:
        1px solid
        rgba(196,154,82,.2);

}


/* =========================================================
   ۱۴ — UNIVERSAL DESIGN
   ========================================================= */

.zhr-naji-page
.universal-design{

    padding:
        clamp(45px,7vw,100px);

    margin:
        100px 0;

}


.zhr-naji-page
.universal-content{

    max-width:900px;

}


.zhr-naji-page
.universal-content
.feature-emphasis{

    margin-top:40px;

}


/* =========================================================
   ۱۵ — DIGNITY
   ========================================================= */

.zhr-naji-page
.dignity-message{

    padding:
        clamp(45px,7vw,100px);

    margin:
        100px 0;

    text-align:center;

}


.zhr-naji-page
.dignity-message
.section-heading{

    max-width:1000px;

    margin-inline:auto;

}


.zhr-naji-page
.dignity-content{

    max-width:760px;

    margin-inline:auto;

}


.zhr-naji-page
.dignity-content
.gold-emphasis{

    margin-top:48px;

    font-size:1.3rem;

}


/* =========================================================
   ۱۶ — BIGGER PURPOSE
   ========================================================= */

.zhr-naji-page
.human-purpose{

    position:relative;

    padding:
        clamp(60px,9vw,140px);

    margin:
        120px 0;

    text-align:center;

}


.zhr-naji-page
.purpose-aura{

    position:absolute;

    inset:50% auto auto 50%;

    width:700px;

    height:700px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(196,154,82,.12),
            transparent 68%
        );

    filter:blur(25px);

}


.zhr-naji-page
.purpose-content{

    position:relative;

    z-index:2;

    max-width:800px;

    margin-inline:auto;

}


.zhr-naji-page
.purpose-final{

    margin-top:60px;

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

    font-size:
        clamp(
            1.4rem,
            2.4vw,
            2.4rem
        );

}


/* =========================================================
   ۱۷ — CLOSING MESSAGE SYSTEM
   ========================================================= */

.zhr-naji-page
.human-protection-closing,
.zhr-naji-page
.living-ecosystem-closing,
.zhr-naji-page
.engineering-closing,
.zhr-naji-page
.trust-security-closing,
.zhr-naji-page
.future-protection-closing{

    position:relative;

    padding:
        clamp(60px,9vw,130px);

    margin:
        120px 0;

    text-align:center;

}


.zhr-naji-page
.human-protection-closing h2,
.zhr-naji-page
.living-ecosystem-closing h2,
.zhr-naji-page
.engineering-closing h2,
.zhr-naji-page
.trust-security-closing h2,
.zhr-naji-page
.future-protection-closing h2{

    max-width:950px;

    margin:
        0 auto 30px;

    font-size:
        clamp(
            2rem,
            4vw,
            4.5rem
        );

    line-height:1.05;

}


.zhr-naji-page
.closing-final{

    margin-top:50px;

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

    font-size:1.2rem;

}


.zhr-naji-page
.closing-symbol{

    margin:30px auto;

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

    font-size:2rem;

}


/* =========================================================
   ۱۸ — NEXT TRANSITION
   ========================================================= */

.zhr-naji-page
.naji-next-transition{

    position:relative;

    padding:
        100px 40px;

    margin:
        80px auto;

    max-width:1000px;

    text-align:center;

}


.zhr-naji-page
.naji-next-transition h2{

    font-size:
        clamp(
            2rem,
            4vw,
            4rem
        );

    line-height:1.1;

}


.zhr-naji-page
.naji-next-transition p{

    max-width:760px;

    margin:
        28px auto;

}


/* =========================================================
   ۱۹ — EVOLUTION CYCLE
   ========================================================= */

.zhr-naji-page
.evolution-cycle{

    display:grid;

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

    gap:18px;

    align-items:center;

}


.zhr-naji-page
.evolution-step{

    min-height:330px;

    padding:34px;

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

}


.zhr-naji-page
.evolution-step:hover{

    transform:
        translateY(-10px);

    border-color:
        rgba(196,154,82,.35);

    box-shadow:
        var(--zhr-shadow),
        var(--zhr-gold-glow);

}


.zhr-naji-page
.evolution-number{

    color:var(--zhr-gold);

    font-size:.75rem;

    letter-spacing:.2em;

}


.zhr-naji-page
.evolution-icon{

    margin:
        34px 0 22px;

    font-size:2.4rem;

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

}


.zhr-naji-page
.evolution-step h3{

    margin:0 0 16px;

}


.zhr-naji-page
.evolution-arrow{

    color:var(--zhr-gold);

    font-size:1.5rem;

    text-align:center;

}


/* =========================================================
   ۲۰ — VERSION TIMELINE
   ========================================================= */

.zhr-naji-page
.version-journey{

    padding:
        clamp(45px,7vw,100px);

    margin:
        120px 0;

}


.zhr-naji-page
.version-timeline{

    max-width:900px;

    margin:auto;

}


.zhr-naji-page
.version-node{

    display:grid;

    grid-template-columns:
        100px 1fr;

    gap:34px;

    align-items:start;

}


.zhr-naji-page
.version-number{

    display:grid;

    place-items:center;

    width:78px;

    height:78px;

    border:
        1px solid
        rgba(196,154,82,.35);

    border-radius:50%;

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

    font-weight:700;

}


.zhr-naji-page
.version-node.active
.version-number{

    background:
        rgba(196,154,82,.1);

    box-shadow:
        0 0 50px
        rgba(196,154,82,.12);

}


.zhr-naji-page
.version-content h3{

    margin-top:0;

}


.zhr-naji-page
.timeline-line{

    width:1px;

    height:80px;

    margin:
        15px 0 15px 39px;

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

}


/* =========================================================
   ۲۱ — RESPONSIBLE GRID
   ========================================================= */

.zhr-naji-page
.responsible-grid,
.zhr-naji-page
.future-grid,
.zhr-naji-page
.trust-principles-grid,
.zhr-naji-page
.future-pillars-grid,
.zhr-naji-page
.principles-grid{

    display:grid;

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

    gap:22px;

}


.zhr-naji-page
.responsible-card,
.zhr-naji-page
.future-card,
.zhr-naji-page
.trust-principle,
.zhr-naji-page
.future-pillar,
.zhr-naji-page
.principle-card{

    position:relative;

    min-height:260px;

    padding:38px;

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

}


.zhr-naji-page
.responsible-card:hover,
.zhr-naji-page
.future-card:hover,
.zhr-naji-page
.trust-principle:hover,
.zhr-naji-page
.future-pillar:hover,
.zhr-naji-page
.principle-card:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(196,154,82,.35);

    background:
        linear-gradient(
            145deg,
            rgba(196,154,82,.07),
            rgba(255,255,255,.025)
        );

}


.zhr-naji-page
.responsible-card > span,
.zhr-naji-page
.trust-principle > span,
.zhr-naji-page
.principle-card > span{

    color:var(--zhr-gold);

    font-size:.75rem;

    letter-spacing:.18em;

}


.zhr-naji-page
.responsible-card h3,
.zhr-naji-page
.trust-principle h3,
.zhr-naji-page
.principle-card h3{

    margin-top:28px;

}


/* =========================================================
   ۲۲ — FUTURE ICONS
   ========================================================= */

.zhr-naji-page
.future-icon{

    font-size:2.5rem;

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

    margin-bottom:30px;

}


.zhr-naji-page
.pillar-number{

    color:var(--zhr-gold);

    font-size:.8rem;

    letter-spacing:.2em;

    margin-bottom:35px;

}


/* =========================================================
   ۲۳ — TRUST / PRIVACY / SECURITY
   ========================================================= */

.zhr-naji-page
.trust-foundation,
.zhr-naji-page
.privacy-foundation,
.zhr-naji-page
.security-foundation,
.zhr-naji-page
.engineering-validation,
.zhr-naji-page
.engineering-honesty,
.zhr-naji-page
.engineering-human,
.zhr-naji-page
.human-feedback,
.zhr-naji-page
.ota-vision,
.zhr-naji-page
.long-term-vision,
.zhr-naji-page
.future-vision-message{

    padding:
        clamp(45px,7vw,100px);

    margin:
        100px 0;

}


.zhr-naji-page
.trust-content,
.zhr-naji-page
.privacy-content,
.zhr-naji-page
.security-content,
.zhr-naji-page
.validation-content,
.zhr-naji-page
.honesty-content,
.zhr-naji-page
.human-content,
.zhr-naji-page
.feedback-content,
.zhr-naji-page
.ota-content,
.zhr-naji-page
.long-term-content,
.zhr-naji-page
.vision-content{

    max-width:900px;

}


.zhr-naji-page
.trust-principles{

    margin:
        120px 0;

}


/* =========================================================
   ۲۴ — HUMANITY FEATURE
   ========================================================= */

.zhr-naji-page
.future-humanity{

    position:relative;

    padding:
        clamp(50px,8vw,120px);

    margin:
        120px 0;

    overflow:hidden;

}


.zhr-naji-page
.future-humanity
.humanity-content{

    position:relative;

    z-index:2;

    max-width:800px;

}


.zhr-naji-page
.future-humanity
.feature-emphasis{

    font-size:
        clamp(
            1.6rem,
            3vw,
            3rem
        );

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

}


/* =========================================================
   ۲۵ — FINAL MESSAGE
   ========================================================= */

.zhr-naji-page
.final-message-shell{

    position:relative;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:
        clamp(60px,10vw,150px)
        clamp(25px,6vw,80px);

    text-align:center;

}


.zhr-naji-page
.final-message-shell h1{

    max-width:1100px;

    font-size:
        clamp(
            3rem,
            7vw,
            7.5rem
        );

    line-height:.95;

    font-weight:500;

}


.zhr-naji-page
.final-message-content{

    max-width:850px;

    margin-top:70px;

}


.zhr-naji-page
.final-message-content p{

    font-size:
        clamp(
            1.05rem,
            1.5vw,
            1.3rem
        );

}


.zhr-naji-page
.final-message-emphasis{

    margin:
        50px 0;

    font-size:
        clamp(
            1.5rem,
            3vw,
            3rem
        ) !important;

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

}


.zhr-naji-page
.final-divider{

    margin:
        55px auto;

    color:var(--zhr-gold);

    font-size:1.5rem;

}


.zhr-naji-page
.final-message-signature{

    margin-top:80px;

}


.zhr-naji-page
.signature-line{

    width:160px;

    height:1px;

    margin:
        0 auto 24px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--zhr-gold),
            transparent
        );

}


.zhr-naji-page
.final-message-signature p{

    margin:0;

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

    letter-spacing:.3em;

}


.zhr-naji-page
.final-message-signature span{

    display:block;

    margin-top:12px;

    color:var(--zhr-muted);

    font-size:.75rem;

    letter-spacing:.12em;

}


/* =========================================================
   ۲۶ — FINAL TRANSITION
   ========================================================= */

.zhr-naji-page
.zhr-final-transition{

    min-height:80vh;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    padding:
        100px 30px;

}


.zhr-naji-page
.zhr-final-transition h2{

    margin:8px 0;

    font-size:
        clamp(
            2.2rem,
            5vw,
            5rem
        );

}


.zhr-naji-page
.transition-symbol{

    margin:50px 0;

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

    font-size:2.5rem;

    animation:
        zhrSymbolPulse
        5s
        ease-in-out
        infinite;

}


.zhr-naji-page
.transition-final{

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

    font-size:
        clamp(
            1.2rem,
            2vw,
            1.8rem
        );

}


/* =========================================================
   ۲۷ — RESPONSIVE TABLET
   ========================================================= */

@media (max-width:1100px){

    .zhr-naji-page
    .evolution-cycle{

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

    }


    .zhr-naji-page
    .evolution-arrow{

        display:none;

    }


    .zhr-naji-page
    .responsible-grid,
    .zhr-naji-page
    .future-grid,
    .zhr-naji-page
    .trust-principles-grid,
    .zhr-naji-page
    .future-pillars-grid,
    .zhr-naji-page
    .principles-grid{

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

    }

}


/* =========================================================
   ۲۸ — RESPONSIVE MOBILE
   ========================================================= */

@media (max-width:760px){

    .zhr-naji-page
    .container{

        width:
            calc(100% - 28px);

    }


    .zhr-naji-page
    .zhr-naji-hero,
    .zhr-naji-page
    .living-ecosystem-hero,
    .zhr-naji-page
    .engineering-hero,
    .zhr-naji-page
    .trust-security-hero,
    .zhr-naji-page
    .future-protection-hero{

        min-height:
            82vh;

        padding:
            80px 24px;

        margin-bottom:70px;

    }


    .zhr-naji-page
    .human-feature-layout,
    .zhr-naji-page
    .human-protection-feature.reverse
    .human-feature-layout{

        grid-template-columns:1fr;

    }


    .zhr-naji-page
    .human-feature-visual{

        min-height:360px;

    }


    .zhr-naji-page
    .evolution-cycle,
    .zhr-naji-page
    .responsible-grid,
    .zhr-naji-page
    .future-grid,
    .zhr-naji-page
    .trust-principles-grid,
    .zhr-naji-page
    .future-pillars-grid,
    .zhr-naji-page
    .principles-grid{

        grid-template-columns:1fr;

    }


    .zhr-naji-page
    .version-node{

        grid-template-columns:
            70px 1fr;

        gap:20px;

    }


    .zhr-naji-page
    .version-number{

        width:60px;

        height:60px;

    }


    .zhr-naji-page
    .timeline-line{

        margin-left:29px;

    }


    .zhr-naji-page
    .final-message-shell{

        padding:
            80px 22px;

    }


    .zhr-naji-page
    .section-heading{

        margin-bottom:42px;

    }


    .zhr-naji-page
    .hero-emphasis{

        padding:
            22px;

    }

}


/* =========================================================
   ۲۹ — REDUCED MOTION
   ========================================================= */

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

    .zhr-naji-page *,
    .zhr-naji-page *::before,
    .zhr-naji-page *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

    }

}


/* =========================================================
   ۳۰ — END OF CORE ZHR NAJI CSS
   ========================================================= */
/* ========================================================= */
/* 02. ZHR NAJI — HUMAN PROTECTION & ACCESSIBILITY */
/* ========================================================= */


/* ========================================================= */
/* 02.01 — HUMAN PROTECTION OPENING */
/* ========================================================= */

.human-protection-opening{
    position:relative;
    max-width:1200px;
    margin:0 auto 120px;
    padding:90px 70px;
    border:1px solid rgba(212,170,92,.20);
    border-radius:32px;
    overflow:hidden;
    isolation:isolate;
}

.human-protection-opening::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(
        circle at 50% 0%,
        rgba(212,170,92,.14),
        transparent 42%
    );
    pointer-events:none;
    z-index:-1;
}

.human-protection-opening .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.human-protection-opening .section-label{
    display:inline-block;
    margin-bottom:20px;
}

.human-protection-opening h2{
    margin:0;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
    letter-spacing:-.03em;
}

.opening-content{
    max-width:820px;
    margin:auto;
}

.opening-content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.72);
    font-size:1.08rem;
    line-height:1.95;
}

.opening-content .gold-emphasis{
    margin-top:45px;
    padding:30px;
    border-left:2px solid rgba(212,170,92,.65);
    color:#fff;
    background:rgba(212,170,92,.045);
}


/* ========================================================= */
/* 02.02 — HUMAN PROTECTION FEATURE */
/* ========================================================= */

.human-protection-feature{
    position:relative;
    max-width:1280px;
    margin:0 auto 150px;
}

.human-protection-feature .section-heading{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
}

.human-protection-feature .section-label{
    display:inline-block;
    margin-bottom:18px;
}

.human-protection-feature h2{
    margin:0;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
    letter-spacing:-.035em;
}

.human-feature-layout{
    display:grid;
    grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);
    gap:40px;
    align-items:stretch;
}

.human-protection-feature.reverse .human-feature-layout{
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);
}

.human-feature-content{
    padding:55px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.08);
}

.human-feature-content h3{
    margin:0 0 35px;
    font-size:clamp(1.5rem,2.4vw,2.4rem);
    line-height:1.25;
}

.human-feature-content p{
    margin:0 0 20px;
    color:rgba(255,255,255,.70);
    line-height:1.9;
}

.human-feature-content .feature-emphasis{
    margin-top:38px;
    padding-top:30px;
    border-top:1px solid rgba(212,170,92,.22);
    color:#fff;
}

.human-feature-visual{
    position:relative;
    min-height:520px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:24px;
    overflow:hidden;
    border-radius:30px;
    border:1px solid rgba(212,170,92,.16);
}

.human-feature-aura{
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.25),
        rgba(212,170,92,.05) 42%,
        transparent 70%
    );
    filter:blur(15px);
    animation:zhrAuraPulse 7s ease-in-out infinite;
}

.human-feature-icon{
    position:relative;
    z-index:2;
    width:150px;
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(212,170,92,.35);
    background:rgba(255,255,255,.025);
    box-shadow:
        0 0 50px rgba(212,170,92,.12),
        inset 0 0 30px rgba(212,170,92,.06);
    color:rgba(212,170,92,.95);
    font-size:4rem;
}

.human-feature-visual span{
    position:relative;
    z-index:2;
    font-size:.72rem;
    letter-spacing:.22em;
    color:rgba(255,255,255,.62);
}


/* ========================================================= */
/* 02.03 — ROSE HUMAN ACCESSIBILITY */
/* ========================================================= */

.human-rose{
    position:relative;
    max-width:1250px;
    margin:180px auto;
    padding:90px 70px;
    border-radius:35px;
    overflow:hidden;
    isolation:isolate;
}

.rose-aura{
    position:absolute;
    width:600px;
    height:600px;
    top:-280px;
    right:-180px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.18),
        transparent 68%
    );
    filter:blur(20px);
    z-index:-1;
}

.human-rose .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.human-rose h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.rose-human-content{
    max-width:850px;
    margin:auto;
}

.rose-human-content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.70);
    line-height:1.95;
}

.rose-human-content .gold-emphasis{
    margin-top:45px;
    padding:32px;
    border:1px solid rgba(212,170,92,.18);
    border-radius:20px;
    background:rgba(212,170,92,.04);
    color:#fff;
}


/* ========================================================= */
/* 02.04 — UNIVERSAL DESIGN */
/* ========================================================= */

.universal-design{
    max-width:1200px;
    margin:150px auto;
    padding:85px 70px;
    border-radius:32px;
}

.universal-design .section-heading{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
}

.universal-design h2{
    font-size:clamp(2rem,4vw,3.8rem);
    line-height:1.15;
}

.universal-content{
    max-width:850px;
    margin:auto;
}

.universal-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.70);
    line-height:1.9;
}

.universal-content .feature-emphasis{
    margin-top:40px;
    padding:30px;
    border-left:2px solid rgba(212,170,92,.65);
    color:#fff;
}


/* ========================================================= */
/* 02.05 — DIGNITY MESSAGE */
/* ========================================================= */

.dignity-message{
    max-width:1100px;
    margin:150px auto;
    padding:90px 70px;
    border-radius:32px;
    text-align:center;
}

.dignity-message .section-heading{
    max-width:850px;
    margin:0 auto 55px;
}

.dignity-message h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.dignity-content{
    max-width:700px;
    margin:auto;
}

.dignity-content p{
    margin:0 0 20px;
    color:rgba(255,255,255,.70);
    line-height:1.9;
}

.dignity-content .gold-emphasis{
    margin-top:40px;
    color:#fff;
}


/* ========================================================= */
/* 02.06 — HUMAN PURPOSE */
/* ========================================================= */

.human-purpose{
    position:relative;
    max-width:1200px;
    margin:180px auto 120px;
    padding:100px 75px;
    border-radius:36px;
    overflow:hidden;
    text-align:center;
    isolation:isolate;
}

.purpose-aura{
    position:absolute;
    inset:10% 20%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.14),
        transparent 68%
    );
    filter:blur(30px);
    z-index:-1;
}

.human-purpose .section-heading{
    max-width:900px;
    margin:0 auto 60px;
}

.human-purpose h2{
    font-size:clamp(2rem,4.5vw,4.5rem);
    line-height:1.1;
}

.purpose-content{
    max-width:720px;
    margin:auto;
}

.purpose-content p{
    margin:0 0 20px;
    color:rgba(255,255,255,.70);
    line-height:1.9;
}

.purpose-final{
    margin-top:50px!important;
    font-size:1.25rem;
    color:#fff!important;
}


/* ========================================================= */
/* 02.07 — HUMAN PROTECTION CLOSING */
/* ========================================================= */

.human-protection-closing{
    max-width:1000px;
    margin:150px auto;
    padding:90px 70px;
    text-align:center;
    border-radius:35px;
}

.closing-symbol{
    margin:20px auto 35px;
    font-size:2.5rem;
    color:rgba(212,170,92,.85);
}

.human-protection-closing h2{
    margin:0 0 12px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.human-protection-closing p{
    max-width:700px;
    margin:25px auto 0;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.human-protection-closing .closing-final{
    margin-top:50px;
    color:#fff;
}


/* ========================================================= */
/* 02.08 — ZHR NAJI NEXT TRANSITION */
/* ========================================================= */

.naji-next-transition{
    max-width:1000px;
    margin:130px auto;
    padding:80px 50px;
    text-align:center;
}

.naji-next-transition .section-label{
    display:inline-block;
    margin-bottom:25px;
}

.naji-next-transition h2{
    margin:0 auto 30px;
    max-width:850px;
    font-size:clamp(2rem,4vw,3.8rem);
    line-height:1.15;
}

.naji-next-transition p{
    max-width:750px;
    margin:20px auto;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.naji-next-transition p[dir="rtl"]{
    color:rgba(212,170,92,.70);
    font-family:inherit;
}


/* ========================================================= */
/* 02.09 — SHARED ZHR AURA ANIMATION */
/* ========================================================= */

@keyframes zhrAuraPulse{

    0%,
    100%{
        transform:scale(.92);
        opacity:.55;
    }

    50%{
        transform:scale(1.08);
        opacity:.9;
    }

}


/* ========================================================= */
/* 02.10 — ACCESSIBILITY RESPONSIVE */
/* ========================================================= */

@media (max-width:900px){

    .human-protection-opening,
    .human-rose,
    .universal-design,
    .dignity-message,
    .human-purpose{
        padding:65px 40px;
    }

    .human-feature-layout,
    .human-protection-feature.reverse .human-feature-layout{
        grid-template-columns:1fr;
    }

    .human-feature-visual{
        min-height:380px;
    }

    .human-feature-content{
        padding:40px;
    }

}


@media (max-width:600px){

    .human-protection-opening,
    .human-rose,
    .universal-design,
    .dignity-message,
    .human-purpose{
        margin-left:16px;
        margin-right:16px;
        padding:50px 24px;
        border-radius:24px;
    }

    .human-protection-feature{
        margin-left:16px;
        margin-right:16px;
        margin-bottom:100px;
    }

    .human-feature-content{
        padding:30px 24px;
        border-radius:24px;
    }

    .human-feature-visual{
        min-height:300px;
        border-radius:24px;
    }

    .human-feature-icon{
        width:110px;
        height:110px;
        font-size:3rem;
    }

    .naji-next-transition{
        padding:60px 24px;
        margin:80px auto;
    }

    .human-protection-closing{
        margin-left:16px;
        margin-right:16px;
        padding:60px 24px;
        border-radius:24px;
    }

                          }

/* ========================================================= */
/* 03. ZHR NAJI — LIVING PROTECTION ECOSYSTEM */
/* ========================================================= */


/* ========================================================= */
/* 03.01 — LIVING ECOSYSTEM HERO */
/* ========================================================= */

.living-ecosystem-hero{
    position:relative;
    max-width:1250px;
    margin:0 auto 150px;
    padding:100px 75px;
    text-align:center;
    border-radius:38px;
    overflow:hidden;
    isolation:isolate;
}

.living-ecosystem-aura{
    position:absolute;
    width:700px;
    height:700px;
    top:-350px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.18),
        rgba(212,170,92,.05) 38%,
        transparent 70%
    );
    filter:blur(25px);
    z-index:-1;
}

.hero-symbol{
    position:relative;
    margin:15px auto 35px;
    font-size:3rem;
    color:rgba(212,170,92,.9);
    text-shadow:0 0 35px rgba(212,170,92,.25);
}

.living-ecosystem-hero .section-label{
    display:inline-block;
    margin-bottom:25px;
}

.living-ecosystem-hero h1{
    max-width:950px;
    margin:0 auto 40px;
    font-size:clamp(2.5rem,5vw,5.5rem);
    line-height:1.05;
    letter-spacing:-.045em;
}

.living-ecosystem-hero p{
    max-width:760px;
    margin:20px auto;
    color:rgba(255,255,255,.68);
    line-height:1.9;
    font-size:1.05rem;
}

.living-ecosystem-hero .hero-lead{
    color:#fff;
    font-size:1.35rem;
}

.living-ecosystem-hero .hero-emphasis{
    margin:50px auto 30px;
    padding:30px;
    max-width:800px;
    border:1px solid rgba(212,170,92,.20);
    border-radius:20px;
    background:rgba(212,170,92,.04);
    color:#fff;
}


/* ========================================================= */
/* 03.02 — ECOSYSTEM BEGINNING */
/* ========================================================= */

.ecosystem-beginning{
    max-width:1100px;
    margin:0 auto 150px;
    padding:85px 70px;
    border-radius:32px;
}

.ecosystem-beginning .section-heading{
    max-width:800px;
    margin:0 auto 55px;
    text-align:center;
}

.ecosystem-beginning h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.beginning-content{
    max-width:780px;
    margin:auto;
}

.beginning-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.beginning-content .gold-emphasis{
    margin-top:45px;
    padding:32px;
    color:#fff;
    border-left:2px solid rgba(212,170,92,.65);
    background:rgba(212,170,92,.035);
}


/* ========================================================= */
/* 03.03 — EVOLUTION SECTION */
/* ========================================================= */

.ecosystem-evolution{
    max-width:1280px;
    margin:0 auto 160px;
}

.ecosystem-evolution .section-heading{
    max-width:900px;
    margin:0 auto 70px;
    text-align:center;
}

.ecosystem-evolution h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.ecosystem-evolution .section-heading p{
    max-width:700px;
    margin:25px auto 0;
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

.evolution-cycle{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    gap:18px;
    align-items:center;
}

.evolution-step{
    position:relative;
    min-height:350px;
    padding:35px 25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:25px;
    border:1px solid rgba(255,255,255,.08);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.evolution-step:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,92,.35);
    box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.evolution-number{
    position:absolute;
    top:20px;
    left:22px;
    font-size:.7rem;
    letter-spacing:.18em;
    color:rgba(212,170,92,.75);
}

.evolution-icon{
    margin-bottom:25px;
    font-size:2.5rem;
    color:rgba(212,170,92,.85);
}

.evolution-step h3{
    margin:0 0 18px;
    font-size:1rem;
    letter-spacing:.15em;
}

.evolution-step p{
    margin:0;
    color:rgba(255,255,255,.60);
    font-size:.9rem;
    line-height:1.75;
}

.evolution-arrow{
    color:rgba(212,170,92,.55);
    font-size:1.8rem;
}


/* ========================================================= */
/* 03.04 — VERSION JOURNEY */
/* ========================================================= */

.version-journey{
    max-width:1150px;
    margin:0 auto 160px;
    padding:85px 70px;
    border-radius:35px;
}

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

.version-journey h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.version-timeline{
    max-width:850px;
    margin:auto;
}

.version-node{
    position:relative;
    display:grid;
    grid-template-columns:100px 1fr;
    gap:35px;
    align-items:start;
}

.version-number{
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.55);
    font-weight:600;
    letter-spacing:.08em;
}

.version-node.active .version-number{
    border-color:rgba(212,170,92,.65);
    color:rgba(212,170,92,.95);
    box-shadow:
        0 0 35px rgba(212,170,92,.14),
        inset 0 0 20px rgba(212,170,92,.06);
}

.version-content{
    padding:5px 0 20px;
}

.version-content h3{
    margin:0 0 15px;
    font-size:1.1rem;
    letter-spacing:.14em;
}

.version-content p{
    margin:0;
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

.timeline-line{
    width:1px;
    height:65px;
    margin-left:40px;
    background:linear-gradient(
        to bottom,
        rgba(212,170,92,.45),
        rgba(212,170,92,.05)
    );
}


/* ========================================================= */
/* 03.05 — ROSE EVOLUTION */
/* ========================================================= */

.rose-evolution{
    position:relative;
    max-width:1200px;
    margin:0 auto 150px;
    padding:90px 70px;
    border-radius:35px;
    overflow:hidden;
    isolation:isolate;
}

.rose-evolution-aura{
    position:absolute;
    width:650px;
    height:650px;
    right:-300px;
    top:-250px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.16),
        transparent 68%
    );
    filter:blur(25px);
    z-index:-1;
}

.rose-evolution .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.rose-evolution h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.rose-evolution-content{
    max-width:800px;
    margin:auto;
}

.rose-evolution-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.rose-evolution-content .gold-emphasis{
    margin-top:45px;
    padding:32px;
    color:#fff;
    border:1px solid rgba(212,170,92,.18);
    border-radius:22px;
    background:rgba(212,170,92,.04);
}


/* ========================================================= */
/* 03.06 — ZHR EVOLUTION */
/* ========================================================= */

.zhr-evolution{
    position:relative;
    max-width:1150px;
    margin:0 auto 150px;
    padding:90px 70px;
    border-radius:35px;
    overflow:hidden;
    isolation:isolate;
}

.zhr-evolution-aura{
    position:absolute;
    width:600px;
    height:600px;
    left:-300px;
    top:-200px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.12),
        transparent 68%
    );
    filter:blur(25px);
    z-index:-1;
}

.zhr-evolution .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.zhr-evolution h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.zhr-evolution-content{
    max-width:800px;
    margin:auto;
}

.zhr-evolution-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.zhr-evolution-content .feature-emphasis{
    margin:40px 0;
    padding:30px;
    color:#fff;
    border-left:2px solid rgba(212,170,92,.65);
    background:rgba(212,170,92,.035);
}


/* ========================================================= */
/* 03.07 — HUMAN FEEDBACK */
/* ========================================================= */

.human-feedback{
    max-width:1100px;
    margin:0 auto 150px;
    padding:90px 70px;
    border-radius:35px;
}

.human-feedback .section-heading{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
}

.human-feedback h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.feedback-content{
    max-width:780px;
    margin:auto;
}

.feedback-content p{
    margin:0 0 20px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.feedback-content .gold-emphasis{
    margin-top:45px;
    padding:30px;
    color:#fff;
    border-top:1px solid rgba(212,170,92,.22);
}


/* ========================================================= */
/* 03.08 — RESPONSIBLE EVOLUTION */
/* ========================================================= */

.responsible-evolution{
    max-width:1250px;
    margin:0 auto 160px;
}

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

.responsible-evolution h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.responsible-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.responsible-card{
    min-height:250px;
    padding:35px;
    border-radius:25px;
    border:1px solid rgba(255,255,255,.07);
    transition:
        transform .35s ease,
        border-color .35s ease;
}

.responsible-card:hover{
    transform:translateY(-7px);
    border-color:rgba(212,170,92,.3);
}

.responsible-card > span{
    display:block;
    margin-bottom:30px;
    color:rgba(212,170,92,.75);
    font-size:.75rem;
    letter-spacing:.16em;
}

.responsible-card h3{
    margin:0 0 18px;
    font-size:1rem;
    letter-spacing:.12em;
}

.responsible-card p{
    margin:0;
    color:rgba(255,255,255,.60);
    line-height:1.75;
}


/* ========================================================= */
/* 03.09 — OTA VISION */
/* ========================================================= */

.ota-vision{
    position:relative;
    max-width:1150px;
    margin:0 auto 160px;
    padding:90px 70px;
    border-radius:35px;
    overflow:hidden;
    isolation:isolate;
}

.ota-aura{
    position:absolute;
    width:600px;
    height:600px;
    right:-300px;
    bottom:-250px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.14),
        transparent 68%
    );
    filter:blur(25px);
    z-index:-1;
}

.ota-vision .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.ota-vision h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.ota-content{
    max-width:800px;
    margin:auto;
}

.ota-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.ota-content .feature-emphasis{
    margin-top:45px;
    padding:30px;
    color:#fff;
    border:1px solid rgba(212,170,92,.18);
    border-radius:22px;
    background:rgba(212,170,92,.04);
}


/* ========================================================= */
/* 03.10 — LONG TERM VISION */
/* ========================================================= */

.long-term-vision{
    position:relative;
    max-width:1200px;
    margin:0 auto 170px;
    padding:100px 75px;
    border-radius:38px;
    overflow:hidden;
    isolation:isolate;
    text-align:center;
}

.long-term-aura{
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(212,170,92,.14),
            transparent 48%
        );
    z-index:-1;
}

.long-term-vision .section-heading{
    max-width:900px;
    margin:0 auto 60px;
}

.long-term-vision h2{
    font-size:clamp(2rem,4.5vw,4.5rem);
    line-height:1.1;
}

.long-term-content{
    max-width:760px;
    margin:auto;
}

.long-term-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.long-term-content .gold-emphasis{
    margin-top:45px;
    color:#fff;
    font-size:1.15rem;
}


/* ========================================================= */
/* 03.11 — FUTURE VISION GRID */
/* ========================================================= */

.future-vision{
    max-width:1250px;
    margin:0 auto 160px;
}

.future-vision .section-heading{
    max-width:900px;
    margin:0 auto 70px;
    text-align:center;
}

.future-vision h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.future-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.future-card{
    min-height:280px;
    padding:35px 25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:25px;
    border:1px solid rgba(255,255,255,.07);
    transition:
        transform .35s ease,
        border-color .35s ease;
}

.future-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,92,.3);
}

.future-icon{
    margin-bottom:25px;
    font-size:2.4rem;
    color:rgba(212,170,92,.85);
}

.future-card h3{
    margin:0 0 18px;
    font-size:.95rem;
    letter-spacing:.12em;
}

.future-card p{
    margin:0;
    color:rgba(255,255,255,.58);
    font-size:.9rem;
    line-height:1.7;
}


/* ========================================================= */
/* 03.12 — LIVING ECOSYSTEM CLOSING */
/* ========================================================= */

.living-ecosystem-closing{
    max-width:1050px;
    margin:0 auto 150px;
    padding:100px 70px;
    text-align:center;
    border-radius:38px;
}

.living-ecosystem-closing h2{
    max-width:850px;
    margin:0 auto 30px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.living-ecosystem-closing p{
    max-width:700px;
    margin:20px auto;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.living-ecosystem-closing .closing-final{
    margin-top:45px;
    color:#fff;
}


/* ========================================================= */
/* 03.13 — RESPONSIVE */
/* ========================================================= */

@media (max-width:1100px){

    .evolution-cycle{
        grid-template-columns:repeat(3,1fr);
    }

    .evolution-arrow{
        display:none;
    }

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

}


@media (max-width:900px){

    .living-ecosystem-hero,
    .ecosystem-beginning,
    .version-journey,
    .rose-evolution,
    .zhr-evolution,
    .human-feedback,
    .ota-vision,
    .long-term-vision,
    .living-ecosystem-closing{
        padding:65px 40px;
    }

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

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

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

}


@media (max-width:600px){

    .living-ecosystem-hero,
    .ecosystem-beginning,
    .version-journey,
    .rose-evolution,
    .zhr-evolution,
    .human-feedback,
    .ota-vision,
    .long-term-vision,
    .living-ecosystem-closing{
        margin-left:16px;
        margin-right:16px;
        padding:55px 24px;
        border-radius:25px;
    }

    .living-ecosystem-hero h1{
        font-size:2.5rem;
    }

    .evolution-cycle,
    .responsible-grid,
    .future-grid{
        grid-template-columns:1fr;
    }

    .evolution-step{
        min-height:280px;
    }

    .version-node{
        grid-template-columns:70px 1fr;
        gap:20px;
    }

    .version-number{
        width:60px;
        height:60px;
    }

    .timeline-line{
        margin-left:30px;
    }

    }
/* ========================================================= */
/* 04. ZHR NAJI — ENGINEERING RESPONSIBILITY */
/* ========================================================= */


/* ========================================================= */
/* 04.01 — ENGINEERING HERO */
/* ========================================================= */

.engineering-hero{
    position:relative;
    max-width:1250px;
    margin:0 auto 160px;
    padding:105px 80px;
    text-align:center;
    border-radius:38px;
    overflow:hidden;
    isolation:isolate;
}

.engineering-aura{
    position:absolute;
    width:750px;
    height:750px;
    left:50%;
    top:-420px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.18),
        rgba(212,170,92,.04) 42%,
        transparent 70%
    );
    filter:blur(28px);
    z-index:-1;
}

.engineering-hero .section-label{
    display:inline-block;
    margin-bottom:28px;
}

.engineering-hero h1{
    max-width:1000px;
    margin:0 auto 45px;
    font-size:clamp(2.5rem,5vw,5.4rem);
    line-height:1.05;
    letter-spacing:-.045em;
}

.engineering-hero p{
    max-width:760px;
    margin:20px auto;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.engineering-hero .hero-lead{
    color:#fff;
    font-size:1.35rem;
}

.engineering-hero .hero-emphasis{
    max-width:850px;
    margin:55px auto 0;
    padding:32px;
    border:1px solid rgba(212,170,92,.22);
    border-radius:22px;
    background:rgba(212,170,92,.04);
    color:#fff;
    font-size:1.08rem;
}


/* ========================================================= */
/* 04.02 — ENGINEERING PRINCIPLES */
/* ========================================================= */

.engineering-principles{
    max-width:1250px;
    margin:0 auto 160px;
}

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

.engineering-principles h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.principles-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.principle-card{
    position:relative;
    min-height:290px;
    padding:40px 35px;
    border-radius:27px;
    border:1px solid rgba(255,255,255,.07);
    overflow:hidden;
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.principle-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-90px;
    top:-90px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,92,.12),
        transparent 70%
    );
}

.principle-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,92,.32);
    box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.principle-card > span{
    display:block;
    margin-bottom:45px;
    color:rgba(212,170,92,.78);
    font-size:.75rem;
    letter-spacing:.18em;
}

.principle-card h3{
    margin:0 0 20px;
    font-size:1rem;
    letter-spacing:.12em;
    line-height:1.5;
}

.principle-card p{
    margin:0;
    color:rgba(255,255,255,.60);
    line-height:1.8;
}


/* ========================================================= */
/* 04.03 — ENGINEERING VALIDATION */
/* ========================================================= */

.engineering-validation{
    max-width:1100px;
    margin:0 auto 150px;
    padding:90px 70px;
    border-radius:35px;
}

.engineering-validation .section-heading{
    max-width:800px;
    margin:0 auto 55px;
    text-align:center;
}

.engineering-validation h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.validation-content{
    max-width:780px;
    margin:auto;
}

.validation-content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.validation-content .gold-emphasis{
    margin-top:45px;
    padding:32px;
    border-left:2px solid rgba(212,170,92,.65);
    background:rgba(212,170,92,.035);
    color:#fff;
}


/* ========================================================= */
/* 04.04 — ENGINEERING HONESTY */
/* ========================================================= */

.engineering-honesty{
    max-width:1100px;
    margin:0 auto 150px;
    padding:90px 70px;
    border-radius:35px;
}

.engineering-honesty .section-heading{
    max-width:800px;
    margin:0 auto 55px;
    text-align:center;
}

.engineering-honesty h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.honesty-content{
    max-width:780px;
    margin:auto;
}

.honesty-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.honesty-content .feature-emphasis{
    margin-top:45px;
    padding:32px;
    border:1px solid rgba(212,170,92,.18);
    border-radius:22px;
    background:rgba(212,170,92,.04);
    color:#fff;
}


/* ========================================================= */
/* 04.05 — HUMAN OVERSIGHT */
/* ========================================================= */

.engineering-human{
    max-width:1100px;
    margin:0 auto 160px;
    padding:90px 70px;
    border-radius:35px;
}

.engineering-human .section-heading{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
}

.engineering-human h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.human-content{
    max-width:780px;
    margin:auto;
}

.human-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.human-content .gold-emphasis{
    margin-top:45px;
    padding:30px;
    border-top:1px solid rgba(212,170,92,.25);
    color:#fff;
}


/* ========================================================= */
/* 04.06 — ENGINEERING CLOSING */
/* ========================================================= */

.engineering-closing{
    max-width:1050px;
    margin:0 auto 160px;
    padding:100px 75px;
    text-align:center;
    border-radius:38px;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.engineering-closing::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(212,170,92,.12),
            transparent 55%
        );
    z-index:-1;
}

.engineering-closing .closing-symbol{
    margin-bottom:35px;
}

.engineering-closing h2{
    margin:0 0 12px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.engineering-closing p{
    max-width:700px;
    margin:25px auto 0;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.engineering-closing .closing-final{
    margin-top:50px;
    color:#fff;
}


/* ========================================================= */
/* 04.07 — ENGINEERING SECTION SEPARATORS */
/* ========================================================= */

.zhr-naji-engineering-responsibility
    .section-heading{
    position:relative;
}

.zhr-naji-engineering-responsibility
    .section-heading::after{
    content:"";
    display:block;
    width:70px;
    height:1px;
    margin:30px auto 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,170,92,.65),
            transparent
        );
}


/* ========================================================= */
/* 04.08 — ENGINEERING RESPONSIVE */
/* ========================================================= */

@media (max-width:900px){

    .engineering-hero,
    .engineering-validation,
    .engineering-honesty,
    .engineering-human,
    .engineering-closing{
        padding:70px 45px;
    }

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

}


@media (max-width:600px){

    .engineering-hero,
    .engineering-validation,
    .engineering-honesty,
    .engineering-human,
    .engineering-closing{
        margin-left:16px;
        margin-right:16px;
        padding:55px 24px;
        border-radius:25px;
    }

    .engineering-hero h1{
        font-size:2.5rem;
    }

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

    .principle-card{
        min-height:240px;
    }

}


/* ========================================================= */
/* 04.09 — ENGINEERING MOTION REDUCTION */
/* ========================================================= */

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

    .principle-card,
    .engineering-hero,
    .engineering-validation,
    .engineering-honesty,
    .engineering-human,
    .engineering-closing{
        transition:none!important;
        animation:none!important;
    }

}

/* ========================================================= */
/* 05. ZHR NAJI — TRUST, PRIVACY & SECURITY */
/* ========================================================= */


/* ========================================================= */
/* 05.01 — TRUST SECURITY HERO */
/* ========================================================= */

.trust-security-hero{
    position:relative;
    max-width:1250px;
    margin:0 auto 160px;
    padding:110px 80px;
    text-align:center;
    border-radius:40px;
    overflow:hidden;
    isolation:isolate;
}

.trust-security-aura{
    position:absolute;
    width:850px;
    height:850px;
    left:50%;
    top:-470px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.19),
            rgba(212,170,92,.05) 38%,
            transparent 70%
        );
    filter:blur(30px);
    z-index:-1;
}

.trust-security-hero .section-label{
    display:inline-block;
    margin-bottom:30px;
}

.trust-security-hero h1{
    max-width:950px;
    margin:0 auto 42px;
    font-size:clamp(2.8rem,5.5vw,5.7rem);
    line-height:1.04;
    letter-spacing:-.045em;
}

.trust-security-hero p{
    max-width:760px;
    margin:20px auto;
    color:rgba(255,255,255,.66);
    line-height:1.9;
}

.trust-security-hero .hero-lead{
    color:#fff;
    font-size:1.35rem;
}

.trust-security-hero .hero-emphasis{
    max-width:850px;
    margin:55px auto 0;
    padding:32px;
    border-radius:24px;
    border:1px solid rgba(212,170,92,.24);
    background:rgba(212,170,92,.045);
    color:#fff;
}


/* ========================================================= */
/* 05.02 — TRUST FOUNDATION */
/* ========================================================= */

.trust-foundation{
    max-width:1100px;
    margin:0 auto 150px;
    padding:90px 70px;
    border-radius:36px;
}

.trust-foundation .section-heading{
    max-width:800px;
    margin:0 auto 55px;
    text-align:center;
}

.trust-foundation h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.trust-content{
    max-width:780px;
    margin:auto;
}

.trust-content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.trust-content .gold-emphasis{
    margin-top:45px;
    padding:32px;
    border-left:2px solid rgba(212,170,92,.7);
    background:rgba(212,170,92,.035);
    color:#fff;
}


/* ========================================================= */
/* 05.03 — PRIVACY FOUNDATION */
/* ========================================================= */

.privacy-foundation{
    max-width:1100px;
    margin:0 auto 150px;
    padding:90px 70px;
    border-radius:36px;
}

.privacy-foundation .section-heading{
    max-width:800px;
    margin:0 auto 55px;
    text-align:center;
}

.privacy-foundation h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.privacy-content{
    max-width:780px;
    margin:auto;
}

.privacy-content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.privacy-content .feature-emphasis{
    margin-top:45px;
    padding:32px;
    border:1px solid rgba(212,170,92,.18);
    border-radius:22px;
    background:rgba(212,170,92,.04);
    color:#fff;
}


/* ========================================================= */
/* 05.04 — SECURITY FOUNDATION */
/* ========================================================= */

.security-foundation{
    max-width:1100px;
    margin:0 auto 160px;
    padding:90px 70px;
    border-radius:36px;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.security-foundation::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    top:-300px;
    right:-200px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.10),
            transparent 70%
        );
    filter:blur(25px);
    z-index:-1;
}

.security-foundation .section-heading{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
}

.security-foundation h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.security-content{
    max-width:780px;
    margin:auto;
}

.security-content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.security-content .gold-emphasis{
    margin-top:45px;
    padding:32px;
    border-top:1px solid rgba(212,170,92,.28);
    border-bottom:1px solid rgba(212,170,92,.12);
    color:#fff;
}


/* ========================================================= */
/* 05.05 — TRUST PRINCIPLES */
/* ========================================================= */

.trust-principles{
    max-width:1250px;
    margin:0 auto 160px;
}

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

.trust-principles h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.trust-principles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.trust-principle{
    position:relative;
    min-height:280px;
    padding:40px 30px;
    border-radius:27px;
    border:1px solid rgba(255,255,255,.07);
    overflow:hidden;
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.trust-principle::before{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    top:-110px;
    right:-90px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.13),
            transparent 70%
        );
}

.trust-principle:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,92,.30);
    box-shadow:0 25px 65px rgba(0,0,0,.25);
}

.trust-principle > span{
    display:block;
    margin-bottom:55px;
    color:rgba(212,170,92,.8);
    font-size:.75rem;
    letter-spacing:.2em;
}

.trust-principle h3{
    margin:0 0 18px;
    font-size:1rem;
    letter-spacing:.15em;
}

.trust-principle p{
    margin:0;
    color:rgba(255,255,255,.58);
    line-height:1.8;
}


/* ========================================================= */
/* 05.06 — TRUST SECURITY CLOSING */
/* ========================================================= */

.trust-security-closing{
    max-width:1100px;
    margin:0 auto 150px;
    padding:105px 75px;
    text-align:center;
    border-radius:40px;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.trust-security-closing::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(212,170,92,.13),
            transparent 58%
        );
    z-index:-1;
}

.trust-security-closing .closing-symbol{
    margin-bottom:38px;
}

.trust-security-closing h2{
    max-width:850px;
    margin:0 auto;
    font-size:clamp(2.2rem,4.5vw,4.5rem);
    line-height:1.1;
}

.trust-security-closing p{
    max-width:700px;
    margin:25px auto 0;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.trust-security-closing .closing-final{
    margin-top:55px;
    color:#fff;
}


/* ========================================================= */
/* 05.07 — TRUST SECURITY VISUAL HIERARCHY */
/* ========================================================= */

.zhr-naji-trust-security
    .section-heading{
    position:relative;
}

.zhr-naji-trust-security
    .section-heading::after{
    content:"";
    display:block;
    width:72px;
    height:1px;
    margin:30px auto 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,170,92,.7),
            transparent
        );
}


/* ========================================================= */
/* 05.08 — TRUST SECURITY RESPONSIVE */
/* ========================================================= */

@media (max-width:1000px){

    .trust-security-hero,
    .trust-foundation,
    .privacy-foundation,
    .security-foundation,
    .trust-security-closing{
        padding:75px 50px;
    }

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

}


@media (max-width:600px){

    .trust-security-hero,
    .trust-foundation,
    .privacy-foundation,
    .security-foundation,
    .trust-security-closing{
        margin-left:16px;
        margin-right:16px;
        padding:55px 24px;
        border-radius:26px;
    }

    .trust-security-hero h1{
        font-size:2.65rem;
    }

    .trust-security-hero .hero-lead{
        font-size:1.1rem;
    }

    .trust-principles{
        margin-left:16px;
        margin-right:16px;
    }

    .trust-principles-grid{
        grid-template-columns:1fr;
    }

    .trust-principle{
        min-height:230px;
    }

    .trust-security-closing h2{
        font-size:2.25rem;
    }

}


/* ========================================================= */
/* 05.09 — TRUST SECURITY MOTION ACCESSIBILITY */
/* ========================================================= */

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

    .trust-principle,
    .trust-security-hero,
    .trust-foundation,
    .privacy-foundation,
    .security-foundation,
    .trust-security-closing{
        transition:none!important;
        animation:none!important;
    }

}
/* ========================================================= */
/* 06. ZHR NAJI — THE FUTURE OF HUMAN PROTECTION */
/* ========================================================= */


/* ========================================================= */
/* 06.01 — FUTURE PROTECTION HERO */
/* ========================================================= */

.future-protection-hero{
    position:relative;
    max-width:1250px;
    margin:0 auto 160px;
    padding:115px 80px;
    text-align:center;
    border-radius:42px;
    overflow:hidden;
    isolation:isolate;
}

.future-protection-aura{
    position:absolute;
    width:900px;
    height:900px;
    left:50%;
    top:-500px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.20),
            rgba(212,170,92,.05) 38%,
            transparent 70%
        );
    filter:blur(32px);
    z-index:-1;
}

.future-protection-hero .section-label{
    display:inline-block;
    margin-bottom:30px;
}

.future-protection-hero h1{
    max-width:1050px;
    margin:0 auto 45px;
    font-size:clamp(2.8rem,5.5vw,5.8rem);
    line-height:1.03;
    letter-spacing:-.05em;
}

.future-protection-hero p{
    max-width:780px;
    margin:20px auto;
    color:rgba(255,255,255,.66);
    line-height:1.9;
}

.future-protection-hero .hero-lead{
    color:#fff;
    font-size:1.35rem;
}

.future-protection-hero .hero-emphasis{
    max-width:850px;
    margin:55px auto 0;
    padding:34px;
    border-radius:25px;
    border:1px solid rgba(212,170,92,.25);
    background:rgba(212,170,92,.045);
    color:#fff;
}


/* ========================================================= */
/* 06.02 — FUTURE VISION MESSAGE */
/* ========================================================= */

.future-vision-message{
    max-width:1100px;
    margin:0 auto 160px;
    padding:95px 75px;
    border-radius:38px;
}

.future-vision-message .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.future-vision-message h2{
    font-size:clamp(2rem,4vw,4.2rem);
    line-height:1.1;
}

.vision-content{
    max-width:780px;
    margin:auto;
}

.vision-content p{
    margin:0 0 24px;
    color:rgba(255,255,255,.67);
    line-height:1.9;
}

.vision-content .gold-emphasis{
    margin-top:50px;
    padding:34px;
    border-left:2px solid rgba(212,170,92,.7);
    background:rgba(212,170,92,.035);
    color:#fff;
}


/* ========================================================= */
/* 06.03 — FUTURE PILLARS */
/* ========================================================= */

.future-pillars{
    max-width:1250px;
    margin:0 auto 160px;
}

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

.future-pillars h2{
    font-size:clamp(2rem,4vw,4.2rem);
    line-height:1.1;
}

.future-pillars-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.future-pillar{
    position:relative;
    min-height:330px;
    padding:45px 38px;
    border-radius:30px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.future-pillar::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-150px;
    top:-150px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.14),
            transparent 70%
        );
}

.future-pillar:hover{
    transform:translateY(-10px);
    border-color:rgba(212,170,92,.32);
    box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.pillar-number{
    position:relative;
    margin-bottom:75px;
    color:rgba(212,170,92,.82);
    font-size:.75rem;
    letter-spacing:.22em;
}

.future-pillar h3{
    position:relative;
    margin:0 0 20px;
    font-size:1.1rem;
    letter-spacing:.18em;
}

.future-pillar p{
    position:relative;
    max-width:300px;
    margin:0;
    color:rgba(255,255,255,.60);
    line-height:1.85;
}


/* ========================================================= */
/* 06.04 — FUTURE HUMANITY */
/* ========================================================= */

.future-humanity{
    position:relative;
    max-width:1150px;
    margin:0 auto 160px;
    padding:105px 80px;
    border-radius:42px;
    overflow:hidden;
    isolation:isolate;
}

.humanity-aura{
    position:absolute;
    width:700px;
    height:700px;
    left:50%;
    top:-300px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.15),
            transparent 68%
        );
    filter:blur(28px);
    z-index:-1;
}

.future-humanity .section-heading{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
}

.future-humanity h2{
    font-size:clamp(2.1rem,4.5vw,4.7rem);
    line-height:1.08;
}

.humanity-content{
    max-width:760px;
    margin:auto;
}

.humanity-content p{
    margin:0 0 22px;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.humanity-content .feature-emphasis{
    margin:45px 0 28px;
    font-size:1.4rem;
    color:#fff;
}


/* ========================================================= */
/* 06.05 — FUTURE PROTECTION CLOSING */
/* ========================================================= */

.future-protection-closing{
    max-width:1100px;
    margin:0 auto 150px;
    padding:110px 80px;
    text-align:center;
    border-radius:42px;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.future-protection-closing::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(212,170,92,.14),
            transparent 58%
        );
    z-index:-1;
}

.future-protection-closing .closing-symbol{
    margin-bottom:38px;
}

.future-protection-closing h2{
    max-width:900px;
    margin:0 auto 15px;
    font-size:clamp(2.2rem,4.7vw,4.8rem);
    line-height:1.08;
}

.future-protection-closing p{
    margin:25px auto 0;
    color:rgba(255,255,255,.64);
    line-height:1.9;
}

.future-protection-closing .closing-final{
    max-width:750px;
    margin:55px auto 0;
    color:#fff;
    font-size:1.08rem;
}


/* ========================================================= */
/* 06.06 — FUTURE SECTION VISUAL HIERARCHY */
/* ========================================================= */

.zhr-naji-future-protection
    .section-heading{
    position:relative;
}

.zhr-naji-future-protection
    .section-heading::after{
    content:"";
    display:block;
    width:75px;
    height:1px;
    margin:30px auto 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,170,92,.72),
            transparent
        );
}


/* ========================================================= */
/* 06.07 — FUTURE RESPONSIVE */
/* ========================================================= */

@media (max-width:1000px){

    .future-protection-hero,
    .future-vision-message,
    .future-humanity,
    .future-protection-closing{
        padding:80px 55px;
    }

    .future-pillars-grid{
        grid-template-columns:1fr;
        max-width:700px;
        margin:auto;
    }

    .future-pillar{
        min-height:280px;
    }

}


@media (max-width:600px){

    .future-protection-hero,
    .future-vision-message,
    .future-humanity,
    .future-protection-closing{
        margin-left:16px;
        margin-right:16px;
        padding:58px 25px;
        border-radius:27px;
    }

    .future-protection-hero h1{
        font-size:2.65rem;
    }

    .future-protection-hero .hero-lead{
        font-size:1.1rem;
    }

    .future-vision-message h2,
    .future-humanity h2{
        font-size:2.3rem;
    }

    .future-pillars{
        margin-left:16px;
        margin-right:16px;
    }

    .future-pillar{
        padding:35px 28px;
    }

    .pillar-number{
        margin-bottom:50px;
    }

    .future-protection-closing h2{
        font-size:2.3rem;
    }

}


/* ========================================================= */
/* 06.08 — FUTURE MOTION ACCESSIBILITY */
/* ========================================================= */

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

    .future-pillar,
    .future-protection-hero,
    .future-vision-message,
    .future-humanity,
    .future-protection-closing{
        transition:none!important;
        animation:none!important;
    }

            }
/* ========================================================= */
/* 07. ZHR NAJI — THE FINAL MESSAGE & CLOSING SYSTEM */
/* ========================================================= */


/* ========================================================= */
/* 07.01 — FINAL MESSAGE SHELL */
/* ========================================================= */

.final-message-shell{
    position:relative;
    max-width:1150px;
    margin:0 auto 150px;
    padding:120px 85px;
    text-align:center;
    border-radius:45px;
    overflow:hidden;
    isolation:isolate;
}

.final-message-aura{
    position:absolute;
    width:900px;
    height:900px;
    left:50%;
    top:-520px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.20),
            rgba(212,170,92,.05) 38%,
            transparent 70%
        );
    filter:blur(35px);
    z-index:-1;
}

.final-symbol{
    margin:0 auto 38px;
    font-size:2.4rem;
    line-height:1;
    filter:drop-shadow(
        0 0 25px rgba(212,170,92,.25)
    );
}

.final-message-shell .section-label{
    display:inline-block;
    margin-bottom:38px;
}

.final-message-shell h1{
    max-width:950px;
    margin:0 auto 70px;
    font-size:clamp(3rem,6vw,6.5rem);
    line-height:1.02;
    letter-spacing:-.055em;
}

.final-message-content{
    max-width:760px;
    margin:auto;
}

.final-message-content p{
    margin:0 0 23px;
    color:rgba(255,255,255,.67);
    line-height:1.95;
}

.final-message-content .gold-emphasis{
    margin:45px 0;
    color:#fff;
    font-size:1.3rem;
}

.final-message-emphasis{
    color:#fff!important;
    font-size:1.25rem;
}

.final-message-closing{
    margin-top:55px!important;
    color:#fff!important;
    font-size:1.12rem;
}


/* ========================================================= */
/* 07.02 — FINAL DIVIDER */
/* ========================================================= */

.final-divider{
    width:100%;
    margin:55px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    color:rgba(212,170,92,.8);
}

.final-divider::before,
.final-divider::after{
    content:"";
    height:1px;
    flex:1;
    max-width:220px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,170,92,.35)
        );
}

.final-divider::after{
    background:
        linear-gradient(
            90deg,
            rgba(212,170,92,.35),
            transparent
        );
}


/* ========================================================= */
/* 07.03 — FINAL MESSAGE SIGNATURE */
/* ========================================================= */

.final-message-signature{
    max-width:500px;
    margin:80px auto 45px;
    text-align:center;
}

.signature-line{
    width:110px;
    height:1px;
    margin:0 auto 28px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,170,92,.8),
            transparent
        );
}

.final-message-signature p{
    margin:0 0 10px;
    color:#fff;
    font-size:.9rem;
    letter-spacing:.28em;
}

.final-message-signature span{
    color:rgba(255,255,255,.42);
    font-size:.72rem;
    letter-spacing:.12em;
}


/* ========================================================= */
/* 07.04 — FINAL TRANSITION */
/* ========================================================= */

.zhr-final-transition{
    max-width:1000px;
    margin:0 auto 120px;
    padding:90px 60px;
    text-align:center;
}

.zhr-final-transition .section-label{
    display:inline-block;
    margin-bottom:35px;
}

.zhr-final-transition h2{
    max-width:850px;
    margin:0 auto 15px;
    font-size:clamp(2.3rem,4.5vw,4.7rem);
    line-height:1.08;
    letter-spacing:-.035em;
}

.zhr-final-transition p{
    max-width:700px;
    margin:30px auto 0;
    color:rgba(255,255,255,.62);
    line-height:1.9;
}

.transition-symbol{
    margin:55px auto;
    color:rgba(212,170,92,.82);
    font-size:2rem;
}

.transition-final{
    color:#fff!important;
    font-size:1.15rem;
}


/* ========================================================= */
/* 07.05 — FINAL PAGE ATMOSPHERE */
/* ========================================================= */

.zhr-naji-final-message{
    position:relative;
    overflow:hidden;
}

.zhr-naji-final-message::before{
    content:"";
    position:absolute;
    width:1000px;
    height:1000px;
    left:50%;
    top:0;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.035),
            transparent 68%
        );
    pointer-events:none;
}


/* ========================================================= */
/* 07.06 — FINAL MESSAGE GOLD EMPHASIS */
/* ========================================================= */

.zhr-naji-final-message
    .gold-emphasis,
.zhr-naji-final-message
    .final-message-emphasis,
.zhr-naji-final-message
    .final-message-closing{
    position:relative;
}

.zhr-naji-final-message
    .gold-emphasis::before{
    content:"";
    display:block;
    width:55px;
    height:1px;
    margin:0 auto 25px;
    background:rgba(212,170,92,.65);
}


/* ========================================================= */
/* 07.07 — FINAL MESSAGE RESPONSIVE */
/* ========================================================= */

@media (max-width:1000px){

    .final-message-shell{
        padding:90px 55px;
    }

    .final-message-shell h1{
        font-size:clamp(3rem,7vw,5rem);
    }

    .zhr-final-transition{
        padding:70px 45px;
    }

}


@media (max-width:600px){

    .final-message-shell{
        margin-left:16px;
        margin-right:16px;
        padding:65px 25px;
        border-radius:28px;
    }

    .final-message-shell h1{
        font-size:2.75rem;
        letter-spacing:-.04em;
        margin-bottom:50px;
    }

    .final-message-content p{
        line-height:1.85;
    }

    .final-message-content .gold-emphasis{
        font-size:1.12rem;
    }

    .final-message-signature{
        margin-top:60px;
    }

    .zhr-final-transition{
        margin-left:16px;
        margin-right:16px;
        padding:55px 20px;
    }

    .zhr-final-transition h2{
        font-size:2.45rem;
    }

    .transition-symbol{
        margin:42px auto;
    }

}


/* ========================================================= */
/* 07.08 — FINAL MOTION ACCESSIBILITY */
/* ========================================================= */

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

    .final-message-shell,
    .zhr-final-transition{
        animation:none!important;
        transition:none!important;
    }

}


/* ========================================================= */
/* 07.09 — FINAL FOCUS & ACCESSIBILITY */
/* ========================================================= */

.zhr-naji-final-message
    :focus-visible{
    outline:2px solid rgba(212,170,92,.85);
    outline-offset:5px;
}


/* ========================================================= */
/* 07.10 — FINAL CONTENT PROTECTION */
/* ========================================================= */

.zhr-naji-final-message
    .final-message-content strong{
    font-weight:600;
    letter-spacing:.01em;
}

.zhr-naji-final-message
    .closing-symbol,
.zhr-naji-final-message
    .final-symbol,
.zhr-naji-final-message
    .transition-symbol{
    user-select:none;
}


/* ========================================================= */
/* 07.11 — END OF ZHR NAJI DEDICATED CSS */
/* ========================================================= */
/* ========================================================= */
/* 08. ZHR NAJI — FINAL POLISH & GLOBAL SYSTEM */
/* ========================================================= */


/* ========================================================= */
/* 08.01 — GLOBAL ZHR NAJI SECTION FOUNDATION */
/* ========================================================= */

.zhr-naji-human-protection,
.zhr-naji-living-ecosystem,
.zhr-naji-engineering-responsibility,
.zhr-naji-trust-security,
.zhr-naji-future-protection,
.zhr-naji-final-message{

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

    color:#fff;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(212,170,92,.035),
            transparent 35%
        );
}


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

.zhr-naji-human-protection
.section-heading,
.zhr-naji-living-ecosystem
.section-heading,
.zhr-naji-engineering-responsibility
.section-heading,
.zhr-naji-trust-security
.section-heading,
.zhr-naji-future-protection
.section-heading,
.zhr-naji-final-message
.section-heading{

    position:relative;
}


.zhr-naji-human-protection
.section-label,
.zhr-naji-living-ecosystem
.section-label,
.zhr-naji-engineering-responsibility
.section-label,
.zhr-naji-trust-security
.section-label,
.zhr-naji-future-protection
.section-label,
.zhr-naji-final-message
.section-label{

    color:rgba(212,170,92,.82);

    font-size:.72rem;

    font-weight:600;

    letter-spacing:.24em;

    text-transform:uppercase;
}


/* ========================================================= */
/* 08.03 — UNIVERSAL GOLD EMPHASIS */
/* ========================================================= */

.zhr-naji-human-protection
.gold-emphasis,
.zhr-naji-living-ecosystem
.gold-emphasis,
.zhr-naji-engineering-responsibility
.gold-emphasis,
.zhr-naji-trust-security
.gold-emphasis,
.zhr-naji-future-protection
.gold-emphasis,
.zhr-naji-final-message
.gold-emphasis{

    color:#fff;

    border-color:
        rgba(212,170,92,.38);

    text-shadow:
        0 0 25px
        rgba(212,170,92,.06);
}


/* ========================================================= */
/* 08.04 — GLASS SURFACE ENHANCEMENT */
/* ========================================================= */

.zhr-naji-human-protection
.ars-glass,
.zhr-naji-living-ecosystem
.ars-glass,
.zhr-naji-engineering-responsibility
.ars-glass,
.zhr-naji-trust-security
.ars-glass,
.zhr-naji-future-protection
.ars-glass,
.zhr-naji-final-message
.ars-glass{

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

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

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035),

        0 25px 80px
        rgba(0,0,0,.16);

    backdrop-filter:
        blur(18px);

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


/* ========================================================= */
/* 08.05 — NEXT CHAPTER TRANSITION */
/* ========================================================= */

.naji-next-transition{

    position:relative;

    max-width:950px;

    margin:120px auto 150px;

    padding:
        90px
        55px;

    text-align:center;

    border-top:
        1px solid
        rgba(212,170,92,.18);

    border-bottom:
        1px solid
        rgba(212,170,92,.12);
}


.naji-next-transition::before{

    content:"";

    position:absolute;

    top:-1px;

    left:50%;

    width:120px;

    height:1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,170,92,.8),
            transparent
        );
}


.naji-next-transition
.section-label{

    display:inline-block;

    margin-bottom:30px;
}


.naji-next-transition h2{

    max-width:850px;

    margin:
        0
        auto
        30px;

    font-size:
        clamp(
            2rem,
            4vw,
            4rem
        );

    line-height:1.1;

    letter-spacing:-.035em;
}


.naji-next-transition p{

    max-width:720px;

    margin:
        20px
        auto;

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

    line-height:1.9;
}


.naji-next-transition
[dir="rtl"]{

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

    line-height:2.1;

    font-size:.95rem;
}


/* ========================================================= */
/* 08.06 — GLOBAL CLOSING SYMBOL */
/* ========================================================= */

.closing-symbol{

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    margin:
        0
        auto
        35px;

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

    border-radius:50%;

    color:
        rgba(212,170,92,.85);

    background:
        rgba(212,170,92,.035);

    box-shadow:
        0 0 35px
        rgba(212,170,92,.08);
}


/* ========================================================= */
/* 08.07 — GLOBAL CONTENT READABILITY */
/* ========================================================= */

.zhr-naji-human-protection p,
.zhr-naji-living-ecosystem p,
.zhr-naji-engineering-responsibility p,
.zhr-naji-trust-security p,
.zhr-naji-future-protection p,
.zhr-naji-final-message p{

    text-wrap:pretty;
}


/* ========================================================= */
/* 08.08 — GLOBAL LINKS */
/* ========================================================= */

.zhr-naji-human-protection a,
.zhr-naji-living-ecosystem a,
.zhr-naji-engineering-responsibility a,
.zhr-naji-trust-security a,
.zhr-naji-future-protection a,
.zhr-naji-final-message a{

    color:
        rgba(212,170,92,.9);

    text-decoration:none;

    transition:
        color .3s ease,
        opacity .3s ease;
}


.zhr-naji-human-protection a:hover,
.zhr-naji-living-ecosystem a:hover,
.zhr-naji-engineering-responsibility a:hover,
.zhr-naji-trust-security a:hover,
.zhr-naji-future-protection a:hover,
.zhr-naji-final-message a:hover{

    color:#fff;

    opacity:.9;
}


/* ========================================================= */
/* 08.09 — GLOBAL FOCUS ACCESSIBILITY */
/* ========================================================= */

.zhr-naji-human-protection
:focus-visible,
.zhr-naji-living-ecosystem
:focus-visible,
.zhr-naji-engineering-responsibility
:focus-visible,
.zhr-naji-trust-security
:focus-visible,
.zhr-naji-future-protection
:focus-visible,
.zhr-naji-final-message
:focus-visible{

    outline:
        2px solid
        rgba(212,170,92,.9);

    outline-offset:5px;

    border-radius:5px;
}


/* ========================================================= */
/* 08.10 — TOUCH TARGET SAFETY */
/* ========================================================= */

.zhr-naji-human-protection button,
.zhr-naji-living-ecosystem button,
.zhr-naji-engineering-responsibility button,
.zhr-naji-trust-security button,
.zhr-naji-future-protection button,
.zhr-naji-final-message button{

    min-width:44px;

    min-height:44px;
}


/* ========================================================= */
/* 08.11 — 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;
    }

}


/* ========================================================= */
/* 08.12 — TABLET GLOBAL OPTIMIZATION */
/* ========================================================= */

@media (max-width:1000px){

    .naji-next-transition{

        margin:
            90px
            35px
            110px;

        padding:
            70px
            40px;
    }

}


/* ========================================================= */
/* 08.13 — MOBILE GLOBAL OPTIMIZATION */
/* ========================================================= */

@media (max-width:600px){

    .naji-next-transition{

        margin:
            75px
            16px
            90px;

        padding:
            55px
            22px;
    }


    .naji-next-transition h2{

        font-size:2.35rem;

        line-height:1.12;
    }


    .naji-next-transition p{

        font-size:.95rem;

        line-height:1.85;
    }


    .naji-next-transition
    [dir="rtl"]{

        font-size:.9rem;

        line-height:2;
    }


    .closing-symbol{

        width:52px;

        height:52px;
    }

}


/* ========================================================= */
/* 08.14 — HIGH CONTRAST SUPPORT */
/* ========================================================= */

@media (prefers-contrast:more){

    .zhr-naji-human-protection
    .ars-glass,
    .zhr-naji-living-ecosystem
    .ars-glass,
    .zhr-naji-engineering-responsibility
    .ars-glass,
    .zhr-naji-trust-security
    .ars-glass,
    .zhr-naji-future-protection
    .ars-glass,
    .zhr-naji-final-message
    .ars-glass{

        border-color:
            rgba(
                255,
                255,
                255,
                .22
            );
    }


    .zhr-naji-human-protection p,
    .zhr-naji-living-ecosystem p,
    .zhr-naji-engineering-responsibility p,
    .zhr-naji-trust-security p,
    .zhr-naji-future-protection p,
    .zhr-naji-final-message p{

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

}


/* ========================================================= */
/* 08.15 — PRINT SAFETY */
/* ========================================================= */

@media print{

    .zhr-naji-human-protection,
    .zhr-naji-living-ecosystem,
    .zhr-naji-engineering-responsibility,
    .zhr-naji-trust-security,
    .zhr-naji-future-protection,
    .zhr-naji-final-message{

        background:#fff!important;

        color:#000!important;

        box-shadow:none!important;
    }


    .zhr-naji-human-protection *,
    .zhr-naji-living-ecosystem *,
    .zhr-naji-engineering-responsibility *,
    .zhr-naji-trust-security *,
    .zhr-naji-future-protection *,
    .zhr-naji-final-message *{

        color:#000!important;

        text-shadow:none!important;
    }


    .ars-glass{

        backdrop-filter:none!important;

        -webkit-backdrop-filter:none!important;

        background:#fff!important;

        border:
            1px solid
            #ccc!important;
    }

}


/* ========================================================= */
/* 08.16 — END OF GLOBAL ZHR NAJI DEDICATED CSS */
/* ========================================================= */
/* ========================================================= */
/* 09. ZHR NAJI — SECURITY ARCHITECTURE & TRUST ENGINE */
/* ========================================================= */


/* ========================================================= */
/* 09.01 — SECURITY ARCHITECTURE FOUNDATION */
/* ========================================================= */

.zhr-security-architecture{

    position:relative;

    max-width:1200px;

    margin:
        0
        auto
        150px;

    padding:
        110px
        70px;

    border-radius:42px;

    overflow:hidden;

    isolation:isolate;
}


.zhr-security-architecture::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(212,170,92,.07),
            transparent 45%
        );

    pointer-events:none;

    z-index:-1;
}


.zhr-security-architecture
.section-heading{

    max-width:850px;

    margin:
        0
        auto
        70px;

    text-align:center;
}


/* ========================================================= */
/* 09.02 — SECURITY LAYERS GRID */
/* ========================================================= */

.security-layers-grid{

    display:grid;

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

    gap:24px;
}


.security-layer-card{

    position:relative;

    min-height:260px;

    padding:40px 32px;

    border-radius:28px;

    overflow:hidden;

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


.security-layer-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(212,170,92,.08),
            transparent 55%
        );

    opacity:0;

    transition:
        opacity .45s ease;
}


.security-layer-card:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(212,170,92,.28);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.22);
}


.security-layer-card:hover::before{

    opacity:1;
}


.security-layer-number{

    display:block;

    margin-bottom:25px;

    color:
        rgba(212,170,92,.7);

    font-size:.72rem;

    letter-spacing:.2em;
}


.security-layer-card h3{

    position:relative;

    margin:
        0
        0
        18px;

    font-size:1.1rem;

    letter-spacing:.04em;
}


.security-layer-card p{

    position:relative;

    margin:0;

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

    line-height:1.85;
}


/* ========================================================= */
/* 09.03 — SECURITY CORE */
/* ========================================================= */

.security-core{

    position:relative;

    max-width:1000px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        60px;

    text-align:center;

    border-radius:40px;

    overflow:hidden;
}


.security-core-aura{

    position:absolute;

    width:650px;

    height:650px;

    left:50%;

    top:-380px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.16),
            transparent 68%
        );

    filter:blur(30px);

    pointer-events:none;
}


.security-core-symbol{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    width:85px;

    height:85px;

    margin:
        0
        auto
        40px;

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

    border-radius:50%;

    color:
        rgba(212,170,92,.9);

    font-size:2rem;

    box-shadow:
        0 0 55px
        rgba(212,170,92,.12);
}


.security-core h2{

    max-width:800px;

    margin:
        0
        auto
        35px;

    font-size:
        clamp(
            2.3rem,
            5vw,
            4.8rem
        );

    line-height:1.08;

    letter-spacing:-.045em;
}


.security-core p{

    max-width:700px;

    margin:
        20px
        auto;

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

    line-height:1.9;
}


/* ========================================================= */
/* 09.04 — TRUST ENGINE */
/* ========================================================= */

.trust-engine{

    max-width:1150px;

    margin:
        0
        auto
        150px;
}


.trust-engine
.section-heading{

    max-width:800px;

    margin:
        0
        auto
        70px;

    text-align:center;
}


.trust-engine-grid{

    display:grid;

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

    gap:20px;
}


.trust-engine-node{

    position:relative;

    padding:
        42px
        28px;

    min-height:260px;

    text-align:center;

    border-radius:26px;

    transition:
        transform .4s ease,
        border-color .4s ease;
}


.trust-engine-node:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(212,170,92,.25);
}


.trust-engine-node span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:52px;

    height:52px;

    margin:
        0
        auto
        25px;

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

    border-radius:50%;

    color:
        rgba(212,170,92,.85);

    font-size:.75rem;
}


.trust-engine-node h3{

    margin:
        0
        0
        15px;

    font-size:.95rem;

    letter-spacing:.12em;
}


.trust-engine-node p{

    margin:0;

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

    font-size:.9rem;

    line-height:1.8;
}


/* ========================================================= */
/* 09.05 — PROTECTION ECOSYSTEM MAP */
/* ========================================================= */

.protection-ecosystem-map{

    position:relative;

    max-width:1100px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        60px;

    border-radius:40px;

    text-align:center;
}


.protection-ecosystem-map
.section-heading{

    max-width:850px;

    margin:
        0
        auto
        70px;
}


.ecosystem-map-grid{

    display:grid;

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

    gap:22px;
}


.ecosystem-map-node{

    position:relative;

    min-height:220px;

    padding:
        38px
        28px;

    border-radius:26px;

    transition:
        transform .4s ease;
}


.ecosystem-map-node:hover{

    transform:
        translateY(-6px);
}


.ecosystem-map-node::after{

    content:"";

    position:absolute;

    top:50%;

    right:-12px;

    width:24px;

    height:1px;

    background:
        rgba(212,170,92,.2);
}


.ecosystem-map-node:nth-child(3n)::after{

    display:none;
}


.ecosystem-map-icon{

    margin-bottom:24px;

    color:
        rgba(212,170,92,.8);

    font-size:1.8rem;
}


.ecosystem-map-node h3{

    margin:
        0
        0
        14px;

    font-size:1rem;

    letter-spacing:.08em;
}


.ecosystem-map-node p{

    margin:0;

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

    line-height:1.8;
}


/* ========================================================= */
/* 09.06 — PROTECTION RESPONSIBILITY MATRIX */
/* ========================================================= */

.protection-responsibility{

    max-width:1100px;

    margin:
        0
        auto
        150px;
}


.protection-responsibility
.section-heading{

    max-width:800px;

    margin:
        0
        auto
        60px;

    text-align:center;
}


.responsibility-matrix{

    display:grid;

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

    gap:20px;
}


.responsibility-item{

    display:flex;

    gap:25px;

    padding:
        35px;

    border-radius:25px;
}


.responsibility-item-number{

    flex:
        0
        0
        42px;

    color:
        rgba(212,170,92,.75);

    font-size:.8rem;

    letter-spacing:.1em;
}


.responsibility-item h3{

    margin:
        0
        0
        12px;

    font-size:1rem;
}


.responsibility-item p{

    margin:0;

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

    line-height:1.8;
}


/* ========================================================= */
/* 09.07 — ZERO FALSE PROMISE */
/* ========================================================= */

.zhr-zero-false-promise{

    max-width:950px;

    margin:
        0
        auto
        150px;

    padding:
        90px
        60px;

    text-align:center;

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

    border-radius:40px;

    background:
        linear-gradient(
            145deg,
            rgba(212,170,92,.035),
            rgba(255,255,255,.012)
        );
}


.zhr-zero-false-promise
.section-label{

    display:block;

    margin-bottom:30px;
}


.zhr-zero-false-promise h2{

    max-width:800px;

    margin:
        0
        auto
        30px;

    font-size:
        clamp(
            2.3rem,
            4vw,
            4rem
        );

    line-height:1.1;
}


.zhr-zero-false-promise p{

    max-width:700px;

    margin:
        20px
        auto;

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

    line-height:1.9;
}


.zhr-zero-false-promise
.promise-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.15rem;
}


/* ========================================================= */
/* 09.08 — SECURITY RESPONSIVE */
/* ========================================================= */

@media (max-width:1050px){

    .security-layers-grid{

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


    .trust-engine-grid{

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


    .ecosystem-map-grid{

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


    .ecosystem-map-node:nth-child(3n)::after{

        display:block;
    }


    .ecosystem-map-node:nth-child(2n)::after{

        display:none;
    }

}


@media (max-width:700px){

    .zhr-security-architecture,
    .security-core,
    .protection-ecosystem-map{

        padding:
            65px
            25px;

        border-radius:28px;
    }


    .security-layers-grid,
    .trust-engine-grid,
    .ecosystem-map-grid,
    .responsibility-matrix{

        grid-template-columns:
            1fr;
    }


    .ecosystem-map-node::after{

        display:none!important;
    }


    .zhr-zero-false-promise{

        margin-left:16px;

        margin-right:16px;

        padding:
            60px
            25px;

        border-radius:28px;
    }


    .zhr-zero-false-promise h2{

        font-size:2.45rem;
    }


    .security-core h2{

        font-size:2.55rem;
    }


    .responsibility-item{

        padding:28px 22px;
    }

}


/* ========================================================= */
/* 09.09 — SECURITY REDUCED MOTION */
/* ========================================================= */

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

    .security-layer-card,
    .trust-engine-node,
    .ecosystem-map-node{

        transition:none!important;

        transform:none!important;
    }

}


/* ========================================================= */
/* 09.10 — END OF ZHR NAJI SECURITY ARCHITECTURE */
/* ========================================================= */

/* ========================================================= */
/* 10. ZHR NAJI — HUMAN PROTECTION & ACCESSIBILITY */
/* ========================================================= */


/* ========================================================= */
/* 10.01 — HUMAN PROTECTION OPENING */
/* ========================================================= */

.human-protection-opening{

    position:relative;

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        65px;

    border-radius:40px;

    overflow:hidden;

    text-align:center;
}


.human-protection-opening::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(212,170,92,.09),
            transparent 55%
        );

    pointer-events:none;
}


.human-protection-opening
.opening-content{

    position:relative;

    max-width:760px;

    margin:
        55px
        auto
        0;
}


.human-protection-opening p{

    margin:
        18px
        0;

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

    line-height:1.9;
}


.human-protection-opening
.gold-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.08rem;
}


/* ========================================================= */
/* 10.02 — HUMAN PROTECTION FEATURES */
/* ========================================================= */

.human-protection-feature{

    max-width:1200px;

    margin:
        0
        auto
        150px;
}


.human-protection-feature
.section-heading{

    max-width:850px;

    margin:
        0
        auto
        65px;

    text-align:center;
}


.human-feature-layout{

    display:grid;

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

    gap:28px;

    align-items:stretch;
}


.human-protection-feature.reverse
.human-feature-layout{

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


.human-feature-visual{

    position:relative;

    min-height:480px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border-radius:36px;

    overflow:hidden;

    isolation:isolate;
}


.human-feature-aura{

    position:absolute;

    width:420px;

    height:420px;

    left:50%;

    top:50%;

    transform:
        translate(
            -50%,
            -50%
        );

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.15),
            transparent 68%
        );

    filter:blur(25px);

    z-index:-1;
}


.human-feature-icon{

    width:105px;

    height:105px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border-radius:50%;

    color:
        rgba(212,170,92,.9);

    font-size:2.5rem;

    box-shadow:
        0 0 70px
        rgba(212,170,92,.12);
}


.human-feature-visual span{

    margin-top:28px;

    color:
        rgba(212,170,92,.7);

    font-size:.7rem;

    letter-spacing:.22em;

    text-align:center;
}


.human-feature-content{

    padding:
        55px
        48px;

    border-radius:36px;
}


.human-feature-content h3{

    margin:
        0
        0
        30px;

    font-size:
        clamp(
            1.6rem,
            2.5vw,
            2.4rem
        );

    line-height:1.25;
}


.human-feature-content p{

    margin:
        14px
        0;

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

    line-height:1.9;
}


.human-feature-content
.feature-emphasis{

    margin-top:38px;

    color:#fff;

    font-size:1.05rem;
}


.human-feature-content
.gold-emphasis{

    margin-top:38px;

    color:#fff;
}


/* ========================================================= */
/* 10.03 — ROSE HUMAN ACCESSIBILITY */
/* ========================================================= */

.human-rose{

    position:relative;

    max-width:1100px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        65px;

    border-radius:42px;

    overflow:hidden;

    isolation:isolate;
}


.rose-aura{

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:-420px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.14),
            transparent 68%
        );

    filter:blur(30px);

    pointer-events:none;

    z-index:-1;
}


.rose-human-content{

    max-width:780px;

    margin:
        60px
        auto
        0;

    text-align:center;
}


.rose-human-content p{

    margin:
        18px
        0;

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

    line-height:1.9;
}


.rose-human-content
.gold-emphasis{

    margin-top:45px;

    color:#fff;
}


/* ========================================================= */
/* 10.04 — UNIVERSAL DESIGN */
/* ========================================================= */

.universal-design{

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        95px
        60px;

    border-radius:40px;

    text-align:center;
}


.universal-content{

    max-width:780px;

    margin:
        55px
        auto
        0;
}


.universal-content p{

    margin:
        18px
        0;

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

    line-height:1.9;
}


.universal-content
.feature-emphasis{

    margin-top:40px;

    color:#fff;

    font-size:1.08rem;
}


/* ========================================================= */
/* 10.05 — DIGNITY MESSAGE */
/* ========================================================= */

.dignity-message{

    max-width:950px;

    margin:
        0
        auto
        150px;

    padding:
        95px
        60px;

    border-radius:40px;

    text-align:center;
}


.dignity-content{

    max-width:700px;

    margin:
        55px
        auto
        0;
}


.dignity-content p{

    margin:
        15px
        0;

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

    line-height:1.9;
}


.dignity-content
.gold-emphasis{

    margin-top:42px;

    color:#fff;

    font-size:1.1rem;
}


/* ========================================================= */
/* 10.06 — HUMAN PURPOSE */
/* ========================================================= */

.human-purpose{

    position:relative;

    max-width:1100px;

    margin:
        0
        auto
        150px;

    padding:
        110px
        65px;

    border-radius:44px;

    overflow:hidden;

    text-align:center;

    isolation:isolate;
}


.purpose-aura{

    position:absolute;

    width:750px;

    height:750px;

    left:50%;

    top:-480px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.16),
            transparent 68%
        );

    filter:blur(35px);

    z-index:-1;
}


.purpose-content{

    max-width:760px;

    margin:
        60px
        auto
        0;
}


.purpose-content p{

    margin:
        17px
        0;

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

    line-height:1.9;
}


.purpose-content
.purpose-final{

    margin-top:48px;

    color:#fff;

    font-size:1.2rem;
}


/* ========================================================= */
/* 10.07 — HUMAN PROTECTION CLOSING */
/* ========================================================= */

.human-protection-closing{

    max-width:1000px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        60px;

    border-radius:42px;

    text-align:center;
}


.closing-symbol{

    margin:
        25px
        auto;

    color:
        rgba(212,170,92,.85);

    font-size:2rem;
}


.human-protection-closing h2{

    margin:
        15px
        0;

    font-size:
        clamp(
            2rem,
            4vw,
            4rem
        );

    line-height:1.1;
}


.human-protection-closing p{

    max-width:700px;

    margin:
        22px
        auto;

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

    line-height:1.9;
}


.human-protection-closing
.closing-final{

    margin-top:45px;

    color:#fff;

    font-size:1.1rem;
}


/* ========================================================= */
/* 10.08 — HUMAN PROTECTION RESPONSIVE */
/* ========================================================= */

@media (max-width:900px){

    .human-feature-layout,
    .human-protection-feature.reverse
    .human-feature-layout{

        grid-template-columns:1fr;
    }


    .human-feature-visual{

        min-height:360px;
    }

}


@media (max-width:700px){

    .human-protection-opening,
    .human-rose,
    .universal-design,
    .dignity-message,
    .human-purpose,
    .human-protection-closing{

        padding:
            65px
            25px;

        border-radius:28px;
    }


    .human-feature-content{

        padding:
            40px
            25px;

        border-radius:28px;
    }


    .human-feature-visual{

        min-height:300px;

        border-radius:28px;
    }


    .human-feature-content h3{

        font-size:1.65rem;
    }


    .human-protection-closing h2{

        font-size:2.35rem;
    }

}


/* ========================================================= */
/* 10.09 — HUMAN PROTECTION REDUCED MOTION */
/* ========================================================= */

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

    .human-feature-visual,
    .human-feature-content{

        transition:none!important;
    }

}


/* ========================================================= */
/* 10.10 — END OF HUMAN PROTECTION CSS */
/* ========================================================= */



/* ========================================================= */
/* 11. ZHR NAJI — LIVING PROTECTION ECOSYSTEM */
/* ========================================================= */


/* ========================================================= */
/* 11.01 — LIVING ECOSYSTEM HERO */
/* ========================================================= */

.living-ecosystem-hero{

    position:relative;

    max-width:1100px;

    margin:
        0
        auto
        150px;

    padding:
        110px
        65px;

    border-radius:44px;

    overflow:hidden;

    text-align:center;

    isolation:isolate;
}


.living-ecosystem-aura{

    position:absolute;

    width:800px;

    height:800px;

    left:50%;

    top:-520px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.16),
            transparent 68%
        );

    filter:blur(35px);

    z-index:-1;
}


.hero-symbol{

    margin:
        25px
        auto;

    color:
        rgba(212,170,92,.9);

    font-size:2rem;
}


.living-ecosystem-hero h1{

    max-width:850px;

    margin:
        30px
        auto;

    font-size:
        clamp(
            2.6rem,
            5vw,
            5.2rem
        );

    line-height:1.05;

    letter-spacing:-.045em;
}


.living-ecosystem-hero p{

    max-width:720px;

    margin:
        18px
        auto;

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

    line-height:1.9;
}


.living-ecosystem-hero
.hero-lead{

    color:#fff;

    font-size:1.2rem;
}


.living-ecosystem-hero
.hero-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.08rem;
}


/* ========================================================= */
/* 11.02 — ECOSYSTEM BEGINNING */
/* ========================================================= */

.ecosystem-beginning{

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        95px
        60px;

    border-radius:40px;

    text-align:center;
}


.beginning-content{

    max-width:760px;

    margin:
        55px
        auto
        0;
}


.beginning-content p{

    margin:
        17px
        0;

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

    line-height:1.9;
}


.beginning-content
.gold-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.08rem;
}


/* ========================================================= */
/* 11.03 — EVOLUTION CYCLE */
/* ========================================================= */

.ecosystem-evolution{

    max-width:1200px;

    margin:
        0
        auto
        150px;
}


.ecosystem-evolution
.section-heading{

    max-width:850px;

    margin:
        0
        auto
        65px;

    text-align:center;
}


.evolution-cycle{

    display:grid;

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

    align-items:center;

    gap:15px;
}


.evolution-step{

    position:relative;

    min-height:300px;

    padding:
        40px
        25px;

    border-radius:28px;

    text-align:center;

    transition:
        transform .4s ease,
        border-color .4s ease;
}


.evolution-step:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(212,170,92,.25);
}


.evolution-number{

    display:block;

    margin-bottom:25px;

    color:
        rgba(212,170,92,.7);

    font-size:.72rem;

    letter-spacing:.18em;
}


.evolution-icon{

    margin-bottom:25px;

    color:
        rgba(212,170,92,.85);

    font-size:1.8rem;
}


.evolution-step h3{

    margin:
        0
        0
        15px;

    font-size:.95rem;

    letter-spacing:.12em;
}


.evolution-step p{

    margin:0;

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

    line-height:1.8;

    font-size:.88rem;
}


.evolution-arrow{

    color:
        rgba(212,170,92,.45);

    font-size:1.4rem;
}


/* ========================================================= */
/* 11.04 — VERSION JOURNEY */
/* ========================================================= */

.version-journey{

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        95px
        60px;

    border-radius:40px;
}


.version-journey
.section-heading{

    text-align:center;

    margin-bottom:70px;
}


.version-timeline{

    max-width:800px;

    margin:
        0
        auto;
}


.version-node{

    display:grid;

    grid-template-columns:
        80px
        1fr;

    gap:30px;

    align-items:start;
}


.version-number{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border-radius:50%;

    color:
        rgba(212,170,92,.8);

    font-size:.8rem;

    letter-spacing:.08em;
}


.version-node.active
.version-number{

    border-color:
        rgba(212,170,92,.55);

    box-shadow:
        0 0 45px
        rgba(212,170,92,.12);
}


.version-content h3{

    margin:
        8px
        0
        15px;

    font-size:1rem;

    letter-spacing:.1em;
}


.version-content p{

    margin:0;

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

    line-height:1.85;
}


.timeline-line{

    width:1px;

    height:60px;

    margin:
        15px
        0
        15px
        35px;

    background:
        rgba(212,170,92,.2);
}


/* ========================================================= */
/* 11.05 — ROSE EVOLUTION */
/* ========================================================= */

.rose-evolution,
.zhr-evolution{

    position:relative;

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        60px;

    border-radius:42px;

    overflow:hidden;

    text-align:center;
}


.rose-evolution-aura,
.zhr-evolution-aura{

    position:absolute;

    width:650px;

    height:650px;

    left:50%;

    top:-420px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.13),
            transparent 68%
        );

    filter:blur(30px);

    pointer-events:none;
}


.rose-evolution-content,
.zhr-evolution-content{

    position:relative;

    max-width:760px;

    margin:
        55px
        auto
        0;
}


.rose-evolution-content p,
.zhr-evolution-content p{

    margin:
        17px
        0;

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

    line-height:1.9;
}


.rose-evolution-content
.gold-emphasis{

    margin-top:45px;

    color:#fff;
}


/* ========================================================= */
/* 11.06 — HUMAN FEEDBACK */
/* ========================================================= */

.human-feedback{

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        95px
        60px;

    border-radius:40px;

    text-align:center;
}


.feedback-content{

    max-width:760px;

    margin:
        55px
        auto
        0;
}


.feedback-content p{

    margin:
        17px
        0;

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

    line-height:1.9;
}


.feedback-content
.gold-emphasis{

    margin-top:45px;

    color:#fff;
}


/* ========================================================= */
/* 11.07 — RESPONSIBLE EVOLUTION */
/* ========================================================= */

.responsible-evolution{

    max-width:1150px;

    margin:
        0
        auto
        150px;
}


.responsible-evolution
.section-heading{

    max-width:800px;

    margin:
        0
        auto
        60px;

    text-align:center;
}


.responsible-grid{

    display:grid;

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

    gap:22px;
}


.responsible-card{

    min-height:230px;

    padding:
        38px
        30px;

    border-radius:28px;

    transition:
        transform .4s ease,
        border-color .4s ease;
}


.responsible-card:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(212,170,92,.25);
}


.responsible-card span{

    color:
        rgba(212,170,92,.7);

    font-size:.75rem;

    letter-spacing:.15em;
}


.responsible-card h3{

    margin:
        25px
        0
        15px;

    font-size:.95rem;

    letter-spacing:.1em;
}


.responsible-card p{

    margin:0;

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

    line-height:1.8;
}


/* ========================================================= */
/* 11.08 — OTA VISION */
/* ========================================================= */

.ota-vision{

    position:relative;

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        60px;

    border-radius:42px;

    overflow:hidden;

    text-align:center;
}


.ota-aura{

    position:absolute;

    width:650px;

    height:650px;

    left:50%;

    top:-400px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.12),
            transparent 68%
        );

    filter:blur(30px);
}


.ota-content{

    position:relative;

    max-width:760px;

    margin:
        55px
        auto
        0;
}


.ota-content p{

    margin:
        17px
        0;

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

    line-height:1.9;
}


.ota-content
.feature-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.05rem;
}


/* ========================================================= */
/* 11.09 — LONG TERM VISION */
/* ========================================================= */

.long-term-vision{

    position:relative;

    max-width:1100px;

    margin:
        0
        auto
        150px;

    padding:
        110px
        65px;

    border-radius:44px;

    overflow:hidden;

    text-align:center;
}


.long-term-aura{

    position:absolute;

    width:750px;

    height:750px;

    left:50%;

    top:-470px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.15),
            transparent 68%
        );

    filter:blur(35px);
}


.long-term-content{

    position:relative;

    max-width:760px;

    margin:
        60px
        auto
        0;
}


.long-term-content p{

    margin:
        17px
        0;

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

    line-height:1.9;
}


.long-term-content
.gold-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.1rem;
}


/* ========================================================= */
/* 11.10 — FUTURE VISION GRID */
/* ========================================================= */

.future-vision{

    max-width:1150px;

    margin:
        0
        auto
        150px;
}


.future-vision
.section-heading{

    max-width:800px;

    margin:
        0
        auto
        65px;

    text-align:center;
}


.future-grid{

    display:grid;

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

    gap:18px;
}


.future-card{

    min-height:250px;

    padding:
        38px
        24px;

    border-radius:28px;

    text-align:center;

    transition:
        transform .4s ease;
}


.future-card:hover{

    transform:
        translateY(-7px);
}


.future-icon{

    margin-bottom:25px;

    color:
        rgba(212,170,92,.82);

    font-size:1.8rem;
}


.future-card h3{

    margin:
        0
        0
        15px;

    font-size:.9rem;

    letter-spacing:.1em;
}


.future-card p{

    margin:0;

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

    line-height:1.8;

    font-size:.88rem;
}


/* ========================================================= */
/* 11.11 — LIVING ECOSYSTEM CLOSING */
/* ========================================================= */

.living-ecosystem-closing{

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        105px
        60px;

    border-radius:42px;

    text-align:center;
}


.living-ecosystem-closing h2{

    max-width:850px;

    margin:
        20px
        auto;

    font-size:
        clamp(
            2.2rem,
            4vw,
            4.2rem
        );

    line-height:1.1;
}


.living-ecosystem-closing p{

    max-width:720px;

    margin:
        20px
        auto;

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

    line-height:1.9;
}


.living-ecosystem-closing
.closing-final{

    margin-top:45px;

    color:#fff;

    font-size:1.1rem;
}


/* ========================================================= */
/* 11.12 — LIVING ECOSYSTEM RESPONSIVE */
/* ========================================================= */

@media (max-width:1100px){

    .evolution-cycle{

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


    .evolution-arrow{

        display:none;
    }


    .future-grid{

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

}


@media (max-width:700px){

    .living-ecosystem-hero,
    .ecosystem-beginning,
    .version-journey,
    .rose-evolution,
    .zhr-evolution,
    .human-feedback,
    .ota-vision,
    .long-term-vision,
    .living-ecosystem-closing{

        padding:
            65px
            25px;

        border-radius:28px;
    }


    .evolution-cycle,
    .responsible-grid,
    .future-grid{

        grid-template-columns:1fr;
    }


    .living-ecosystem-hero h1{

        font-size:2.7rem;
    }


    .version-node{

        grid-template-columns:
            60px
            1fr;

        gap:20px;
    }


    .version-number{

        width:55px;

        height:55px;
    }


    .timeline-line{

        margin-left:27px;
    }


    .living-ecosystem-closing h2{

        font-size:2.35rem;
    }

}


/* ========================================================= */
/* 11.13 — LIVING ECOSYSTEM REDUCED MOTION */
/* ========================================================= */

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

    .evolution-step,
    .responsible-card,
    .future-card{

        transition:none!important;

        transform:none!important;
    }

}


/* ========================================================= */
/* 11.14 — END OF LIVING PROTECTION ECOSYSTEM CSS */
/* ========================================================= */



/* ========================================================= */
/* 12. ZHR NAJI — ENGINEERING RESPONSIBILITY */
/* ========================================================= */


/* ========================================================= */
/* 12.01 — ENGINEERING HERO */
/* ========================================================= */

.engineering-hero{

    position:relative;

    max-width:1100px;

    margin:
        0
        auto
        150px;

    padding:
        110px
        65px;

    border-radius:44px;

    overflow:hidden;

    text-align:center;

    isolation:isolate;
}


.engineering-aura{

    position:absolute;

    width:800px;

    height:800px;

    left:50%;

    top:-520px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,170,92,.15),
            transparent 68%
        );

    filter:blur(35px);

    z-index:-1;
}


.engineering-hero h1{

    max-width:900px;

    margin:
        30px
        auto;

    font-size:
        clamp(
            2.6rem,
            5vw,
            5.2rem
        );

    line-height:1.05;

    letter-spacing:-.045em;
}


.engineering-hero p{

    max-width:720px;

    margin:
        18px
        auto;

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

    line-height:1.9;
}


.engineering-hero
.hero-lead{

    color:#fff;

    font-size:1.2rem;
}


.engineering-hero
.hero-emphasis{

    max-width:800px;

    margin:
        50px
        auto
        0;

    color:#fff;

    font-size:1.08rem;
}


/* ========================================================= */
/* 12.02 — ENGINEERING PRINCIPLES */
/* ========================================================= */

.engineering-principles{

    max-width:1150px;

    margin:
        0
        auto
        150px;
}


.engineering-principles
.section-heading{

    max-width:800px;

    margin:
        0
        auto
        65px;

    text-align:center;
}


.principles-grid{

    display:grid;

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

    gap:22px;
}


.principle-card{

    min-height:240px;

    padding:
        40px
        30px;

    border-radius:28px;

    transition:
        transform .4s ease,
        border-color .4s ease;
}


.principle-card:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(212,170,92,.25);
}


.principle-card span{

    color:
        rgba(212,170,92,.7);

    font-size:.75rem;

    letter-spacing:.15em;
}


.principle-card h3{

    margin:
        25px
        0
        15px;

    font-size:.92rem;

    letter-spacing:.08em;
}


.principle-card p{

    margin:0;

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

    line-height:1.8;
}


/* ========================================================= */
/* 12.03 — ENGINEERING VALIDATION */
/* ========================================================= */

.engineering-validation{

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        60px;

    border-radius:42px;

    text-align:center;
}


.validation-content{

    max-width:760px;

    margin:
        55px
        auto
        0;
}


.validation-content p{

    margin:
        18px
        0;

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

    line-height:1.9;
}


.validation-content
.gold-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.08rem;
}


/* ========================================================= */
/* 12.04 — ENGINEERING HONESTY */
/* ========================================================= */

.engineering-honesty{

    max-width:1000px;

    margin:
        0
        auto
        150px;

    padding:
        95px
        60px;

    border-radius:40px;

    text-align:center;
}


.honesty-content{

    max-width:730px;

    margin:
        55px
        auto
        0;
}


.honesty-content p{

    margin:
        16px
        0;

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

    line-height:1.9;
}


.honesty-content
.feature-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.05rem;
}


/* ========================================================= */
/* 12.05 — HUMAN OVERSIGHT */
/* ========================================================= */

.engineering-human{

    max-width:1050px;

    margin:
        0
        auto
        150px;

    padding:
        100px
        60px;

    border-radius:42px;

    text-align:center;
}


.human-content{

    max-width:760px;

    margin:
        55px
        auto
        0;
}


.human-content p{

    margin:
        17px
        0;

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

    line-height:1.9;
}


.human-content
.gold-emphasis{

    margin-top:45px;

    color:#fff;

    font-size:1.08rem;
}


/* ========================================================= */
/* 12.06 — ENGINEERING CLOSING */
/* ========================================================= */

.engineering-closing{

    max-width:1000px;

    margin:
        0
        auto
        150px;

    padding:
        105px
        60px;

    border-radius:42px;

    text-align:center;
}


.engineering-closing h2{

    margin:
        15px
        auto;

    font-size:
        clamp(
            2.2rem,
            4vw,
            4.2rem
        );

    line-height:1.1;
}


.engineering-closing p{

    max-width:700px;

    margin:
        20px
        auto;

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

    line-height:1.9;
}


.engineering-closing
.closing-final{

    margin-top:45px;

    color:#fff;

    font-size:1.1rem;
}


/* ========================================================= */
/* 12.07 — ENGINEERING RESPONSIVE */
/* ========================================================= */

@media (max-width:900px){

    .principles-grid{

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

}


@media (max-width:700px){

    .engineering-hero,
    .engineering-validation,
    .engineering-honesty,
    .engineering-human,
    .engineering-closing{

        padding:
            65px
            25px;

        border-radius:28px;
    }


    .principles-grid{

        grid-template-columns:1fr;
    }


    .engineering-hero h1{

        font-size:2.7rem;
    }


    .engineering-closing h2{

        font-size:2.35rem;
    }

}


/* ========================================================= */
/* 12.08 — ENGINEERING REDUCED MOTION */
/* ========================================================= */

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

    .principle-card{

        transition:none!important;

        transform:none!important;
    }

}


/* ========================================================= */
/* 12.09 — END OF ENGINEERING RESPONSIBILITY CSS */
/* ========================================================= */
/* ========================================================= */
/* 13.01 — ZHR NAJI — TRUST & PRIVACY FOUNDATION */
/* ========================================================= */

.zhr-naji-trust-security{
    position:relative;
    padding:clamp(90px,10vw,180px) 0;
    overflow:hidden;
}

.trust-security-hero,
.trust-foundation,
.privacy-foundation,
.security-foundation,
.trust-security-closing{
    position:relative;
    isolation:isolate;
}

.trust-security-hero{
    min-height:82vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(45px,7vw,110px);
    margin-bottom:clamp(70px,9vw,150px);
    overflow:hidden;
}

.trust-security-aura{
    position:absolute;
    width:620px;
    height:620px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:
        radial-gradient(
            circle,
            rgba(196,151,70,.28) 0%,
            rgba(196,151,70,.10) 30%,
            transparent 70%
        );
    filter:blur(25px);
    pointer-events:none;
    z-index:-1;
}

.trust-security-hero h1{
    max-width:1000px;
    margin:25px 0 35px;
    font-size:clamp(42px,6vw,88px);
    line-height:1.02;
    letter-spacing:-.035em;
}

.trust-security-hero p{
    max-width:820px;
    font-size:clamp(17px,1.5vw,23px);
    line-height:1.9;
}

.trust-security-hero .hero-lead{
    font-size:clamp(22px,2.2vw,34px);
    line-height:1.5;
}

.trust-security-hero .hero-emphasis{
    margin-top:35px;
    max-width:900px;
    color:#d6ad62;
    font-size:clamp(20px,1.8vw,29px);
    line-height:1.65;
}


/* ========================================================= */
/* 13.02 — TRUST FOUNDATION */
/* ========================================================= */

.trust-foundation{
    padding:clamp(45px,6vw,95px);
    margin-bottom:clamp(60px,8vw,130px);
}

.trust-content,
.privacy-content,
.security-content{
    max-width:900px;
    margin:45px auto 0;
}

.trust-content p,
.privacy-content p,
.security-content p{
    margin:0 0 22px;
    font-size:clamp(17px,1.35vw,21px);
    line-height:2;
}

.trust-content .gold-emphasis{
    margin-top:40px;
    color:#d6ad62;
    font-size:clamp(20px,1.7vw,28px);
}


/* ========================================================= */
/* 13.03 — PRIVACY FOUNDATION */
/* ========================================================= */

.privacy-foundation{
    padding:clamp(45px,6vw,95px);
    margin-bottom:clamp(60px,8vw,130px);
}

.privacy-content .feature-emphasis{
    margin-top:40px;
    padding:30px;
    border-left:2px solid rgba(211,166,83,.7);
    background:rgba(255,255,255,.025);
    color:#d6ad62;
}


/* ========================================================= */
/* 13.04 — SECURITY FOUNDATION */
/* ========================================================= */

.security-foundation{
    padding:clamp(45px,6vw,95px);
    margin-bottom:clamp(80px,10vw,160px);
}

.security-foundation::before{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(211,166,83,.14);
    border-radius:inherit;
    pointer-events:none;
}

.security-content .gold-emphasis{
    margin-top:42px;
    padding:30px;
    border-radius:20px;
    background:
        linear-gradient(
            135deg,
            rgba(211,166,83,.10),
            rgba(255,255,255,.025)
        );
    color:#d6ad62;
}


/* ========================================================= */
/* 13.05 — TRUST PRINCIPLES */
/* ========================================================= */

.trust-principles{
    margin:clamp(80px,10vw,170px) 0;
}

.trust-principles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    margin-top:60px;
}

.trust-principle{
    min-height:270px;
    padding:38px 30px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    position:relative;
    overflow:hidden;
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.trust-principle::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    top:-80px;
    right:-70px;
    background:radial-gradient(
        circle,
        rgba(211,166,83,.20),
        transparent 70%
    );
    pointer-events:none;
}

.trust-principle:hover{
    transform:translateY(-8px);
    border-color:rgba(211,166,83,.4);
    box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.trust-principle > span{
    position:absolute;
    top:25px;
    left:30px;
    font-size:13px;
    letter-spacing:.2em;
    color:#c89d55;
}

.trust-principle h3{
    margin:0 0 15px;
    font-size:20px;
    letter-spacing:.08em;
}

.trust-principle p{
    margin:0;
    color:rgba(255,255,255,.68);
    line-height:1.8;
}


/* ========================================================= */
/* 13.06 — TRUST SECURITY CLOSING */
/* ========================================================= */

.trust-security-closing{
    min-height:620px;
    padding:clamp(55px,8vw,120px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin-top:clamp(80px,10vw,160px);
    overflow:hidden;
}

.trust-security-closing::before{
    content:"";
    position:absolute;
    inset:15px;
    border:1px solid rgba(211,166,83,.12);
    border-radius:inherit;
    pointer-events:none;
}

.trust-security-closing .closing-symbol{
    font-size:45px;
    margin-bottom:35px;
    color:#d6ad62;
    text-shadow:0 0 35px rgba(211,166,83,.35);
}

.trust-security-closing h2{
    max-width:900px;
    margin:0 auto 40px;
    font-size:clamp(32px,4vw,62px);
    line-height:1.15;
}

.trust-security-closing p{
    margin:7px 0;
    color:rgba(255,255,255,.68);
    font-size:18px;
    line-height:1.8;
}

.trust-security-closing .closing-final{
    max-width:850px;
    margin-top:40px;
    color:#d6ad62;
    font-size:clamp(19px,1.7vw,27px);
}


/* ========================================================= */
/* 13.07 — RESPONSIVE TRUST */
/* ========================================================= */

@media(max-width:1000px){

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

}

@media(max-width:700px){

    .trust-security-hero{
        min-height:auto;
        padding:45px 25px;
    }

    .trust-foundation,
    .privacy-foundation,
    .security-foundation,
    .trust-security-closing{
        padding:40px 25px;
    }

    .trust-principles-grid{
        grid-template-columns:1fr;
    }

    .trust-principle{
        min-height:230px;
    }

}


/* ========================================================= */
/* 14.01 — ZHR NAJI — FUTURE OF HUMAN PROTECTION */
/* ========================================================= */

.zhr-naji-future-protection{
    position:relative;
    padding:clamp(100px,11vw,190px) 0;
    overflow:hidden;
}

.future-protection-hero{
    min-height:88vh;
    padding:clamp(50px,7vw,115px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    overflow:hidden;
    margin-bottom:clamp(80px,10vw,170px);
}

.future-protection-aura{
    position:absolute;
    width:750px;
    height:750px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:
        radial-gradient(
            circle,
            rgba(205,159,72,.25),
            rgba(205,159,72,.08) 35%,
            transparent 72%
        );
    filter:blur(30px);
    z-index:-1;
}

.future-protection-hero h1{
    max-width:1050px;
    margin:25px 0 40px;
    font-size:clamp(44px,6.5vw,96px);
    line-height:1;
    letter-spacing:-.04em;
}

.future-protection-hero p{
    max-width:850px;
    font-size:clamp(17px,1.45vw,23px);
    line-height:1.9;
}

.future-protection-hero .hero-lead{
    font-size:clamp(23px,2.3vw,36px);
    line-height:1.5;
}

.future-protection-hero .hero-emphasis{
    margin-top:40px;
    color:#d6ad62;
    font-size:clamp(20px,1.8vw,30px);
}


/* ========================================================= */
/* 14.02 — FUTURE VISION */
/* ========================================================= */

.future-vision-message{
    padding:clamp(50px,7vw,110px);
    margin-bottom:clamp(80px,10vw,160px);
}

.vision-content{
    max-width:900px;
    margin:50px auto 0;
}

.vision-content p{
    margin:0 0 22px;
    font-size:clamp(17px,1.4vw,22px);
    line-height:2;
}

.vision-content .gold-emphasis{
    margin-top:45px;
    color:#d6ad62;
    font-size:clamp(21px,1.8vw,29px);
}


/* ========================================================= */
/* 14.03 — FUTURE PILLARS */
/* ========================================================= */

.future-pillars{
    margin:clamp(90px,11vw,180px) 0;
}

.future-pillars-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:65px;
}

.future-pillar{
    position:relative;
    min-height:330px;
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.future-pillar::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    top:-110px;
    right:-90px;
    background:radial-gradient(
        circle,
        rgba(211,166,83,.20),
        transparent 70%
    );
}

.future-pillar:hover{
    transform:translateY(-10px);
    border-color:rgba(211,166,83,.45);
    box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.pillar-number{
    position:absolute;
    top:35px;
    left:40px;
    font-size:14px;
    letter-spacing:.2em;
    color:#c89d55;
}

.future-pillar h3{
    margin:0 0 15px;
    font-size:30px;
    letter-spacing:.08em;
}

.future-pillar p{
    margin:0;
    color:rgba(255,255,255,.68);
    line-height:1.8;
    font-size:17px;
}


/* ========================================================= */
/* 14.04 — FUTURE HUMANITY */
/* ========================================================= */

.future-humanity{
    position:relative;
    padding:clamp(60px,8vw,130px);
    margin:clamp(90px,12vw,190px) 0;
    overflow:hidden;
}

.humanity-aura{
    position:absolute;
    width:600px;
    height:600px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        circle,
        rgba(211,166,83,.18),
        transparent 70%
    );
    filter:blur(30px);
    pointer-events:none;
}

.humanity-content{
    max-width:850px;
    margin:55px auto 0;
    text-align:center;
}

.humanity-content p{
    margin:10px 0;
    font-size:clamp(18px,1.5vw,24px);
    line-height:1.8;
}

.humanity-content .feature-emphasis{
    margin:35px 0;
    color:#d6ad62;
    font-size:clamp(25px,2.4vw,40px);
}


/* ========================================================= */
/* 14.05 — FUTURE CLOSING */
/* ========================================================= */

.future-protection-closing{
    min-height:650px;
    padding:clamp(60px,9vw,140px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin-top:100px;
}

.future-protection-closing h2{
    max-width:950px;
    margin:10px auto;
    font-size:clamp(34px,4.5vw,68px);
    line-height:1.1;
}

.future-protection-closing p{
    margin:12px 0;
    font-size:19px;
    color:rgba(255,255,255,.68);
}

.future-protection-closing .closing-final{
    max-width:800px;
    margin-top:45px;
    color:#d6ad62;
    font-size:clamp(20px,1.8vw,29px);
}

.future-protection-closing .closing-symbol{
    margin:30px 0;
    font-size:42px;
    color:#d6ad62;
    text-shadow:0 0 35px rgba(211,166,83,.35);
}


/* ========================================================= */
/* 14.06 — RESPONSIVE FUTURE */
/* ========================================================= */

@media(max-width:800px){

    .future-protection-hero{
        min-height:auto;
        padding:50px 25px;
    }

    .future-vision-message,
    .future-humanity,
    .future-protection-closing{
        padding:45px 25px;
    }

    .future-pillars-grid{
        grid-template-columns:1fr;
    }

    .future-pillar{
        min-height:280px;
    }

}


/* ========================================================= */
/* 15.01 — ZHR NAJI — FINAL MESSAGE */
/* ========================================================= */

.zhr-naji-final-message{
    position:relative;
    padding:clamp(110px,13vw,220px) 0;
    overflow:hidden;
}

.final-message-shell{
    position:relative;
    min-height:1000px;
    padding:clamp(60px,8vw,130px);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    overflow:hidden;
}

.final-message-aura{
    position:absolute;
    width:850px;
    height:850px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:
        radial-gradient(
            circle,
            rgba(211,166,83,.23),
            rgba(211,166,83,.07) 35%,
            transparent 72%
        );
    filter:blur(35px);
    pointer-events:none;
}

.final-symbol{
    position:relative;
    font-size:55px;
    margin:20px 0 35px;
    color:#d6ad62;
    text-shadow:
        0 0 25px rgba(211,166,83,.4),
        0 0 70px rgba(211,166,83,.15);
}

.final-message-shell h1{
    position:relative;
    max-width:1050px;
    margin:25px auto 70px;
    font-size:clamp(44px,6vw,90px);
    line-height:1.02;
    letter-spacing:-.04em;
}

.final-message-content{
    position:relative;
    max-width:850px;
}

.final-message-content p{
    margin:13px 0;
    font-size:clamp(17px,1.35vw,22px);
    line-height:1.9;
    color:rgba(255,255,255,.72);
}

.final-message-content .gold-emphasis{
    margin:35px 0;
    color:#d6ad62;
    font-size:clamp(24px,2vw,34px);
}

.final-divider{
    margin:50px 0;
    font-size:28px;
    color:#d6ad62;
    opacity:.75;
}

.final-message-emphasis{
    color:#d6ad62 !important;
    font-size:clamp(25px,2.2vw,38px) !important;
}

.final-message-closing{
    margin-top:55px !important;
    color:#d6ad62 !important;
    font-size:clamp(20px,1.7vw,28px) !important;
}

.final-message-signature{
    position:relative;
    margin-top:80px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.signature-line{
    width:160px;
    height:1px;
    margin-bottom:25px;
    background:rgba(211,166,83,.65);
}

.final-message-signature p{
    margin:0;
    color:#d6ad62;
    font-size:20px;
    letter-spacing:.25em;
}

.final-message-signature span{
    margin-top:10px;
    color:rgba(255,255,255,.45);
    font-size:13px;
    letter-spacing:.12em;
}


/* ========================================================= */
/* 15.02 — FINAL TRANSITION */
/* ========================================================= */

.zhr-final-transition{
    position:relative;
    padding:clamp(100px,13vw,200px) 20px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.zhr-final-transition h2{
    max-width:1000px;
    margin:12px auto;
    font-size:clamp(38px,5vw,76px);
    line-height:1.08;
    letter-spacing:-.025em;
}

.zhr-final-transition p{
    max-width:800px;
    margin:22px auto;
    font-size:clamp(17px,1.4vw,22px);
    line-height:1.9;
    color:rgba(255,255,255,.65);
}

.transition-symbol{
    margin:50px 0 30px;
    font-size:45px;
    color:#d6ad62;
    text-shadow:0 0 35px rgba(211,166,83,.35);
}

.transition-final{
    color:#d6ad62 !important;
    font-size:clamp(21px,1.8vw,30px) !important;
}


/* ========================================================= */
/* 15.03 — FINAL ATMOSPHERE */
/* ========================================================= */

.zhr-naji-final-message::before{
    content:"";
    position:absolute;
    width:900px;
    height:900px;
    top:15%;
    left:50%;
    transform:translateX(-50%);
    background:radial-gradient(
        circle,
        rgba(211,166,83,.06),
        transparent 70%
    );
    pointer-events:none;
}

.final-message-shell::before{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(211,166,83,.12);
    border-radius:inherit;
    pointer-events:none;
}

.final-message-shell::after{
    content:"";
    position:absolute;
    inset:35px;
    border:1px solid rgba(255,255,255,.035);
    border-radius:inherit;
    pointer-events:none;
}


/* ========================================================= */
/* 15.04 — FINAL RESPONSIVE */
/* ========================================================= */

@media(max-width:700px){

    .zhr-naji-final-message{
        padding:80px 0;
    }

    .final-message-shell{
        min-height:auto;
        padding:55px 25px;
    }

    .final-message-shell h1{
        margin-bottom:50px;
    }

    .final-message-content p{
        font-size:16px;
        line-height:1.85;
    }

    .final-divider{
        margin:35px 0;
    }

    .final-message-signature{
        margin-top:60px;
    }

    .zhr-final-transition{
        padding:90px 20px;
    }

}


/* ========================================================= */
/* 15.05 — ACCESSIBILITY & REDUCED MOTION */
/* ========================================================= */

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

    .trust-principle,
    .future-pillar{
        transition:none;
    }

    .trust-principle:hover,
    .future-pillar:hover{
        transform:none;
    }

}


/* ========================================================= */
/* 15.06 — FINAL ZHR NAJI DEDICATED CSS */
/* ========================================================= */
/* ========================================================= */
/* 16.01 — TRUST, PRIVACY & SECURITY                        */
/* ========================================================= */

.zhr-naji-trust-security{
    position:relative;
    padding:clamp(90px,10vw,160px) 0;
    overflow:hidden;
}

.trust-security-hero,
.trust-foundation,
.privacy-foundation,
.security-foundation{
    position:relative;
    isolation:isolate;
    overflow:hidden;
}

.trust-security-hero{
    text-align:center;
    max-width:1100px;
    margin:0 auto 90px;
    padding:clamp(60px,7vw,110px) clamp(25px,5vw,80px);
}

.trust-security-aura{
    position:absolute;
    width:650px;
    height:650px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        circle,
        rgba(201,158,75,.20),
        rgba(201,158,75,.07) 35%,
        transparent 72%
    );
    filter:blur(35px);
    pointer-events:none;
    z-index:-1;
}

.trust-security-hero h1{
    max-width:900px;
    margin:25px auto 35px;
    font-size:clamp(2.7rem,6vw,6.5rem);
    line-height:1.02;
    letter-spacing:-.04em;
}

.trust-security-hero .hero-lead{
    max-width:780px;
    margin:0 auto 35px;
    font-size:clamp(1.25rem,2vw,1.8rem);
    line-height:1.7;
}

.trust-security-hero p{
    max-width:760px;
    margin:18px auto;
    line-height:1.9;
}

.trust-security-hero .hero-emphasis{
    margin-top:45px;
    font-size:clamp(1.1rem,1.8vw,1.5rem);
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 16.02 — TRUST FOUNDATION                                 */
/* ========================================================= */

.trust-foundation,
.privacy-foundation,
.security-foundation{
    max-width:1050px;
    margin:0 auto 70px;
    padding:clamp(45px,6vw,90px);
}

.trust-content,
.privacy-content,
.security-content{
    max-width:850px;
    margin:35px auto 0;
}

.trust-content p,
.privacy-content p,
.security-content p{
    font-size:clamp(1rem,1.35vw,1.2rem);
    line-height:2;
    margin:0 0 22px;
}

.gold-emphasis{
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 16.03 — PRIVACY FOUNDATION                               */
/* ========================================================= */

.privacy-foundation{
    border-color:rgba(201,160,79,.18);
}

.privacy-content{
    position:relative;
}

.privacy-content::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-80px;
    top:-100px;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.12),
        transparent 70%
    );
    pointer-events:none;
}

.privacy-content .feature-emphasis{
    margin-top:40px;
    padding-left:25px;
    border-left:2px solid rgba(201,160,79,.65);
}


/* ========================================================= */
/* 16.04 — SECURITY FOUNDATION                              */
/* ========================================================= */

.security-foundation{
    border-color:rgba(201,160,79,.22);
}

.security-content .gold-emphasis{
    margin-top:35px;
    font-size:1.2rem;
}


/* ========================================================= */
/* 16.05 — TRUST PRINCIPLES                                 */
/* ========================================================= */

.trust-principles{
    max-width:1250px;
    margin:120px auto;
}

.trust-principles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:55px;
}

.trust-principle{
    position:relative;
    min-height:260px;
    padding:40px 30px;
    overflow:hidden;
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.trust-principle::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-80px;
    bottom:-90px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.16),
        transparent 70%
    );
    transition:transform .5s ease;
}

.trust-principle:hover{
    transform:translateY(-8px);
    border-color:rgba(201,160,79,.45);
    box-shadow:0 25px 70px rgba(0,0,0,.28);
}

.trust-principle:hover::before{
    transform:scale(1.5);
}

.trust-principle > span{
    display:block;
    color:var(--ars-gold,#c9a04f);
    font-size:.8rem;
    letter-spacing:.2em;
    margin-bottom:35px;
}

.trust-principle h3{
    margin-bottom:18px;
    font-size:1.15rem;
    letter-spacing:.08em;
}

.trust-principle p{
    line-height:1.8;
    opacity:.78;
}


/* ========================================================= */
/* 16.06 — TRUST SECURITY CLOSING                           */
/* ========================================================= */

.trust-security-closing{
    position:relative;
    max-width:1100px;
    margin:120px auto 90px;
    padding:clamp(60px,8vw,110px) clamp(30px,6vw,90px);
    text-align:center;
    overflow:hidden;
}

.trust-security-closing::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(201,160,79,.16),
            transparent 55%
        );
    pointer-events:none;
}

.trust-security-closing .closing-symbol{
    font-size:2.4rem;
    margin:0 auto 30px;
    color:var(--ars-gold,#c9a04f);
}

.trust-security-closing h2{
    max-width:850px;
    margin:0 auto 45px;
    font-size:clamp(2rem,4vw,4.5rem);
    line-height:1.12;
}

.trust-security-closing p{
    margin:14px 0;
    line-height:1.9;
}

.trust-security-closing .closing-final{
    max-width:780px;
    margin:40px auto 0;
    color:var(--ars-gold,#c9a04f);
    font-size:1.15rem;
}


/* ========================================================= */
/* 16.07 — NEXT TRANSITION                                  */
/* ========================================================= */

.zhr-naji-trust-security .naji-next-transition{
    max-width:900px;
    margin:110px auto 0;
    padding:60px 30px;
    text-align:center;
}

.zhr-naji-trust-security .naji-next-transition h2{
    margin:25px auto 30px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.15;
}

.zhr-naji-trust-security .naji-next-transition p{
    max-width:760px;
    margin:20px auto;
    line-height:1.9;
}

.zhr-naji-trust-security .naji-next-transition p[dir="rtl"]{
    opacity:.72;
    font-size:.95rem;
}


/* ========================================================= */
/* 16.08 — RESPONSIVE                                       */
/* ========================================================= */

@media(max-width:1000px){

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

}

@media(max-width:700px){

    .zhr-naji-trust-security{
        padding:70px 0;
    }

    .trust-security-hero{
        margin-bottom:60px;
    }

    .trust-security-hero h1{
        font-size:clamp(2.3rem,11vw,4rem);
    }

    .trust-foundation,
    .privacy-foundation,
    .security-foundation{
        margin-bottom:45px;
        padding:35px 24px;
    }

    .trust-principles{
        margin:80px auto;
    }

    .trust-principles-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .trust-principle{
        min-height:auto;
    }

    .trust-security-closing{
        margin:80px auto 60px;
        padding:55px 25px;
    }

}


/* ========================================================= */
/* 16.09 — REDUCED MOTION                                   */
/* ========================================================= */

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

    .trust-principle{
        transition:none;
    }

    .trust-principle:hover{
        transform:none;
    }

    .trust-principle::before{
        transition:none;
    }

}


/* ========================================================= */
/* 17.01 — THE FUTURE OF HUMAN PROTECTION                   */
/* ========================================================= */

.zhr-naji-future-protection{
    position:relative;
    padding:clamp(90px,10vw,160px) 0;
    overflow:hidden;
}

.future-protection-hero{
    position:relative;
    isolation:isolate;
    max-width:1150px;
    margin:0 auto 100px;
    padding:clamp(65px,8vw,120px) clamp(25px,6vw,90px);
    text-align:center;
    overflow:hidden;
}

.future-protection-aura{
    position:absolute;
    width:750px;
    height:750px;
    left:50%;
    top:45%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        circle,
        rgba(201,160,79,.20),
        transparent 68%
    );
    filter:blur(45px);
    z-index:-1;
    pointer-events:none;
}

.future-protection-hero h1{
    max-width:1000px;
    margin:30px auto 40px;
    font-size:clamp(2.8rem,6vw,6.5rem);
    line-height:1.02;
    letter-spacing:-.045em;
}

.future-protection-hero .hero-lead{
    max-width:820px;
    margin:0 auto 30px;
    font-size:clamp(1.2rem,2vw,1.7rem);
    line-height:1.7;
}

.future-protection-hero p{
    max-width:760px;
    margin:18px auto;
    line-height:1.9;
}

.future-protection-hero .hero-emphasis{
    margin-top:45px;
    color:var(--ars-gold,#c9a04f);
    font-size:1.15rem;
}


/* ========================================================= */
/* 17.02 — FUTURE VISION                                    */
/* ========================================================= */

.future-vision-message{
    max-width:1050px;
    margin:0 auto 100px;
    padding:clamp(50px,7vw,95px);
}

.vision-content{
    max-width:820px;
    margin:40px auto 0;
}

.vision-content p{
    line-height:2;
    margin:0 0 22px;
}

.vision-content .gold-emphasis{
    margin-top:40px;
    font-size:1.2rem;
}


/* ========================================================= */
/* 17.03 — THREE PILLARS                                    */
/* ========================================================= */

.future-pillars{
    max-width:1250px;
    margin:120px auto;
}

.future-pillars-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:60px;
}

.future-pillar{
    position:relative;
    min-height:330px;
    padding:45px 35px;
    overflow:hidden;
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.future-pillar::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-110px;
    bottom:-130px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.17),
        transparent 70%
    );
    transition:transform .5s ease;
}

.future-pillar:hover{
    transform:translateY(-10px);
    border-color:rgba(201,160,79,.45);
    box-shadow:0 30px 80px rgba(0,0,0,.3);
}

.future-pillar:hover::after{
    transform:scale(1.4);
}

.pillar-number{
    color:var(--ars-gold,#c9a04f);
    font-size:.85rem;
    letter-spacing:.2em;
    margin-bottom:45px;
}

.future-pillar h3{
    font-size:1.5rem;
    letter-spacing:.12em;
    margin-bottom:20px;
}

.future-pillar p{
    max-width:280px;
    line-height:1.9;
    opacity:.8;
}


/* ========================================================= */
/* 17.04 — HUMANITY                                         */
/* ========================================================= */

.future-humanity{
    position:relative;
    isolation:isolate;
    max-width:1100px;
    margin:120px auto;
    padding:clamp(60px,8vw,110px);
    overflow:hidden;
}

.humanity-aura{
    position:absolute;
    width:600px;
    height:600px;
    right:-180px;
    top:-200px;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.18),
        transparent 70%
    );
    filter:blur(30px);
    z-index:-1;
}

.humanity-content{
    max-width:800px;
    margin:45px auto 0;
}

.humanity-content p{
    line-height:2;
    margin:0 0 18px;
}

.humanity-content .feature-emphasis{
    color:var(--ars-gold,#c9a04f);
    font-size:1.35rem;
    margin:35px 0;
}


/* ========================================================= */
/* 17.05 — FUTURE CLOSING                                   */
/* ========================================================= */

.future-protection-closing{
    max-width:1050px;
    margin:120px auto 90px;
    padding:clamp(60px,8vw,110px) clamp(30px,6vw,90px);
    text-align:center;
}

.future-protection-closing .closing-symbol{
    color:var(--ars-gold,#c9a04f);
    font-size:2.5rem;
    margin-bottom:35px;
}

.future-protection-closing h2{
    max-width:850px;
    margin:0 auto 20px;
    font-size:clamp(2rem,4.5vw,4.7rem);
    line-height:1.1;
}

.future-protection-closing p{
    margin:18px 0;
    line-height:1.9;
}

.future-protection-closing .closing-final{
    max-width:750px;
    margin:40px auto 0;
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 17.06 — FUTURE NEXT TRANSITION                            */
/* ========================================================= */

.zhr-naji-future-protection .naji-next-transition{
    max-width:900px;
    margin:110px auto 0;
    text-align:center;
    padding:60px 25px;
}

.zhr-naji-future-protection .naji-next-transition h2{
    margin:25px auto 30px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.15;
}

.zhr-naji-future-protection .naji-next-transition p{
    max-width:760px;
    margin:20px auto;
    line-height:1.9;
}

.zhr-naji-future-protection .naji-next-transition p[dir="rtl"]{
    opacity:.72;
}


/* ========================================================= */
/* 17.07 — RESPONSIVE                                       */
/* ========================================================= */

@media(max-width:850px){

    .future-pillars-grid{
        grid-template-columns:1fr;
    }

    .future-pillar{
        min-height:260px;
    }

}

@media(max-width:700px){

    .zhr-naji-future-protection{
        padding:70px 0;
    }

    .future-protection-hero h1{
        font-size:clamp(2.3rem,11vw,4rem);
    }

    .future-vision-message,
    .future-humanity{
        padding:40px 24px;
    }

    .future-pillars{
        margin:80px auto;
    }

    .future-humanity{
        margin:80px auto;
    }

    .future-protection-closing{
        margin:80px auto 60px;
        padding:55px 24px;
    }

}

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

    .future-pillar{
        transition:none;
    }

    .future-pillar:hover{
        transform:none;
    }

}


/* ========================================================= */
/* 18.01 — FINAL MESSAGE                                     */
/* ========================================================= */

.zhr-naji-final-message{
    position:relative;
    padding:clamp(100px,12vw,190px) 0;
    overflow:hidden;
}

.final-message-shell{
    position:relative;
    isolation:isolate;
    max-width:1150px;
    margin:0 auto;
    padding:clamp(70px,9vw,130px) clamp(25px,7vw,100px);
    text-align:center;
    overflow:hidden;
}

.final-message-aura{
    position:absolute;
    width:850px;
    height:850px;
    left:50%;
    top:45%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        circle,
        rgba(201,160,79,.22),
        rgba(201,160,79,.06) 38%,
        transparent 72%
    );
    filter:blur(45px);
    z-index:-1;
    pointer-events:none;
}

.final-symbol{
    color:var(--ars-gold,#c9a04f);
    font-size:3rem;
    margin:0 auto 35px;
}

.final-message-shell > .section-label{
    display:block;
    margin-bottom:30px;
}

.final-message-shell h1{
    max-width:1000px;
    margin:0 auto 65px;
    font-size:clamp(2.8rem,6vw,6.2rem);
    line-height:1.02;
    letter-spacing:-.045em;
}

.final-message-content{
    max-width:820px;
    margin:0 auto;
}

.final-message-content p{
    margin:0 0 20px;
    line-height:2;
    font-size:clamp(1rem,1.3vw,1.18rem);
}

.final-message-content .gold-emphasis{
    margin:35px 0;
    color:var(--ars-gold,#c9a04f);
    font-size:1.3rem;
}

.final-message-emphasis{
    color:var(--ars-gold,#c9a04f);
    font-size:1.35rem !important;
    margin:30px 0 !important;
}

.final-message-closing{
    margin-top:45px !important;
    font-size:1.2rem !important;
    color:var(--ars-gold,#c9a04f);
}

.final-divider{
    margin:55px auto;
    color:var(--ars-gold,#c9a04f);
    font-size:1.5rem;
}


/* ========================================================= */
/* 18.02 — SIGNATURE                                        */
/* ========================================================= */

.final-message-signature{
    max-width:450px;
    margin:75px auto 55px;
}

.signature-line{
    width:100%;
    height:1px;
    margin-bottom:25px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(201,160,79,.7),
        transparent
    );
}

.final-message-signature p{
    margin:0 0 8px;
    letter-spacing:.35em;
    color:var(--ars-gold,#c9a04f);
    font-weight:600;
}

.final-message-signature span{
    display:block;
    font-size:.8rem;
    letter-spacing:.12em;
    opacity:.6;
}


/* ========================================================= */
/* 18.03 — FINAL TRANSITION                                 */
/* ========================================================= */

.zhr-final-transition{
    max-width:950px;
    margin:110px auto 0;
    padding:70px 25px;
    text-align:center;
}

.zhr-final-transition h2{
    margin:25px auto;
    font-size:clamp(2rem,4.5vw,4.5rem);
    line-height:1.12;
}

.zhr-final-transition p{
    max-width:750px;
    margin:20px auto;
    line-height:1.9;
}

.transition-symbol{
    margin:50px auto;
    color:var(--ars-gold,#c9a04f);
    font-size:2rem;
}

.transition-final{
    color:var(--ars-gold,#c9a04f);
    font-size:1.2rem;
}


/* ========================================================= */
/* 18.04 — FINAL RESPONSIVE                                 */
/* ========================================================= */

@media(max-width:700px){

    .zhr-naji-final-message{
        padding:70px 0;
    }

    .final-message-shell{
        padding:55px 22px;
    }

    .final-message-shell h1{
        font-size:clamp(2.3rem,11vw,4rem);
        margin-bottom:50px;
    }

    .final-message-content p{
        line-height:1.9;
    }

    .final-divider{
        margin:40px auto;
    }

    .final-message-signature{
        margin-top:55px;
    }

    .zhr-final-transition{
        margin-top:70px;
        padding:55px 20px;
    }

}

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

    .final-message-shell{
        scroll-behavior:auto;
    }

}


/* ========================================================= */
/* 18.05 — ZHR NAJI FINAL VISUAL POLISH                     */
/* ========================================================= */

.zhr-naji-final-message::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:min(900px,90vw);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(201,160,79,.35),
        transparent
    );
}

.zhr-naji-final-message::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:min(900px,90vw);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(201,160,79,.25),
        transparent
    );
             }

/* ========================================================= */
/* 19.01 — ZHR NAJI GLOBAL PROTECTION ARCHITECTURE          */
/* ========================================================= */

.zhr-naji-global-protection{
    position:relative;
    padding:clamp(90px,10vw,170px) 0;
    overflow:hidden;
}

.global-protection-hero{
    position:relative;
    isolation:isolate;
    max-width:1150px;
    margin:0 auto 110px;
    padding:clamp(65px,8vw,120px) clamp(25px,6vw,90px);
    text-align:center;
    overflow:hidden;
}

.global-protection-aura{
    position:absolute;
    width:800px;
    height:800px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        circle,
        rgba(201,160,79,.2),
        transparent 70%
    );
    filter:blur(45px);
    z-index:-1;
}

.global-protection-hero h1{
    max-width:1000px;
    margin:30px auto 40px;
    font-size:clamp(2.7rem,6vw,6.3rem);
    line-height:1.03;
    letter-spacing:-.045em;
}

.global-protection-hero .hero-lead{
    max-width:800px;
    margin:0 auto 30px;
    font-size:clamp(1.2rem,2vw,1.7rem);
    line-height:1.8;
}

.global-protection-hero p{
    max-width:780px;
    margin:18px auto;
    line-height:1.9;
}

.global-protection-hero .hero-emphasis{
    margin-top:45px;
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 19.02 — PROTECTION LAYERS                                */
/* ========================================================= */

.protection-layers{
    max-width:1250px;
    margin:120px auto;
}

.protection-layers-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:60px;
}

.protection-layer{
    position:relative;
    min-height:320px;
    padding:42px 32px;
    overflow:hidden;
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.protection-layer::before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    right:-100px;
    bottom:-120px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.16),
        transparent 70%
    );
}

.protection-layer:hover{
    transform:translateY(-9px);
    border-color:rgba(201,160,79,.45);
    box-shadow:0 30px 80px rgba(0,0,0,.3);
}

.layer-number{
    display:block;
    color:var(--ars-gold,#c9a04f);
    font-size:.8rem;
    letter-spacing:.2em;
    margin-bottom:40px;
}

.protection-layer h3{
    font-size:1.3rem;
    letter-spacing:.08em;
    margin-bottom:20px;
}

.protection-layer p{
    line-height:1.9;
    opacity:.8;
}


/* ========================================================= */
/* 19.03 — VEHICLE PROTECTION                               */
/* ========================================================= */

.vehicle-protection{
    max-width:1100px;
    margin:120px auto;
    padding:clamp(55px,7vw,100px);
}

.vehicle-protection-content{
    max-width:850px;
    margin:40px auto 0;
}

.vehicle-protection-content p{
    line-height:2;
    margin-bottom:22px;
}

.vehicle-protection-content .gold-emphasis{
    margin-top:40px;
    color:var(--ars-gold,#c9a04f);
    font-size:1.2rem;
}


/* ========================================================= */
/* 19.04 — OWNER PROTECTION                                  */
/* ========================================================= */

.owner-protection{
    max-width:1100px;
    margin:120px auto;
    padding:clamp(55px,7vw,100px);
}

.owner-protection-content{
    max-width:850px;
    margin:40px auto 0;
}

.owner-protection-content p{
    line-height:2;
    margin-bottom:20px;
}

.owner-protection-content .feature-emphasis{
    margin-top:40px;
    padding-left:25px;
    border-left:2px solid rgba(201,160,79,.6);
}


/* ========================================================= */
/* 19.05 — HUMAN PROTECTION                                 */
/* ========================================================= */

.human-protection{
    max-width:1100px;
    margin:120px auto;
    padding:clamp(55px,7vw,100px);
    position:relative;
    isolation:isolate;
    overflow:hidden;
}

.human-protection::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-180px;
    top:-180px;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.15),
        transparent 70%
    );
    filter:blur(30px);
    z-index:-1;
}

.human-protection-content{
    max-width:850px;
    margin:40px auto 0;
}

.human-protection-content p{
    line-height:2;
    margin-bottom:20px;
}

.human-protection-content .gold-emphasis{
    margin-top:40px;
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 19.06 — ECOSYSTEM SECURITY                               */
/* ========================================================= */

.ecosystem-security{
    max-width:1250px;
    margin:120px auto;
}

.ecosystem-security-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:55px;
}

.ecosystem-security-card{
    min-height:260px;
    padding:35px 28px;
    transition:
        transform .4s ease,
        border-color .4s ease;
}

.ecosystem-security-card:hover{
    transform:translateY(-7px);
    border-color:rgba(201,160,79,.4);
}

.ecosystem-security-card span{
    display:block;
    color:var(--ars-gold,#c9a04f);
    margin-bottom:30px;
}

.ecosystem-security-card h3{
    margin-bottom:18px;
    font-size:1.1rem;
}

.ecosystem-security-card p{
    line-height:1.8;
    opacity:.78;
}


/* ========================================================= */
/* 19.07 — GLOBAL PROTECTION CLOSING                         */
/* ========================================================= */

.global-protection-closing{
    max-width:1100px;
    margin:120px auto 90px;
    padding:clamp(60px,8vw,110px);
    text-align:center;
}

.global-protection-closing h2{
    max-width:900px;
    margin:0 auto 35px;
    font-size:clamp(2.2rem,4.5vw,4.8rem);
    line-height:1.1;
}

.global-protection-closing p{
    line-height:1.9;
    margin:16px 0;
}

.global-protection-closing .closing-final{
    color:var(--ars-gold,#c9a04f);
    margin-top:40px;
}


/* ========================================================= */
/* 19.08 — RESPONSIVE                                       */
/* ========================================================= */

@media(max-width:1000px){

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

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

}

@media(max-width:700px){

    .zhr-naji-global-protection{
        padding:70px 0;
    }

    .global-protection-hero h1{
        font-size:clamp(2.3rem,11vw,4rem);
    }

    .protection-layers,
    .ecosystem-security{
        margin:80px auto;
    }

    .protection-layers-grid,
    .ecosystem-security-grid{
        grid-template-columns:1fr;
    }

    .vehicle-protection,
    .owner-protection,
    .human-protection{
        padding:40px 24px;
        margin:80px auto;
    }

    .global-protection-closing{
        margin:80px auto 60px;
        padding:55px 24px;
    }

}


/* ========================================================= */
/* 20.01 — ZHR NAJI TRUST & HUMAN SAFETY                    */
/* ========================================================= */

.zhr-naji-trust-safety{
    position:relative;
    padding:clamp(90px,10vw,170px) 0;
    overflow:hidden;
}

.trust-safety-hero{
    position:relative;
    isolation:isolate;
    max-width:1150px;
    margin:0 auto 110px;
    padding:clamp(65px,8vw,120px) clamp(25px,6vw,90px);
    text-align:center;
}

.trust-safety-aura{
    position:absolute;
    width:800px;
    height:800px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        circle,
        rgba(201,160,79,.18),
        transparent 70%
    );
    filter:blur(45px);
    z-index:-1;
}

.trust-safety-hero h1{
    max-width:1000px;
    margin:30px auto 40px;
    font-size:clamp(2.8rem,6vw,6.3rem);
    line-height:1.02;
}

.trust-safety-hero p{
    max-width:800px;
    margin:18px auto;
    line-height:1.9;
}

.trust-safety-hero .hero-emphasis{
    margin-top:45px;
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 20.02 — TRUST EQUATION                                   */
/* ========================================================= */

.trust-equation{
    max-width:1150px;
    margin:120px auto;
    padding:clamp(55px,7vw,100px);
    text-align:center;
}

.trust-equation-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:60px;
}

.trust-equation-card{
    padding:40px 25px;
    min-height:230px;
}

.trust-equation-card span{
    color:var(--ars-gold,#c9a04f);
    font-size:1.8rem;
}

.trust-equation-card h3{
    margin:25px 0 15px;
    letter-spacing:.08em;
}

.trust-equation-card p{
    line-height:1.8;
    opacity:.78;
}


/* ========================================================= */
/* 20.03 — SAFETY PROMISE                                   */
/* ========================================================= */

.safety-promise{
    max-width:1050px;
    margin:120px auto;
    padding:clamp(55px,7vw,100px);
}

.safety-promise-content{
    max-width:850px;
    margin:40px auto 0;
}

.safety-promise-content p{
    line-height:2;
    margin-bottom:20px;
}

.safety-promise-content .gold-emphasis{
    margin-top:40px;
    color:var(--ars-gold,#c9a04f);
    font-size:1.2rem;
}


/* ========================================================= */
/* 20.04 — RESPONSIBLE PROTECTION                            */
/* ========================================================= */

.responsible-protection{
    max-width:1250px;
    margin:120px auto;
}

.responsible-protection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:55px;
}

.responsible-protection-card{
    min-height:300px;
    padding:40px 30px;
}

.responsible-protection-card span{
    display:block;
    color:var(--ars-gold,#c9a04f);
    margin-bottom:35px;
}

.responsible-protection-card h3{
    margin-bottom:18px;
}

.responsible-protection-card p{
    line-height:1.9;
    opacity:.78;
}


/* ========================================================= */
/* 20.05 — HUMAN CONFIDENCE                                 */
/* ========================================================= */

.human-confidence{
    position:relative;
    isolation:isolate;
    max-width:1100px;
    margin:120px auto;
    padding:clamp(60px,8vw,110px);
    overflow:hidden;
}

.human-confidence::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    left:-250px;
    top:-250px;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.15),
        transparent 70%
    );
    filter:blur(35px);
    z-index:-1;
}

.human-confidence-content{
    max-width:850px;
    margin:40px auto 0;
}

.human-confidence-content p{
    line-height:2;
    margin-bottom:20px;
}

.human-confidence-content .feature-emphasis{
    margin-top:40px;
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 20.06 — TRUST SAFETY CLOSING                             */
/* ========================================================= */

.trust-safety-closing{
    max-width:1100px;
    margin:120px auto 90px;
    padding:clamp(60px,8vw,110px);
    text-align:center;
}

.trust-safety-closing h2{
    max-width:900px;
    margin:0 auto 35px;
    font-size:clamp(2.2rem,4.5vw,4.7rem);
    line-height:1.1;
}

.trust-safety-closing p{
    line-height:1.9;
    margin:15px 0;
}

.trust-safety-closing .closing-final{
    margin-top:40px;
    color:var(--ars-gold,#c9a04f);
}


/* ========================================================= */
/* 20.07 — RESPONSIVE                                       */
/* ========================================================= */

@media(max-width:1000px){

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

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

}

@media(max-width:700px){

    .zhr-naji-trust-safety{
        padding:70px 0;
    }

    .trust-safety-hero h1{
        font-size:clamp(2.3rem,11vw,4rem);
    }

    .trust-equation,
    .responsible-protection{
        margin:80px auto;
    }

    .trust-equation-grid,
    .responsible-protection-grid{
        grid-template-columns:1fr;
    }

    .safety-promise,
    .human-confidence{
        margin:80px auto;
        padding:40px 24px;
    }

    .trust-safety-closing{
        margin:80px auto 60px;
        padding:55px 24px;
    }

}


/* ========================================================= */
/* 21.01 — ZHR NAJI — FINAL SECURITY ECOSYSTEM              */
/* ========================================================= */

.zhr-naji-final-security{
    position:relative;
    padding:clamp(100px,12vw,190px) 0;
    overflow:hidden;
}

.final-security-hero{
    position:relative;
    isolation:isolate;
    max-width:1200px;
    margin:0 auto 120px;
    padding:clamp(70px,9vw,135px) clamp(25px,7vw,100px);
    text-align:center;
    overflow:hidden;
}

.final-security-aura{
    position:absolute;
    width:950px;
    height:950px;
    left:50%;
    top:45%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        circle,
        rgba(201,160,79,.23),
        rgba(201,160,79,.05) 42%,
        transparent 72%
    );
    filter:blur(50px);
    z-index:-1;
}

.final-security-hero h1{
    max-width:1050px;
    margin:30px auto 45px;
    font-size:clamp(2.8rem,6.5vw,6.8rem);
    line-height:1;
    letter-spacing:-.05em;
}

.final-security-hero .hero-lead{
    max-width:850px;
    margin:0 auto 30px;
    font-size:clamp(1.2rem,2vw,1.8rem);
    line-height:1.8;
}

.final-security-hero p{
    max-width:800px;
    margin:18px auto;
    line-height:1.9;
}

.final-security-hero .hero-emphasis{
    margin-top:50px;
    color:var(--ars-gold,#c9a04f);
    font-size:1.2rem;
}


/* ========================================================= */
/* 21.02 — SECURITY CORE                                    */
/* ========================================================= */

.security-core{
    max-width:1250px;
    margin:120px auto;
}

.security-core-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:60px;
}

.security-core-card{
    position:relative;
    min-height:320px;
    padding:45px 32px;
    overflow:hidden;
}

.security-core-card::after{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    right:-100px;
    bottom:-120px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(201,160,79,.15),
        transparent 70%
    );
}

.security-core-card span{
    display:block;
    color:var(--ars-gold,#c9a04f);
    margin-bottom:40px;
}

.security-core-card h3{
    font-size:1.2rem;
    margin-bottom:20px;
    letter-spacing:.08em;
}

.security-core-card p{
    line-height:1.9;
    opacity:.8;
}


/* ========================================================= */
/* 21.03 — SECURITY CYCLE                                   */
/* ========================================================= */

.security-cycle{
    max-width:1150px;
    margin:130px auto;
    padding:clamp(55px,7vw,100px);
    text-align:center;
}

.security-cycle-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
    margin-top:60px;
}

.security-cycle-step{
    min-height:240px;
    padding:35px 20px;
}

.security-cycle-step span{
    display:block;
    color:var(--ars-gold,#c9a04f);
    font-size:.8rem;
    letter-spacing:.18em;
    margin-bottom:28px;
}

.security-cycle-step h3{
    font-size:1rem;
    letter-spacing:.08em;
    margin-bottom:15px;
}

.security-cycle-step p{
    font-size:.9rem;
    line-height:1.8;
    opacity:.75;
}


/* ========================================================= */
/* 21.04 — THE ARS PROTECTION PROMISE                       */
/* ========================================================= */

.ars-protection-promise{
    position:relative;
    isolation:isolate;
    max-width:1100px;
    margin:130px auto;
    padding:clamp(65px,8vw,115px);
    text-align:center;
    overflow:hidden;
}

.ars-protection-promise::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(201,160,79,.16),
            transparent 60%
        );
    z-index:-1;
}

.ars-protection-promise h2{
    max-width:900px;
    margin:0 auto 45px;
    font-size:clamp(2.3rem,4.8vw,5rem);
    line-height:1.08;
}

.ars-protection-promise p{
    max-width:800px;
    margin:17px auto;
    line-height:1.95;
}

.ars-protection-promise .promise-final{
    margin-top:45px;
    color:var(--ars-gold,#c9a04f);
    font-size:1.25rem;
}


/* ========================================================= */
/* 21.05 — FINAL SECURITY CLOSING                           */
/* ========================================================= */

.final-security-closing{
    max-width:1150px;
    margin:140px auto 90px;
    padding:clamp(70px,9vw,130px) clamp(25px,7vw,100px);
    text-align:center;
}

.final-security-closing .closing-symbol{
    font-size:3rem;
    color:var(--ars-gold,#c9a04f);
    margin-bottom:35px;
}

.final-security-closing h2{
    max-width:1000px;
    margin:0 auto 30px;
    font-size:clamp(2.5rem,5vw,5.5rem);
    line-height:1.05;
}

.final-security-closing p{
    max-width:800px;
    margin:18px auto;
    line-height:1.9;
}

.final-security-closing .closing-final{
    margin-top:45px;
    color:var(--ars-gold,#c9a04f);
    font-size:1.25rem;
}


/* ========================================================= */
/* 21.06 — RESPONSIVE                                       */
/* ========================================================= */

@media(max-width:1050px){

    .security-cycle-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:900px){

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

}

@media(max-width:700px){

    .zhr-naji-final-security{
        padding:70px 0;
    }

    .final-security-hero h1{
        font-size:clamp(2.3rem,11vw,4.1rem);
    }

    .security-core,
    .security-cycle{
        margin:80px auto;
    }

    .security-core-grid,
    .security-cycle-grid{
        grid-template-columns:1fr;
    }

    .security-core-card{
        min-height:auto;
    }

    .security-cycle-step{
        min-height:auto;
        padding:30px 24px;
    }

    .ars-protection-promise{
        margin:80px auto;
        padding:55px 24px;
    }

    .final-security-closing{
        margin:80px auto 60px;
        padding:55px 24px;
    }

}

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

    .protection-layer,
    .ecosystem-security-card,
    .responsible-protection-card,
    .security-core-card{
        transition:none;
    }

    }
/* ========================================================= */
/* ZHR NAJI — DEDICATED CSS */
/* FILE 22 — TRUST, PRIVACY & SECURITY */
/* FILE 23 — THE FUTURE OF HUMAN PROTECTION */
/* FILE 24 — THE FINAL MESSAGE */
/* ========================================================= */


/* ========================================================= */
/* 22.01 — TRUST, PRIVACY & SECURITY — HERO */
/* ========================================================= */

.zhr-naji-trust-security{
    position:relative;
    padding:clamp(80px,8vw,140px) 0;
    overflow:hidden;
}

.trust-security-hero{
    position:relative;
    max-width:1200px;
    margin:0 auto 80px;
    padding:clamp(50px,7vw,100px) clamp(28px,6vw,90px);
    text-align:center;
    overflow:hidden;
}

.trust-security-aura{
    position:absolute;
    width:600px;
    height:600px;
    top:-300px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(184,137,63,.20),
        rgba(184,137,63,.07) 35%,
        transparent 70%
    );
    pointer-events:none;
}

.trust-security-hero > *{
    position:relative;
    z-index:2;
}

.trust-security-hero h1{
    max-width:950px;
    margin:24px auto 30px;
    font-size:clamp(2.4rem,5vw,5.8rem);
    line-height:1.05;
}

.trust-security-hero .hero-lead{
    max-width:780px;
    margin:0 auto 28px;
    font-size:clamp(1.1rem,2vw,1.5rem);
    color:rgba(255,255,255,.78);
}

.trust-security-hero p{
    max-width:720px;
    margin:0 auto 15px;
    line-height:1.9;
    color:rgba(255,255,255,.65);
}

.trust-security-hero .hero-emphasis{
    max-width:850px;
    margin:38px auto 0;
    color:rgba(184,137,63,.95);
    font-size:1.1rem;
}


/* ========================================================= */
/* 22.02 — TRUST FOUNDATION */
/* ========================================================= */

.trust-foundation,
.privacy-foundation,
.security-foundation{
    max-width:1100px;
    margin:0 auto 45px;
    padding:clamp(40px,5vw,75px);
}

.trust-foundation .section-heading,
.privacy-foundation .section-heading,
.security-foundation .section-heading{
    margin-bottom:35px;
}

.trust-content,
.privacy-content,
.security-content{
    max-width:850px;
}

.trust-content p,
.privacy-content p,
.security-content p{
    margin:0 0 18px;
    color:rgba(255,255,255,.68);
    line-height:2;
}

.trust-content .gold-emphasis,
.privacy-content .feature-emphasis,
.security-content .gold-emphasis{
    margin-top:32px;
    color:rgba(184,137,63,.95);
}


/* ========================================================= */
/* 22.03 — TRUST PRINCIPLES */
/* ========================================================= */

.trust-principles{
    max-width:1200px;
    margin:100px auto;
}

.trust-principles .section-heading{
    text-align:center;
    margin-bottom:60px;
}

.trust-principles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.trust-principle{
    min-height:230px;
    padding:35px 28px;
    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.trust-principle:hover{
    transform:translateY(-8px);
    border-color:rgba(184,137,63,.42);
    box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.trust-principle > span{
    display:block;
    margin-bottom:35px;
    font-size:.75rem;
    letter-spacing:.25em;
    color:rgba(184,137,63,.9);
}

.trust-principle h3{
    margin:0 0 14px;
}

.trust-principle p{
    margin:0;
    color:rgba(255,255,255,.62);
    line-height:1.8;
}


/* ========================================================= */
/* 22.04 — TRUST SECURITY CLOSING */
/* ========================================================= */

.trust-security-closing{
    max-width:1000px;
    margin:100px auto 70px;
    padding:clamp(55px,7vw,95px);
    text-align:center;
}

.trust-security-closing .closing-symbol{
    width:72px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 35px;
    border:1px solid rgba(184,137,63,.4);
    border-radius:50%;
    font-size:1.8rem;
    box-shadow:0 0 60px rgba(184,137,63,.12);
}

.trust-security-closing h2{
    max-width:850px;
    margin:0 auto 35px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.15;
}

.trust-security-closing p{
    margin:0 auto 12px;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.trust-security-closing .closing-final{
    max-width:780px;
    margin:35px auto 0;
    color:rgba(184,137,63,.95);
}


/* ========================================================= */
/* 22.05 — NEXT TRANSITION */
/* ========================================================= */

.zhr-naji-trust-security .naji-next-transition{
    max-width:900px;
    margin:90px auto 0;
    padding:55px 30px;
    text-align:center;
    border-top:1px solid rgba(184,137,63,.22);
}

.naji-next-transition .section-label{
    display:block;
    margin-bottom:20px;
}

.naji-next-transition h2{
    margin:0 auto 25px;
    font-size:clamp(1.8rem,3vw,3.2rem);
}

.naji-next-transition p{
    max-width:760px;
    margin:0 auto 18px;
    color:rgba(255,255,255,.63);
    line-height:1.9;
}


/* ========================================================= */
/* 23.01 — FUTURE OF HUMAN PROTECTION — HERO */
/* ========================================================= */

.zhr-naji-future-protection{
    position:relative;
    padding:clamp(80px,8vw,140px) 0;
    overflow:hidden;
}

.future-protection-hero{
    position:relative;
    max-width:1200px;
    margin:0 auto 90px;
    padding:clamp(55px,8vw,110px) clamp(30px,7vw,100px);
    text-align:center;
    overflow:hidden;
}

.future-protection-aura{
    position:absolute;
    width:700px;
    height:700px;
    top:-350px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(184,137,63,.19),
        transparent 68%
    );
    pointer-events:none;
}

.future-protection-hero > *{
    position:relative;
    z-index:2;
}

.future-protection-hero h1{
    max-width:1000px;
    margin:25px auto 35px;
    font-size:clamp(2.5rem,5vw,5.7rem);
    line-height:1.05;
}

.future-protection-hero p{
    max-width:800px;
    margin:0 auto 18px;
    color:rgba(255,255,255,.66);
    line-height:1.9;
}

.future-protection-hero .hero-lead{
    font-size:clamp(1.1rem,2vw,1.45rem);
    color:rgba(255,255,255,.78);
}

.future-protection-hero .hero-emphasis{
    margin-top:38px;
    color:rgba(184,137,63,.95);
}


/* ========================================================= */
/* 23.02 — FUTURE VISION */
/* ========================================================= */

.future-vision-message{
    max-width:1100px;
    margin:0 auto 90px;
    padding:clamp(45px,6vw,80px);
}

.future-vision-message .section-heading{
    margin-bottom:35px;
}

.vision-content{
    max-width:850px;
}

.vision-content p{
    margin:0 0 18px;
    color:rgba(255,255,255,.67);
    line-height:2;
}

.vision-content .gold-emphasis{
    margin-top:35px;
    color:rgba(184,137,63,.95);
}


/* ========================================================= */
/* 23.03 — THREE PILLARS */
/* ========================================================= */

.future-pillars{
    max-width:1200px;
    margin:110px auto;
}

.future-pillars .section-heading{
    text-align:center;
    margin-bottom:65px;
}

.future-pillars-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.future-pillar{
    position:relative;
    min-height:320px;
    padding:42px 35px;
    overflow:hidden;
    transition:.45s ease;
}

.future-pillar:hover{
    transform:translateY(-10px);
    border-color:rgba(184,137,63,.45);
}

.pillar-number{
    margin-bottom:55px;
    font-size:2.4rem;
    font-weight:700;
    color:rgba(184,137,63,.65);
}

.future-pillar h3{
    margin:0 0 18px;
    font-size:1.5rem;
}

.future-pillar p{
    margin:0;
    color:rgba(255,255,255,.64);
    line-height:1.9;
}


/* ========================================================= */
/* 23.04 — HUMANITY */
/* ========================================================= */

.future-humanity{
    position:relative;
    max-width:1100px;
    margin:120px auto;
    padding:clamp(55px,7vw,95px);
    overflow:hidden;
}

.humanity-aura{
    position:absolute;
    width:500px;
    height:500px;
    right:-220px;
    top:-220px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(184,137,63,.16),
        transparent 70%
    );
    pointer-events:none;
}

.future-humanity .section-heading,
.humanity-content{
    position:relative;
    z-index:2;
}

.future-humanity .section-heading{
    max-width:900px;
    margin-bottom:45px;
}

.humanity-content{
    max-width:780px;
}

.humanity-content p{
    margin:0 0 14px;
    color:rgba(255,255,255,.66);
    line-height:1.9;
}

.humanity-content .feature-emphasis{
    margin:28px 0;
    color:rgba(184,137,63,.95);
    font-size:1.2rem;
}


/* ========================================================= */
/* 23.05 — FUTURE CLOSING */
/* ========================================================= */

.future-protection-closing{
    max-width:1000px;
    margin:100px auto 70px;
    padding:clamp(55px,7vw,100px);
    text-align:center;
}

.future-protection-closing .closing-symbol{
    width:72px;
    height:72px;
    margin:0 auto 35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(184,137,63,.4);
    border-radius:50%;
    font-size:1.8rem;
}

.future-protection-closing h2{
    max-width:850px;
    margin:0 auto 20px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.15;
}

.future-protection-closing p{
    margin:0 auto 12px;
    color:rgba(255,255,255,.64);
    line-height:1.9;
}

.future-protection-closing .closing-final{
    margin-top:35px;
    color:rgba(184,137,63,.95);
}


/* ========================================================= */
/* 23.06 — FINAL CHAPTER TRANSITION */
/* ========================================================= */

.zhr-naji-future-protection .naji-next-transition{
    max-width:900px;
    margin:90px auto 0;
    padding:60px 30px;
    text-align:center;
    border-top:1px solid rgba(184,137,63,.22);
}


/* ========================================================= */
/* 24.01 — FINAL MESSAGE SHELL */
/* ========================================================= */

.zhr-naji-final-message{
    position:relative;
    padding:clamp(100px,10vw,180px) 0;
    overflow:hidden;
}

.final-message-shell{
    position:relative;
    max-width:1100px;
    margin:0 auto;
    padding:clamp(60px,8vw,120px) clamp(30px,7vw,100px);
    text-align:center;
    overflow:hidden;
}

.final-message-aura{
    position:absolute;
    width:850px;
    height:850px;
    top:-420px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(184,137,63,.20),
        rgba(184,137,63,.05) 38%,
        transparent 72%
    );
    pointer-events:none;
}

.final-message-shell > *{
    position:relative;
    z-index:2;
}

.final-symbol{
    width:82px;
    height:82px;
    margin:0 auto 35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(184,137,63,.45);
    border-radius:50%;
    font-size:2rem;
    box-shadow:0 0 70px rgba(184,137,63,.12);
}

.final-message-shell .section-label{
    display:block;
    margin-bottom:28px;
}

.final-message-shell h1{
    max-width:900px;
    margin:0 auto 65px;
    font-size:clamp(2.5rem,5.5vw,6rem);
    line-height:1.03;
}


/* ========================================================= */
/* 24.02 — FINAL MESSAGE CONTENT */
/* ========================================================= */

.final-message-content{
    max-width:760px;
    margin:0 auto;
}

.final-message-content p{
    margin:0 0 16px;
    color:rgba(255,255,255,.68);
    line-height:2;
}

.final-message-content .gold-emphasis{
    margin:30px 0;
    color:rgba(184,137,63,.95);
    font-size:1.25rem;
}

.final-message-emphasis{
    margin:35px 0 !important;
    font-size:1.35rem;
    color:rgba(255,255,255,.92) !important;
}

.final-message-closing{
    margin-top:45px !important;
    color:rgba(184,137,63,.95) !important;
    font-size:1.1rem;
}

.final-divider{
    width:70px;
    margin:45px auto;
    color:rgba(184,137,63,.8);
    font-size:1.2rem;
}


/* ========================================================= */
/* 24.03 — FINAL SIGNATURE */
/* ========================================================= */

.final-message-signature{
    max-width:400px;
    margin:75px auto 45px;
    text-align:center;
}

.signature-line{
    width:120px;
    height:1px;
    margin:0 auto 25px;
    background:rgba(184,137,63,.6);
}

.final-message-signature p{
    margin:0 0 8px;
    letter-spacing:.35em;
    font-size:.9rem;
    color:rgba(255,255,255,.88);
}

.final-message-signature span{
    display:block;
    font-size:.7rem;
    letter-spacing:.18em;
    color:rgba(184,137,63,.75);
}


/* ========================================================= */
/* 24.04 — FINAL TRANSITION */
/* ========================================================= */

.zhr-final-transition{
    max-width:950px;
    margin:100px auto 0;
    padding:75px 30px;
    text-align:center;
    border-top:1px solid rgba(184,137,63,.22);
}

.zhr-final-transition .section-label{
    display:block;
    margin-bottom:25px;
}

.zhr-final-transition h2{
    margin:0 auto 12px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.15;
}

.zhr-final-transition p{
    max-width:700px;
    margin:25px auto 12px;
    color:rgba(255,255,255,.64);
    line-height:1.9;
}

.transition-symbol{
    width:65px;
    height:65px;
    margin:45px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(184,137,63,.38);
    border-radius:50%;
    color:rgba(184,137,63,.9);
}

.zhr-final-transition .transition-final{
    margin-top:0;
    color:rgba(184,137,63,.95);
    font-size:1.15rem;
}


/* ========================================================= */
/* 24.05 — RESPONSIVE */
/* ========================================================= */

@media(max-width:1050px){

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

    .future-pillars-grid{
        grid-template-columns:1fr;
        max-width:650px;
        margin:auto;
    }

}


@media(max-width:800px){

    .trust-security-hero,
    .future-protection-hero,
    .final-message-shell{
        border-radius:24px;
    }

    .trust-principles{
        margin:80px 20px;
    }

    .trust-principles-grid{
        grid-template-columns:1fr;
    }

    .trust-principle{
        min-height:auto;
    }

    .future-pillars{
        margin:80px 20px;
    }

    .future-humanity{
        margin:80px 20px;
        border-radius:26px;
    }

    .trust-security-closing,
    .future-protection-closing{
        margin-left:20px;
        margin-right:20px;
        border-radius:26px;
    }

    .zhr-final-transition{
        margin-left:20px;
        margin-right:20px;
    }

}


@media(max-width:560px){

    .zhr-naji-trust-security,
    .zhr-naji-future-protection,
    .zhr-naji-final-message{
        padding-left:15px;
        padding-right:15px;
    }

    .trust-security-hero,
    .future-protection-hero,
    .final-message-shell{
        padding:50px 22px;
    }

    .trust-security-hero h1,
    .future-protection-hero h1,
    .final-message-shell h1{
        font-size:clamp(2.1rem,11vw,3.5rem);
    }

    .trust-foundation,
    .privacy-foundation,
    .security-foundation{
        padding:35px 24px;
        border-radius:24px;
    }

    .trust-security-closing,
    .future-protection-closing{
        padding:50px 24px;
    }

    .future-pillar{
        min-height:auto;
        padding:35px 28px;
    }

    .pillar-number{
        margin-bottom:35px;
    }

    .future-humanity{
        padding:45px 25px;
    }

    .final-message-content p{
        line-height:1.85;
    }

    .final-message-signature{
        margin-top:60px;
    }

}


/* ========================================================= */
/* 24.06 — ACCESSIBILITY & REDUCED MOTION */
/* ========================================================= */

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

    .trust-principle,
    .future-pillar{
        transition:none;
    }

    .final-message-shell *,
    .trust-security-hero *,
    .future-protection-hero *{
        animation:none !important;
        transition:none !important;
    }

}


@media(max-width:800px){

    .trust-security-hero,
    .future-protection-hero,
    .final-message-shell{
        backdrop-filter:blur(14px);
        -webkit-backdrop-filter:blur(14px);
    }

}


/* ========================================================= */
/* 24.07 — END OF ZHR NAJI DEDICATED CSS */
/* ========================================================= */
/* ========================================================= */
/* ZHR NAJI — DEDICATED CSS */
/* FILE 25 — THE ZHR NAJI PROTECTION PLEDGE */
/* FILE 26 — THE ARS ECOSYSTEM SECURITY CIRCLE */
/* FILE 27 — THE FINAL TRUST EXPERIENCE */
/* ========================================================= */


/* ========================================================= */
/* 25.01 — PROTECTION PLEDGE */
/* ========================================================= */

.zhr-protection-pledge{
    position:relative;
    padding:clamp(100px,10vw,180px) 0;
    overflow:hidden;
}

.zhr-protection-pledge::before{
    content:"";
    position:absolute;
    width:800px;
    height:800px;
    top:-400px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(184,137,63,.18),
        transparent 68%
    );
    pointer-events:none;
}

.zhr-protection-pledge-shell{
    position:relative;
    z-index:2;
    max-width:1100px;
    margin:0 auto;
    padding:clamp(60px,8vw,110px);
    text-align:center;
    overflow:hidden;
}

.zhr-protection-pledge-symbol{
    width:90px;
    height:90px;
    margin:0 auto 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(184,137,63,.45);
    border-radius:50%;
    font-size:2.2rem;
    box-shadow:
        0 0 50px rgba(184,137,63,.12),
        inset 0 0 30px rgba(184,137,63,.05);
}

.zhr-protection-pledge .section-label{
    display:block;
    margin-bottom:25px;
}

.zhr-protection-pledge h2{
    max-width:900px;
    margin:0 auto 45px;
    font-size:clamp(2.3rem,5vw,5.2rem);
    line-height:1.05;
}

.zhr-protection-pledge-content{
    max-width:760px;
    margin:auto;
}

.zhr-protection-pledge-content p{
    margin:0 0 17px;
    color:rgba(255,255,255,.68);
    line-height:2;
}

.zhr-protection-pledge-content .pledge-emphasis{
    margin-top:38px;
    color:rgba(184,137,63,.95);
    font-size:1.2rem;
}

.zhr-protection-pledge-signature{
    margin-top:65px;
    letter-spacing:.28em;
    font-size:.75rem;
    color:rgba(255,255,255,.55);
}


/* ========================================================= */
/* 25.02 — PROTECTION PRINCIPLES */
/* ========================================================= */

.zhr-pledge-principles{
    max-width:1200px;
    margin:100px auto;
}

.zhr-pledge-principles .section-heading{
    max-width:800px;
    margin:0 auto 65px;
    text-align:center;
}

.zhr-pledge-principles-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.zhr-pledge-principle{
    position:relative;
    min-height:300px;
    padding:38px 32px;
    overflow:hidden;
    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.zhr-pledge-principle:hover{
    transform:translateY(-9px);
    border-color:rgba(184,137,63,.42);
    box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.zhr-pledge-principle-number{
    display:block;
    margin-bottom:45px;
    font-size:2.2rem;
    font-weight:700;
    color:rgba(184,137,63,.58);
}

.zhr-pledge-principle h3{
    margin:0 0 15px;
}

.zhr-pledge-principle p{
    margin:0;
    color:rgba(255,255,255,.63);
    line-height:1.9;
}


/* ========================================================= */
/* 25.03 — PLEDGE CLOSING */
/* ========================================================= */

.zhr-pledge-closing{
    max-width:950px;
    margin:110px auto;
    padding:70px 35px;
    text-align:center;
    border-top:1px solid rgba(184,137,63,.25);
    border-bottom:1px solid rgba(184,137,63,.25);
}

.zhr-pledge-closing h2{
    max-width:800px;
    margin:0 auto 30px;
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.15;
}

.zhr-pledge-closing p{
    max-width:720px;
    margin:0 auto 15px;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.zhr-pledge-closing .gold-emphasis{
    margin-top:35px;
    color:rgba(184,137,63,.95);
}


/* ========================================================= */
/* 26.01 — ARS ECOSYSTEM SECURITY CIRCLE */
/* ========================================================= */

.ars-security-circle{
    position:relative;
    padding:clamp(100px,10vw,180px) 0;
    overflow:hidden;
}

.ars-security-circle .section-heading{
    max-width:900px;
    margin:0 auto 80px;
    text-align:center;
}

.security-circle-visual{
    position:relative;
    width:min(720px,90vw);
    aspect-ratio:1;
    margin:0 auto 90px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.security-circle-ring{
    position:absolute;
    border:1px solid rgba(184,137,63,.22);
    border-radius:50%;
}

.security-circle-ring.outer{
    inset:0;
    animation:zhrSecurityRotate 35s linear infinite;
}

.security-circle-ring.middle{
    inset:12%;
    border-color:rgba(184,137,63,.30);
    animation:zhrSecurityRotateReverse 25s linear infinite;
}

.security-circle-ring.inner{
    inset:25%;
    border-color:rgba(184,137,63,.42);
}

.security-circle-core{
    position:relative;
    z-index:3;
    width:190px;
    height:190px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(184,137,63,.55);
    border-radius:50%;
    background:rgba(255,255,255,.025);
    box-shadow:
        0 0 80px rgba(184,137,63,.12),
        inset 0 0 50px rgba(184,137,63,.04);
    text-align:center;
}

.security-circle-core strong{
    font-size:1.1rem;
    letter-spacing:.12em;
}

.security-circle-core span{
    margin-top:10px;
    font-size:.65rem;
    letter-spacing:.2em;
    color:rgba(184,137,63,.8);
}

.security-circle-node{
    position:absolute;
    z-index:4;
    width:130px;
    min-height:90px;
    padding:16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(10,10,10,.55);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    text-align:center;
}

.security-circle-node strong{
    font-size:.72rem;
    letter-spacing:.1em;
}

.security-circle-node span{
    margin-top:7px;
    font-size:.6rem;
    color:rgba(255,255,255,.55);
}

.security-circle-node.node-top{
    top:-25px;
    left:50%;
    transform:translateX(-50%);
}

.security-circle-node.node-right{
    right:-35px;
    top:50%;
    transform:translateY(-50%);
}

.security-circle-node.node-bottom{
    bottom:-25px;
    left:50%;
    transform:translateX(-50%);
}

.security-circle-node.node-left{
    left:-35px;
    top:50%;
    transform:translateY(-50%);
}

@keyframes zhrSecurityRotate{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

@keyframes zhrSecurityRotateReverse{
    from{transform:rotate(360deg)}
    to{transform:rotate(0deg)}
}


/* ========================================================= */
/* 26.02 — ECOSYSTEM SECURITY GRID */
/* ========================================================= */

.ars-security-grid{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.ars-security-card{
    min-height:250px;
    padding:35px 28px;
    transition:.4s ease;
}

.ars-security-card:hover{
    transform:translateY(-8px);
    border-color:rgba(184,137,63,.4);
}

.ars-security-card-number{
    display:block;
    margin-bottom:35px;
    color:rgba(184,137,63,.8);
    font-size:.7rem;
    letter-spacing:.25em;
}

.ars-security-card h3{
    margin:0 0 14px;
}

.ars-security-card p{
    margin:0;
    color:rgba(255,255,255,.62);
    line-height:1.85;
}


/* ========================================================= */
/* 26.03 — VEHICLE PROTECTION */
/* ========================================================= */

.ars-vehicle-protection{
    max-width:1100px;
    margin:120px auto;
    padding:clamp(45px,6vw,80px);
}

.ars-vehicle-protection .section-heading{
    max-width:800px;
    margin-bottom:50px;
}

.vehicle-protection-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.vehicle-protection-item{
    padding:24px 25px;
    border-left:2px solid rgba(184,137,63,.45);
    background:rgba(255,255,255,.025);
}

.vehicle-protection-item strong{
    display:block;
    margin-bottom:7px;
}

.vehicle-protection-item span{
    color:rgba(255,255,255,.60);
    line-height:1.8;
}


/* ========================================================= */
/* 26.04 — OWNER & HUMAN PROTECTION */
/* ========================================================= */

.ars-human-protection{
    max-width:1100px;
    margin:120px auto;
}

.ars-human-protection .section-heading{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.human-protection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.human-protection-card{
    padding:38px 30px;
    min-height:280px;
}

.human-protection-card h3{
    margin-bottom:15px;
}

.human-protection-card p{
    margin:0;
    color:rgba(255,255,255,.63);
    line-height:1.9;
}


/* ========================================================= */
/* 27.01 — FINAL TRUST EXPERIENCE */
/* ========================================================= */

.zhr-final-trust-experience{
    position:relative;
    padding:clamp(120px,12vw,220px) 0;
    overflow:hidden;
}

.zhr-final-trust-aura{
    position:absolute;
    width:1000px;
    height:1000px;
    top:-500px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(184,137,63,.16),
        rgba(184,137,63,.04) 40%,
        transparent 72%
    );
    pointer-events:none;
}

.zhr-final-trust-shell{
    position:relative;
    z-index:2;
    max-width:1050px;
    margin:0 auto;
    padding:clamp(65px,9vw,125px) clamp(30px,7vw,100px);
    text-align:center;
}

.zhr-final-trust-shell .section-label{
    display:block;
    margin-bottom:30px;
}

.zhr-final-trust-shell h2{
    max-width:900px;
    margin:0 auto 45px;
    font-size:clamp(2.5rem,5.5vw,6rem);
    line-height:1.03;
}

.zhr-final-trust-content{
    max-width:750px;
    margin:auto;
}

.zhr-final-trust-content p{
    margin:0 0 17px;
    color:rgba(255,255,255,.68);
    line-height:2;
}

.zhr-final-trust-content .final-trust-emphasis{
    margin-top:40px;
    color:rgba(184,137,63,.95);
    font-size:1.2rem;
}


/* ========================================================= */
/* 27.02 — TRUST STATEMENT */
/* ========================================================= */

.zhr-trust-statement{
    max-width:900px;
    margin:100px auto;
    text-align:center;
}

.zhr-trust-statement h3{
    margin-bottom:35px;
    font-size:clamp(1.8rem,3vw,3.2rem);
}

.zhr-trust-statement p{
    margin:0 auto 15px;
    max-width:700px;
    color:rgba(255,255,255,.63);
    line-height:1.95;
}

.zhr-trust-statement strong{
    color:rgba(184,137,63,.95);
}


/* ========================================================= */
/* 27.03 — FINAL HUMAN MESSAGE */
/* ========================================================= */

.zhr-final-human-message{
    max-width:950px;
    margin:100px auto;
    padding:clamp(55px,7vw,100px);
    text-align:center;
    border-top:1px solid rgba(184,137,63,.25);
    border-bottom:1px solid rgba(184,137,63,.25);
}

.zhr-final-human-message .message-symbol{
    width:75px;
    height:75px;
    margin:0 auto 35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(184,137,63,.42);
    border-radius:50%;
    font-size:1.8rem;
}

.zhr-final-human-message h2{
    max-width:800px;
    margin:0 auto 35px;
    font-size:clamp(2rem,4vw,4.2rem);
    line-height:1.12;
}

.zhr-final-human-message p{
    max-width:720px;
    margin:0 auto 15px;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.zhr-final-human-message .final-line{
    margin-top:38px;
    color:rgba(184,137,63,.95);
    font-size:1.15rem;
}


/* ========================================================= */
/* 27.04 — FINAL ARS SIGNATURE */
/* ========================================================= */

.zhr-ars-signature{
    max-width:700px;
    margin:110px auto 0;
    text-align:center;
}

.zhr-ars-signature-line{
    width:150px;
    height:1px;
    margin:0 auto 25px;
    background:rgba(184,137,63,.55);
}

.zhr-ars-signature strong{
    display:block;
    letter-spacing:.3em;
    font-size:.85rem;
}

.zhr-ars-signature span{
    display:block;
    margin-top:10px;
    color:rgba(184,137,63,.72);
    font-size:.68rem;
    letter-spacing:.16em;
}


/* ========================================================= */
/* 27.05 — RESPONSIVE */
/* ========================================================= */

@media(max-width:1050px){

    .ars-security-grid{
        grid-template-columns:repeat(2,1fr);
        margin-left:20px;
        margin-right:20px;
    }

    .zhr-pledge-principles{
        margin-left:20px;
        margin-right:20px;
    }

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

}


@media(max-width:800px){

    .zhr-protection-pledge-shell,
    .zhr-final-trust-shell{
        margin-left:20px;
        margin-right:20px;
        border-radius:28px;
    }

    .zhr-pledge-principles-grid{
        grid-template-columns:1fr;
    }

    .vehicle-protection-list{
        grid-template-columns:1fr;
    }

    .ars-human-protection{
        margin-left:20px;
        margin-right:20px;
    }

    .human-protection-grid{
        grid-template-columns:1fr;
    }

    .security-circle-visual{
        width:min(600px,88vw);
    }

    .security-circle-node{
        width:110px;
        min-height:75px;
    }

    .security-circle-node.node-right{
        right:-10px;
    }

    .security-circle-node.node-left{
        left:-10px;
    }

}


@media(max-width:560px){

    .zhr-protection-pledge,
    .ars-security-circle,
    .zhr-final-trust-experience{
        padding-left:15px;
        padding-right:15px;
    }

    .zhr-protection-pledge-shell,
    .zhr-final-trust-shell{
        padding:55px 24px;
    }

    .zhr-protection-pledge h2,
    .zhr-final-trust-shell h2{
        font-size:clamp(2.1rem,10vw,3.5rem);
    }

    .ars-security-grid{
        grid-template-columns:1fr;
        margin-left:15px;
        margin-right:15px;
    }

    .security-circle-visual{
        width:92vw;
    }

    .security-circle-core{
        width:130px;
        height:130px;
    }

    .security-circle-node{
        width:90px;
        min-height:65px;
        padding:10px;
    }

    .security-circle-node strong{
        font-size:.58rem;
    }

    .security-circle-node span{
        display:none;
    }

    .security-circle-node.node-top{
        top:0;
    }

    .security-circle-node.node-bottom{
        bottom:0;
    }

    .security-circle-node.node-right{
        right:0;
    }

    .security-circle-node.node-left{
        left:0;
    }

    .ars-vehicle-protection{
        margin-left:15px;
        margin-right:15px;
        padding:40px 24px;
        border-radius:24px;
    }

    .zhr-final-human-message{
        margin-left:20px;
        margin-right:20px;
        padding:50px 24px;
        border-radius:24px;
    }

}


/* ========================================================= */
/* 27.06 — ACCESSIBILITY & REDUCED MOTION */
/* ========================================================= */

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

    .security-circle-ring.outer,
    .security-circle-ring.middle{
        animation:none;
    }

    .zhr-pledge-principle,
    .ars-security-card{
        transition:none;
    }

}


/* ========================================================= */
/* 27.07 — END OF ZHR NAJI DEDICATED CSS */
/* ========================================================= */
/* ========================================================= */
/* 28.01 — ZHR NAJI CYBERSECURITY ARCHITECTURE */
/* ========================================================= */

.zhr-cybersecurity-architecture{
    position:relative;
    padding:clamp(100px,11vw,170px) 0;
}

.cybersecurity-heading{
    max-width:900px;
    margin:0 auto 75px;
    text-align:center;
}

.cybersecurity-heading h2{
    font-size:clamp(2.2rem,5vw,4.8rem);
    line-height:1.1;
}

.cybersecurity-heading p{
    max-width:760px;
    margin:25px auto 0;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.cybersecurity-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.cybersecurity-card{
    position:relative;
    min-height:330px;
    padding:38px 30px;
    overflow:hidden;
    border:1px solid rgba(212,170,91,.14);
    transition:.45s ease;
}

.cybersecurity-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,91,.4);
    box-shadow:0 25px 70px rgba(0,0,0,.3);
}

.cybersecurity-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    top:-90px;
    right:-90px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(212,170,91,.15),transparent 70%);
}

.cybersecurity-number{
    position:relative;
    display:block;
    margin-bottom:35px;
    color:rgba(212,170,91,.85);
    font-size:1.2rem;
}

.cybersecurity-card h3{
    position:relative;
    margin-bottom:18px;
}

.cybersecurity-card p{
    position:relative;
    margin:0;
    line-height:1.85;
    color:rgba(255,255,255,.66);
}


/* ========================================================= */
/* 28.02 — SECURE SYSTEM LAYERS */
/* ========================================================= */

.secure-system-layers{
    padding:100px 0;
}

.secure-layer-stack{
    max-width:1100px;
    margin:auto;
    display:grid;
    gap:14px;
}

.secure-layer{
    display:grid;
    grid-template-columns:90px 1fr;
    align-items:center;
    gap:30px;
    padding:28px 35px;
    border-left:2px solid rgba(212,170,91,.25);
    transition:.4s ease;
}

.secure-layer:hover{
    border-left-color:rgba(212,170,91,.85);
    background:rgba(212,170,91,.035);
    transform:translateX(6px);
}

.secure-layer-index{
    font-size:1.3rem;
    color:rgba(212,170,91,.85);
}

.secure-layer h3{
    margin-bottom:8px;
}

.secure-layer p{
    margin:0;
    color:rgba(255,255,255,.65);
    line-height:1.8;
}


/* ========================================================= */
/* 28.03 — SECURITY EVOLUTION */
/* ========================================================= */

.security-evolution{
    position:relative;
    padding:120px 8%;
    text-align:center;
    overflow:hidden;
}

.security-evolution-aura{
    position:absolute;
    inset:20%;
    background:radial-gradient(circle,rgba(212,170,91,.12),transparent 68%);
    filter:blur(45px);
}

.security-evolution-content{
    position:relative;
    max-width:900px;
    margin:auto;
}

.security-evolution-content p{
    max-width:750px;
    margin:22px auto;
    line-height:2;
    color:rgba(255,255,255,.7);
}

.security-evolution-content .gold-emphasis{
    color:rgba(212,170,91,.95);
    font-size:1.15rem;
}


/* ========================================================= */
/* 29.01 — ZHR NAJI SAFETY RESPONSE */
/* ========================================================= */

.zhr-safety-response{
    position:relative;
    padding:clamp(100px,11vw,170px) 0;
}

.safety-response-heading{
    max-width:900px;
    margin:0 auto 70px;
    text-align:center;
}

.safety-response-heading h2{
    font-size:clamp(2.1rem,5vw,4.6rem);
    line-height:1.1;
}

.safety-response-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.safety-response-card{
    position:relative;
    min-height:380px;
    padding:42px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
}

.safety-response-card::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    bottom:-120px;
    right:-100px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(212,170,91,.13),transparent 70%);
}

.safety-response-icon{
    position:relative;
    z-index:1;
    font-size:2rem;
    margin-bottom:35px;
    color:rgba(212,170,91,.9);
}

.safety-response-card h3{
    position:relative;
    z-index:1;
    margin-bottom:18px;
}

.safety-response-card p{
    position:relative;
    z-index:1;
    color:rgba(255,255,255,.67);
    line-height:1.9;
}


/* ========================================================= */
/* 29.02 — INCIDENT AWARENESS */
/* ========================================================= */

.incident-awareness{
    padding:100px 0;
}

.incident-awareness-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:45px;
    align-items:stretch;
}

.incident-awareness-panel{
    padding:50px;
    border:1px solid rgba(212,170,91,.14);
}

.incident-awareness-panel h3{
    margin-bottom:25px;
}

.incident-awareness-panel p{
    color:rgba(255,255,255,.68);
    line-height:2;
}

.incident-signal-list{
    display:grid;
    gap:14px;
    margin-top:30px;
}

.incident-signal{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.015);
}

.incident-signal-icon{
    color:rgba(212,170,91,.9);
}


/* ========================================================= */
/* 29.03 — EMERGENCY COMMUNICATION */
/* ========================================================= */

.emergency-communication{
    padding:110px 8%;
    text-align:center;
}

.emergency-communication-content{
    max-width:900px;
    margin:auto;
}

.emergency-communication h2{
    font-size:clamp(2rem,4.5vw,4.2rem);
    line-height:1.12;
}

.emergency-communication p{
    max-width:750px;
    margin:24px auto;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.emergency-communication .feature-emphasis{
    color:rgba(212,170,91,.95);
}


/* ========================================================= */
/* 30.01 — ZHR NAJI ECOSYSTEM DEFENSE */
/* ========================================================= */

.zhr-ecosystem-defense{
    position:relative;
    padding:clamp(100px,12vw,180px) 0;
}

.ecosystem-defense-heading{
    max-width:900px;
    margin:0 auto 75px;
    text-align:center;
}

.ecosystem-defense-heading h2{
    font-size:clamp(2.2rem,5vw,4.8rem);
    line-height:1.08;
}

.ecosystem-defense-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.ecosystem-defense-card{
    position:relative;
    min-height:360px;
    padding:42px;
    border:1px solid rgba(212,170,91,.15);
    overflow:hidden;
    transition:.45s ease;
}

.ecosystem-defense-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,91,.4);
}

.ecosystem-defense-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        145deg,
        rgba(212,170,91,.045),
        transparent 45%
    );
    pointer-events:none;
}

.ecosystem-defense-number{
    position:relative;
    display:block;
    margin-bottom:35px;
    color:rgba(212,170,91,.85);
}

.ecosystem-defense-card h3{
    position:relative;
    margin-bottom:18px;
}

.ecosystem-defense-card p{
    position:relative;
    margin:0;
    color:rgba(255,255,255,.67);
    line-height:1.9;
}


/* ========================================================= */
/* 30.02 — VEHICLE • OWNER • HUMAN PROTECTION */
/* ========================================================= */

.protection-triangle{
    padding:110px 0;
}

.protection-triangle-heading{
    max-width:850px;
    margin:0 auto 65px;
    text-align:center;
}

.protection-triangle-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.protection-triangle-card{
    min-height:400px;
    padding:45px 38px;
    text-align:center;
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transition:.45s ease;
}

.protection-triangle-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,91,.38);
}

.protection-triangle-icon{
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px;
    border-radius:50%;
    border:1px solid rgba(212,170,91,.35);
    color:rgba(212,170,91,.9);
    font-size:1.8rem;
}

.protection-triangle-card h3{
    margin-bottom:18px;
}

.protection-triangle-card p{
    margin:0;
    max-width:350px;
    color:rgba(255,255,255,.67);
    line-height:1.9;
}


/* ========================================================= */
/* 30.03 — THE ZHR NAJI COMMITMENT */
/* ========================================================= */

.zhr-naji-commitment{
    position:relative;
    padding:150px 8%;
    text-align:center;
    overflow:hidden;
}

.zhr-naji-commitment-aura{
    position:absolute;
    inset:10%;
    background:radial-gradient(
        circle,
        rgba(212,170,91,.16),
        transparent 65%
    );
    filter:blur(50px);
    pointer-events:none;
}

.zhr-naji-commitment-content{
    position:relative;
    max-width:950px;
    margin:auto;
}

.zhr-naji-commitment-symbol{
    font-size:3rem;
    margin-bottom:30px;
    color:rgba(212,170,91,.9);
}

.zhr-naji-commitment h2{
    font-size:clamp(2.3rem,5vw,5rem);
    line-height:1.08;
}

.zhr-naji-commitment p{
    max-width:760px;
    margin:25px auto;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.zhr-naji-commitment-final{
    margin-top:50px!important;
    color:rgba(212,170,91,.95)!important;
    font-size:1.25rem;
}


/* ========================================================= */
/* 30.04 — RESPONSIVE SYSTEM */
/* ========================================================= */

@media(max-width:1100px){

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

    .human-safety-network-grid{
        grid-template-columns:repeat(2,1fr);
    }

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

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

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

}


@media(max-width:800px){

    .trust-architecture-grid,
    .safety-response-grid,
    .protection-triangle-grid{
        grid-template-columns:1fr;
    }

    .family-protection-layout,
    .incident-awareness-layout,
    .data-minimization-layout{
        grid-template-columns:1fr;
    }

    .security-core-grid,
    .privacy-design-grid,
    .ecosystem-defense-grid{
        grid-template-columns:1fr;
    }

    .trust-layer{
        grid-template-columns:60px 1fr;
    }

    .trust-layer-status{
        display:none;
    }

    .secure-layer{
        grid-template-columns:60px 1fr;
    }

    .security-principle{
        grid-template-columns:70px 1fr;
    }

}


@media(max-width:560px){

    .cybersecurity-grid,
    .human-safety-network-grid{
        grid-template-columns:1fr;
    }

    .trust-layer,
    .secure-layer,
    .security-principle{
        grid-template-columns:1fr;
        gap:12px;
    }

    .trust-architecture-card,
    .security-core-card,
    .privacy-design-card,
    .ecosystem-defense-card{
        padding:30px 25px;
    }

    .family-protection-panel,
    .incident-awareness-panel{
        padding:32px 25px;
    }

    .zhr-naji-commitment{
        padding-left:25px;
        padding-right:25px;
    }

}


/* ========================================================= */
/* 30.05 — END OF ZHR NAJI DEDICATED CSS */
/* ========================================================= */
/* ========================================================= */
/* 31.01 — ZHR NAJI HUMAN TRUST EXPERIENCE */
/* ========================================================= */

.zhr-human-trust-experience{
    position:relative;
    padding:clamp(100px,12vw,180px) 0;
}

.human-trust-heading{
    max-width:920px;
    margin:0 auto 75px;
    text-align:center;
}

.human-trust-heading h2{
    font-size:clamp(2.2rem,5vw,4.8rem);
    line-height:1.08;
}

.human-trust-heading p{
    max-width:760px;
    margin:25px auto 0;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.human-trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.human-trust-card{
    position:relative;
    min-height:340px;
    padding:38px 30px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    border:1px solid rgba(212,170,91,.15);
    transition:.45s ease;
}

.human-trust-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,91,.42);
    box-shadow:0 25px 70px rgba(0,0,0,.28);
}

.human-trust-card::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    top:-110px;
    right:-110px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,91,.16),
        transparent 70%
    );
}

.human-trust-icon{
    position:absolute;
    top:30px;
    left:30px;
    font-size:2rem;
    color:rgba(212,170,91,.9);
}

.human-trust-card h3,
.human-trust-card p{
    position:relative;
}

.human-trust-card h3{
    margin-bottom:16px;
}

.human-trust-card p{
    margin:0;
    color:rgba(255,255,255,.66);
    line-height:1.9;
}


/* ========================================================= */
/* 31.02 — TRUSTED HUMAN INTERACTION */
/* ========================================================= */

.trusted-human-interaction{
    padding:110px 0;
}

.trusted-interaction-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

.trusted-interaction-content{
    max-width:680px;
}

.trusted-interaction-content h2{
    font-size:clamp(2rem,4vw,4rem);
    line-height:1.12;
}

.trusted-interaction-content p{
    color:rgba(255,255,255,.68);
    line-height:2;
}

.trusted-interaction-visual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,170,91,.15);
    overflow:hidden;
}

.trusted-interaction-visual::before,
.trusted-interaction-visual::after{
    content:"";
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(212,170,91,.18);
}

.trusted-interaction-visual::before{
    width:300px;
    height:300px;
}

.trusted-interaction-visual::after{
    width:500px;
    height:500px;
}

.trusted-interaction-core{
    position:relative;
    z-index:2;
    width:120px;
    height:120px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,170,91,.55);
    color:rgba(212,170,91,.95);
    font-size:2rem;
    box-shadow:0 0 80px rgba(212,170,91,.15);
}


/* ========================================================= */
/* 31.03 — THE TRUST COVENANT */
/* ========================================================= */

.trust-covenant{
    position:relative;
    padding:140px 8%;
    text-align:center;
    overflow:hidden;
}

.trust-covenant-aura{
    position:absolute;
    inset:15%;
    background:radial-gradient(
        circle,
        rgba(212,170,91,.14),
        transparent 68%
    );
    filter:blur(50px);
}

.trust-covenant-content{
    position:relative;
    max-width:950px;
    margin:auto;
}

.trust-covenant h2{
    font-size:clamp(2.3rem,5vw,5rem);
    line-height:1.08;
}

.trust-covenant p{
    max-width:760px;
    margin:25px auto;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.trust-covenant-final{
    margin-top:50px!important;
    color:rgba(212,170,91,.95)!important;
    font-size:1.2rem;
}


/* ========================================================= */
/* 32.01 — ZHR NAJI GLOBAL PROTECTION VISION */
/* ========================================================= */

.zhr-global-protection{
    position:relative;
    padding:clamp(110px,13vw,190px) 0;
}

.global-protection-heading{
    max-width:950px;
    margin:0 auto 80px;
    text-align:center;
}

.global-protection-heading h2{
    font-size:clamp(2.3rem,5.5vw,5.2rem);
    line-height:1.06;
}

.global-protection-heading p{
    max-width:780px;
    margin:28px auto 0;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.global-protection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.global-protection-card{
    position:relative;
    min-height:390px;
    padding:45px;
    border:1px solid rgba(212,170,91,.15);
    overflow:hidden;
    transition:.45s ease;
}

.global-protection-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,170,91,.42);
}

.global-protection-card::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-130px;
    bottom:-130px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(212,170,91,.14),
        transparent 70%
    );
}

.global-protection-number{
    position:relative;
    display:block;
    margin-bottom:35px;
    color:rgba(212,170,91,.85);
    font-size:1.25rem;
}

.global-protection-card h3,
.global-protection-card p{
    position:relative;
    z-index:1;
}

.global-protection-card h3{
    margin-bottom:18px;
}

.global-protection-card p{
    margin:0;
    color:rgba(255,255,255,.67);
    line-height:1.9;
}


/* ========================================================= */
/* 32.02 — PROTECTION ACROSS LIFE */
/* ========================================================= */

.protection-across-life{
    padding:110px 0;
}

.protection-life-timeline{
    position:relative;
    max-width:1100px;
    margin:auto;
}

.protection-life-timeline::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:1px;
    background:linear-gradient(
        to bottom,
        transparent,
        rgba(212,170,91,.45),
        transparent
    );
}

.life-stage{
    position:relative;
    width:50%;
    padding:30px 50px;
}

.life-stage:nth-child(odd){
    left:0;
    text-align:right;
}

.life-stage:nth-child(even){
    left:50%;
}

.life-stage-dot{
    position:absolute;
    top:38px;
    width:14px;
    height:14px;
    border-radius:50%;
    border:1px solid rgba(212,170,91,.8);
    background:#080808;
    box-shadow:0 0 25px rgba(212,170,91,.25);
}

.life-stage:nth-child(odd) .life-stage-dot{
    right:-7px;
}

.life-stage:nth-child(even) .life-stage-dot{
    left:-7px;
}

.life-stage h3{
    margin-bottom:12px;
}

.life-stage p{
    margin:0;
    color:rgba(255,255,255,.67);
    line-height:1.9;
}


/* ========================================================= */
/* 32.03 — HUMAN-CENTERED FUTURE */
/* ========================================================= */

.human-centered-future{
    position:relative;
    padding:130px 8%;
    text-align:center;
}

.human-centered-future-content{
    max-width:900px;
    margin:auto;
}

.human-centered-future h2{
    font-size:clamp(2.2rem,5vw,4.8rem);
    line-height:1.08;
}

.human-centered-future p{
    max-width:760px;
    margin:25px auto;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.human-centered-future .gold-emphasis{
    color:rgba(212,170,91,.95);
    font-size:1.2rem;
}


/* ========================================================= */
/* 33.01 — ZHR NAJI FINAL PROTECTION STATEMENT */
/* ========================================================= */

.zhr-final-protection-statement{
    position:relative;
    padding:clamp(130px,15vw,230px) 8%;
    text-align:center;
    overflow:hidden;
}

.final-protection-aura{
    position:absolute;
    inset:5%;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(212,170,91,.18),
            transparent 48%
        );
    filter:blur(45px);
    pointer-events:none;
}

.final-protection-content{
    position:relative;
    max-width:1050px;
    margin:auto;
}

.final-protection-symbol{
    margin-bottom:35px;
    font-size:3.5rem;
    color:rgba(212,170,91,.92);
    text-shadow:0 0 40px rgba(212,170,91,.2);
}

.final-protection-content h1{
    font-size:clamp(2.7rem,6vw,6.5rem);
    line-height:1.02;
    letter-spacing:-.03em;
}

.final-protection-content p{
    max-width:780px;
    margin:28px auto;
    color:rgba(255,255,255,.7);
    line-height:2;
    font-size:1.05rem;
}

.final-protection-emphasis{
    margin-top:55px!important;
    color:rgba(212,170,91,.98)!important;
    font-size:1.35rem!important;
}


/* ========================================================= */
/* 33.02 — ZHR NAJI FINAL PLEDGE */
/* ========================================================= */

.zhr-final-pledge{
    padding:110px 0;
}

.final-pledge-shell{
    max-width:1000px;
    margin:auto;
    padding:70px 60px;
    text-align:center;
    border:1px solid rgba(212,170,91,.2);
}

.final-pledge-shell h2{
    font-size:clamp(2rem,4.5vw,4.5rem);
    line-height:1.1;
}

.final-pledge-list{
    max-width:650px;
    margin:45px auto 0;
    display:grid;
    gap:18px;
}

.final-pledge-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    color:rgba(255,255,255,.76);
}

.final-pledge-item::before{
    content:"✦";
    color:rgba(212,170,91,.85);
}


/* ========================================================= */
/* 33.03 — THE HUMAN PURPOSE */
/* ========================================================= */

.zhr-human-purpose{
    position:relative;
    padding:150px 8%;
    text-align:center;
    overflow:hidden;
}

.human-purpose-aura{
    position:absolute;
    inset:10%;
    background:radial-gradient(
        circle,
        rgba(212,170,91,.13),
        transparent 65%
    );
    filter:blur(55px);
}

.human-purpose-content{
    position:relative;
    max-width:1000px;
    margin:auto;
}

.human-purpose-content h2{
    font-size:clamp(2.5rem,5.5vw,5.5rem);
    line-height:1.04;
}

.human-purpose-content p{
    max-width:780px;
    margin:25px auto;
    color:rgba(255,255,255,.7);
    line-height:2;
}

.human-purpose-final{
    margin-top:55px!important;
    color:rgba(212,170,91,.98)!important;
    font-size:1.3rem;
}


/* ========================================================= */
/* 33.04 — FINAL RESPONSIVE SYSTEM */
/* ========================================================= */

@media(max-width:1100px){

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

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

}


@media(max-width:800px){

    .trusted-interaction-layout{
        grid-template-columns:1fr;
    }

    .global-protection-grid{
        grid-template-columns:1fr;
    }

    .protection-life-timeline::before{
        left:15px;
    }

    .life-stage,
    .life-stage:nth-child(odd),
    .life-stage:nth-child(even){
        width:100%;
        left:0;
        padding:30px 25px 30px 55px;
        text-align:left;
    }

    .life-stage:nth-child(odd) .life-stage-dot,
    .life-stage:nth-child(even) .life-stage-dot{
        left:8px;
        right:auto;
    }

    .final-pledge-shell{
        padding:55px 30px;
    }

}


@media(max-width:560px){

    .human-trust-grid{
        grid-template-columns:1fr;
    }

    .human-trust-card,
    .global-protection-card{
        min-height:300px;
        padding:30px 25px;
    }

    .trusted-interaction-visual{
        min-height:380px;
    }

    .trusted-interaction-visual::after{
        width:380px;
        height:380px;
    }

    .zhr-final-protection-statement,
    .human-centered-future,
    .zhr-human-purpose{
        padding-left:25px;
        padding-right:25px;
    }

    .final-pledge-shell{
        padding:45px 22px;
    }

}


/* ========================================================= */
/* 33.05 — END OF ZHR NAJI DEDICATED CSS */
/* ========================================================= */
/* ========================================================= /
/ 34.01 — ZHR NAJI — TRUST ARCHITECTURE                     /
/ ========================================================= */

/* 34.01.01 — Trust Foundation */

.zhr-trust-architecture{
position:relative;
padding:clamp(80px,10vw,160px) 0;
}

.zhr-trust-foundation{
position:relative;
max-width:1100px;
margin:0 auto;
padding:clamp(45px,6vw,90px);
text-align:center;
overflow:hidden;
}

.zhr-trust-foundation::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 50% 20%,
rgba(184,137,63,.16),
transparent 38%);
pointer-events:none;
}

.zhr-trust-foundation > *{
position:relative;
z-index:2;
}

.zhr-trust-foundation h2{
max-width:850px;
margin:20px auto 35px;
}

.zhr-trust-foundation p{
max-width:760px;
margin:15px auto;
line-height:2;
}

/* 34.01.02 — Trust Pillars */

.zhr-trust-pillars{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;
margin-top:60px;
}

.zhr-trust-pillar{
position:relative;
min-height:250px;
padding:35px 25px;
text-align:center;
overflow:hidden;
transition:
transform .45s ease,
border-color .45s ease,
box-shadow .45s ease;
}

.zhr-trust-pillar:hover{
transform:translateY(-8px);
box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.zhr-trust-pillar-number{
display:block;
font-size:.72rem;
letter-spacing:.22em;
color:#b8893f;
margin-bottom:25px;
}

.zhr-trust-pillar h3{
margin-bottom:18px;
}

.zhr-trust-pillar p{
line-height:1.9;
}

/* 34.01.03 — Transparency */

.zhr-transparency{
position:relative;
margin-top:80px;
padding:clamp(40px,5vw,75px);
}

.zhr-transparency-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.zhr-transparency-content p{
line-height:2;
margin:16px 0;
}

.zhr-transparency-statement{
padding:40px;
border-left:2px solid #b8893f;
background:rgba(255,255,255,.025);
}

.zhr-transparency-statement strong{
display:block;
font-size:clamp(1.2rem,2vw,1.7rem);
line-height:1.7;
}

/* 34.01.04 — Trust Seal */

.zhr-trust-seal{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:180px;
height:180px;
margin:60px auto 0;
border:1px solid rgba(184,137,63,.55);
border-radius:50%;
text-align:center;
box-shadow:
0 0 0 12px rgba(184,137,63,.035),
0 0 55px rgba(184,137,63,.12);
}

.zhr-trust-seal-icon{
font-size:2rem;
margin-bottom:12px;
}

.zhr-trust-seal span{
font-size:.65rem;
letter-spacing:.2em;
color:#b8893f;
}

/* ========================================================= /
/ 35.01 — ZHR NAJI — PRIVACY BY DESIGN                     /
/ ========================================================= */

/* 35.01.01 — Privacy Hero */

.zhr-privacy-design{
position:relative;
padding:clamp(80px,10vw,160px) 0;
}

.zhr-privacy-hero{
position:relative;
max-width:1200px;
margin:0 auto;
padding:clamp(50px,7vw,100px);
text-align:center;
overflow:hidden;
}

.zhr-privacy-hero::after{
content:"";
position:absolute;
width:500px;
height:500px;
top:-250px;
right:-180px;
border-radius:50%;
background:radial-gradient(
circle,
rgba(184,137,63,.15),
transparent 70%);
pointer-events:none;
}

.zhr-privacy-hero h2{
max-width:900px;
margin:20px auto 30px;
}

.zhr-privacy-hero p{
max-width:800px;
margin:14px auto;
line-height:2;
}

/* 35.01.02 — Data Principles */

.zhr-privacy-principles{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:60px;
}

.zhr-privacy-card{
position:relative;
padding:40px 30px;
min-height:270px;
overflow:hidden;
transition:
transform .4s ease,
box-shadow .4s ease;
}

.zhr-privacy-card:hover{
transform:translateY(-7px);
box-shadow:0 20px 55px rgba(0,0,0,.3);
}

.zhr-privacy-card span{
display:block;
font-size:.72rem;
letter-spacing:.2em;
color:#b8893f;
margin-bottom:25px;
}

.zhr-privacy-card h3{
margin-bottom:18px;
}

.zhr-privacy-card p{
line-height:1.9;
}

/* 35.01.03 — Data Lifecycle */

.zhr-data-lifecycle{
margin-top:90px;
padding:clamp(40px,6vw,80px);
}

.zhr-data-lifecycle-track{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:15px;
margin-top:55px;
}

.zhr-data-step{
position:relative;
padding:30px 20px;
text-align:center;
}

.zhr-data-step::after{
content:"→";
position:absolute;
right:-17px;
top:50%;
transform:translateY(-50%);
color:#b8893f;
}

.zhr-data-step:last-child::after{
display:none;
}

.zhr-data-step-number{
display:flex;
align-items:center;
justify-content:center;
width:45px;
height:45px;
margin:0 auto 20px;
border:1px solid rgba(184,137,63,.5);
border-radius:50%;
color:#b8893f;
}

.zhr-data-step h4{
margin-bottom:12px;
}

.zhr-data-step p{
font-size:.9rem;
line-height:1.8;
}

/* 35.01.04 — Privacy Commitment */

.zhr-privacy-commitment{
margin-top:70px;
padding:50px;
text-align:center;
border-top:1px solid rgba(184,137,63,.3);
border-bottom:1px solid rgba(184,137,63,.3);
}

.zhr-privacy-commitment strong{
display:block;
max-width:850px;
margin:0 auto;
font-size:clamp(1.2rem,2vw,1.8rem);
line-height:1.8;
}

/* ========================================================= /
/ 36.01 — ZHR NAJI — SECURITY & SYSTEM INTEGRITY            /
/ ========================================================= */

/* 36.01.01 — Security Architecture */

.zhr-security-integrity{
position:relative;
padding:clamp(90px,11vw,170px) 0;
}

.zhr-security-hero{
position:relative;
max-width:1250px;
margin:0 auto;
padding:clamp(55px,7vw,105px);
text-align:center;
overflow:hidden;
}

.zhr-security-hero::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 50% 45%,
rgba(184,137,63,.12),
transparent 40%);
pointer-events:none;
}

.zhr-security-hero > *{
position:relative;
z-index:2;
}

.zhr-security-hero h2{
max-width:950px;
margin:20px auto 30px;
}

.zhr-security-hero p{
max-width:800px;
margin:14px auto;
line-height:2;
}

/* 36.01.02 — Security Layers */

.zhr-security-layers{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:70px;
}

.zhr-security-layer{
position:relative;
padding:40px 25px;
min-height:290px;
overflow:hidden;
transition:
transform .45s ease,
box-shadow .45s ease;
}

.zhr-security-layer:hover{
transform:translateY(-8px);
box-shadow:0 20px 60px rgba(0,0,0,.32);
}

.zhr-security-layer::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:2px;
background:linear-gradient(
90deg,
transparent,
rgba(184,137,63,.75),
transparent);
}

.zhr-security-layer-number{
color:#b8893f;
font-size:.7rem;
letter-spacing:.2em;
}

.zhr-security-layer h3{
margin:25px 0 18px;
}

.zhr-security-layer p{
line-height:1.9;
}

/* 36.01.03 — Security Lifecycle */

.zhr-security-lifecycle{
margin-top:90px;
padding:clamp(45px,6vw,85px);
}

.zhr-security-lifecycle-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:55px;
}

.zhr-security-phase{
padding:35px;
text-align:center;
}

.zhr-security-phase-icon{
font-size:2rem;
margin-bottom:20px;
}

.zhr-security-phase h3{
margin-bottom:15px;
}

.zhr-security-phase p{
line-height:1.9;
}

/* 36.01.04 — Integrity Statement */

.zhr-integrity-statement{
position:relative;
margin-top:80px;
padding:70px 40px;
text-align:center;
overflow:hidden;
}

.zhr-integrity-statement::before{
content:"🛡";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
font-size:14rem;
opacity:.025;
pointer-events:none;
}

.zhr-integrity-statement > *{
position:relative;
z-index:2;
}

.zhr-integrity-statement h3{
max-width:850px;
margin:0 auto 25px;
}

.zhr-integrity-statement p{
max-width:760px;
margin:12px auto;
line-height:2;
}

.zhr-integrity-statement strong{
display:block;
margin-top:30px;
color:#b8893f;
font-size:clamp(1.1rem,2vw,1.5rem);
}

/* ========================================================= /
/ 36.02 — RESPONSIVE                                        /
/ ========================================================= */

@media (max-width:1100px){

.zhr-trust-pillars,
.zhr-security-layers{
grid-template-columns:repeat(2,1fr);
}

.zhr-data-lifecycle-track{
grid-template-columns:repeat(3,1fr);
}

.zhr-data-step:nth-child(3)::after{
display:none;
}

}

@media (max-width:800px){

.zhr-transparency-grid{
grid-template-columns:1fr;
gap:35px;
}

.zhr-privacy-principles,
.zhr-security-lifecycle-grid{
grid-template-columns:1fr;
}

.zhr-data-lifecycle-track{
grid-template-columns:1fr;
}

.zhr-data-step::after{
content:"↓";
right:auto;
top:auto;
bottom:-20px;
left:50%;
transform:translateX(-50%);
}

.zhr-data-step:last-child::after{
display:none;
}

}

@media (max-width:600px){

.zhr-trust-pillars,
.zhr-security-layers{
grid-template-columns:1fr;
}

.zhr-trust-foundation,
.zhr-privacy-hero,
.zhr-security-hero{
padding:40px 22px;
}

.zhr-transparency,
.zhr-data-lifecycle,
.zhr-security-lifecycle{
padding:35px 22px;
}

.zhr-privacy-commitment{
padding:35px 20px;
}

.zhr-integrity-statement{
padding:55px 22px;
}

}

/* ========================================================= /
/ 07.11 — END OF ZHR NAJI DEDICATED CSS                     /
/ ========================================================= */
/* ========================================================= */
/* 37.01 — ZHR NAJI — HUMAN-CENTERED PROTECTION SYSTEM */
/* ========================================================= */

.zhr-naji-human-protection{
    position:relative;
    padding:clamp(90px,10vw,180px) 0;
    overflow:hidden;
}

.zhr-naji-human-protection::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(201,160,82,.12),
            transparent 32%
        );
}

.human-protection-opening{
    position:relative;
    max-width:1100px;
    margin:0 auto clamp(80px,9vw,150px);
    padding:clamp(45px,6vw,90px);
    text-align:center;
}

.human-protection-opening .opening-content{
    max-width:820px;
    margin:40px auto 0;
}

.human-protection-opening p,
.human-feature-content p,
.universal-content p,
.dignity-content p,
.purpose-content p{
    color:rgba(255,255,255,.72);
    line-height:2;
    font-size:clamp(15px,1.05vw,18px);
}

.gold-emphasis{
    color:rgba(221,190,123,.95)!important;
    text-shadow:0 0 25px rgba(201,160,82,.12);
}

.human-protection-feature{
    position:relative;
    max-width:1250px;
    margin:0 auto clamp(100px,11vw,190px);
}

.human-protection-feature .section-heading{
    max-width:850px;
    margin:0 auto 55px;
}

.human-feature-layout{
    display:grid;
    grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);
    gap:clamp(25px,5vw,80px);
    align-items:stretch;
}

.human-protection-feature.reverse .human-feature-layout{
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);
}

.human-feature-visual{
    min-height:430px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    text-align:center;
}

.human-feature-aura{
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(201,160,82,.25),
        transparent 70%
    );
    filter:blur(20px);
    animation:zhrHumanAura 7s ease-in-out infinite;
}

.human-feature-icon{
    position:relative;
    z-index:2;
    font-size:clamp(60px,7vw,110px);
    color:#d5b46c;
    text-shadow:
        0 0 20px rgba(213,180,108,.35),
        0 0 60px rgba(213,180,108,.12);
    margin-bottom:25px;
}

.human-feature-visual span{
    position:relative;
    z-index:2;
    font-size:11px;
    letter-spacing:.28em;
    color:rgba(255,255,255,.55);
}

.human-feature-content{
    padding:clamp(35px,5vw,70px);
}

.human-feature-content h3{
    font-size:clamp(25px,2.4vw,42px);
    line-height:1.25;
    margin-bottom:35px;
}

.feature-emphasis{
    color:rgba(255,255,255,.92)!important;
    border-left:2px solid rgba(213,180,108,.65);
    padding-left:25px;
}

@keyframes zhrHumanAura{
    0%,100%{
        transform:scale(.9);
        opacity:.55;
    }
    50%{
        transform:scale(1.12);
        opacity:1;
    }
}


/* ========================================================= */
/* 37.02 — ZHR NAJI — ROSE HUMAN ACCESSIBILITY */
/* ========================================================= */

.human-rose{
    position:relative;
    max-width:1100px;
    margin:0 auto clamp(90px,10vw,170px);
    padding:clamp(45px,7vw,100px);
    overflow:hidden;
}

.rose-aura{
    position:absolute;
    width:500px;
    height:500px;
    top:-250px;
    right:-180px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(201,160,82,.18),
        transparent 70%
    );
    filter:blur(30px);
}

.rose-human-content{
    position:relative;
    z-index:2;
    max-width:850px;
    margin:45px auto 0;
}

.rose-human-content p{
    color:rgba(255,255,255,.72);
    line-height:2;
    font-size:clamp(15px,1.05vw,18px);
}

.universal-design{
    max-width:1100px;
    margin:0 auto clamp(90px,10vw,170px);
    padding:clamp(45px,7vw,100px);
}

.universal-content{
    max-width:850px;
    margin:45px auto 0;
}

.dignity-message{
    max-width:1000px;
    margin:0 auto clamp(90px,10vw,170px);
    padding:clamp(45px,7vw,100px);
    text-align:center;
}

.dignity-content{
    max-width:760px;
    margin:45px auto 0;
}

.dignity-content .gold-emphasis{
    font-size:clamp(20px,2vw,30px);
}

.human-purpose{
    position:relative;
    max-width:1100px;
    margin:0 auto clamp(90px,10vw,170px);
    padding:clamp(50px,8vw,110px);
    text-align:center;
    overflow:hidden;
}

.purpose-aura{
    position:absolute;
    inset:15% 25%;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(201,160,82,.14),
        transparent 70%
    );
    filter:blur(30px);
}

.purpose-content{
    position:relative;
    z-index:2;
    max-width:750px;
    margin:45px auto 0;
}

.purpose-final{
    margin-top:50px;
    font-size:clamp(21px,2.2vw,34px)!important;
    color:#d5b46c!important;
}

.human-protection-closing{
    max-width:950px;
    margin:0 auto 80px;
    padding:clamp(55px,8vw,110px);
    text-align:center;
}

.closing-symbol{
    font-size:42px;
    color:#d5b46c;
    margin:25px 0;
    text-shadow:0 0 30px rgba(213,180,108,.25);
}

.human-protection-closing h2{
    font-size:clamp(28px,3vw,52px);
    line-height:1.2;
}

.human-protection-closing p{
    max-width:700px;
    margin:22px auto;
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

.closing-final{
    color:#d5b46c!important;
    font-size:20px;
}


/* ========================================================= */
/* 37.03 — ZHR NAJI — LIVING PROTECTION ECOSYSTEM */
/* ========================================================= */

.zhr-naji-living-ecosystem{
    position:relative;
    padding:clamp(100px,11vw,190px) 0;
}

.living-ecosystem-hero{
    position:relative;
    max-width:1100px;
    margin:0 auto clamp(90px,10vw,170px);
    padding:clamp(55px,8vw,110px);
    text-align:center;
    overflow:hidden;
}

.living-ecosystem-aura{
    position:absolute;
    inset:10%;
    background:radial-gradient(
        circle at center,
        rgba(201,160,82,.14),
        transparent 62%
    );
    filter:blur(35px);
}

.hero-symbol{
    position:relative;
    z-index:2;
    font-size:44px;
    color:#d5b46c;
    margin:25px 0;
}

.living-ecosystem-hero h1{
    position:relative;
    z-index:2;
    font-size:clamp(38px,5vw,78px);
    line-height:1.05;
    margin:25px auto;
}

.living-ecosystem-hero p{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:20px auto;
    color:rgba(255,255,255,.7);
    line-height:1.9;
}

.hero-lead{
    color:rgba(255,255,255,.92)!important;
    font-size:clamp(20px,2vw,30px);
}

.hero-emphasis{
    color:#d5b46c!important;
    font-size:18px;
}

.ecosystem-beginning{
    max-width:1050px;
    margin:0 auto 130px;
    padding:clamp(45px,7vw,95px);
}

.beginning-content{
    max-width:820px;
    margin:45px auto 0;
}

.beginning-content p{
    color:rgba(255,255,255,.7);
    line-height:2;
}

.ecosystem-evolution{
    max-width:1250px;
    margin:0 auto 140px;
}

.evolution-cycle{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:15px;
    margin-top:60px;
}

.evolution-step{
    min-height:300px;
    padding:35px 25px;
    text-align:center;
    transition:transform .4s ease,border-color .4s ease;
}

.evolution-step:hover{
    transform:translateY(-10px);
}

.evolution-number{
    display:block;
    color:#d5b46c;
    font-size:12px;
    letter-spacing:.2em;
}

.evolution-icon{
    margin:25px 0;
    font-size:42px;
    color:#d5b46c;
}

.evolution-step h3{
    font-size:15px;
    letter-spacing:.2em;
}

.evolution-step p{
    color:rgba(255,255,255,.6);
    line-height:1.7;
    font-size:14px;
}

.evolution-arrow{
    color:rgba(213,180,108,.6);
    font-size:28px;
}


/* ========================================================= */
/* 37.04 — VERSION JOURNEY */
/* ========================================================= */

.version-journey{
    max-width:1050px;
    margin:0 auto 140px;
    padding:clamp(45px,7vw,90px);
}

.version-timeline{
    max-width:800px;
    margin:60px auto 0;
}

.version-node{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:30px;
    align-items:start;
}

.version-number{
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(213,180,108,.35);
    border-radius:50%;
    color:#d5b46c;
    font-weight:600;
}

.version-node.active .version-number{
    background:rgba(213,180,108,.1);
    box-shadow:0 0 35px rgba(213,180,108,.12);
}

.version-content h3{
    font-size:18px;
    letter-spacing:.15em;
}

.version-content p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

.timeline-line{
    width:1px;
    height:70px;
    margin:0 0 0 35px;
    background:linear-gradient(
        to bottom,
        rgba(213,180,108,.4),
        rgba(213,180,108,.05)
    );
}

.rose-evolution,
.zhr-evolution,
.human-feedback,
.ota-vision,
.long-term-vision{
    position:relative;
    max-width:1050px;
    margin:0 auto 130px;
    padding:clamp(45px,7vw,95px);
    overflow:hidden;
}

.rose-evolution-aura,
.zhr-evolution-aura,
.ota-aura,
.long-term-aura{
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(213,180,108,.12),
        transparent 70%
    );
    filter:blur(30px);
    pointer-events:none;
}

.rose-evolution-aura{
    top:-220px;
    right:-180px;
}

.zhr-evolution-aura{
    bottom:-220px;
    left:-180px;
}

.ota-aura{
    top:-200px;
    left:-180px;
}

.long-term-aura{
    right:-200px;
    bottom:-200px;
}

.rose-evolution-content,
.zhr-evolution-content,
.feedback-content,
.ota-content,
.long-term-content{
    position:relative;
    z-index:2;
    max-width:820px;
    margin:45px auto 0;
}

.rose-evolution-content p,
.zhr-evolution-content p,
.feedback-content p,
.ota-content p,
.long-term-content p{
    color:rgba(255,255,255,.68);
    line-height:2;
}


/* ========================================================= */
/* 37.05 — RESPONSIBLE EVOLUTION */
/* ========================================================= */

.responsible-evolution{
    max-width:1250px;
    margin:0 auto 140px;
}

.responsible-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:55px;
}

.responsible-card{
    min-height:240px;
    padding:35px;
    transition:transform .35s ease;
}

.responsible-card:hover{
    transform:translateY(-8px);
}

.responsible-card > span{
    color:#d5b46c;
    font-size:12px;
    letter-spacing:.2em;
}

.responsible-card h3{
    margin:30px 0 15px;
    font-size:16px;
    letter-spacing:.12em;
}

.responsible-card p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

.future-vision{
    max-width:1250px;
    margin:0 auto 140px;
}

.future-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    margin-top:55px;
}

.future-card{
    min-height:280px;
    padding:35px 25px;
    text-align:center;
    transition:transform .4s ease;
}

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

.future-icon{
    font-size:42px;
    color:#d5b46c;
    margin-bottom:25px;
}

.future-card h3{
    font-size:14px;
    letter-spacing:.15em;
}

.future-card p{
    color:rgba(255,255,255,.6);
    line-height:1.7;
    font-size:14px;
}

.living-ecosystem-closing{
    max-width:1000px;
    margin:0 auto 100px;
    padding:clamp(55px,8vw,110px);
    text-align:center;
}

.living-ecosystem-closing h2{
    font-size:clamp(28px,3vw,50px);
    line-height:1.25;
}

.living-ecosystem-closing p{
    color:rgba(255,255,255,.67);
    line-height:1.9;
    max-width:720px;
    margin:20px auto;
}

.living-ecosystem-closing .closing-final{
    font-size:21px;
    color:#d5b46c;
}


/* ========================================================= */
/* 37.06 — ZHR NAJI — ENGINEERING RESPONSIBILITY */
/* ========================================================= */

.zhr-naji-engineering-responsibility{
    position:relative;
    padding:clamp(100px,11vw,190px) 0;
}

.engineering-hero{
    max-width:1100px;
    margin:0 auto 130px;
    padding:clamp(55px,8vw,110px);
    text-align:center;
    position:relative;
    overflow:hidden;
}

.engineering-aura{
    position:absolute;
    inset:0;
    background:radial-gradient(
        circle at center,
        rgba(213,180,108,.13),
        transparent 60%
    );
    filter:blur(25px);
}

.engineering-hero h1{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:35px auto;
    font-size:clamp(38px,4.7vw,72px);
    line-height:1.08;
}

.engineering-hero p{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:20px auto;
    color:rgba(255,255,255,.7);
    line-height:1.9;
}

.engineering-principles{
    max-width:1250px;
    margin:0 auto 130px;
}

.principles-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:55px;
}

.principle-card{
    min-height:250px;
    padding:35px;
}

.principle-card > span{
    color:#d5b46c;
}

.principle-card h3{
    margin:28px 0 15px;
    font-size:15px;
    letter-spacing:.12em;
}

.principle-card p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

.engineering-validation,
.engineering-honesty,
.engineering-human{
    max-width:1050px;
    margin:0 auto 100px;
    padding:clamp(45px,7vw,90px);
}

.validation-content,
.honesty-content,
.human-content{
    max-width:800px;
    margin:45px auto 0;
}

.validation-content p,
.honesty-content p,
.human-content p{
    color:rgba(255,255,255,.68);
    line-height:2;
}

.engineering-closing{
    max-width:950px;
    margin:0 auto;
    padding:clamp(55px,8vw,110px);
    text-align:center;
}

.engineering-closing h2{
    font-size:clamp(28px,3vw,50px);
    line-height:1.2;
}

.engineering-closing p{
    color:rgba(255,255,255,.68);
    line-height:1.9;
    margin:18px auto;
}

.engineering-closing .closing-final{
    color:#d5b46c;
    margin-top:40px;
}


/* ========================================================= */
/* 37.07 — RESPONSIVE FOUNDATION */
/* ========================================================= */

@media (max-width:1100px){

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

    .evolution-arrow{
        display:none;
    }

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

}

@media (max-width:850px){

    .human-feature-layout,
    .human-protection-feature.reverse .human-feature-layout{
        grid-template-columns:1fr;
    }

    .human-protection-feature.reverse .human-feature-content{
        order:1;
    }

    .human-protection-feature.reverse .human-feature-visual{
        order:2;
    }

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

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

    .human-feature-visual{
        min-height:320px;
    }

}

@media (max-width:600px){

    .evolution-cycle,
    .responsible-grid,
    .principles-grid,
    .future-grid{
        grid-template-columns:1fr;
    }

    .version-node{
        grid-template-columns:65px 1fr;
        gap:20px;
    }

    .version-number{
        width:58px;
        height:58px;
    }

    .timeline-line{
        margin-left:29px;
    }

    .human-feature-content,
    .human-rose,
    .universal-design,
    .dignity-message,
    .human-purpose,
    .engineering-validation,
    .engineering-honesty,
    .engineering-human{
        padding:35px 25px;
    }

    .living-ecosystem-hero,
    .engineering-hero,
    .living-ecosystem-closing,
    .engineering-closing{
        padding:45px 25px;
    }

    .future-grid{
        gap:15px;
    }

    .future-card{
        min-height:220px;
    }

}


/* ========================================================= */
/* 37.08 — 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;
    }

}

@media (prefers-contrast:high){

    .ars-glass{
        border-color:rgba(255,255,255,.45);
    }

    .human-feature-content p,
    .purpose-content p,
    .future-card p,
    .principle-card p{
        color:rgba(255,255,255,.9);
    }

}


/* ========================================================= */
/* 37.09 — ZHR NAJI TRUST / PRIVACY / SECURITY */
/* ========================================================= */

.zhr-naji-trust-security{
    position:relative;
    padding:clamp(100px,11vw,190px) 0;
}

.trust-security-hero{
    position:relative;
    max-width:1100px;
    margin:0 auto 120px;
    padding:clamp(55px,8vw,110px);
    text-align:center;
    overflow:hidden;
}

.trust-security-aura{
    position:absolute;
    inset:-10%;
    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(213,180,108,.14),
            transparent 55%
        );
    filter:blur(35px);
}

.trust-security-hero h1{
    position:relative;
    z-index:2;
    font-size:clamp(40px,5vw,76px);
    line-height:1.05;
    margin:30px auto;
}

.trust-security-hero p{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:20px auto;
    color:rgba(255,255,255,.7);
    line-height:1.9;
}

.trust-foundation,
.privacy-foundation,
.security-foundation{
    max-width:1050px;
    margin:0 auto 80px;
    padding:clamp(45px,7vw,90px);
}

.trust-content,
.privacy-content,
.security-content{
    max-width:800px;
    margin:40px auto 0;
}

.trust-content p,
.privacy-content p,
.security-content p{
    color:rgba(255,255,255,.68);
    line-height:2;
}

.trust-principles{
    max-width:1250px;
    margin:0 auto 120px;
}

.trust-principles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:55px;
}

.trust-principle{
    min-height:230px;
    padding:35px;
}

.trust-principle span{
    color:#d5b46c;
}

.trust-principle h3{
    margin:25px 0 15px;
    letter-spacing:.15em;
    font-size:15px;
}

.trust-principle p{
    color:rgba(255,255,255,.6);
    line-height:1.8;
}

.trust-security-closing{
    max-width:1000px;
    margin:0 auto 100px;
    padding:clamp(55px,8vw,110px);
    text-align:center;
}

.trust-security-closing h2{
    font-size:clamp(30px,3.5vw,58px);
    line-height:1.15;
}

.trust-security-closing p{
    color:rgba(255,255,255,.68);
    line-height:1.9;
}


/* ========================================================= */
/* 37.10 — FINAL HUMAN PROTECTION VISION */
/* ========================================================= */

.zhr-naji-future-protection{
    position:relative;
    padding:clamp(100px,11vw,190px) 0;
}

.future-protection-hero{
    max-width:1100px;
    margin:0 auto 120px;
    padding:clamp(55px,8vw,110px);
    text-align:center;
    position:relative;
    overflow:hidden;
}

.future-protection-aura{
    position:absolute;
    inset:0;
    background:radial-gradient(
        circle at center,
        rgba(213,180,108,.15),
        transparent 62%
    );
    filter:blur(30px);
}

.future-protection-hero h1{
    position:relative;
    z-index:2;
    font-size:clamp(38px,5vw,76px);
    line-height:1.05;
    max-width:950px;
    margin:35px auto;
}

.future-protection-hero p{
    position:relative;
    z-index:2;
    max-width:780px;
    margin:20px auto;
    color:rgba(255,255,255,.7);
    line-height:1.9;
}

.future-vision-message{
    max-width:1050px;
    margin:0 auto 120px;
    padding:clamp(45px,7vw,90px);
}

.vision-content{
    max-width:800px;
    margin:45px auto 0;
}

.vision-content p{
    color:rgba(255,255,255,.68);
    line-height:2;
}

.future-pillars{
    max-width:1200px;
    margin:0 auto 120px;
}

.future-pillars-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:55px;
}

.future-pillar{
    min-height:280px;
    padding:40px;
    text-align:center;
}

.pillar-number{
    color:#d5b46c;
    font-size:13px;
    letter-spacing:.2em;
}

.future-pillar h3{
    margin:30px 0 20px;
    letter-spacing:.2em;
}

.future-pillar p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

.future-humanity{
    max-width:1050px;
    margin:0 auto 120px;
    padding:clamp(50px,8vw,100px);
    text-align:center;
    position:relative;
    overflow:hidden;
}

.humanity-aura{
    position:absolute;
    inset:15%;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(213,180,108,.12),
        transparent 70%
    );
    filter:blur(30px);
}

.humanity-content{
    position:relative;
    z-index:2;
    max-width:750px;
    margin:45px auto 0;
}

.humanity-content p{
    color:rgba(255,255,255,.68);
    line-height:2;
}

.future-protection-closing{
    max-width:1000px;
    margin:0 auto 100px;
    padding:clamp(55px,8vw,110px);
    text-align:center;
}

.future-protection-closing h2{
    font-size:clamp(30px,3.5vw,58px);
    line-height:1.15;
}

.future-protection-closing p{
    color:rgba(255,255,255,.68);
    line-height:1.9;
}


/* ========================================================= */
/* 37.11 — FINAL MESSAGE / ZHR NAJI SIGNATURE */
/* ========================================================= */

.zhr-naji-final-message{
    position:relative;
    padding:clamp(110px,13vw,220px) 0;
}

.final-message-shell{
    position:relative;
    max-width:1100px;
    margin:0 auto 120px;
    padding:clamp(60px,9vw,130px);
    text-align:center;
    overflow:hidden;
}

.final-message-aura{
    position:absolute;
    inset:5%;
    background:
        radial-gradient(
            circle at center,
            rgba(213,180,108,.16),
            transparent 58%
        );
    filter:blur(35px);
}

.final-symbol{
    position:relative;
    z-index:2;
    font-size:48px;
    color:#d5b46c;
    margin:25px 0;
    text-shadow:0 0 40px rgba(213,180,108,.25);
}

.final-message-shell h1{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:40px auto 70px;
    font-size:clamp(42px,5.5vw,82px);
    line-height:1.05;
}

.final-message-content{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:0 auto;
}

.final-message-content p{
    color:rgba(255,255,255,.7);
    line-height:2;
    margin:22px 0;
}

.final-message-content .gold-emphasis{
    font-size:clamp(23px,2.5vw,38px);
}

.final-message-emphasis{
    color:#d5b46c!important;
    font-size:clamp(24px,2.8vw,42px);
}

.final-divider{
    margin:55px auto;
    color:#d5b46c;
    font-size:28px;
}

.final-message-closing{
    color:rgba(255,255,255,.92)!important;
    font-size:clamp(20px,2vw,30px);
}

.final-message-signature{
    position:relative;
    z-index:2;
    margin-top:80px;
}

.signature-line{
    width:100px;
    height:1px;
    margin:0 auto 25px;
    background:rgba(213,180,108,.65);
}

.final-message-signature p{
    color:#d5b46c!important;
    letter-spacing:.3em;
    font-size:13px;
}

.final-message-signature span{
    color:rgba(255,255,255,.45);
    font-size:11px;
    letter-spacing:.12em;
}

.zhr-final-transition{
    max-width:900px;
    margin:0 auto;
    text-align:center;
    padding:30px 20px 100px;
}

.zhr-final-transition h2{
    font-size:clamp(30px,4vw,60px);
    line-height:1.15;
}

.zhr-final-transition p{
    max-width:700px;
    margin:22px auto;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

.transition-symbol{
    margin:45px 0;
    font-size:42px;
    color:#d5b46c;
}

.transition-final{
    color:#d5b46c!important;
    font-size:clamp(20px,2vw,30px);
}


/* ========================================================= */
/* 37.12 — FINAL RESPONSIVE / MOBILE HARDENING */
/* ========================================================= */

@media (max-width:900px){

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

    .future-pillars-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width:650px){

    .trust-principles-grid{
        grid-template-columns:1fr;
    }

    .trust-security-hero,
    .future-protection-hero,
    .final-message-shell{
        padding:45px 25px;
    }

    .trust-foundation,
    .privacy-foundation,
    .security-foundation,
    .future-vision-message,
    .future-humanity{
        padding:35px 25px;
    }

    .final-message-shell h1{
        margin-bottom:50px;
    }

}

@media (max-width:480px){

    .section-label{
        letter-spacing:.14em;
        font-size:10px;
    }

    .hero-symbol,
    .final-symbol{
        font-size:36px;
    }

    .final-message-content p{
        font-size:15px;
    }

}


/* ========================================================= */
/* 37.13 — ZHR NAJI FINAL SECURITY VISUAL LAYER */
/* ========================================================= */

.zhr-naji-trust-security,
.zhr-naji-engineering-responsibility,
.zhr-naji-future-protection,
.zhr-naji-final-message{
    isolation:isolate;
}

.zhr-naji-trust-security::before,
.zhr-naji-engineering-responsibility::before,
.zhr-naji-future-protection::before,
.zhr-naji-final-message::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(213,180,108,.018),
            transparent
        );
}

.ars-glass{
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

@supports not (backdrop-filter:blur(18px)){

    .ars-glass{
        background:rgba(10,10,10,.92);
    }

}


/* ========================================================= */
/* 37.14 — END OF ZHR NAJI DEDICATED CSS */
/* ========================================================= */

/* ========================================================= */
/* 37.15 — ZHR NAJI — TRUSTED PROTECTION INTELLIGENCE       */
/* ========================================================= */

.zhr-naji-trusted-protection{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(80px,10vw,160px) 0;
}

.zhr-naji-trusted-protection::before{
    content:"";
    position:absolute;
    inset:10% 15%;
    background:
        radial-gradient(circle,
        rgba(201,166,92,.16),
        transparent 60%);
    filter:blur(70px);
    z-index:-1;
}

.trusted-protection-shell{
    position:relative;
    max-width:1200px;
    margin:auto;
    padding:clamp(40px,6vw,90px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:32px;
    background:rgba(255,255,255,.035);
    backdrop-filter:blur(22px);
    box-shadow:
        0 30px 100px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.trusted-protection-shell h2{
    max-width:900px;
    margin:20px auto;
    text-align:center;
}

.trusted-protection-content{
    max-width:850px;
    margin:45px auto 0;
    text-align:center;
}

.trusted-protection-content p{
    margin:18px 0;
    line-height:2;
    color:rgba(255,255,255,.76);
}

.trusted-protection-emphasis{
    margin-top:45px;
    padding:30px;
    border-left:2px solid rgba(201,166,92,.7);
    border-right:2px solid rgba(201,166,92,.7);
    color:#d7b873;
}
/* ========================================================= */
/* 37.16 — ZHR NAJI — HUMAN-FIRST SECURITY                   */
/* ========================================================= */

.zhr-human-first-security{
    position:relative;
    padding:clamp(90px,12vw,180px) 0;
}

.human-first-security-shell{
    max-width:1050px;
    margin:auto;
    text-align:center;
}

.human-first-security-shell p{
    max-width:820px;
    margin:18px auto;
    line-height:2;
    color:rgba(255,255,255,.72);
}

.human-first-security-shell .gold-emphasis{
    margin-top:45px;
    color:#d7b873;
}

/* ========================================================= */
/* 37.17 — ZHR NAJI — TRUST ARCHITECTURE                     */
/* ========================================================= */

.zhr-trust-architecture{
    position:relative;
    padding:clamp(80px,10vw,150px) 0;
}

.trust-architecture-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.trust-architecture-card{
    padding:35px 25px;
    min-height:230px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.035);
    backdrop-filter:blur(16px);
    transition:.4s ease;
}

.trust-architecture-card:hover{
    transform:translateY(-7px);
    border-color:rgba(201,166,92,.4);
}

.trust-architecture-card span{
    color:#c9a65c;
    font-size:.7rem;
    letter-spacing:.2em;
}

.trust-architecture-card h3{
    margin:22px 0 14px;
}

.trust-architecture-card p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

/* ========================================================= */
/* 37.18 — ZHR NAJI — RESPONSIBLE DATA                       */
/* ========================================================= */

.zhr-responsible-data{
    position:relative;
    padding:clamp(80px,11vw,160px) 0;
}

.responsible-data-shell{
    max-width:950px;
    margin:auto;
    padding:55px;
    border-radius:30px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.015)
        );
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(20px);
}

.responsible-data-shell p{
    margin:18px 0;
    line-height:2;
    color:rgba(255,255,255,.7);
}

.responsible-data-rule{
    margin-top:35px;
    padding:25px;
    border-top:1px solid rgba(201,166,92,.35);
    border-bottom:1px solid rgba(201,166,92,.35);
    color:#d7b873;
}

/* ========================================================= */
/* 37.19 — ZHR NAJI — SECURITY RESPONSIVENESS                */
/* ========================================================= */

@media (max-width:900px){

    .trust-architecture-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media (max-width:620px){

    .trust-architecture-grid{
        grid-template-columns:1fr;
    }

    .responsible-data-shell{
        padding:35px 24px;
        border-radius:22px;
    }

                 }
/* ========================================================= */
/* 38 — ZHR NAJI — PROTECTION ECOSYSTEM                     */
/* ========================================================= */

.zhr-naji-protection-ecosystem{
    position:relative;
    padding:clamp(90px,11vw,170px) 0;
}

.protection-ecosystem-heading{
    max-width:900px;
    margin:0 auto 70px;
    text-align:center;
}

.protection-ecosystem-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.protection-ecosystem-card{
    position:relative;
    min-height:300px;
    padding:40px 32px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.1);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
    backdrop-filter:blur(18px);
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.protection-ecosystem-card:hover{
    transform:translateY(-8px);
    border-color:rgba(201,166,92,.45);
    box-shadow:0 25px 70px rgba(0,0,0,.3);
}

.protection-ecosystem-card span{
    display:block;
    font-size:.72rem;
    letter-spacing:.22em;
    color:#c9a65c;
    margin-bottom:25px;
}

.protection-ecosystem-card h3{
    margin-bottom:18px;
}

.protection-ecosystem-card p{
    color:rgba(255,255,255,.68);
    line-height:1.9;
}

/* ========================================================= */
/* 38.01 — PROTECTION CONTINUITY                             */
/* ========================================================= */

.zhr-protection-continuity{
    position:relative;
    padding:clamp(90px,12vw,180px) 0;
}

.protection-continuity-content{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.protection-continuity-content p{
    margin:18px 0;
    line-height:2;
    color:rgba(255,255,255,.7);
}

/* ========================================================= */
/* 38.02 — SAFETY SIGNALS                                    */
/* ========================================================= */

.zhr-safety-signals{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:60px;
}

.safety-signal-card{
    padding:35px 28px;
    border-radius:24px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.09);
    backdrop-filter:blur(16px);
}

.safety-signal-card h3{
    margin:20px 0 12px;
}

.safety-signal-card p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

/* ========================================================= */
/* 38.03 — FAMILY SAFETY                                     */
/* ========================================================= */

.zhr-family-safety{
    position:relative;
    padding:clamp(90px,12vw,170px) 0;
}

.family-safety-shell{
    max-width:1100px;
    margin:auto;
    padding:55px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(20px);
}

.family-safety-shell p{
    max-width:850px;
    margin:18px auto;
    line-height:2;
    color:rgba(255,255,255,.7);
}

/* ========================================================= */
/* 38.04 — RESPONSIVE                                        */
/* ========================================================= */

@media (max-width:800px){

    .zhr-safety-signals{
        grid-template-columns:1fr;
    }

    .family-safety-shell{
        padding:38px 24px;
    }

}
/* ========================================================= */
/* 38.05 — VEHICLE PROTECTION                                */
/* ========================================================= */

.zhr-vehicle-protection{
    position:relative;
    padding:clamp(90px,12vw,170px) 0;
}

.vehicle-protection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.vehicle-protection-card{
    min-height:280px;
    padding:38px 30px;
    border-radius:26px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(18px);
    transition:.45s ease;
}

.vehicle-protection-card:hover{
    transform:translateY(-8px);
    border-color:rgba(201,166,92,.45);
}

.vehicle-protection-card p{
    margin-top:18px;
    color:rgba(255,255,255,.65);
    line-height:1.9;
}

/* ========================================================= */
/* 38.06 — OWNER PROTECTION                                  */
/* ========================================================= */

.zhr-owner-protection{
    position:relative;
    padding:clamp(90px,12vw,170px) 0;
}

.owner-protection-shell{
    max-width:1000px;
    margin:auto;
    text-align:center;
}

.owner-protection-shell p{
    max-width:820px;
    margin:18px auto;
    color:rgba(255,255,255,.7);
    line-height:2;
}

/* ========================================================= */
/* 38.07 — ECOSYSTEM PROTECTION                              */
/* ========================================================= */

.zhr-ecosystem-protection{
    position:relative;
    padding:clamp(90px,12vw,170px) 0;
}

.ecosystem-protection-shell{
    max-width:1150px;
    margin:auto;
    padding:60px;
    border-radius:32px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(201,166,92,.12),
            transparent 55%
        ),
        rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(20px);
}

/* ========================================================= */
/* 38.08 — RESPONSIVE                                        */
/* ========================================================= */

@media (max-width:850px){

    .vehicle-protection-grid{
        grid-template-columns:1fr;
    }

    .ecosystem-protection-shell{
        padding:40px 24px;
        border-radius:24px;
    }

}
/* ========================================================= */
/* 38.09 — TRUSTED COMMUNICATION                              */
/* ========================================================= */

.zhr-trusted-communication{
    position:relative;
    padding:clamp(90px,11vw,160px) 0;
}

.trusted-communication-content{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.trusted-communication-content p{
    margin:18px 0;
    line-height:2;
    color:rgba(255,255,255,.7);
}

/* ========================================================= */
/* 38.10 — SECURITY LAYERS                                   */
/* ========================================================= */

.zhr-security-layers{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:60px;
}

.security-layer-card{
    padding:32px 24px;
    min-height:220px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(15px);
}

.security-layer-card span{
    color:#c9a65c;
    letter-spacing:.18em;
    font-size:.7rem;
}

.security-layer-card h3{
    margin:20px 0 12px;
}

.security-layer-card p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

/* ========================================================= */
/* 38.11 — HUMAN CONFIDENCE                                  */
/* ========================================================= */

.zhr-human-confidence{
    position:relative;
    padding:clamp(90px,12vw,180px) 0;
}

.human-confidence-shell{
    max-width:1000px;
    margin:auto;
    padding:60px;
    text-align:center;
    border-radius:32px;
    border:1px solid rgba(201,166,92,.22);
    background:rgba(255,255,255,.025);
    backdrop-filter:blur(22px);
}

.human-confidence-shell p{
    max-width:800px;
    margin:18px auto;
    line-height:2;
    color:rgba(255,255,255,.72);
}

/* ========================================================= */
/* 38.12 — RESPONSIVE                                        */
/* ========================================================= */

@media (max-width:950px){

    .zhr-security-layers{
        grid-template-columns:1fr 1fr;
    }

}

@media (max-width:600px){

    .zhr-security-layers{
        grid-template-columns:1fr;
    }

    .human-confidence-shell{
        padding:40px 24px;
        border-radius:24px;
    }

}

/* ========================================================= */
/* 39 — ZHR NAJI — SECURITY & SAFETY INTEGRATION             */
/* ========================================================= */

.zhr-naji-security-integration{
    position:relative;
    padding:clamp(90px,12vw,180px) 0;
}

.security-integration-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:stretch;
}

.security-integration-panel{
    position:relative;
    padding:50px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(20px);
    overflow:hidden;
}

.security-integration-panel::after{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    right:-100px;
    top:-100px;
    border-radius:50%;
    background:rgba(201,166,92,.1);
    filter:blur(40px);
}

.security-integration-list{
    margin-top:35px;
    display:grid;
    gap:16px;
}

.security-integration-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:20px;
    border-radius:18px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
}

.security-integration-item strong{
    color:#d7b873;
}

.security-integration-item p{
    margin-top:6px;
    color:rgba(255,255,255,.65);
    line-height:1.8;
}
/* ========================================================= */
/* 39.01 — ZHR NAJI — PROTECTION CORE                        */
/* ========================================================= */

.zhr-protection-core{
    position:relative;
    padding:clamp(100px,13vw,190px) 0;
    overflow:hidden;
}

.protection-core-aura{
    position:absolute;
    width:500px;
    height:500px;
    left:50%;
    top:20%;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(201,166,92,.08);
    filter:blur(90px);
    pointer-events:none;
}

.protection-core-content{
    position:relative;
    max-width:950px;
    margin:auto;
    text-align:center;
}

.protection-core-content p{
    max-width:820px;
    margin:20px auto;
    line-height:2;
    color:rgba(255,255,255,.72);
}

/* ========================================================= */
/* 39.02 — ZHR NAJI — TRUST SIGNAL                           */
/* ========================================================= */

.zhr-trust-signal{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-top:45px;
    color:#d7b873;
    letter-spacing:.18em;
    font-size:.75rem;
}

.zhr-trust-signal::before,
.zhr-trust-signal::after{
    content:"";
    width:70px;
    height:1px;
    background:rgba(201,166,92,.45);
}

/* ========================================================= */
/* 39.03 — ZHR NAJI — FINAL PROTECTION GRID                  */
/* ========================================================= */

.zhr-final-protection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:70px;
}

.final-protection-card{
    padding:42px 30px;
    text-align:center;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(18px);
    transition:.45s ease;
}

.final-protection-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 70px rgba(0,0,0,.3);
    border-color:rgba(201,166,92,.4);
}

.final-protection-card h3{
    margin:22px 0 12px;
}

.final-protection-card p{
    color:rgba(255,255,255,.62);
    line-height:1.8;
}

/* ========================================================= */
/* 39.04 — RESPONSIVE                                        */
/* ========================================================= */

@media (max-width:800px){

    .zhr-final-protection-grid{
        grid-template-columns:1fr;
    }

    .zhr-trust-signal{
        letter-spacing:.1em;
    }

    .zhr-trust-signal::before,
    .zhr-trust-signal::after{
        width:35px;
    }

}
/* ========================================================= */
/* 39.05 — ZHR NAJI — PROTECTION HORIZON                     */
/* ========================================================= */

.zhr-protection-horizon{
    position:relative;
    padding:clamp(100px,13vw,200px) 0;
}

.protection-horizon-shell{
    max-width:1100px;
    margin:auto;
    padding:70px 55px;
    text-align:center;
    border-radius:36px;
    border:1px solid rgba(255,255,255,.1);
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(201,166,92,.13),
            transparent 60%
        ),
        rgba(255,255,255,.025);
    backdrop-filter:blur(24px);
}

.protection-horizon-shell p{
    max-width:850px;
    margin:20px auto;
    line-height:2;
    color:rgba(255,255,255,.72);
}

/* ========================================================= */
/* 39.06 — ZHR NAJI — HUMAN DIGNITY                          */
/* ========================================================= */

.zhr-human-dignity{
    padding:clamp(80px,11vw,160px) 0;
}

.human-dignity-content{
    max-width:850px;
    margin:auto;
    text-align:center;
}

.human-dignity-content p{
    margin:18px 0;
    line-height:2;
    color:rgba(255,255,255,.7);
}

/* ========================================================= */
/* 39.07 — ZHR NAJI — RESPONSIBLE FUTURE                     */
/* ========================================================= */

.zhr-responsible-future{
    position:relative;
    padding:clamp(90px,12vw,180px) 0;
}

.responsible-future-shell{
    max-width:1000px;
    margin:auto;
    padding:60px;
    border-left:1px solid rgba(201,166,92,.45);
    border-right:1px solid rgba(201,166,92,.45);
    text-align:center;
}

.responsible-future-shell p{
    max-width:800px;
    margin:18px auto;
    line-height:2;
    color:rgba(255,255,255,.68);
}

/* ========================================================= */
/* 39.08 — RESPONSIVE                                        */
/* ========================================================= */

@media (max-width:650px){

    .protection-horizon-shell{
        padding:45px 24px;
        border-radius:25px;
    }

    .responsible-future-shell{
        padding:40px 20px;
    }

}
/* ========================================================= */
/* 39.09 — ZHR NAJI — FINAL TRUST                            */
/* ========================================================= */

.zhr-final-trust{
    position:relative;
    padding:clamp(100px,14vw,210px) 0;
}

.final-trust-content{
    max-width:950px;
    margin:auto;
    text-align:center;
}

.final-trust-content p{
    margin:20px 0;
    line-height:2.1;
    color:rgba(255,255,255,.74);
}

/* ========================================================= */
/* 39.10 — TRUST STATEMENT                                   */
/* ========================================================= */

.zhr-trust-statement{
    margin:50px auto;
    max-width:850px;
    padding:35px;
    border-top:1px solid rgba(201,166,92,.35);
    border-bottom:1px solid rgba(201,166,92,.35);
    color:#d7b873;
    text-align:center;
}

/* ========================================================= */
/* 39.11 — FINAL SECURITY AURA                               */
/* ========================================================= */

.zhr-final-security-aura{
    position:absolute;
    width:600px;
    height:600px;
    left:50%;
    top:10%;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(201,166,92,.07);
    filter:blur(100px);
    pointer-events:none;
}

/* ========================================================= */
/* 39.12 — RESPONSIVE                                        */
/* ========================================================= */

@media (max-width:600px){

    .zhr-trust-statement{
        padding:28px 20px;
    }

}


/* ========================================================= */
/* 40 — ZHR NAJI — RESPONSIVE TRUST SYSTEM                   */
/* ========================================================= */

@media (max-width:900px){

    .protection-ecosystem-grid{
        grid-template-columns:1fr 1fr;
    }

    .security-integration-layout{
        grid-template-columns:1fr;
    }

    .trusted-protection-shell{
        border-radius:24px;
    }

}

@media (max-width:620px){

    .zhr-naji-trusted-protection,
    .zhr-naji-protection-ecosystem,
    .zhr-naji-security-integration{
        padding:70px 0;
    }

    .trusted-protection-shell{
        padding:32px 22px;
        border-radius:20px;
    }

    .protection-ecosystem-grid{
        grid-template-columns:1fr;
    }

    .protection-ecosystem-card{
        min-height:auto;
        padding:32px 24px;
    }

    .security-integration-panel{
        padding:32px 24px;
        border-radius:22px;
    }

    .trusted-protection-content{
        margin-top:30px;
    }

    }

/* ========================================================= */
/* 40.01 — ZHR NAJI — FINAL MESSAGE                          */
/* ========================================================= */

.zhr-final-message{
    position:relative;
    padding:clamp(110px,15vw,230px) 0;
    overflow:hidden;
}

.final-message-shell{
    position:relative;
    max-width:1050px;
    margin:auto;
    padding:clamp(50px,7vw,100px);
    text-align:center;
    border-radius:40px;
    border:1px solid rgba(255,255,255,.12);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.018)
        );
    backdrop-filter:blur(28px);
    box-shadow:
        0 40px 120px rgba(0,0,0,.4),
        inset 0 1px 0 rgba(255,255,255,.1);
}

.final-message-shell p{
    max-width:820px;
    margin:20px auto;
    line-height:2;
    color:rgba(255,255,255,.74);
}

.final-message-shell .gold-emphasis{
    color:#d7b873;
}

/* ========================================================= */
/* 40.02 — FINAL SYMBOL                                     */
/* ========================================================= */

.zhr-final-symbol{
    font-size:clamp(40px,6vw,80px);
    margin-bottom:35px;
    filter:drop-shadow(0 0 30px rgba(201,166,92,.25));
}

/* ========================================================= */
/* 40.03 — FINAL SIGNATURE                                  */
/* ========================================================= */

.zhr-final-signature{
    margin-top:60px;
    padding-top:35px;
    border-top:1px solid rgba(255,255,255,.1);
}

.zhr-final-signature strong{
    display:block;
    color:#d7b873;
    letter-spacing:.25em;
    font-size:.8rem;
}

.zhr-final-signature span{
    display:block;
    margin-top:10px;
    color:rgba(255,255,255,.5);
    font-size:.72rem;
    letter-spacing:.15em;
}

/* ========================================================= */
/* 40.04 — RESPONSIVE                                        */
/* ========================================================= */

@media (max-width:600px){

    .final-message-shell{
        padding:50px 24px;
        border-radius:26px;
    }

    .zhr-final-signature{
        margin-top:40px;
    }

}
/* ========================================================= */
/* 40.05 — JOURNEY CONTINUES                                */
/* ========================================================= */

.zhr-journey-continues{
    position:relative;
    padding:clamp(90px,12vw,180px) 0;
}

.journey-continues-content{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.journey-continues-content p{
    margin:20px 0;
    line-height:2;
    color:rgba(255,255,255,.7);
}

/* ========================================================= */
/* 40.06 — FINAL TRANSITION                                  */
/* ========================================================= */

.zhr-final-transition{
    margin-top:60px;
    padding:45px 30px;
    text-align:center;
    border-top:1px solid rgba(201,166,92,.25);
    border-bottom:1px solid rgba(201,166,92,.25);
}

.zhr-final-transition strong{
    color:#d7b873;
    letter-spacing:.12em;
}

/* ========================================================= */
/* 40.07 — FINAL PROTECTION AURA                             */
/* ========================================================= */

.zhr-final-message::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    left:50%;
    top:10%;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(201,166,92,.13),
            transparent 65%
        );
    filter:blur(60px);
    pointer-events:none;
}

/* ========================================================= */
/* 40.08 — ACCESSIBILITY & REDUCED MOTION                    */
/* ========================================================= */

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

    *,
    *::before,
    *::after{
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }

}

@media (max-width:600px){

    .zhr-final-transition{
        padding:35px 20px;
    }

    }
/* ========================================================= */
/* 40.09 — FINAL MOBILE SPACING                              */
/* ========================================================= */

@media (max-width:480px){

    .zhr-final-message,
    .zhr-journey-continues{
        padding-left:16px;
        padding-right:16px;
    }

}

/* ========================================================= */
/* 40.10 — FINAL TEXT SAFETY                                 */
/* ========================================================= */

.zhr-naji-final-message p,
.zhr-final-message p{
    overflow-wrap:break-word;
    word-break:normal;
}

/* ========================================================= */
/* 40.11 — FINAL CONTAINER INTEGRITY                         */
/* ========================================================= */

.zhr-naji-final-message .container,
.zhr-final-message .container{
    width:min(100% - 32px, 1400px);
    margin-inline:auto;
}

/* ========================================================= */
/* 40.12 — END OF ZHR NAJI DEDICATED CSS                     */
/* ========================================================= */
/* ========================================================= */
/* 41.00 — ZHR NAJI — TRUST, PRIVACY & SECURITY              */
/* ========================================================= */

.zhr-naji-trust-security{
    position:relative;
    padding:clamp(100px,10vw,180px) 0;
    isolation:isolate;
}

.trust-security-hero,
.trust-foundation,
.privacy-foundation,
.security-foundation,
.trust-security-closing{
    position:relative;
    overflow:hidden;
}

.trust-security-hero{
    min-height:clamp(650px,80vh,900px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(50px,7vw,110px);
    text-align:center;
}

.trust-security-aura{
    position:absolute;
    width:clamp(350px,60vw,900px);
    height:clamp(350px,60vw,900px);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(184,137,63,.22),
            rgba(184,137,63,.08) 30%,
            transparent 70%
        );
    filter:blur(30px);
    pointer-events:none;
    z-index:-1;
}

.trust-security-hero > *{
    position:relative;
    z-index:2;
}

.trust-security-hero h1{
    max-width:1000px;
    margin:24px auto;
}

.trust-security-hero .hero-lead{
    max-width:850px;
    margin:0 auto 28px;
    font-size:clamp(1.2rem,2vw,1.8rem);
}

.trust-security-hero p{
    max-width:850px;
    margin:12px auto;
}

.trust-security-hero .hero-emphasis{
    max-width:900px;
    margin:45px auto 0;
    padding:28px 34px;
    border:1px solid rgba(184,137,63,.25);
    background:rgba(184,137,63,.06);
    border-radius:18px;
}


/* ========================================================= */
/* 41.01 — TRUST FOUNDATION                                  */
/* ========================================================= */

.trust-foundation{
    margin-top:clamp(70px,9vw,140px);
    padding:clamp(45px,6vw,90px);
}

.trust-content{
    max-width:900px;
    margin:40px auto 0;
    text-align:center;
}

.trust-content p{
    margin:0 0 24px;
}

.trust-content .gold-emphasis{
    margin-top:45px;
    padding:30px;
    border-left:2px solid rgba(184,137,63,.65);
    border-right:2px solid rgba(184,137,63,.65);
}


/* ========================================================= */
/* 41.02 — PRIVACY FOUNDATION                                */
/* ========================================================= */

.privacy-foundation{
    margin-top:clamp(35px,5vw,80px);
    padding:clamp(45px,6vw,90px);
}

.privacy-content{
    max-width:900px;
    margin:40px auto 0;
    text-align:center;
}

.privacy-content p{
    margin:0 0 24px;
}

.privacy-content .feature-emphasis{
    margin-top:45px;
    padding:30px;
    border:1px solid rgba(184,137,63,.22);
    border-radius:18px;
}


/* ========================================================= */
/* 41.03 — SECURITY FOUNDATION                               */
/* ========================================================= */

.security-foundation{
    margin-top:clamp(35px,5vw,80px);
    padding:clamp(45px,6vw,90px);
}

.security-content{
    max-width:900px;
    margin:40px auto 0;
    text-align:center;
}

.security-content p{
    margin:0 0 24px;
}

.security-content .gold-emphasis{
    margin-top:45px;
    padding:30px;
    border-top:1px solid rgba(184,137,63,.25);
    border-bottom:1px solid rgba(184,137,63,.25);
}


/* ========================================================= */
/* 41.04 — TRUST PRINCIPLES                                  */
/* ========================================================= */

.trust-principles{
    margin-top:clamp(80px,10vw,150px);
}

.trust-principles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-top:55px;
}

.trust-principle{
    position:relative;
    min-height:280px;
    padding:38px 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.trust-principle:hover{
    transform:translateY(-10px);
    border-color:rgba(184,137,63,.35);
    box-shadow:0 25px 70px rgba(0,0,0,.22);
}

.trust-principle > span{
    display:block;
    margin-bottom:25px;
    font-size:.75rem;
    letter-spacing:.2em;
    color:rgba(184,137,63,.9);
}

.trust-principle h3{
    margin:0 0 18px;
}

.trust-principle p{
    margin:0;
    line-height:1.8;
}


/* ========================================================= */
/* 41.05 — TRUST SECURITY CLOSING                            */
/* ========================================================= */

.trust-security-closing{
    margin-top:clamp(80px,10vw,160px);
    padding:clamp(60px,8vw,120px);
    text-align:center;
}

.trust-security-closing .closing-symbol{
    margin:20px auto 35px;
    font-size:clamp(2rem,4vw,4rem);
    color:rgba(184,137,63,.85);
}

.trust-security-closing h2{
    max-width:950px;
    margin:0 auto 45px;
}

.trust-security-closing p{
    max-width:700px;
    margin:14px auto;
}

.trust-security-closing .closing-final{
    margin-top:45px;
    padding:35px;
    border-top:1px solid rgba(184,137,63,.25);
}


/* ========================================================= */
/* 42.00 — ZHR NAJI — FUTURE OF HUMAN PROTECTION             */
/* ========================================================= */

.zhr-naji-future-protection{
    position:relative;
    padding:clamp(100px,10vw,180px) 0;
    isolation:isolate;
}

.future-protection-hero{
    position:relative;
    min-height:clamp(650px,80vh,900px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:clamp(50px,7vw,110px);
    overflow:hidden;
}

.future-protection-aura{
    position:absolute;
    width:clamp(400px,70vw,1000px);
    height:clamp(400px,70vw,1000px);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(184,137,63,.18),
            transparent 68%
        );
    filter:blur(35px);
    z-index:-1;
}

.future-protection-hero h1{
    max-width:1050px;
    margin:25px auto;
}

.future-protection-hero .hero-lead{
    max-width:850px;
    font-size:clamp(1.2rem,2vw,1.75rem);
}

.future-protection-hero p{
    max-width:850px;
    margin:16px auto;
}

.future-protection-hero .hero-emphasis{
    margin-top:40px;
    padding:30px 40px;
    border:1px solid rgba(184,137,63,.25);
    border-radius:20px;
    background:rgba(184,137,63,.05);
}


/* ========================================================= */
/* 42.01 — FUTURE VISION MESSAGE                            */
/* ========================================================= */

.future-vision-message{
    margin-top:clamp(80px,10vw,150px);
    padding:clamp(50px,7vw,100px);
}

.vision-content{
    max-width:900px;
    margin:45px auto 0;
    text-align:center;
}

.vision-content p{
    margin:0 0 24px;
}

.vision-content .gold-emphasis{
    margin-top:50px;
    padding:30px;
    border-left:2px solid rgba(184,137,63,.6);
    border-right:2px solid rgba(184,137,63,.6);
}


/* ========================================================= */
/* 42.02 — FUTURE PILLARS                                    */
/* ========================================================= */

.future-pillars{
    margin-top:clamp(80px,10vw,160px);
}

.future-pillars-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-top:55px;
}

.future-pillar{
    position:relative;
    min-height:330px;
    padding:45px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.future-pillar::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-80px;
    bottom:-80px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(184,137,63,.18),
        transparent 70%
    );
    pointer-events:none;
}

.future-pillar:hover{
    transform:translateY(-12px);
    border-color:rgba(184,137,63,.35);
    box-shadow:0 30px 80px rgba(0,0,0,.25);
}

.pillar-number{
    margin-bottom:30px;
    font-size:.8rem;
    letter-spacing:.25em;
    color:rgba(184,137,63,.9);
}

.future-pillar h3{
    margin:0 0 20px;
}

.future-pillar p{
    margin:0;
    max-width:450px;
    line-height:1.85;
}


/* ========================================================= */
/* 42.03 — FUTURE HUMANITY                                   */
/* ========================================================= */

.future-humanity{
    position:relative;
    margin-top:clamp(80px,10vw,160px);
    padding:clamp(60px,8vw,120px);
    overflow:hidden;
}

.humanity-aura{
    position:absolute;
    width:600px;
    height:600px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(184,137,63,.16),
            transparent 70%
        );
    filter:blur(30px);
    z-index:-1;
}

.humanity-content{
    max-width:850px;
    margin:50px auto 0;
    text-align:center;
}

.humanity-content p{
    margin:0 0 22px;
}

.humanity-content .feature-emphasis{
    margin:40px auto;
    font-size:clamp(1.3rem,2vw,2rem);
}


/* ========================================================= */
/* 42.04 — FUTURE PROTECTION CLOSING                         */
/* ========================================================= */

.future-protection-closing{
    margin-top:clamp(80px,10vw,160px);
    padding:clamp(60px,8vw,120px);
    text-align:center;
}

.future-protection-closing .closing-symbol{
    margin:20px auto 35px;
    font-size:clamp(2rem,4vw,4rem);
    color:rgba(184,137,63,.85);
}

.future-protection-closing h2{
    max-width:950px;
    margin:0 auto 22px;
}

.future-protection-closing p{
    max-width:650px;
    margin:14px auto;
}

.future-protection-closing .closing-final{
    margin-top:45px;
    padding:35px;
    border-top:1px solid rgba(184,137,63,.25);
}


/* ========================================================= */
/* 42.05 — NAJI NEXT TRANSITION                              */
/* ========================================================= */

.zhr-naji-future-protection .naji-next-transition{
    margin-top:clamp(80px,10vw,150px);
}


/* ========================================================= */
/* 43.00 — ZHR NAJI — FINAL MESSAGE                          */
/* ========================================================= */

.zhr-naji-final-message{
    position:relative;
    padding:clamp(100px,12vw,200px) 0;
    isolation:isolate;
}

.final-message-shell{
    position:relative;
    overflow:hidden;
    padding:clamp(60px,8vw,130px) clamp(25px,6vw,90px);
    text-align:center;
}

.final-message-aura{
    position:absolute;
    width:clamp(450px,70vw,1100px);
    height:clamp(450px,70vw,1100px);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(184,137,63,.2),
            rgba(184,137,63,.06) 35%,
            transparent 72%
        );
    filter:blur(35px);
    z-index:-1;
}

.final-symbol{
    font-size:clamp(2rem,4vw,4rem);
    margin:15px auto 40px;
    color:rgba(184,137,63,.9);
}

.final-message-shell h1{
    max-width:1050px;
    margin:25px auto 70px;
}

.final-message-content{
    max-width:850px;
    margin:0 auto;
}

.final-message-content p{
    margin:0 auto 22px;
}

.final-message-content .gold-emphasis{
    margin:45px auto;
    padding:28px;
    font-size:clamp(1.25rem,2vw,1.7rem);
    border-top:1px solid rgba(184,137,63,.3);
    border-bottom:1px solid rgba(184,137,63,.3);
}

.final-divider{
    margin:55px auto;
    font-size:1.5rem;
    color:rgba(184,137,63,.8);
}

.final-message-emphasis{
    margin:40px auto !important;
    font-size:clamp(1.4rem,2.4vw,2rem);
}

.final-message-closing{
    margin-top:55px !important;
    padding:35px;
    border:1px solid rgba(184,137,63,.25);
    border-radius:20px;
    background:rgba(184,137,63,.04);
}

.final-message-signature{
    max-width:500px;
    margin:80px auto 30px;
}

.signature-line{
    width:100%;
    height:1px;
    margin-bottom:25px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(184,137,63,.6),
        transparent
    );
}

.final-message-signature p{
    margin:0 0 8px;
    letter-spacing:.25em;
    font-weight:700;
}

.final-message-signature span{
    display:block;
    font-size:.75rem;
    letter-spacing:.15em;
    opacity:.65;
}


/* ========================================================= */
/* 43.01 — FINAL TRANSITION                                  */
/* ========================================================= */

.zhr-final-transition{
    margin-top:clamp(80px,10vw,150px);
    padding:clamp(60px,8vw,120px) 20px;
    text-align:center;
}

.zhr-final-transition h2{
    max-width:900px;
    margin:20px auto;
}

.zhr-final-transition p{
    max-width:700px;
    margin:18px auto;
}

.transition-symbol{
    margin:55px auto;
    font-size:clamp(2rem,4vw,4rem);
    color:rgba(184,137,63,.85);
}

.transition-final{
    margin-top:45px !important;
    font-size:clamp(1.2rem,2vw,1.7rem);
    letter-spacing:.04em;
}


/* ========================================================= */
/* 43.02 — SHARED PREMIUM MICRO-INTERACTIONS                 */
/* ========================================================= */

.zhr-naji-trust-security .ars-glass,
.zhr-naji-future-protection .ars-glass,
.zhr-naji-final-message .ars-glass{
    transition:
        border-color .4s ease,
        box-shadow .4s ease,
        transform .4s ease;
}

.zhr-naji-trust-security .section-heading,
.zhr-naji-future-protection .section-heading{
    position:relative;
    z-index:2;
}

.zhr-naji-trust-security .section-label,
.zhr-naji-future-protection .section-label,
.zhr-naji-final-message .section-label{
    position:relative;
    display:inline-block;
}

.zhr-naji-trust-security .section-label::after,
.zhr-naji-future-protection .section-label::after,
.zhr-naji-final-message .section-label::after{
    content:"";
    display:block;
    width:45px;
    height:1px;
    margin:12px auto 0;
    background:rgba(184,137,63,.65);
}


/* ========================================================= */
/* 43.03 — RESPONSIVE — ZHR NAJI TRUST / FUTURE / FINAL      */
/* ========================================================= */

@media (max-width:1100px){

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

    .future-pillars-grid{
        grid-template-columns:1fr;
        max-width:700px;
        margin-left:auto;
        margin-right:auto;
    }

}

@media (max-width:760px){

    .zhr-naji-trust-security,
    .zhr-naji-future-protection,
    .zhr-naji-final-message{
        padding:80px 0;
    }

    .trust-security-hero,
    .future-protection-hero{
        min-height:auto;
        padding:70px 25px;
    }

    .trust-foundation,
    .privacy-foundation,
    .security-foundation,
    .future-vision-message,
    .future-humanity,
    .trust-security-closing,
    .future-protection-closing,
    .final-message-shell{
        padding:45px 22px;
    }

    .trust-principles-grid{
        grid-template-columns:1fr;
    }

    .trust-principle{
        min-height:230px;
    }

    .future-pillar{
        min-height:260px;
        padding:38px 28px;
    }

    .final-message-shell h1{
        margin-bottom:50px;
    }

    .final-message-signature{
        margin-top:60px;
    }

}

@media (max-width:480px){

    .trust-security-hero .hero-emphasis,
    .future-protection-hero .hero-emphasis,
    .final-message-content .gold-emphasis{
        padding:22px 18px;
    }

    .trust-security-closing .closing-final,
    .future-protection-closing .closing-final,
    .final-message-closing{
        padding:25px 18px;
    }

    .transition-final{
        letter-spacing:0;
    }

}


/* ========================================================= */
/* 43.04 — ACCESSIBILITY & REDUCED MOTION                    */
/* ========================================================= */

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

    .trust-principle,
    .future-pillar,
    .zhr-naji-trust-security .ars-glass,
    .zhr-naji-future-protection .ars-glass,
    .zhr-naji-final-message .ars-glass{
        transition:none;
    }

    .trust-principle:hover,
    .future-pillar:hover{
        transform:none;
    }

}
/* ========================================================= */
/* 44.00 — ZHR NAJI — FINAL SYSTEM POLISH                    */
/* ========================================================= */

.zhr-naji-trust-security,
.zhr-naji-future-protection,
.zhr-naji-final-message{
    position:relative;
    isolation:isolate;
}

.zhr-naji-trust-security::before,
.zhr-naji-future-protection::before,
.zhr-naji-final-message::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:-2;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(184,137,63,.055),
            transparent 35%
        );
}

.zhr-naji-trust-security::after,
.zhr-naji-future-protection::after,
.zhr-naji-final-message::after{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:min(900px,80vw);
    height:1px;
    transform:translateX(-50%);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,137,63,.35),
            transparent
        );
    pointer-events:none;
}


/* ========================================================= */
/* 44.01 — PREMIUM SECTION SEPARATION                         */
/* ========================================================= */

.zhr-naji-trust-security > .container > *,
.zhr-naji-future-protection > .container > *,
.zhr-naji-final-message > .container > *{
    position:relative;
}

.zhr-naji-trust-security .section-heading,
.zhr-naji-future-protection .section-heading{
    margin-bottom:clamp(35px,5vw,70px);
}

.zhr-naji-trust-security .section-heading h2,
.zhr-naji-future-protection .section-heading h2{
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
}


/* ========================================================= */
/* 44.02 — GOLD EMPHASIS SYSTEM                              */
/* ========================================================= */

.zhr-naji-trust-security .gold-emphasis,
.zhr-naji-future-protection .gold-emphasis,
.zhr-naji-final-message .gold-emphasis{
    position:relative;
    color:inherit;
}

.zhr-naji-trust-security .gold-emphasis::before,
.zhr-naji-future-protection .gold-emphasis::before,
.zhr-naji-final-message .gold-emphasis::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:70px;
    height:1px;
    transform:translateX(-50%);
    background:rgba(184,137,63,.65);
}


/* ========================================================= */
/* 44.03 — CARD LIGHT RESPONSE                                */
/* ========================================================= */

.trust-principle::before,
.future-pillar::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:0;
    pointer-events:none;
    transition:opacity .5s ease;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(184,137,63,.1),
            transparent 60%
        );
}

.trust-principle:hover::before,
.future-pillar:hover::before{
    opacity:1;
}

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

    .trust-principle::before,
    .future-pillar::before{
        transition:none;
    }

}


/* ========================================================= */
/* 45.00 — ZHR NAJI — FINAL MESSAGE EXPERIENCE                */
/* ========================================================= */

.final-message-shell{
    border-radius:clamp(20px,3vw,36px);
}

.final-message-shell::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    pointer-events:none;
    border:1px solid rgba(255,255,255,.025);
}

.final-message-shell .final-symbol:last-child{
    margin-top:70px;
    margin-bottom:0;
}

.final-message-content{
    position:relative;
    z-index:2;
}

.final-message-content p{
    line-height:2;
}

.final-message-content .final-message-emphasis strong{
    display:inline-block;
    position:relative;
}

.final-message-content .final-message-emphasis strong::after{
    content:"";
    display:block;
    width:45%;
    height:1px;
    margin:14px auto 0;
    background:rgba(184,137,63,.5);
}


/* ========================================================= */
/* 45.01 — SIGNATURE REFINEMENT                              */
/* ========================================================= */

.final-message-signature{
    position:relative;
    text-align:center;
}

.final-message-signature p{
    font-size:clamp(.8rem,1vw,1rem);
}

.final-message-signature span{
    line-height:1.7;
}

.signature-line{
    position:relative;
}

.signature-line::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:10px;
    height:10px;
    transform:translate(-50%,-50%) rotate(45deg);
    border:1px solid rgba(184,137,63,.55);
    background:transparent;
}


/* ========================================================= */
/* 45.02 — FINAL TRANSITION TYPOGRAPHY                       */
/* ========================================================= */

.zhr-final-transition{
    position:relative;
}

.zhr-final-transition::before{
    content:"";
    display:block;
    width:min(500px,70%);
    height:1px;
    margin:0 auto 60px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,137,63,.3),
            transparent
        );
}

.zhr-final-transition h2{
    line-height:1.2;
}

.zhr-final-transition .section-label{
    margin-bottom:30px;
}

.transition-symbol{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:90px;
    height:90px;
    margin:60px auto;
}

.transition-symbol::before,
.transition-symbol::after{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,137,63,.35),
            transparent
        );
}

.transition-symbol::before{
    transform:rotate(45deg);
}

.transition-symbol::after{
    transform:rotate(-45deg);
}


/* ========================================================= */
/* 46.00 — ZHR NAJI — GLOBAL RESPONSIVE HARDENING             */
/* ========================================================= */

@media (max-width:900px){

    .trust-security-hero h1,
    .future-protection-hero h1,
    .final-message-shell h1{
        max-width:760px;
    }

    .trust-content,
    .privacy-content,
    .security-content,
    .vision-content,
    .humanity-content,
    .final-message-content{
        max-width:760px;
    }

}

@media (max-width:600px){

    .zhr-naji-trust-security::after,
    .zhr-naji-future-protection::after,
    .zhr-naji-final-message::after{
        width:85vw;
    }

    .trust-security-hero .hero-emphasis,
    .future-protection-hero .hero-emphasis{
        margin-top:30px;
    }

    .trust-content .gold-emphasis,
    .vision-content .gold-emphasis{
        border-left:0;
        border-right:0;
    }

    .final-message-content p{
        line-height:1.9;
    }

    .final-message-content .gold-emphasis{
        margin-top:35px;
        margin-bottom:35px;
    }

    .final-message-content .final-message-emphasis{
        margin-top:30px !important;
        margin-bottom:30px !important;
    }

    .zhr-final-transition{
        padding-left:18px;
        padding-right:18px;
    }

}

@media (max-width:420px){

    .trust-security-hero,
    .future-protection-hero{
        padding-left:18px;
        padding-right:18px;
    }

    .trust-principle,
    .future-pillar{
        padding-left:24px;
        padding-right:24px;
    }

    .final-message-shell{
        padding-left:18px;
        padding-right:18px;
    }

    .final-message-signature{
        margin-top:50px;
    }

}


/* ========================================================= */
/* 46.01 — SAFE TEXT WRAPPING                                */
/* ========================================================= */

.zhr-naji-trust-security h1,
.zhr-naji-trust-security h2,
.zhr-naji-trust-security h3,
.zhr-naji-future-protection h1,
.zhr-naji-future-protection h2,
.zhr-naji-future-protection h3,
.zhr-naji-final-message h1,
.zhr-naji-final-message h2,
.zhr-naji-final-message h3{
    overflow-wrap:break-word;
    text-wrap:balance;
}

.zhr-naji-trust-security p,
.zhr-naji-future-protection p,
.zhr-naji-final-message p{
    overflow-wrap:break-word;
}


/* ========================================================= */
/* 46.02 — KEYBOARD FOCUS                                    */
/* ========================================================= */

.zhr-naji-trust-security :focus-visible,
.zhr-naji-future-protection :focus-visible,
.zhr-naji-final-message :focus-visible{
    outline:2px solid rgba(184,137,63,.8);
    outline-offset:5px;
    border-radius:4px;
}


/* ========================================================= */
/* 46.03 — REDUCED MOTION FINAL SAFETY                       */
/* ========================================================= */

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

    .zhr-naji-trust-security *,
    .zhr-naji-future-protection *,
    .zhr-naji-final-message *{
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }

}


/* ========================================================= */
/* 46.04 — PRINT / DOCUMENT SAFETY                           */
/* ========================================================= */

@media print{

    .zhr-naji-trust-security,
    .zhr-naji-future-protection,
    .zhr-naji-final-message{
        background:#fff !important;
        color:#000 !important;
        box-shadow:none !important;
    }

    .zhr-naji-trust-security .ars-glass,
    .zhr-naji-future-protection .ars-glass,
    .zhr-naji-final-message .ars-glass{
        background:#fff !important;
        border:1px solid #ccc !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
    }

    .trust-security-aura,
    .future-protection-aura,
    .humanity-aura,
    .final-message-aura{
        display:none !important;
    }

}


/* ========================================================= */
/* 46.05 — END OF ZHR NAJI DEDICATED CSS                     */
/* ========================================================= */
/* ========================================================= */
/* 47.00 — ZHR NAJI — TRUST EXPERIENCE LAYER                 */
/* ========================================================= */

.zhr-naji-trust-security{
    position:relative;
}

.zhr-naji-trust-security .trust-foundation,
.zhr-naji-trust-security .privacy-foundation,
.zhr-naji-trust-security .security-foundation{
    position:relative;
    overflow:hidden;
    transition:
        transform .5s ease,
        border-color .5s ease,
        box-shadow .5s ease;
}

.zhr-naji-trust-security .trust-foundation::before,
.zhr-naji-trust-security .privacy-foundation::before,
.zhr-naji-trust-security .security-foundation::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    transition:opacity .5s ease;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(184,137,63,.08),
            transparent 65%
        );
}

.zhr-naji-trust-security .trust-foundation:hover,
.zhr-naji-trust-security .privacy-foundation:hover,
.zhr-naji-trust-security .security-foundation:hover{
    transform:translateY(-4px);
    border-color:rgba(184,137,63,.22);
    box-shadow:
        0 20px 60px rgba(0,0,0,.18),
        0 0 40px rgba(184,137,63,.035);
}

.zhr-naji-trust-security .trust-foundation:hover::before,
.zhr-naji-trust-security .privacy-foundation:hover::before,
.zhr-naji-trust-security .security-foundation:hover::before{
    opacity:1;
}


/* ========================================================= */
/* 47.01 — TRUST PRINCIPLES                                  */
/* ========================================================= */

.trust-principles-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(16px,2vw,28px);
}

.trust-principle{
    position:relative;
    min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    transition:
        transform .45s ease,
        border-color .45s ease;
}

.trust-principle > span{
    position:absolute;
    top:22px;
    right:24px;
    font-size:.72rem;
    letter-spacing:.2em;
    color:rgba(184,137,63,.75);
}

.trust-principle h3{
    margin-top:30px;
    letter-spacing:.12em;
}

.trust-principle p{
    max-width:280px;
}

.trust-principle:hover{
    transform:translateY(-5px);
    border-color:rgba(184,137,63,.25);
}

@media (max-width:900px){

    .trust-principles-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media (max-width:560px){

    .trust-principles-grid{
        grid-template-columns:1fr;
    }

}


/* ========================================================= */
/* 48.00 — ZHR NAJI — FUTURE PROTECTION SYSTEM               */
/* ========================================================= */

.future-pillars-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(18px,2.5vw,35px);
}

.future-pillar{
    position:relative;
    min-height:300px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    overflow:hidden;
    transition:
        transform .5s ease,
        border-color .5s ease,
        box-shadow .5s ease;
}

.future-pillar:hover{
    transform:translateY(-7px);
    border-color:rgba(184,137,63,.3);
    box-shadow:
        0 25px 70px rgba(0,0,0,.2),
        0 0 45px rgba(184,137,63,.04);
}

.pillar-number{
    position:absolute;
    top:22px;
    left:24px;
    font-size:.72rem;
    letter-spacing:.2em;
    color:rgba(184,137,63,.7);
}

.future-pillar h3{
    position:relative;
    z-index:2;
    letter-spacing:.18em;
    margin:25px 0 15px;
}

.future-pillar p{
    position:relative;
    z-index:2;
    max-width:300px;
}

.future-humanity{
    position:relative;
    overflow:hidden;
}

.future-humanity::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-150px;
    width:600px;
    height:300px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            ellipse,
            rgba(184,137,63,.08),
            transparent 70%
        );
    pointer-events:none;
}

.humanity-content{
    position:relative;
    z-index:2;
}


/* ========================================================= */
/* 48.01 — FUTURE PROTECTION CLOSING                         */
/* ========================================================= */

.future-protection-closing{
    position:relative;
    overflow:hidden;
}

.future-protection-closing .closing-symbol{
    position:relative;
    z-index:2;
}

.future-protection-closing::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:min(700px,90vw);
    height:min(700px,90vw);
    transform:translate(-50%,-50%);
    border:1px solid rgba(184,137,63,.045);
    border-radius:50%;
    box-shadow:
        0 0 0 60px rgba(184,137,63,.012),
        0 0 0 120px rgba(184,137,63,.008);
    pointer-events:none;
}

.future-protection-closing h2,
.future-protection-closing p{
    position:relative;
    z-index:2;
}


/* ========================================================= */
/* 49.00 — ZHR NAJI — FINAL MESSAGE IMMERSIVE CORE           */
/* ========================================================= */

.zhr-naji-final-message{
    position:relative;
    min-height:100vh;
}

.final-message-shell{
    position:relative;
    overflow:hidden;
    text-align:center;
}

.final-message-aura{
    position:absolute;
    top:50%;
    left:50%;
    width:min(850px,100vw);
    height:min(850px,100vw);
    transform:translate(-50%,-50%);
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(
            circle,
            rgba(184,137,63,.08),
            rgba(184,137,63,.025) 30%,
            transparent 68%
        );
    filter:blur(1px);
}

.final-symbol{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:82px;
    height:82px;
    margin:0 auto 35px;
    font-size:2rem;
    border:1px solid rgba(184,137,63,.25);
    border-radius:50%;
    background:rgba(184,137,63,.025);
    box-shadow:
        0 0 45px rgba(184,137,63,.06);
}

.final-message-shell > .section-label,
.final-message-shell > h1,
.final-message-shell > .final-message-content,
.final-message-shell > .final-message-signature{
    position:relative;
    z-index:3;
}

.final-message-shell h1{
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.final-message-content{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}

.final-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin:55px auto;
    color:rgba(184,137,63,.75);
}

.final-divider::before,
.final-divider::after{
    content:"";
    width:min(150px,20vw);
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,137,63,.35)
        );
}

.final-divider::after{
    transform:rotate(180deg);
}

.final-message-closing{
    margin-top:55px;
    font-size:clamp(1rem,1.5vw,1.3rem);
    line-height:2;
}

.final-message-signature{
    margin-top:70px;
}

@media (max-width:760px){

    .future-pillars-grid{
        grid-template-columns:1fr;
    }

    .future-pillar{
        min-height:240px;
    }

    .final-message-shell{
        padding-top:60px;
        padding-bottom:60px;
    }

    .final-message-content{
        max-width:100%;
    }

}

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

    .trust-foundation,
    .privacy-foundation,
    .security-foundation,
    .trust-principle,
    .future-pillar{
        transition:none !important;
    }

}


/* ========================================================= */
/* 49.01 — END OF ZHR NAJI DEDICATED CSS                     */
/* ========================================================= */

/* ========================================================= */
/* 50.00 — ZHR NAJI — FINAL TRUST & SAFETY SIGNALS           */
/* ========================================================= */

.zhr-naji-trust-security,
.zhr-naji-future-protection,
.zhr-naji-final-message{
    --zhr-gold:rgba(184,137,63,.72);
    --zhr-gold-soft:rgba(184,137,63,.18);
    --zhr-safe-glow:rgba(184,137,63,.055);
}

.zhr-naji-trust-security .trust-security-hero,
.zhr-naji-future-protection .future-protection-hero,
.zhr-naji-final-message .final-message-shell{
    position:relative;
    overflow:hidden;
}

.zhr-naji-trust-security .trust-security-hero::after,
.zhr-naji-future-protection .future-protection-hero::after,
.zhr-naji-final-message .final-message-shell::after{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(184,137,63,.045);
    border-radius:inherit;
    pointer-events:none;
}

.zhr-naji-trust-security .hero-emphasis,
.zhr-naji-future-protection .hero-emphasis{
    position:relative;
    z-index:2;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
    padding:clamp(22px,3vw,38px);
    border-top:1px solid rgba(184,137,63,.16);
    border-bottom:1px solid rgba(184,137,63,.16);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,137,63,.025),
            transparent
        );
}


/* ========================================================= */
/* 50.01 — SECURITY TRUST INDICATOR                          */
/* ========================================================= */

.security-foundation,
.privacy-foundation,
.trust-foundation{
    position:relative;
}

.security-foundation::after,
.privacy-foundation::after,
.trust-foundation::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    top:28px;
    right:28px;
    border-radius:50%;
    background:rgba(184,137,63,.65);
    box-shadow:
        0 0 0 5px rgba(184,137,63,.04),
        0 0 20px rgba(184,137,63,.16);
}


/* ========================================================= */
/* 51.00 — ZHR NAJI — HUMAN-CENTERED SAFETY LAYER            */
/* ========================================================= */

.future-humanity,
.future-protection-closing,
.living-ecosystem-closing{
    text-align:center;
}

.future-humanity .section-heading,
.future-protection-closing .section-heading,
.living-ecosystem-closing .section-heading{
    position:relative;
    z-index:2;
}

.humanity-content p,
.future-protection-closing p,
.living-ecosystem-closing p{
    position:relative;
    z-index:2;
}

.humanity-content .feature-emphasis{
    font-size:clamp(1.15rem,2vw,1.6rem);
    color:rgba(255,255,255,.92);
    margin-top:35px;
    margin-bottom:35px;
}

.future-protection-closing .closing-final,
.living-ecosystem-closing .closing-final{
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    font-size:clamp(1.05rem,1.6vw,1.35rem);
}


/* ========================================================= */
/* 51.01 — PROTECTION PILLAR VISUAL HIERARCHY                */
/* ========================================================= */

.future-pillar:nth-child(1){
    border-top:1px solid rgba(184,137,63,.18);
}

.future-pillar:nth-child(2){
    border-top:1px solid rgba(184,137,63,.28);
}

.future-pillar:nth-child(3){
    border-top:1px solid rgba(184,137,63,.18);
}

.future-pillar h3{
    font-size:clamp(1rem,1.3vw,1.25rem);
}

.future-pillar p{
    line-height:1.9;
}


/* ========================================================= */
/* 52.00 — ZHR NAJI — FINAL RESPONSIBILITY SIGNATURE         */
/* ========================================================= */

.zhr-final-transition{
    text-align:center;
    position:relative;
    overflow:hidden;
}

.zhr-final-transition::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-180px;
    width:min(650px,90vw);
    height:350px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            ellipse,
            rgba(184,137,63,.06),
            transparent 70%
        );
    pointer-events:none;
}

.zhr-final-transition > *{
    position:relative;
    z-index:2;
}

.transition-final{
    font-size:clamp(1rem,1.6vw,1.35rem);
    letter-spacing:.06em;
    color:rgba(255,255,255,.92);
}


/* ========================================================= */
/* 52.01 — FINAL MESSAGE ACCESSIBILITY                        */
/* ========================================================= */

.zhr-naji-final-message{
    scroll-margin-top:80px;
}

.zhr-naji-final-message .section-label{
    line-height:1.8;
}

.zhr-naji-final-message h1{
    line-height:1.15;
    letter-spacing:-.025em;
}

.zhr-naji-final-message p{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}

.zhr-naji-final-message .final-message-emphasis{
    font-size:clamp(1.15rem,2vw,1.55rem);
    letter-spacing:.02em;
}


/* ========================================================= */
/* 52.02 — MOBILE FINAL REFINEMENT                            */
/* ========================================================= */

@media (max-width:700px){

    .zhr-naji-trust-security .trust-security-hero::after,
    .zhr-naji-future-protection .future-protection-hero::after,
    .zhr-naji-final-message .final-message-shell::after{
        inset:10px;
    }

    .security-foundation::after,
    .privacy-foundation::after,
    .trust-foundation::after{
        top:20px;
        right:20px;
    }

    .zhr-naji-final-message h1{
        line-height:1.22;
    }

    .transition-final{
        letter-spacing:.025em;
        line-height:1.9;
    }

}


/* ========================================================= */
/* 52.03 — END OF ZHR NAJI DEDICATED CSS                     */
/* ========================================================= */









/* ========================================================= */
/*                                                         */
/*       END OF ARS GLOBAL VISUAL DNA                      */
/*       START OF ARS COMPANY UNIQUE DESIGN                */
/*                                                         */
/* ========================================================= */